.vv-variant-picker-modal{--vv-picker-accent: #df3f78;width:min(440px,calc(100vw - 32px));max-width:440px;max-height:min(82vh,720px);padding:0;overflow:hidden;color:#27151c;background:#fff;border:1px solid rgba(55,30,39,.12);border-radius:20px;box-shadow:0 22px 75px #1a0a113d}.vv-variant-picker-modal::backdrop{background:#1e10168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.vv-variant-picker-modal__panel{position:relative;max-height:min(82vh,720px);padding:24px;overflow:auto;overscroll-behavior:contain}.vv-variant-picker-modal__close{position:absolute;z-index:1;top:14px;right:14px;display:grid;width:38px;height:38px;place-items:center;padding:0 0 3px;color:#4f3d44;background:#f8f3f5;border:1px solid #eee3e8;border-radius:50%;font:300 30px/1 Arial,sans-serif;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.vv-variant-picker-modal__close:hover{color:#fff;background:var(--vv-picker-accent);transform:rotate(90deg)}.vv-variant-picker-modal__product{display:flex;align-items:center;gap:14px;min-height:72px;padding-right:42px;margin-bottom:20px}.vv-variant-picker-modal__product[hidden],.vv-variant-picker-modal__image[hidden],.vv-variant-picker-modal__options:empty{display:none}.vv-variant-picker-modal__image{flex:0 0 72px;width:72px;height:72px;object-fit:contain;background:#faf7f8;border:1px solid #f0e7eb;border-radius:12px}.vv-variant-picker-modal__eyebrow{margin:0 0 4px;color:#927d86;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.vv-variant-picker-modal__title{margin:0;color:#27151c;font-size:18px;font-weight:650;line-height:1.35}.vv-variant-picker-modal__status{margin:0 0 14px;color:#6e5d65;font-size:14px;line-height:1.5}.vv-variant-picker-modal__status:empty{display:none}.vv-variant-picker-modal__status.is-error{color:#a12742}.vv-variant-picker-modal__options{display:grid;gap:9px}.vv-variant-picker-modal__option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;padding:12px 15px;color:#34232a;text-align:left;background:#fff;border:1px solid #e9dfe4;border-radius:12px;font:inherit;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.vv-variant-picker-modal__option:hover,.vv-variant-picker-modal__option:focus-visible{background:#fff7fa;border-color:var(--vv-picker-accent);box-shadow:0 0 0 3px #df3f781f;outline:0;transform:translateY(-1px)}.vv-variant-picker-modal__option:disabled{color:#a99da2;background:#f8f6f7;cursor:not-allowed}.vv-variant-picker-modal__option-name{min-width:0;font-size:14px;font-weight:550;line-height:1.35}.vv-variant-picker-modal__option-price{flex:0 0 auto;color:#7c2347;font-size:14px;font-weight:700;white-space:nowrap}.vv-variant-picker-modal__option:disabled .vv-variant-picker-modal__option-price{color:#a99da2}@media(max-width:480px){.vv-variant-picker-modal{width:calc(100vw - 24px);max-height:min(86vh,720px);border-radius:17px}.vv-variant-picker-modal__panel{max-height:min(86vh,720px);padding:20px 17px}}@media(prefers-reduced-motion:reduce){.vv-variant-picker-modal__close,.vv-variant-picker-modal__option{transition:none}}.vv-variant-picker-modal__panel{display:flex;flex-direction:column;overflow:hidden}.vv-variant-picker-modal__product,.vv-variant-picker-modal__status{flex:0 0 auto}.vv-variant-picker-modal__options{flex:0 1 auto;gap:8px;max-height:min(42vh,360px);min-height:0;padding:2px 4px 2px 1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#df3f78 #f6e9ee;scrollbar-width:thin}.vv-variant-picker-modal__option{justify-content:flex-start;gap:12px;min-height:72px;padding:7px 12px;box-shadow:0 1px 2px #27151c08}.vv-variant-picker-modal__option:hover,.vv-variant-picker-modal__option:focus-visible{transform:none}.vv-variant-picker-modal__option.is-selected{background:#fff4f8;border-color:var(--vv-picker-accent);box-shadow:0 0 0 2px #df3f7821}.vv-variant-picker-modal__option-image{flex:0 0 56px;width:56px;height:56px;object-fit:contain;background:#faf7f8;border:1px solid #f0e7eb;border-radius:9px}.vv-variant-picker-modal__option-name{flex:1 1 auto}.vv-variant-picker-modal__selection{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-height:120px;padding:11px;margin-top:12px;background:#fbf7f9;border:1px solid #f0e7eb;border-radius:14px}.vv-variant-picker-modal__selection[hidden],.vv-variant-picker-modal__preview-image[hidden]{display:none}.vv-variant-picker-modal__preview-image{flex:0 0 96px;width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid #f0e7eb;border-radius:11px}.vv-variant-picker-modal__selection-copy{display:grid;gap:5px;min-width:0}.vv-variant-picker-modal__selection-label{color:#927d86;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.vv-variant-picker-modal__selection-name{color:#27151c;font-size:15px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.vv-variant-picker-modal__selection-price{color:#7c2347;font-size:14px;font-weight:700}.vv-variant-picker-modal__footer{flex:0 0 auto;padding-top:14px;margin-top:14px;border-top:1px solid #f0e7eb}.vv-variant-picker-modal__confirm{display:block;width:100%;min-height:54px;padding:13px 18px;color:#fff;background:#e83f78;border:0;border-radius:13px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.vv-variant-picker-modal__confirm:not(:disabled):hover,.vv-variant-picker-modal__confirm:not(:disabled):focus-visible{background:#c92d64;box-shadow:0 5px 16px #df3f783d;outline:0}.vv-variant-picker-modal__confirm:disabled{background:#e9a2ba;cursor:not-allowed}.vv-variant-picker-modal__options::-webkit-scrollbar{width:6px}.vv-variant-picker-modal__options::-webkit-scrollbar-track{background:#f6e9ee;border-radius:99px}.vv-variant-picker-modal__options::-webkit-scrollbar-thumb{background:#df3f78;border-radius:99px}@media(max-width:480px){.vv-variant-picker-modal__options{max-height:min(36vh,300px)}.vv-variant-picker-modal__selection{min-height:104px;gap:11px}.vv-variant-picker-modal__preview-image{flex-basis:80px;width:80px;height:80px}.vv-variant-picker-modal__option{gap:10px;min-height:66px;padding:6px 9px}.vv-variant-picker-modal__option-image{flex-basis:50px;width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.vv-variant-picker-modal__confirm{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vv-variant-picker-modal.css.map */