.custom-dropdown{position:relative;width:100%;font-size:1.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-dropdown__selected{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border:none;border-radius:4px;background-color:#f9f9f9;color:#221e1d;min-height:4.5rem;position:relative;z-index:1}.custom-dropdown__selected span{font-family:PublicSans;font-weight:300;font-size:12px}.custom-dropdown__selected:hover,.custom-dropdown.open .custom-dropdown__selected{border-color:rgba(var(--color-foreground),.75)}.custom-dropdown__caret{display:inline-flex;margin-left:1rem;transition:transform .3s ease;position:relative;width:20px;height:20px}.custom-dropdown__caret svg{display:none}.custom-dropdown__caret:after{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;border-right:2px solid rgba(var(--color-foreground),.75);border-bottom:2px solid rgba(var(--color-foreground),.75);transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}.custom-dropdown.open .custom-dropdown__caret:after{transform:translateY(-70%) rotate(225deg)}.custom-dropdown.open .custom-dropdown__caret svg{display:none}.custom-dropdown__options{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:0;overflow:hidden;background-color:#fff;border:none;border-radius:4px;border-top:none;opacity:0;transition:all .3s ease;box-shadow:#0000002e 0 .35rem .35rem -.125rem,#0000001f 0 .6rem .75rem,#0000001a 0 .25rem 1rem .1rem;scrollbar-width:none;-ms-overflow-style:none}.custom-dropdown.open .custom-dropdown__options{max-height:30rem;overflow-y:auto;opacity:1}.custom-dropdown__options::-webkit-scrollbar{display:none}.custom-dropdown__option{padding:1rem 1.6rem;display:flex;align-items:center;transition:background-color .2s ease;font-family:InterLight}.custom-dropdown__option:hover,.custom-dropdown__option:focus{background-color:#fff6f7;outline:none}.custom-dropdown__option.selected{background-color:#fff6f7;font-family:PublicSans}.dropdown-swatch-option{display:inline-block;width:var(--swatch-input--size, 2rem);height:var(--swatch-input--size, 2rem);margin-right:1rem;background:var(--swatch--background);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;flex-shrink:0}.product-form__input--dropdown .select{position:relative}.product-form__input--dropdown .select select{opacity:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media screen and (max-width: 749px){.custom-dropdown__selected{min-height:4rem;padding:.8rem 1.4rem}.custom-dropdown__option{padding:.8rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-dropdown.css.map */