.subscription-wrapper{width:100%;flex:1 1;display:flex;flex-direction:column}.no-tiers-message{font-size:1.5rem;font-weight:700;text-align:center}.subscription-tiers{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.subscription-tiers-title{font-size:2rem;font-weight:700;text-align:center}.subscription-tiers-subtitle{font-size:1rem;color:var(--secondaryText)}.subscription-tiers-scroll{display:flex;flex-direction:row-reverse;gap:24px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primaryBrand) transparent;width:100%;justify-content:center}.subscription-tiers-scroll::-webkit-scrollbar{height:8px}.subscription-tiers-scroll::-webkit-scrollbar-track{background:transparent}.subscription-tiers-scroll::-webkit-scrollbar-thumb{background-color:var(--primaryBrand);border-radius:4px}.subscription-container{padding:40px 20px;width:100%;max-width:510px;margin:0 auto;flex:1 1;display:flex;flex-direction:column;gap:20px}.subscription-container:has(.selected-tier-container){max-width:1200px}.selected-tier-container{display:flex;gap:2rem}.selected-tier-container>*{width:100%}.selected-tier-summary{display:flex;flex-direction:column;gap:1rem}.unselect-tier-button{text-decoration:underline;align-self:flex-start}.unsubscribe-from-subscription-dialog{position:relative;padding:2rem}.unsubscribe-from-subscription-link{text-decoration:underline}.subscription-modal-container{.subscription-wrapper{display:unset}.subscription-tiers-scroll{justify-content:unset}.subscription-modal-actions{position:-webkit-sticky;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;z-index:1000;svg{width:36px;height:36px;padding:8px;background-color:var(--surface2);border-radius:8px}}.selected-tier-container{flex-direction:column}.subscription-tier-card:only-child{flex:0 0 100%}}@media (max-width:768px){.subscription-wrapper{display:unset}.subscription-tiers-scroll{padding:0 16px;gap:16px;justify-content:unset}.tier-price-amount{font-size:2.5rem}.subscription-container{padding:24px 16px}.selected-tier-container{flex-direction:column}}