subscription-select{--border-color: #d6d6d6;--border-radius: 4px;--item-padding: .5rem .6rem;--hover-color: #f2f2f2;--duration: var(--duration-default);display:block;position:relative;color:var(--color-navy);font-family:var(--font-caption-family);font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:.14px;background-color:var(--color-white);cursor:pointer;transition:all var(--duration) var(--ease-out-sine)}subscription-select:not([state=open]):hover{border-color:var(--color-navy)}subscription-select[state=open] .subscription-select__items{animation-name:slideIn}subscription-select[state=closed] .subscription-select__items{animation-name:slideOut}subscription-select[state=open] .subscription-select__label,subscription-select[state=closed] .subscription-select__label{border-bottom-color:transparent;border-bottom-right-radius:0;border-bottom-left-radius:0}subscription-select[state=open] svg{transform:rotate(180deg)}subscription-select svg{transition:all var(--duration) var(--ease-out-sine)}button.subscription-select__label{padding:var(--item-padding);display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius);border:1px solid var(--border-color);appearance:none;-webkit-appearance:none;width:100%;background-color:transparent;font:inherit;color:inherit;cursor:pointer;gap:.8rem}.subscription-select__label-text{flex:1}.subscription-select__label-text-inner{display:flex;align-items:center;justify-content:space-between}.subscription-select__savings{color:var(--color-faded);font-style:italic;font-size:1.2rem;display:none}.subscription-select__items{animation-duration:var(--duration);animation-fill-mode:both;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);transform:scaleY(0);transform-origin:center top;position:absolute;width:100%;background-color:var(--color-white);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.subscription-select__items .subscription-select__item:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.subscription-select__item{padding:var(--item-padding);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;flex:1}.subscription-select__item:hover{background-color:var(--hover-color)}@keyframes slideIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes slideOut{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media screen and (min-width: 390px){.subscription-select__savings{display:block}}@media screen and (min-width: 600px){.subscription-select__savings{font-size:1.4rem}subscription-select{--item-padding: .5rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/333/assets/component-subscription-select.css.map */