.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}}