.sticky-variant-dropdown{--sticky-variant-dropdown-trigger-bg: #ffffff33;--sticky-variant-dropdown-trigger-bg-hover: #ffffff33;--sticky-variant-dropdown-trigger-border: transparent;--sticky-variant-dropdown-trigger-border-open: rgba(255, 255, 255, .12);--sticky-variant-dropdown-panel-bg: #ffffff;--sticky-variant-dropdown-panel-border: rgba(255, 255, 255, .12);--sticky-variant-dropdown-text: #000000;--sticky-variant-dropdown-accent: rgba(255, 255, 255, .08);--sticky-variant-dropdown-selected: rgba(255, 255, 255, .12);--sticky-variant-dropdown-trigger-height: 36px;--sticky-variant-dropdown-trigger-radius: 8px;--sticky-variant-dropdown-panel-radius: 10px;--sticky-variant-dropdown-font-size-label: 14px;--sticky-variant-dropdown-font-size-value: 14px;--sticky-variant-dropdown-font-size-option: 14px;--sticky-variant-dropdown-focus-outline: rgba(255, 255, 255, .45);position:relative;width:100%;min-width:0}.sticky-variant-dropdown__trigger{display:flex;align-items:center;gap:4px;width:100%;justify-content:space-between;cursor:pointer;font:inherit;text-align:left;transition:background-color .15s ease,border-color .15s ease}.sticky-variant-dropdown__trigger:hover,.sticky-variant-dropdown.is-open .sticky-variant-dropdown__trigger{background:var(--sticky-variant-dropdown-trigger-bg-hover)}.sticky-variant-dropdown.is-open .sticky-variant-dropdown__trigger{border-color:var(--sticky-variant-dropdown-trigger-border-open)}.sticky-variant-dropdown__trigger:focus-visible{outline:2px solid var(--sticky-variant-dropdown-focus-outline);outline-offset:1px}.sticky-variant-dropdown__label{flex-shrink:0;font-size:1.4rem;line-height:2rem;font-weight:400;white-space:nowrap;text-transform:capitalize}.sticky-variant-dropdown__aside{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-width:0}.sticky-variant-dropdown__value{flex:0 1 auto;min-width:0;font-size:1.6rem;line-height:2.4rem;color:var(--sticky-variant-dropdown-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-variant-dropdown__swatch{flex-shrink:0;width:18px;height:18px;background-color:var(--swatch-color, #ccc);background-image:var(--swatch-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.15)}.sticky-variant-dropdown--color-meta .sticky-variant-dropdown__swatch{background-color:var(--option-color, #ccc);background-image:var(--option-color-image, none)}.sticky-variant-dropdown__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:#000;pointer-events:none;transition:transform .2s ease}.sticky-variant-dropdown__arrow.is-open{transform:rotate(180deg)}.sticky-variant-dropdown__arrow svg{width:10px;height:10px;color:#000}.sticky-variant-dropdown__arrow svg path{stroke:currentColor}.sticky-variant-dropdown__native--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.sticky-variant-dropdown__panel{position:absolute;left:-10px;z-index:20;width:max-content;min-width:100px;padding:4px;background:var(--sticky-variant-dropdown-panel-bg);border:1px solid var(--sticky-variant-dropdown-panel-border);box-shadow:0 -8px 24px #00000073}.sticky-variant-dropdown--panel-up .sticky-variant-dropdown__panel{bottom:calc(100% + 6px);animation:sticky-variant-dropdown-in-up .18s ease}.sticky-variant-dropdown--panel-down .sticky-variant-dropdown__panel{top:calc(100% + 6px);box-shadow:0 8px 24px #00000073;animation:sticky-variant-dropdown-in-down .18s ease}@keyframes sticky-variant-dropdown-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sticky-variant-dropdown-in-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sticky-variant-dropdown__list{list-style:none;margin:0;padding:0;width:max-content;min-width:100%;max-height:min(220px,42vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.sticky-variant-dropdown__list::-webkit-scrollbar{width:4px}.sticky-variant-dropdown__list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.sticky-variant-dropdown__item{margin:0;padding:0}.sticky-variant-dropdown__option{display:flex;align-items:center;gap:8px;width:max-content;min-width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--sticky-variant-dropdown-text);font-size:var(--sticky-variant-dropdown-font-size-option);font-weight:500;text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease}.sticky-variant-dropdown__option:hover,.sticky-variant-dropdown__option:focus-visible{background:var(--sticky-variant-dropdown-accent);outline:none}.sticky-variant-dropdown__option.is-selected{background:var(--sticky-variant-dropdown-selected);font-weight:600}.sticky-variant-dropdown__option.is-selected:after{content:"";flex-shrink:0;width:6px;height:10px;margin-left:auto;border-right:1.5px solid var(--sticky-variant-dropdown-text);border-bottom:1.5px solid var(--sticky-variant-dropdown-text);transform:rotate(45deg) translateY(-1px);opacity:.85}.sticky-variant-dropdown__option.is-disabled{cursor:not-allowed;opacity:.45}.sticky-variant-dropdown__option.is-disabled:hover,.sticky-variant-dropdown__option.is-disabled:focus-visible{background:transparent}.sticky-variant-dropdown__option-label{flex:0 1 auto;white-space:nowrap}.sticky-variant-dropdown__option-swatch{flex-shrink:0;width:16px;height:16px;border-radius:3px;background-color:var(--swatch-color, #ccc);background-image:var(--swatch-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid #000000}.sticky-variant-dropdown__option-swatch--meta{background-color:var(--option-color, #ccc);background-image:var(--option-color-image, none)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/sticky-variant-dropdown.css.map */