.stripe-button{--auto-grid-min-item-size: 5ch;--gap: .75em;--grid-placement: auto-fit;position:relative;transition:height ease-out .2s}.stripe-button.overlayed:before{position:absolute;content:"";width:5000px;height:5000px;background-color:var(--color-secondary-light);border-radius:50%;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);z-index:10;animation:growing .3s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:ease-out}.stripe-button input[type=radio]{display:none}.stripe-button input[type=radio]:checked~label{background:var(--color-primary-light);--color-header: var(--color-primary-darkest);--color-prose: var(--color-primary-darkest)}.stripe-button .option{grid-column:span 2}.stripe-button button,.stripe-button label.box{align-items:baseline;color:var(--color-prose);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-base);font-weight:var(--font-weight-regular);gap:.2em;inline-size:100%;justify-content:center;padding:var(--space-xs);text-align:center}.stripe-button button,.stripe-button .button{grid-column:span 3;inline-size:100%;text-align:center;justify-content:center;align-items:center}.stripe-button.stripe .slider{inline-size:100%}.stripe-button .cluster:has(.icon){--cluster-vertical-alignment: flex-end}