.variant-select{display:block;position:relative;-webkit-user-select:none;user-select:none}.variant-select__control{display:none}.variant-select__head{align-items:center;background-color:#fff;border-color:var(--color-input);border-radius:var(--border-radius);border-style:solid;box-shadow:0 .08rem .42rem #0000000d;color:var(--text-color);cursor:pointer;display:flex;font-family:var(--font-body);line-height:1.5;gap:.75rem;padding:.5rem 2rem .5rem 1rem;position:relative;text-align:left;transition-duration:var(--speed);transition-property:background-color,border-color,box-shadow;width:100%;z-index:10}.variant-select__head:active{background-color:#eee}.variant-select__head:hover:not(:active){border-color:var(--color-input-darker);box-shadow:0 0 0 var(--hover-size) var(--hover-color)}.variant-select__head .variant-select__arrow{position:absolute;right:1rem;transition-duration:var(--speed);transition-property:transform;width:2rem}.variant-select__list-item{border-bottom:1px solid #ddd}.variant-select__list-item:last-child{border-bottom:0}.variant-select__menu{background-color:#fff;border:1px solid #ddd;border-radius:var(--border-radius);border-top:0;box-shadow:0 0 .5rem #00000026;list-style:none;margin:0;max-height:24rem;overflow-y:auto;padding:var(--hover-size) 0;position:absolute;visibility:hidden;width:100%}.variant-select__option{align-items:center;background:transparent;border-color:transparent;border-style:solid;color:var(--text-color);cursor:pointer;display:flex;font-family:var(--font-body);line-height:1.5;gap:.5rem;padding:.5rem 1rem;text-align:left;transition-duration:var(--speed);transition-property:background-color;width:100%}.variant-select__option .variant-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.variant-select__option:hover{background-color:var(--hover-color)}.variant-select__option--selected{background-color:var(--color-primary-watercolor);color:var(--color-primary);fill:var(--color-primary)}.variant-select__option--selected .variant-swatch__icon{fill:var(--color-primary)}.variant-select__option--sold-out{background-color:#efefef;color:#888}.variant-select--active .variant-select__head{border-color:var(--color-input-darker);z-index:30}.variant-select--active .variant-select__arrow{transform:rotate(180deg)}.variant-select--active .variant-select__menu{visibility:visible;z-index:60}
/*# sourceMappingURL=/cdn/shop/t/35/assets/variant-select.css.map */