.bento-vignette{--v-ink:var(--_colors---bleu-nuit);--v-accent:var(--_colors---primary-base);--v-soft:#e9eaf7;--v-line:#1414281a;--v-gap:6%}.bento-vignette--site-generation{justify-content:space-between;align-items:center;gap:var(--v-gap);padding:7%;display:flex}.bento-vignette--site-generation .v-brief{background:var(--v-soft);border-radius:10px;flex-direction:column;flex:0 0 16%;gap:.5rem;padding:.75rem;display:flex}.bento-vignette--site-generation .v-brief i{background:var(--v-line);border-radius:3px;height:.375rem}.bento-vignette--site-generation .v-brief i:first-child{background:#1414283d;width:68%}.bento-vignette--site-generation .v-pass{flex-direction:column;flex:0 0 9%;gap:.75rem;display:flex}.bento-vignette--site-generation .v-pass i{background:var(--v-accent);opacity:.85;border-radius:8px;height:1.75rem}.bento-vignette--site-generation .v-sheet{height:82%;box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:12px;flex-direction:column;flex:48%;gap:.625rem;padding:1rem;display:flex}.bento-vignette--site-generation .v-sheet__hero{background:var(--v-soft);border-radius:8px;flex:1.4}.bento-vignette--site-generation .v-sheet__row{flex:1;gap:.625rem;display:flex}.bento-vignette--site-generation .v-sheet__row i{background:var(--v-soft);border-radius:6px;flex:1}.bento-vignette--site-generation .v-sheet__band{background:var(--v-soft);border-radius:6px;flex:.7}.bento-vignette--one-page{justify-content:center;align-items:center;padding:6%;display:flex}.bento-vignette--one-page .v-browser{width:62%;height:86%;box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.bento-vignette--one-page .v-browser__bar{background:var(--v-soft);height:9%}.bento-vignette--one-page .v-browser__sheet{flex-direction:column;flex:1;gap:.5rem;padding:.875rem;display:flex}.bento-vignette--one-page .v-zone{background:var(--v-soft);border-radius:6px}.bento-vignette--one-page .v-zone--hero{flex:1.6}.bento-vignette--one-page .v-zone--half{flex:1}.bento-vignette--one-page .v-zone--band{flex:.7}.bento-vignette--responsive-devices{flex-wrap:wrap;place-content:flex-end center;align-items:flex-end;gap:.55rem 9%;padding:7% 8%;display:flex}.bento-vignette--responsive-devices .v-device{box-sizing:border-box;--v-device-bezel:.26rem;--v-device-r:10px;padding:var(--v-device-bezel);background:var(--v-ink);border-radius:var(--v-device-r);flex-direction:column;display:flex;overflow:hidden}.bento-vignette--responsive-devices .v-device i{border-radius:max(2px, calc(var(--v-device-r) - var(--v-device-bezel)));background:var(--v-soft);flex:auto;width:100%;min-height:0;display:block}.bento-vignette--responsive-devices .v-device--phone>i,.bento-vignette--responsive-devices .v-device--tablet>i{position:relative}.bento-vignette--responsive-devices .v-device--phone>i:before,.bento-vignette--responsive-devices .v-device--tablet>i:before{content:"";background:#1e213a38;border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:.32rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1e213a1f}.bento-vignette--responsive-devices .v-device--phone{aspect-ratio:9/16;--v-device-r:12px;flex:none;width:22%;height:auto}.bento-vignette--responsive-devices .v-device--tablet{aspect-ratio:3/4;flex:none;width:30%;height:auto}.bento-vignette--responsive-devices .v-device--desktop{aspect-ratio:16/10;flex:0 0 100%;width:min(76%,12.5rem);height:auto;margin-inline:auto}.bento-poster__grid .bento-card.bento-poster__devices{gap:.5rem;min-height:0}.bento-poster__grid .bento-card.bento-poster__devices .bento-card__title,.bento-poster__grid .bento-card.bento-poster__devices .bento-card__body{flex:none}.bento-poster__grid .bento-card.bento-poster__devices .bento-card__title{margin-top:auto}.bento-poster__grid .bento-card.bento-poster__devices .bento-vignette--responsive-devices{aspect-ratio:auto;flex:auto;align-content:center;min-height:8.5rem;padding:5% 6%;overflow:clip}.bento-poster__grid .bento-card.bento-poster__devices .v-device--phone{width:20%}.bento-poster__grid .bento-card.bento-poster__devices .v-device--tablet{width:28%}.bento-poster__grid .bento-card.bento-poster__devices .v-device--desktop{width:min(68%,10.25rem)}@media screen and (width<=767px){.bento-poster__grid .bento-card.bento-poster__devices .bento-vignette--responsive-devices{min-height:9rem}}.bento-vignette--galerie{padding:6%}.bento-vignette--galerie .v-mosaic{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;height:100%;display:grid}.bento-vignette--galerie .v-tile{background:var(--v-soft);border-radius:8px}.bento-vignette--galerie .v-tile--a{background:var(--v-ink);opacity:.86;grid-area:span 2/span 2}.bento-vignette--galerie .v-tile--b{background:var(--v-accent);opacity:.5}.bento-vignette--galerie .v-tile--d{background:var(--v-ink);opacity:.28}.bento-vignette--editor{gap:var(--v-gap);padding:7%;display:flex}.bento-vignette--editor .v-page{box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:.75rem;padding:1rem;display:flex}.bento-vignette--editor .v-page i{background:var(--v-line);border-radius:3px;height:.5rem}.bento-vignette--editor .v-page i:first-child{width:72%}.bento-vignette--editor .v-page i:nth-child(3){width:54%}.bento-vignette--editor .v-line--active{background:#335cff40;width:88%;box-shadow:0 0 0 2px #335cff59}.bento-vignette--editor .v-panel{background:var(--v-soft);border-radius:10px;flex-direction:column;flex:0 0 20%;gap:.5rem;padding:.75rem;display:flex}.bento-vignette--editor .v-panel i{background:var(--v-line);border-radius:3px;height:.4rem}.bento-vignette--domain{flex-direction:column;justify-content:center;align-items:center;gap:8%;padding:8%;display:flex}.bento-vignette--domain .v-urlpage{background:var(--v-soft);opacity:.7;border-radius:10px;position:absolute;inset:12% 16% 32%}.bento-vignette--domain .v-urlbar{background:#fff;border-radius:12px;align-items:center;gap:.5rem;width:86%;padding:.75rem 1rem;display:flex;position:relative;box-shadow:0 6px 18px #1414281a}.bento-vignette--domain .v-lock{background:var(--v-ink);border-radius:3px;flex:none;width:.7rem;height:.7rem}.bento-vignette--domain .v-url{background:var(--v-line);border-radius:3px;flex:1;height:.5rem}.bento-vignette--domain .v-status{background:#34c759;border-radius:50%;flex:none;width:.55rem;height:.55rem}.bento-vignette--local-map{justify-content:center;align-items:center;padding:6%;display:flex}.bento-vignette--local-map .v-plan{gap:.75rem;width:100%;height:100%;display:flex}.bento-vignette--local-map .v-block{background:var(--v-soft);border-radius:10px;flex:1}.bento-vignette--local-map .v-block--b{opacity:.6}.bento-vignette--local-map .v-zones{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bento-vignette--local-map .v-zones i{background:#335cff24;border-radius:50%;position:absolute}.bento-vignette--local-map .v-zones i:first-child{aspect-ratio:1;width:46%}.bento-vignette--local-map .v-zones i:last-child{aspect-ratio:1;background:#335cff33;width:28%}.bento-vignette--local-map .v-pin{background:var(--v-accent);border-radius:50% 50% 50% 0;width:1.1rem;height:1.1rem;position:absolute;transform:rotate(-45deg)}.bento-vignette--search-result{align-items:center;gap:var(--v-gap);padding:7%;display:flex}.bento-vignette--search-result .v-preview{box-shadow:inset 0 0 0 1px var(--v-line);background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:.5rem;padding:.875rem;display:flex}.bento-vignette--search-result .v-preview__img{background:var(--v-soft);border-radius:8px;flex:1.3}.bento-vignette--search-result .v-preview__title{background:#14142838;border-radius:4px;flex:.5;width:82%}.bento-vignette--search-result .v-preview__desc{background:var(--v-line);border-radius:4px;flex:.4}.bento-vignette--search-result .v-preview__desc--short{width:64%}.bento-vignette--search-result .v-labels{flex-direction:column;flex:0 0 30%;gap:.5rem;display:flex}.bento-vignette--search-result .v-labels i{background:var(--v-soft);color:var(--v-ink);white-space:nowrap;border-radius:6px;padding:.3rem .5rem;font-size:.6875rem;font-style:normal}.bento-vignette--search-console{gap:var(--v-gap);padding:8%;display:flex}.bento-vignette--search-console .v-metric{background:var(--v-soft);border-radius:10px;flex:1;align-items:flex-end;padding:.75rem;display:flex}.bento-vignette--search-console .v-metric__shape{background:var(--v-accent);border-radius:6px 6px 0 0;width:40%}.bento-vignette--search-console .v-metric__shape--a{height:58%}.bento-vignette--search-console .v-metric__shape--b{height:82%}