.bento-vignette--contact-flow{align-items:center;gap:4%;padding:8%;display:flex}.bento-vignette--contact-flow .v-form{box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:10px;flex-direction:column;flex:0 0 30%;gap:.5rem;padding:.75rem;display:flex}.bento-vignette--contact-flow .v-form i{background:var(--v-line);border-radius:3px;height:.5rem}.bento-vignette--contact-flow .v-form b{background:var(--v-accent);border-radius:5px;height:.9rem}.bento-vignette--contact-flow .v-flowlink{background:linear-gradient(to right, var(--v-line), var(--v-accent));flex:0 0 8%;height:2px}.bento-vignette--contact-flow .v-box{background:var(--v-soft);border-radius:10px;flex-direction:column;flex:1;gap:.5rem;padding:.875rem;display:flex;position:relative}.bento-vignette--contact-flow .v-box i{background:#ffffffd9;border-radius:3px;height:.5rem}.bento-vignette--contact-flow .v-dot{background:#34c759;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:12%;right:12%}.bento-vignette--inbox{justify-content:center;align-items:center;gap:8%;padding:8%;display:flex}.bento-vignette--inbox .v-in{flex-direction:column;flex:0 0 34%;gap:.5rem;display:flex}.bento-vignette--inbox .v-in i{height:1.1rem;box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:6px}.bento-vignette--inbox .v-in i:nth-child(2){width:88%}.bento-vignette--inbox .v-in i:nth-child(3){width:76%}.bento-vignette--inbox .v-stack{background:var(--v-ink);border-radius:8px;flex-direction:column;flex:0 0 24%;gap:.4rem;padding:.625rem;display:flex}.bento-vignette--inbox .v-stack i{background:#fff6;border-radius:3px;height:.4rem}.bento-vignette--analytics{align-items:flex-end;padding:8% 10%;display:flex}.bento-vignette--analytics .v-bars{align-items:flex-end;gap:6%;width:100%;height:100%;display:flex}.bento-vignette--analytics .v-bars i{height:var(--h,60%);background:var(--v-accent);transform-origin:bottom;border-radius:6px 6px 0 0;flex:1}.bento-vignette--conversion{justify-content:center;align-items:center;padding:10%;display:flex}.bento-vignette--conversion .v-dots{grid-template-columns:repeat(4,1fr);gap:.75rem;width:72%;display:grid}.bento-vignette--conversion .v-dots i{aspect-ratio:1;background:var(--v-soft);border-radius:50%}.bento-vignette--conversion .v-dots i.is-on{background:var(--v-accent)}.bento-vignette--qr-scan{align-items:center;gap:6%;padding:8%;display:flex}.bento-vignette--qr-scan .v-card{aspect-ratio:1/1.2;box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:10px;flex:0 0 34%;justify-content:center;align-items:center;display:flex}.bento-vignette--qr-scan .v-qr{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:4%;width:52%;display:grid}.bento-vignette--qr-scan .v-qr i{background:var(--v-ink);border-radius:4px}.bento-vignette--qr-scan .v-qr i:nth-child(3){background:var(--v-ink);opacity:.35;grid-column:span 2}.bento-vignette--qr-scan .v-flowlink{background:linear-gradient(to right, var(--v-line), var(--v-accent));flex:0 0 8%;height:2px}.bento-vignette--qr-scan .v-count{flex-direction:column;flex:1;gap:.5rem;display:flex}.bento-vignette--qr-scan .v-count b{background:var(--v-accent);border-radius:6px;width:60%;height:1.5rem}.bento-vignette--qr-scan .v-count i{background:var(--v-line);border-radius:3px;height:.4rem}.bento-vignette--validation{align-items:center;gap:6%;padding:8%;display:flex}.bento-vignette--validation .v-sheet-mini{aspect-ratio:3/4;box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:8px;flex:0 0 32%}.bento-vignette--validation .v-checks{flex:1;align-items:center;gap:10%;display:flex}.bento-vignette--validation .v-checks i{background:var(--v-soft);border-radius:50%;width:1.1rem;height:1.1rem}.bento-vignette--validation .v-checks i.is-on{background:var(--v-accent);box-shadow:0 0 0 4px #335cff2e}.bento-vignette--publish{justify-content:center;align-items:center;gap:8%;padding:8%;display:flex}.bento-vignette--publish .v-switch{background:var(--v-accent);border-radius:999px;flex:0 0 26%;align-items:center;padding:.4rem;display:flex}.bento-vignette--publish .v-switch i{background:#fff;border-radius:50%;width:1.4rem;height:1.4rem;margin-left:auto}.bento-vignette--publish .v-states{flex:1;gap:8%;display:flex}.bento-vignette--publish .v-state{aspect-ratio:3/4;border-radius:8px;flex:1}.bento-vignette--publish .v-state--off{background:var(--v-soft);opacity:.7}.bento-vignette--publish .v-state--on{box-shadow:inset 0 0 0 1px var(--v-line), 0 6px 16px #14142814;background:#fff}.bento-vignette--version-history{justify-content:center;align-items:center;padding:10%;display:flex}.bento-vignette--version-history .v-pile{aspect-ratio:3/4;width:52%;position:relative}.bento-vignette--version-history .v-pile i{box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:10px;position:absolute;inset:0}.bento-vignette--version-history .v-pile i:first-child{opacity:.6;transform:translate(-14%,-12%)scale(.92)}.bento-vignette--version-history .v-pile i:nth-child(2){opacity:.8;transform:translate(-7%,-6%)scale(.96)}.bento-vignette--version-history .v-pile__front{transform:translate(7%,6%);box-shadow:inset 0 0 0 1px var(--v-line), 0 8px 20px #1414281a!important}.bento-vignette--style-pack{justify-content:center;align-items:center;gap:8%;padding:8%;display:flex}.bento-vignette--style-pack .v-swatches{flex-direction:column;gap:.5rem;display:flex}.bento-vignette--style-pack .v-swatches i{background:var(--v-ink);border-radius:8px;width:2rem;height:2rem}.bento-vignette--style-pack .v-swatches i:nth-child(2){background:var(--v-accent)}.bento-vignette--style-pack .v-swatches i:nth-child(3){background:var(--v-soft)}.bento-vignette--style-pack .v-typo{flex-direction:column;gap:.5rem;display:flex}.bento-vignette--style-pack .v-typo b{letter-spacing:-.03em;color:var(--v-ink);font-size:2.25rem;font-weight:700;line-height:1}.bento-vignette--style-pack .v-typo i{background:var(--v-line);border-radius:3px;width:4rem;height:.5rem}.bento-vignette--text-blocks{align-items:center;padding:8%;display:flex}.bento-vignette--text-blocks .v-text{flex-direction:column;gap:.6rem;width:100%;display:flex}.bento-vignette--text-blocks .v-text i{background:var(--v-line);border-radius:3px;height:.5rem}.bento-vignette--text-blocks .v-text__title{background:#1414283d;width:58%;height:.9rem}.bento-vignette--text-blocks .v-text__short{width:66%}@media (prefers-reduced-motion:reduce){.bento-vignette *{transition:none!important;animation:none!important}}@media screen and (width<=767px){.bento-vignette--galerie .v-mosaic{gap:.375rem}}
