@layer components{.billing-interval-toggle{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:min(100%,22rem);position:relative;isolation:isolate;border:0;border-radius:var(--radius-full);background-color:var(--color-surface-hover);padding:4px;gap:4px;margin:0;min-inline-size:0}.billing-interval-toggle-indicator{position:absolute;inset-block:4px;inset-inline-start:4px;width:calc(50% - 6px);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-200) 100%);box-shadow:0 8px 20px oklch(from var(--color-primary) 45% .11 h / 25%);transform:translate(0);transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease;pointer-events:none;z-index:0}.billing-interval-toggle--yearly .billing-interval-toggle-indicator{transform:translate(calc(100% + 4px))}.billing-interval-toggle-option{position:relative;z-index:1;cursor:pointer}.billing-interval-toggle-option-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem;width:100%;min-height:3.15rem;padding:.625rem var(--space-lg);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-family:var(--font-title);font-size:.9375rem;font-weight:600;transition:color .24s cubic-bezier(.22,1,.36,1),transform .24s ease}.billing-interval-toggle-option-label{line-height:1}.billing-interval-toggle-option-savings{font-size:.6875rem;font-weight:700;line-height:1;letter-spacing:.01em;color:var(--color-secondary-200);white-space:nowrap;opacity:.88;transition:color .24s cubic-bezier(.22,1,.36,1),opacity .24s ease}.billing-interval-toggle-option:hover:not(.billing-interval-toggle-option--active) .billing-interval-toggle-option-content{color:var(--color-text)}.billing-interval-toggle-option:hover:not(.billing-interval-toggle-option--active) .billing-interval-toggle-option-savings{color:var(--color-secondary-100)}.billing-interval-toggle-input:focus-visible+.billing-interval-toggle-option-content{outline:2px solid var(--color-primary);outline-offset:2px}.billing-interval-toggle-option--active .billing-interval-toggle-option-content{color:oklch(from var(--color-primary) 15% .02 h);transform:translateY(-1px)}.billing-interval-toggle-option--active .billing-interval-toggle-option-savings{color:oklch(from var(--color-primary) 20% .02 h);opacity:1}@media(prefers-reduced-motion:reduce){.billing-interval-toggle-indicator,.billing-interval-toggle-option-content,.billing-interval-toggle-option-savings{transition:none}}}@layer components{.all-access-membership-pricing-panel{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.all-access-membership-pricing-panel-toggle{display:flex;justify-content:center;width:100%}.all-access-membership-pricing-panel-card{width:100%;max-width:var(--pricing-card-standard-width);margin-inline:auto}.all-access-membership-pricing-panel-card .btn{width:100%}}