.subscription-toggle__box{display:block;padding:.75rem 1rem;border:1.5px solid rgba(var(--color-foreground),.2);border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent}.subscription-toggle__box:hover{border-color:rgba(var(--color-foreground),.4)}.subscription-toggle__checkbox{position:absolute;opacity:0;pointer-events:none}.subscription-toggle__box.is-checked{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button))}.subscription-toggle__box.is-checked .subscription-toggle__content{color:rgb(var(--color-foreground))}.subscription-toggle__box.is-checked .subscription-toggle__check{opacity:1;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.subscription-toggle__content{display:flex;align-items:center;gap:.75rem;font-size:13px;font-weight:500;color:rgb(var(--color-foreground));transition:color .2s ease}.subscription-toggle__check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1.5px solid rgba(var(--color-foreground),.3);background:transparent;flex-shrink:0;opacity:.5;transition:all .2s ease}.subscription-toggle__check-icon{width:14px;height:14px}.subscription-toggle__text{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1}.subscription-toggle__title{font-weight:600}.subscription-toggle__discount{display:inline-block;padding:3px 8px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.2;transition:all .2s ease;white-space:nowrap;min-width:60px;text-align:center}.subscription-toggle--card{margin-bottom:0}.subscription-toggle--cart{margin-top:.75rem}.subscription-toggle--cart .subscription-toggle__box{padding:.6rem .8rem}.subscription-toggle--cart .subscription-toggle__content{font-size:12px}.subscription-toggle--cart .subscription-toggle__check{width:18px;height:18px}.subscription-toggle--cart .subscription-toggle__check-icon{width:12px;height:12px}.subscription-toggle--cart .subscription-toggle__discount{font-size:10px;padding:2px 6px;min-width:auto}@media screen and (max-width: 749px){.subscription-toggle__box{padding:.6rem .8rem}.subscription-toggle__content{font-size:12px;gap:.5rem}.subscription-toggle__check{width:18px;height:18px}.subscription-toggle__check-icon{width:12px;height:12px}.subscription-toggle__discount{font-size:10px;padding:2px 6px}}.frequency-dropdown{position:relative}.frequency-dropdown__label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground))}.frequency-dropdown__select{position:relative}.frequency-dropdown__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .8rem;background:transparent;border:1.5px solid rgba(var(--color-foreground),.2);border-radius:6px;font-size:13px;font-weight:500;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;text-align:left}.frequency-dropdown__toggle:hover{border-color:rgba(var(--color-foreground),.4)}.frequency-dropdown__toggle:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 2px rgba(var(--color-button),.1)}.frequency-dropdown__toggle[aria-expanded=true]{border-color:rgb(var(--color-button))}.frequency-dropdown__toggle[aria-expanded=true] .frequency-dropdown__icon{transform:rotate(180deg)}.frequency-dropdown__value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frequency-dropdown__icon{flex-shrink:0;margin-left:.5rem;transition:transform .2s ease;color:rgba(var(--color-foreground),.6)}.frequency-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.2);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:10;margin:0;padding:.25rem 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.frequency-dropdown__select[data-open] .frequency-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.frequency-dropdown__option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;font-size:13px;color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s ease}.frequency-dropdown__option:hover{background:rgba(var(--color-foreground),.05)}.frequency-dropdown__option:focus{outline:none;background:rgba(var(--color-button),.1)}.frequency-dropdown__option--selected{font-weight:600;color:rgb(var(--color-button));background:rgba(var(--color-button),.08)}.frequency-dropdown__option--selected:hover{background:rgba(var(--color-button),.12)}.cart-item__subscription-ui{display:flex;flex-direction:row;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-foreground),.1);width:100%;align-items:center}.cart-item__subscription-ui:empty{display:none;margin-top:0;padding-top:0;border-top:none}.cart-item__subscription-ui .frequency-dropdown,.cart-item__subscription-ui .subscription-toggle{display:flex;flex-direction:column;gap:.5rem;width:50%}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-subscription-ui.css.map */