variant-picker.custom-variant{--variant-surface: #ffffff;--variant-border: rgba(40, 34, 98, .12);--variant-text: #282262;--variant-muted: rgba(40, 34, 98, .6);--variant-accent: #d48bad;--variant-accent-light: rgba(212, 139, 173, .1);--variant-accent-strong: #c56e97;--variant-shadow: 0 2px 8px rgba(40, 34, 98, .08);--variant-shadow-hover: 0 4px 16px rgba(212, 139, 173, .2);display:block;width:100%;overflow:visible}variant-picker.custom-variant .variant-tabs-wrap{display:block;width:100%;overflow:visible}variant-picker.custom-variant .variant-filter-bar{display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;position:relative}variant-picker.custom-variant .variant-filter-bar[data-tab-count="1"]{display:flex}variant-picker.custom-variant .variant-filter-bar[data-tab-count="1"] .variant-tab{flex:1;max-width:100%}variant-picker.custom-variant .variant-filter-bar[data-tab-count="2"]{display:flex}variant-picker.custom-variant .variant-filter-bar[data-tab-count="2"] .variant-tab{flex:1;max-width:calc(50% - .25rem)}variant-picker.custom-variant .variant-filter-bar[data-tab-count="3"]{display:flex}variant-picker.custom-variant .variant-filter-bar[data-tab-count="3"] .variant-tab{flex:1;max-width:calc(33.333% - .35rem)}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true]{overflow-x:auto;padding-bottom:.5rem;scroll-padding:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--variant-accent) rgba(212,139,173,.1)}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true]::-webkit-scrollbar{height:4px;display:block}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true]::-webkit-scrollbar-track{background:#d48bad1a;border-radius:4px}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true]::-webkit-scrollbar-thumb{background:var(--variant-accent);border-radius:4px}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true] .variant-tab{flex-shrink:0;flex-grow:0;flex-basis:calc(28% - .35rem);min-width:calc(28% - .35rem);scroll-snap-align:start}variant-picker.custom-variant .variant-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1rem;border:1.5px solid rgba(40,34,98,.12);border-radius:.875rem;background:#fff;color:var(--variant-muted);cursor:pointer;transition:all .25s ease;font-family:inherit;font-size:.875rem;position:relative;box-shadow:0 1px 4px #2822620f}variant-picker.custom-variant .variant-tab:hover{border-color:#d48bad80;background:#fdf9fc;box-shadow:0 2px 8px #d48bad26}variant-picker.custom-variant .variant-tab.is-active{background:#fff5fa;padding:20px;border-radius:15px;border:solid 1px #f2d9e5;color:var(--variant-text);box-shadow:0 3px 12px #d48bad40}variant-picker.custom-variant .variant-tab:focus-visible{outline:2px solid var(--variant-accent);outline-offset:2px}variant-picker.custom-variant .variant-tab-icon{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--variant-accent);background:var(--variant-accent-light);border-radius:.4rem;padding:.2rem;transition:all .25s ease}variant-picker.custom-variant .variant-tab-icon svg{width:100%;height:100%}variant-picker.custom-variant .variant-tab:hover .variant-tab-icon{background:#d48bad33}variant-picker.custom-variant .variant-tab.is-active .variant-tab-icon{background:var(--variant-accent);color:#fff}variant-picker.custom-variant .variant-tab-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--variant-muted);transition:color .25s ease}variant-picker.custom-variant .variant-tab.is-active .variant-tab-label{color:var(--variant-accent)}variant-picker.custom-variant .variant-tab-value{font-size:.85rem;font-weight:600;color:var(--variant-text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}variant-picker.custom-variant .variant-panel{display:none;width:100%;max-width:100%;box-sizing:border-box;background:#fff5fa;padding:20px;border-radius:15px;border:solid 1px #f2d9e5;overflow:hidden}variant-picker.custom-variant .variant-panel.is-active{display:block}variant-picker.custom-variant .variant-panel[hidden]{display:none}variant-picker.custom-variant .variant-panel__footer{display:flex;justify-content:center;margin-top:1rem}variant-picker.custom-variant .variant-panel__dimensions-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:.85rem 1.4rem;border:1px solid #282262;border-radius:999px;background:#282262;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}variant-picker.custom-variant .variant-panel__dimensions-button:hover{background:#1f1a52;box-shadow:0 8px 18px #28226229;transform:translateY(-1px)}variant-picker.custom-variant .variant-panel__dimensions-button:focus-visible{outline:2px solid #d48bad;outline-offset:3px}variant-picker.custom-variant .opts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:100%;box-sizing:border-box}variant-picker.custom-variant .variant-panel--color .opts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.6rem;width:100%;max-width:100%;max-height:15.5rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:2px;scrollbar-width:thin;scrollbar-color:var(--variant-accent) rgba(212,139,173,.1)}variant-picker.custom-variant .variant-panel--color .opts-grid::-webkit-scrollbar{width:5px}variant-picker.custom-variant .variant-panel--color .opts-grid::-webkit-scrollbar-track{background:#d48bad14;border-radius:3px}variant-picker.custom-variant .variant-panel--color .opts-grid::-webkit-scrollbar-thumb{background:var(--variant-accent);border-radius:3px}variant-picker.custom-variant .opt-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .4rem;min-height:4.5rem;border:2px solid var(--variant-border);border-radius:.65rem;background:#fff;color:var(--variant-text);cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:center;box-sizing:border-box;width:100%}variant-picker.custom-variant .opt-card:hover{border-color:#d48bad80;background:#fdf9fc;transform:translateY(-2px);box-shadow:0 4px 12px #28226214}variant-picker.custom-variant .opt-card.is-selected{border-color:var(--variant-accent);background:#fdf5f9;box-shadow:0 4px 16px #d48bad33;transform:translateY(0)}variant-picker.custom-variant .opt-card.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;background:#f5f3f7;border-color:#28226214}variant-picker.custom-variant .opt-card.is-disabled:hover{border-color:#28226214;background:#f5f3f7;transform:none;box-shadow:none}variant-picker.custom-variant .opt-card:focus-visible{outline:2px solid var(--variant-accent);outline-offset:2px}variant-picker.custom-variant .opt-card-check{position:absolute;top:.3rem;right:.3rem;width:1.2rem;height:1.2rem;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .2s ease}variant-picker.custom-variant .opt-card.is-selected .opt-card-check{opacity:1;transform:scale(1);background:var(--variant-accent);color:#fff}variant-picker.custom-variant .opt-card-check svg{width:9px;height:9px}variant-picker.custom-variant .opt-card-swatch{width:100%;height:auto;border-radius:.4rem;overflow:hidden;border:1.5px solid var(--variant-border);flex-shrink:0;background:#f5f3f7;display:flex;align-items:center;justify-content:center;transition:all .2s ease}variant-picker.custom-variant .opt-card-swatch img{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1;display:block}variant-picker.custom-variant .opt-card.is-selected .opt-card-swatch{border-color:var(--variant-accent);box-shadow:0 0 0 2px #d48bad40}variant-picker.custom-variant .opt-card:hover .opt-card-swatch{border-color:#d48bad80}variant-picker.custom-variant .opt-card-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--variant-muted);background:var(--variant-accent-light);border-radius:.5rem;transition:all .2s ease}variant-picker.custom-variant .opt-card-icon svg{width:1.5rem;height:1.5rem}variant-picker.custom-variant .opt-card:hover .opt-card-icon{background:#d48bad26;color:var(--variant-accent)}variant-picker.custom-variant .opt-card.is-selected .opt-card-icon{background:#d48bad33;color:var(--variant-accent)}variant-picker.custom-variant .opt-card-name{font-size:.65rem;font-weight:600;line-height:1.2;color:var(--variant-text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}variant-picker.custom-variant .opt-card--color .opt-card-name{font-size:.6rem}@media screen and (max-width:749px){variant-picker.custom-variant .variant-filter-bar{gap:.5rem;margin-bottom:1rem}variant-picker.custom-variant .variant-filter-bar[data-tab-count="2"] .variant-tab{max-width:calc(50% - .25rem)}variant-picker.custom-variant .variant-filter-bar[data-tab-count="3"] .variant-tab{max-width:calc(33.333% - .35rem)}variant-picker.custom-variant .variant-filter-bar[data-tabs-overflow=true] .variant-tab{flex-basis:calc(28% - .35rem);min-width:calc(28% - .35rem)}variant-picker.custom-variant .variant-tab{flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;gap:.5rem;border-radius:.75rem;min-height:80px}variant-picker.custom-variant .variant-tab-icon{width:1.75rem;height:1.75rem;padding:.25rem}variant-picker.custom-variant .variant-tab-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;min-width:0}variant-picker.custom-variant .variant-tab-label{font-size:.6rem;letter-spacing:.04em;text-align:center}variant-picker.custom-variant .variant-tab-value{font-size:.65rem;max-width:100%;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}variant-picker.custom-variant .opts-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}variant-picker.custom-variant .variant-panel--color .opts-grid{grid-template-columns:repeat(5,1fr);gap:.4rem;padding:2px}variant-picker.custom-variant .opt-card{padding:.5rem .3rem;min-height:3.75rem;gap:.3rem;border-radius:.5rem}variant-picker.custom-variant .opt-card-swatch{width:100%;height:auto;border-radius:.35rem}variant-picker.custom-variant .opt-card-icon{width:2rem;height:2rem;border-radius:.4rem}variant-picker.custom-variant .opt-card-icon svg{width:1.15rem;height:1.15rem}variant-picker.custom-variant .opt-card-name{font-size:.55rem}variant-picker.custom-variant .opt-card--color .opt-card-name{font-size:.5rem}variant-picker.custom-variant .opt-card-check{width:1rem;height:1rem;top:.2rem;right:.2rem}variant-picker.custom-variant .opt-card-check svg{width:7px;height:7px}}@media screen and (min-width:750px)and (max-width:989px){variant-picker.custom-variant .variant-filter-bar{gap:.5rem}variant-picker.custom-variant .variant-tab{padding:.7rem .875rem;gap:.5rem}variant-picker.custom-variant .variant-tab-icon{width:1.5rem;height:1.5rem}variant-picker.custom-variant .variant-panel--color .opts-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}variant-picker.custom-variant .opts-grid{gap:.6rem}}@media screen and (min-width:990px){variant-picker.custom-variant .variant-filter-bar{gap:.6rem}variant-picker.custom-variant .variant-tab{padding:.8rem 1.125rem;gap:.65rem}variant-picker.custom-variant .variant-tab-icon{width:1.7rem;height:1.7rem}variant-picker.custom-variant .variant-panel--color .opts-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/variant-option.css.map */