/* BetterHebrew's 280ms sliding thumb and 180ms crossfade, using Olive colours. */
.premium-plan-toggle, .public-site .pub-pricing-toggle { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; }
.pricing-slider-thumb { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / 2); border-radius: 999px; background: #3d4633; transition: transform 280ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
[data-selected-plan='annual'] > .pricing-slider-thumb, [data-selected-plan='annual'] > .pub-pricing-toggle > .pricing-slider-thumb { transform: translateX(100%); }
.premium-plan-toggle button, .public-site .pub-pricing-toggle button { position: relative; z-index: 1; background: transparent !important; transition: color 200ms ease; }
.premium-plan-toggle button[aria-pressed='true'], .public-site .pub-pricing-toggle button[aria-pressed='true'] { color: white; background: transparent !important; }
.public-site .pub-pricing-toggle > .pricing-slider-thumb { padding: 0; margin: 0; background: #3d4633; }
.pricing-amount-stack { display: grid; justify-items: center; width: 100%; }
.pricing-amount-stack > [data-price] { grid-area: 1 / 1; width: 100%; opacity: 1; transition: opacity 180ms ease; }
.pricing-amount-stack > [aria-hidden='true'] { opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .pricing-slider-thumb, .pricing-amount-stack > [data-price] { transition: none; } }
.premium-plan-toggle, .public-site .pub-pricing-toggle { gap: 0; }