.price-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:50px;font-size:.875rem;white-space:nowrap}.price-toggle-label{color:rgba(var(--color-foreground),.5);transition:color .2s ease,font-weight .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.price-toggle-label.is-active{color:rgb(var(--color-foreground));font-weight:600}.price-toggle-label small{font-weight:400;opacity:.7}.price-toggle-switch{position:relative;width:44px;height:24px;background:rgba(var(--color-foreground),.15);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.price-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.price-toggle-switch[aria-checked=true]{background:rgb(var(--color-button))}.price-toggle-switch[aria-checked=true]:after{transform:translate(20px)}.price-toggle-switch:hover{background:rgba(var(--color-foreground),.25)}.price-toggle-switch[aria-checked=true]:hover{opacity:.9}.price-toggle-switch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.price-container{display:flex;flex-direction:column;gap:.25rem}.price-monthly{display:flex;align-items:baseline;gap:.25rem;transition:opacity .2s ease,transform .2s ease}.price-monthly__amount{font-size:1.25rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.price-monthly__period{font-size:.875rem;color:rgba(var(--color-foreground),.7);font-weight:400}.price-onetime{display:flex;align-items:baseline;gap:.25rem;transition:opacity .2s ease,transform .2s ease}.price-onetime__amount{font-size:1.25rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.price-secondary{font-size:.75rem;color:rgba(var(--color-foreground),.6);line-height:1.3}.price-trust-badge{display:inline-flex;align-items:center;gap:.375rem;margin-top:.375rem;padding:.25rem .625rem;background:#e8f5e9;color:#2e7d32;border-radius:4px;font-size:.6875rem;font-weight:500;width:fit-content}.price-trust-badge svg{flex-shrink:0}[data-price-mode=monthly] .price-monthly{order:-1}[data-price-mode=monthly] .price-monthly__amount{font-size:1.25rem;font-weight:700}[data-price-mode=monthly] .price-onetime{font-size:.75rem;opacity:.6}[data-price-mode=monthly] .price-onetime__amount{font-size:.75rem;font-weight:400}[data-price-mode=monthly] .show-when-onetime{display:none!important}[data-price-mode=monthly] .show-when-monthly{display:flex}[data-price-mode=onetime] .price-onetime{order:-1}[data-price-mode=onetime] .price-onetime__amount{font-size:1.25rem;font-weight:700}[data-price-mode=onetime] .price-monthly{font-size:.75rem;opacity:.6}[data-price-mode=onetime] .price-monthly__amount{font-size:.75rem;font-weight:400}[data-price-mode=onetime] .price-monthly__period{font-size:.75rem}[data-price-mode=onetime] .show-when-monthly{display:none!important}[data-price-mode=onetime] .show-when-onetime{display:flex}.price-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:.375rem}.price-toggle__heading{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground));opacity:.6;line-height:1}.price-toggle__info-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:rgb(var(--color-foreground));opacity:.65;text-decoration:none;transition:opacity .15s ease,color .15s ease;line-height:1}.price-toggle__info-link:hover,.price-toggle__info-link:focus{opacity:1;text-decoration:underline;text-underline-offset:2px}.price-toggle__info-icon{flex-shrink:0;transition:transform .15s ease}.price-toggle__info-link:hover .price-toggle__info-icon{transform:translate(2px)}.header__price-toggle{display:flex;align-items:center;margin-left:1rem}.header__price-toggle .price-toggle{padding:.5rem 1rem;font-size:.8125rem}.header__price-toggle .price-toggle-wrapper{gap:.25rem}.header__price-toggle .price-toggle__heading,.header__price-toggle .price-toggle__info-link{font-size:.625rem}@media screen and (max-width: 989px){.header__price-toggle{display:none}}.menu-drawer__price-toggle{padding:1.25rem 2rem;background:rgba(var(--color-foreground),.02);border-bottom:1px solid rgba(var(--color-foreground),.08)}.menu-drawer__price-toggle .price-toggle-wrapper{gap:.5rem}.menu-drawer__price-toggle .price-toggle__heading{font-size:.75rem;opacity:.7}.menu-drawer__price-toggle .price-toggle__info-link{font-size:.75rem;margin-top:.125rem}.price-toggle--full-width .price-toggle{width:100%;justify-content:center;padding:.75rem 1.5rem;min-height:48px;border-radius:8px;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.1)}.price-toggle--full-width .price-toggle-label{font-size:.9375rem}.price-toggle--full-width .price-toggle-switch{width:48px;height:26px}.price-toggle--full-width .price-toggle-switch:after{width:22px;height:22px}.price-toggle--full-width .price-toggle-switch[aria-checked=true]:after{transform:translate(22px)}@media screen and (min-width: 990px){.menu-drawer__price-toggle{display:none}}.price-container .price-monthly,.price-container .price-onetime,.cart-price-container .price-monthly,.cart-price-container .price-onetime{transition:font-size .15s ease-out,opacity .15s ease-out,order 0s}.card-information{transition:height .2s ease}.product-page-price .price-monthly__amount,.product-page-price .price-onetime__amount{font-size:1.75rem}[data-price-mode=monthly] .product-page-price .price-onetime__amount,[data-price-mode=onetime] .product-page-price .price-monthly__amount,.product-page-price .price-secondary,.card-price .price-monthly__amount,.card-price .price-onetime__amount{font-size:1rem}[data-price-mode=monthly] .card-price .price-onetime__amount,[data-price-mode=onetime] .card-price .price-monthly__amount{font-size:.75rem}.cart-price-container{display:flex;flex-direction:column;gap:.125rem}.cart-price-container .price-monthly,.cart-price-container .price-onetime{display:flex;align-items:baseline;gap:.25rem}.cart-price-container .price-monthly__period{font-size:.75em;opacity:.7}.cart-totals-price .price-monthly__amount,.cart-totals-price .price-onetime__amount{font-size:inherit;font-weight:inherit}
/*# sourceMappingURL=/cdn/shop/t/2/assets/price-toggle.css.map */