.plan-card{text-align:center;background-color:var(--background);border:4px solid var(--border);border-radius:var(--radius-base);cursor:pointer;flex-direction:column;padding:1rem;transition:all .2s,box-shadow .2s;display:flex}.plan-card:hover{border:4px solid var(--color-yellow-500);box-shadow:var(--shadow);background-color:var(--color-yellow-500);transform:translate(-2px,-2px)}.plan-card-selected{border:4px solid var(--main);background-color:var(--color-yellow-500)}.dark .plan-card:hover{box-shadow:var(--shadow);background-color:var(--background-main);transform:translate(-2px,-2px)}.dark .plan-card-selected{background-color:var(--background-main)}.plan-card-header{align-self:flex-start;align-items:center;gap:.5rem;margin-bottom:auto;display:flex}.plan-checkbox{border:2px solid var(--border);background-color:var(--background);border-radius:2px;justify-content:center;align-items:center;width:1rem;height:1rem;transition:border-color .2s,background-color .2s;display:flex}.plan-checkbox-selected{border-color:var(--border)}.plan-checkbox-icon{color:var(--foreground)}.dark .plan-checkbox{border-color:var(--white)}.dark .plan-checkbox-icon{color:var(--main)}.dark .plan-checkbox-selected{border-color:var(--main)}.plan-name{font-family:var(--font-mono);color:var(--foreground);text-transform:lowercase;font-size:1.125rem;font-weight:400}.plan-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.plan-original-price{font-family:var(--font-mono);color:oklch(from var(--foreground)lch/.5);text-transform:lowercase;margin-bottom:.25rem;font-size:.75rem;text-decoration:line-through}.plan-price{font-family:var(--font-mono);color:var(--foreground);font-size:1.875rem;font-weight:900}.plan-price-featured{letter-spacing:-.025em;font-size:3rem}.plan-period{font-family:var(--font-mono);color:oklch(from var(--foreground)lch/0 7);font-size:1rem}.plan-savings{font-family:var(--font-mono);text-transform:lowercase;background-color:var(--color-yellow-500);color:var(--main-foreground);margin-top:.25rem;padding:.25rem .5rem;font-size:1rem;display:inline-block}
.subscription-grid-container{position:relative}.subscription-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}.subscription-button-grid{grid-template-columns:1fr;gap:1rem;height:3rem;margin-bottom:1rem;display:grid;position:relative}.subscription-button-cell{justify-content:center;display:flex}.subscription-button-wrapper{pointer-events:none;justify-content:center;width:100%;height:100%;transition:transform .3s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:translate(0%)}.subscription-button-wrapper[data-selected-index="1"]{transform:translate(calc(100% + 1rem))}.subscription-button-wrapper[data-selected-index="2"]{transform:translate(calc(200% + 2rem))}.subscription-button-wrapper>*{pointer-events:auto}.subscription-button{font-family:var(--font-mono);text-transform:lowercase;font-size:1.125rem;border-radius:var(--radius-base)!important}.subscription-gift-button{font-family:var(--font-mono);text-transform:lowercase;border-color:var(--color-pink-300);color:var(--color-pink-600);gap:.375rem;font-size:.875rem}.subscription-gift-button:hover{background-color:var(--color-pink-50);border-color:var(--color-pink-400)}.dark .subscription-gift-button{border-color:var(--color-pink-700);color:var(--color-pink-400)}.dark .subscription-gift-button:hover{background-color:var(--color-pink-950);border-color:var(--color-pink-600)}.subscription-badge{z-index:10;position:absolute;top:-1rem;right:-1rem}@media (min-width:640px){.subscription-grid,.subscription-button-grid{grid-template-columns:repeat(3,1fr)}.subscription-button-wrapper{width:calc(33.3333% - .666667rem)}.subscription-button-wrapper[data-selected-index="1"]{transform:translate(calc(100% + 1rem))}.subscription-button-wrapper[data-selected-index="2"]{transform:translate(calc(200% + 2rem))}.subscription-badge{top:auto;bottom:2rem;right:0}}