.variant-dropdown--custom .select__select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}.variant-dropdown--custom .select .svg-wrapper,.variant-dropdown--custom .svg-wrapper,.product-form__input--dropdown .variant-dropdown--custom .svg-wrapper{display:none!important}.variant-dropdown{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.variant-dropdown__trigger{display:flex;align-items:center;width:100%;height:100%;padding:0 4rem 0 2rem;font-family:var(--font-heading-family);font-size:14px;font-weight:400;color:#000;background-color:#fff;border:none;cursor:pointer;text-align:left}.variant-dropdown__trigger:focus{outline:none}.variant-dropdown__selected{flex:1}.variant-dropdown__arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;pointer-events:none;transition:transform .2s ease}.variant-dropdown.is-open .variant-dropdown__arrow{transform:translateY(-50%) rotate(180deg)}.variant-dropdown__arrow svg{width:100%;height:100%}.variant-dropdown__list{position:absolute;top:100%;left:-1px;right:-1px;z-index:100;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #000000;border-top:none;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .25s ease,opacity .2s ease,visibility .2s ease}.variant-dropdown.is-open .variant-dropdown__list{max-height:20rem;overflow-y:auto;opacity:1;visibility:visible}.variant-dropdown__option{display:flex;align-items:center;position:relative;width:100%;height:5rem;padding:0 2.1rem;font-family:var(--font-heading-family);font-size:14px;font-weight:400;color:#000;background-color:#fff;border-top:1px solid #e5e5e5;cursor:pointer;transition:background-color .15s ease}.variant-dropdown__option:first-child{border-top:none}.variant-dropdown__option:hover{background-color:#f5f5f5}.variant-dropdown__option:focus{outline:none;background-color:#f5f5f5}.variant-dropdown__option.is-selected{background-color:#000;color:#fff}.variant-dropdown__option.is-selected:hover{background-color:#222}.variant-dropdown__option.is-unavailable{color:#999;cursor:not-allowed;position:relative}.variant-dropdown__option.is-unavailable:after{content:"";position:absolute;left:1.5rem;right:1.5rem;top:50%;height:1px;background-color:#999;transform:rotate(0);pointer-events:none}.variant-dropdown__option.is-unavailable:hover{background-color:#fff}.variant-dropdown__option.is-unavailable--diagonal:after{left:2rem;width:3rem;transform:rotate(-15deg)}@media screen and (max-width:749px){.variant-dropdown__trigger{font-size:14px}.variant-dropdown__option{height:5rem;font-size:14px}}@media screen and (max-width:480px){.variant-dropdown__trigger{font-size:14px}.variant-dropdown__option{height:5rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-variant-dropdown.css.map */