.loco-dropdown{--loco-dropdown-trigger-bg: #333333;--loco-dropdown-trigger-bg-hover: #444444;--loco-dropdown-trigger-border: transparent;--loco-dropdown-trigger-border-open: rgba(255, 255, 255, .12);--loco-dropdown-panel-bg: #1a1a1a;--loco-dropdown-panel-border: rgba(255, 255, 255, .12);--loco-dropdown-text: #ffffff;--loco-dropdown-accent: rgba(255, 255, 255, .08);--loco-dropdown-selected: rgba(255, 255, 255, .12);--loco-dropdown-trigger-height: 36px;--loco-dropdown-trigger-radius: 8px;--loco-dropdown-panel-radius: 10px;--loco-dropdown-font-size-label: .6875rem;--loco-dropdown-font-size-value: .6875rem;--loco-dropdown-font-size-option: .75rem;--loco-dropdown-focus-outline: rgba(255, 255, 255, .45);position:relative;width:100%;min-width:0}.loco-dropdown__trigger{display:flex;align-items:center;gap:4px;width:100%;padding:0 8px;background:var(--loco-dropdown-trigger-bg);border:1px solid var(--loco-dropdown-trigger-border);border-radius:var(--loco-dropdown-trigger-radius);cursor:pointer;color:inherit;font:inherit;text-align:left;transition:background-color .15s ease,border-color .15s ease}.loco-dropdown__trigger:hover,.loco-dropdown.is-open .loco-dropdown__trigger{background:var(--loco-dropdown-trigger-bg-hover)}.loco-dropdown.is-open .loco-dropdown__trigger{border-color:var(--loco-dropdown-trigger-border-open)}.loco-dropdown__trigger:focus-visible{outline:2px solid var(--loco-dropdown-focus-outline);outline-offset:1px}.loco-dropdown__label{flex-shrink:0;font-size:var(--loco-dropdown-font-size-label);font-weight:400;color:var(--loco-dropdown-text);white-space:nowrap;text-transform:capitalize}.loco-dropdown__aside{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-width:0}.loco-dropdown__value{flex:0 1 auto;min-width:0;font-size:var(--loco-dropdown-font-size-value);font-weight:var(--font-body-medium-weight, 600);color:var(--loco-dropdown-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loco-dropdown__swatch{flex-shrink:0;width:18px;height:18px;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 rgba(255,255,255,.15)}.loco-dropdown--color-meta .loco-dropdown__swatch{background-color:var(--option-color, #ccc);background-image:var(--option-color-image, none)}.loco-dropdown__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:#fff;pointer-events:none;transition:transform .2s ease}.loco-dropdown__arrow.is-open{transform:rotate(180deg)}.loco-dropdown__arrow svg{width:10px;height:10px;color:#fff}.loco-dropdown__arrow svg path{stroke:currentColor}.loco-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}.loco-dropdown__panel{position:absolute;left:0;z-index:20;width:max-content;min-width:100%;padding:4px;background:var(--loco-dropdown-panel-bg);border:1px solid var(--loco-dropdown-panel-border);border-radius:var(--loco-dropdown-panel-radius);box-shadow:0 -8px 24px #00000073}.loco-dropdown--panel-up .loco-dropdown__panel{bottom:calc(100% + 6px);animation:loco-dropdown-in-up .18s ease}.loco-dropdown--panel-down .loco-dropdown__panel{top:calc(100% + 6px);box-shadow:0 8px 24px #00000073;animation:loco-dropdown-in-down .18s ease}@keyframes loco-dropdown-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes loco-dropdown-in-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.loco-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}.loco-dropdown__list::-webkit-scrollbar{width:4px}.loco-dropdown__list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.loco-dropdown__item{margin:0;padding:0}.loco-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(--loco-dropdown-text);font-size:var(--loco-dropdown-font-size-option);font-weight:500;text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease}.loco-dropdown__option:hover,.loco-dropdown__option:focus-visible{background:var(--loco-dropdown-accent);outline:none}.loco-dropdown__option.is-selected{background:var(--loco-dropdown-selected);font-weight:600}.loco-dropdown__option.is-selected:after{content:"";flex-shrink:0;width:6px;height:10px;margin-left:auto;border-right:1.5px solid var(--loco-dropdown-text);border-bottom:1.5px solid var(--loco-dropdown-text);transform:rotate(45deg) translateY(-1px);opacity:.85}.loco-dropdown__option.is-disabled{cursor:not-allowed;opacity:.45}.loco-dropdown__option.is-disabled:hover,.loco-dropdown__option.is-disabled:focus-visible{background:transparent}.loco-dropdown__option-label{flex:0 1 auto;white-space:nowrap}.loco-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 rgba(255,255,255,.15)}.loco-dropdown__option-swatch--meta{background-color:var(--option-color, #ccc);background-image:var(--option-color-image, none)}
/*# sourceMappingURL=/cdn/shop/t/40/assets/loco-dropdown.css.map */