custom-dropdown{position:relative;width:100%;display:block}.custom-dropdown__button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.4rem;padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease}.custom-dropdown__button:hover,.custom-dropdown__button:focus-visible{border-color:rgb(var(--color-foreground));outline:none}.custom-dropdown__button--open .custom-dropdown__icon{transform:rotate(180deg)}.custom-dropdown__selected-text{flex:1}.custom-dropdown__icon{width:1.2rem;height:1.2rem;margin-inline-start:1rem;transition:transform .2s ease;flex-shrink:0}.custom-dropdown__icon svg{display:block;width:100%;height:100%}.custom-dropdown__menu{position:absolute;left:0;right:0;z-index:3;margin:0;padding:0;list-style:none;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2)}@media screen and (min-width:750px){.custom-dropdown__menu{top:calc(100% + .4rem);max-height:30rem;box-shadow:0 .4rem 1.6rem #0000001a;opacity:0;transform:translateY(-.8rem);transition:opacity var(--duration-default) var(--ease-out-slow),transform var(--duration-default) var(--ease-out-slow),visibility 0s linear var(--duration-default);pointer-events:none}.custom-dropdown__menu.is-visible{opacity:1;transform:translateY(0);transition:opacity var(--duration-default) var(--ease-out-slow),transform var(--duration-default) var(--ease-out-slow),visibility 0s linear 0s;pointer-events:auto}.custom-dropdown__menu[hidden]:not(.is-visible){display:block;opacity:0;pointer-events:none}}.custom-dropdown__menu[hidden]{display:none}.custom-dropdown__menu::-webkit-scrollbar{width:.6rem}.custom-dropdown__menu::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05)}.custom-dropdown__menu::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:.3rem}.custom-dropdown__menu::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}.custom-dropdown__option{display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;min-height:4.4rem;padding:1.2rem 1.6rem;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.custom-dropdown__option:hover,.custom-dropdown__option--focused{background-color:rgba(var(--color-foreground),.04)}.custom-dropdown__option[aria-selected=true]{background-color:rgba(var(--color-foreground),.08)}.custom-dropdown__option--unavailable{opacity:.5;cursor:not-allowed}.custom-dropdown__option--unavailable .custom-dropdown__option-label{text-decoration:line-through}.custom-dropdown__option-label{text-transform:uppercase}.custom-dropdown__option-inventory{text-align:right;white-space:nowrap}.custom-dropdown__low-stock{text-transform:uppercase}.custom-dropdown__sold-out{color:var(--color-foreground-muted);text-transform:uppercase}.custom-dropdown__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-background);z-index:1001;opacity:0;visibility:hidden;transition:opacity var(--duration-default) var(--ease-out-slow),visibility 0s linear var(--duration-default);pointer-events:none}div.custom-dropdown__overlay:empty{display:block}.custom-dropdown__overlay.is-visible{opacity:1;visibility:visible;transition:opacity var(--duration-default) var(--ease-out-slow),visibility 0s linear 0s;pointer-events:auto}@media screen and (max-width:749px){.custom-dropdown__menu{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:70vh;border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 1.6rem #0003;border-bottom:none;z-index:1002;transform:translateY(100%);transition:transform var(--duration-default) var(--ease-out-slow)}.custom-dropdown__menu.is-visible{transform:translateY(0)}}@media screen and (min-width:750px){div.custom-dropdown__overlay:empty{display:none}}@media screen and (min-width:750px){.custom-dropdown__menu.custom-dropdown--sheet{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:70vh;border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 1.6rem #0003;border-bottom:none;z-index:1002;transform:translateY(100%);transition:transform var(--duration-default) var(--ease-out-slow);opacity:1}.custom-dropdown__menu.custom-dropdown--sheet.is-visible{transform:translateY(0);opacity:1}div.custom-dropdown__overlay.is-reparented:empty{display:block}}@media(prefers-contrast:high){.custom-dropdown__button{border-width:.2rem}.custom-dropdown__option--focused{outline:.2rem solid;outline-offset:-.2rem}}@media(prefers-reduced-motion:reduce){.custom-dropdown__icon,.custom-dropdown__option,.custom-dropdown__button,.custom-dropdown__overlay,.custom-dropdown__menu{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-custom-dropdown.css.map */