.billing-cycle-select{font-size:clamp(.8rem,1.5cqw,1rem);display:flex;flex:1 1 auto;flex-flow:row wrap;gap:.8em 2.4em;--active-bg: var(--clr-metal-50);--scale-from: .8}.billing-cycle-select li{display:grid;grid:auto / auto 1fr auto;gap:1em;align-items:center}.billing-cycle-select li label{display:flex;flex-flow:row;align-items:center;gap:.8em}.billing-cycle-select li label span{font-size:max(1.5rem,1.6em);font-weight:400}.billing-cycle-select li label s{font-size:max(1.3rem,1.6em);font-weight:700;color:var(--clr-green-700);background:var(--clr-green-400);border-radius:10em;padding:.28em .84em}.billing-cycle-select li label i{width:max-content;font-size:max(1.3rem,1.6em);font-weight:500;color:var(--clr-black);background:var(--clr-metal-50);border-radius:10em;padding:.28em .84em}.template-cart{display:grid;grid:auto / 624fr 512fr;position:relative;border-radius:inherit;--pad-tb: 5.6em;--pad-lr: 5.6em}.template-cart .control-button{position:absolute;top:2.4em;right:2.4em;background:var(--clr-white)}.template-cart .stats-list{margin:0;font-size:clamp(.85rem,2cqw,1rem);flex-flow:column nowrap}.template-cart .stats-list li{width:unset}.template-cart .container{align-self:stretch}.template-cart .container>*>h2,.template-cart .container .row>h2{font-size:max(1.8rem,2em);font-weight:700}.template-cart .container>header{font-size:clamp(.8rem,1.8cqw,1rem);height:100%;display:flex;flex:1 1 auto;flex-flow:column;gap:3.2em;padding:var(--pad-tb) var(--pad-lr);background:var(--clr-white);border-radius:var(--br) 0 0 var(--br)}.template-cart .container>header .row{display:flex;flex-flow:column;gap:1.6em}.template-cart .container>header .row>p{font-size:max(1.5rem,1.6em);font-weight:400;color:var(--clr-metal-700)}.template-cart .container>header>h1{font-size:max(3.2rem,4.2em);font-weight:900}.template-cart .container>header>.button{display:none}.template-cart .container>footer{font-size:clamp(.8rem,2cqw,1rem);height:100%;display:flex;flex-flow:column;align-content:start;gap:4.8em;padding:var(--pad-tb) var(--pad-lr);border-radius:0 var(--br) var(--br) 0;background:var(--clr-metal-50)}.template-cart .container>footer .row{display:flex;flex-flow:column;align-content:start;gap:1.6em}.template-cart .container>footer .row>.emoji{font-size:7.5em}.template-cart .container>footer p{font-size:max(1.6rem,1.8em);font-weight:400;color:var(--clr-metal-700);line-height:1.55}.template-cart .container>footer .button{font-size:max(.8rem,1em)}.template-cart .container>footer .button label{font-size:max(1.6rem,1.8em)}@media (width < 800px){.template-cart{grid:auto / 1fr;gap:1.6em;--pad-tb: 2.4em;--pad-lr: 2.4em}.template-cart .control-button{background:var(--clr-metal-50)}.template-cart .container>header{border-radius:var(--br);gap:1.6em}.template-cart .container>header>.button{display:grid}.template-cart .container>footer{border-radius:var(--br);gap:1.6em}.template-cart .container>footer>.button{display:none}.template-cart .container>footer .row{flex-flow:row wrap;align-items:center}.template-cart .container>footer .row>.emoji{font-size:2.8em}}.plan-select{font-size:clamp(.8rem,1.5cqw,1rem);display:flex;flex:1 1 auto;flex-flow:column;gap:.8em;--active-bg: var(--clr-metal-50);--scale-from: .8}.plan-select li{flex-grow:1;display:grid;grid:auto / auto 1fr auto;gap:1.6em;align-items:center;padding:2em;border-radius:1.2em}.plan-select li label{display:flex;flex-flow:row;align-items:center;gap:.8em}.plan-select li label b{font-size:max(1.5rem,1.6em);font-weight:700}.plan-select li label s{font-size:max(1.3rem,1.6em);font-weight:700;color:var(--clr-green-700);background:var(--clr-green-400);border-radius:10em;padding:.48em 1.2em;border:1px solid var(--clr-white)}.plan-select li label i{width:max-content;font-size:max(1.3rem,1.6em);font-weight:500;color:var(--clr-black);background:var(--clr-white);border-radius:10em;padding:.48em 1.2em;border:1px solid var(--clr-metal-50)}.plan-select li>span{font-size:max(1.4rem,1.6em);font-weight:400;color:var(--clr-metal-900);text-align:right}@container (width <= 500px){.plan-select li label{flex-flow:column;align-items:start;gap:.4em}.plan-select li label i,.plan-select li label s{padding:0;background:0;border:none}}.plan-total{font-size:clamp(.8rem,1.5cqw,1rem);display:flex;flex:0 0 auto;flex-flow:column;gap:max(1.6rem,2.4em);padding-bottom:1.6em}.plan-total:not(:has(.line-item)) .note sub{margin-top:-.7em}.plan-total hr{height:1px;background:var(--clr-metal-100)}.plan-total .line-item{display:grid;grid:auto / 1fr auto;gap:1.6em;color:var(--clr-metal-700)}.plan-total .line-item h4,.plan-total .line-item b{font-size:max(1.5rem,1.6em);font-weight:700}.plan-total .line-item b.strike{text-decoration:line-through}.plan-total .total{display:grid;grid:auto / 1fr auto;gap:1.6em}.plan-total .total h5,.plan-total .total b{font-size:max(1.8rem,2em);font-weight:700}.plan-total .total sub{font-size:max(1.5rem,1.6em);font-weight:400;color:var(--clr-metal-700)}.plan-total .note sub{display:block;font-size:max(1.5rem,1.6em);font-weight:400;color:var(--clr-metal-700);margin-top:.4em}
