.vg-design{background:var(--vg-design-background, #f6f8f8);padding:var(--vg-design-padding, 72px) var(--vg-gutter)}.vg-design [hidden]{display:none!important}.vg-design-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:76px;max-width:1152px;margin:0 auto}.vg-design-visual{margin:0;min-width:0}.vg-design-scene{display:flex;align-items:center;min-height:480px;aspect-ratio:1}.vg-design-box{position:relative;width:100%;mix-blend-mode:multiply}.vg-design .vg-design-box-photo{display:block;width:100%;height:auto}.vg-design .vg-design-overlay{position:absolute;top:23%;left:31%;width:38%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:sepia(.55) brightness(.62) contrast(1.15);opacity:.92}.vg-design-visual figcaption{padding:20px 0 0;font-size:12px;line-height:1.7;color:#69716d;text-align:center}.vg-design-content{min-width:0}.vg-design-eyebrow{font:400 12px/1.6 var(--vg-display);text-transform:uppercase;margin-bottom:16px!important;color:var(--vg-brand-color)}.vg-design .vg-design-content h2{font:600 var(--vg-design-title-size, 24px)/1.5 var(--vg-display);max-width:460px;overflow-wrap:anywhere}.vg-design-intro{font-size:14px;line-height:1.85;max-width:450px;margin:16px 0 26px!important;color:#626965}.vg-design-styles{border:0;padding:0;margin:0 0 22px;min-width:0}.vg-design-styles legend,.vg-design-form label{padding:0;margin-bottom:10px;font-size:12px;line-height:1.6;text-transform:uppercase}.vg-design-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.vg-design .vg-design-style{min-width:0;border:1px solid transparent;padding:4px 5px 8px;background:#fff}.vg-design .vg-design-style:hover{border-color:#a1aaa5}.vg-design .vg-design-style[aria-pressed=true]{border-color:var(--vg-brand-color)}.vg-design .vg-design-style img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.vg-design-style span{display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere;text-align:center}.vg-design .vg-design-style:disabled{cursor:wait;opacity:.6}.vg-design-note{font-size:12px;line-height:1.7;margin-bottom:20px!important;color:#626965}.vg-design-form{display:flex;flex-direction:column;gap:0}.vg-design .vg-design-form textarea{width:100%;max-width:100%;padding:12px;min-height:80px;resize:vertical;border:1px solid #cdd3cf;border-radius:0;background:#fff;color:#202120;font:400 16px/1.7 var(--vg-text);box-shadow:none}.vg-design .vg-design-generate{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:12px;padding:12px 16px;background:var(--vg-brand-color);color:#fff;font:600 13px/1.6 var(--vg-display);text-transform:uppercase}.vg-design .vg-design-generate:hover{background:var(--vg-brand-hover)}.vg-design .vg-design-generate:disabled{cursor:wait;opacity:.7}.vg-design-spinner{width:14px;height:14px;flex:0 0 14px;border:1px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:vg-design-spin 1s linear infinite}.vg-design-status{min-height:18px;margin-top:10px!important;color:#626965;font-size:13px;line-height:1.6}.vg-design-status[data-error=true]{color:#a42c2c}.vg-design-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:16px;border-top:1px solid #d9deda}.vg-design-claim{display:inline-flex;align-items:center;gap:12px;font-size:12px;line-height:1.7;text-transform:uppercase}.vg-design-claim:hover{text-decoration:underline;text-underline-offset:4px}.vg-design .material-symbols-outlined{width:22px;height:22px;flex:0 0 22px;font-size:22px;font-variation-settings:"wght" 200}.vg-design .vg-design-again{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px}.vg-design :is(button,a,textarea):focus-visible{outline:2px solid var(--vg-brand-color);outline-offset:3px}@keyframes vg-design-spin{to{transform:rotate(360deg)}}@media(max-width:1023px){.vg-design-inner{gap:32px}.vg-design-scene{min-height:0}}@media(max-width:767px){.vg-design{padding:44px 20px 52px}.vg-design-inner{grid-template-columns:minmax(0,1fr);gap:30px;max-width:520px}.vg-design-scene{aspect-ratio:5 / 4}.vg-design-visual figcaption{padding-top:0}.vg-design .vg-design-content h2{font-size:22px}.vg-design-intro{margin-bottom:24px!important}.vg-design .vg-design-form textarea{font-size:18px}}@media(prefers-reduced-motion:reduce){.vg-design-spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vg-design.css.map */