:root{view-transition-name:none}::view-transition{pointer-events:none}::view-transition-group(per-month-text),::view-transition-group(recurring-price){animation-duration:.7s}::view-transition-new(recurring-price),::view-transition-old(recurring-price){height:100%;width:auto}::view-transition-old(recurring-price){animation:month-blur-out .7s linear both}::view-transition-new(recurring-price){animation:month-blur-in .7s linear .2s both}::view-transition-old(yearly-price){animation:year-blur-out .7s ease-in-out both}::view-transition-new(yearly-price){animation:year-blur-in .7s ease-in-out .2s both}@keyframes month-blur-in{0%{filter:blur(3px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes month-blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(3px);opacity:0}}@keyframes year-blur-in{0%{filter:blur(3px);opacity:0;translate:0 3px}to{filter:blur(0);opacity:1}}@keyframes year-blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(3px);opacity:0;translate:0 10px}}::view-transition-group(agreement),::view-transition-group(form-content),::view-transition-group(subscription-tier){animation-duration:.4s}::view-transition-new(subscription-tier),::view-transition-old(subscription-tier){height:100%;width:100%}::view-transition-new(checkout-button){animation:button-blur-in .5s linear .2s both}::view-transition-new(express-checkout-button){animation:button-blur-in .3s linear .3s both}::view-transition-new(more-options-button){animation:button-blur-in .2s linear .4s both}@keyframes button-blur-in{0%{filter:blur(3px);opacity:0}to{filter:blur(0);opacity:1}}@property --top-opacity{syntax:"<percentage>";inherits:false;initial-value:0}@property --bottom-opacity{syntax:"<percentage>";inherits:false;initial-value:0}.subscription-page{gap:20px;justify-content:flex-start;padding-top:100px}@media (max-height:800px){.subscription-page{padding-top:20px}}.subscription-tier .subscribe-form{display:flex;flex-direction:column;gap:20px}.subscription-tier .payment-info,.subscription-tier .subscription-info{max-width:300px}.subscription-tier .payment-info{display:flex;flex-direction:column;gap:10px}.subscription-tier h1{font-size:1.2rem;font-weight:400}.subscription-tier .tier-price-container{display:flex;flex-direction:column;height:55px;justify-content:flex-end;margin:10px 0}.subscription-tier .recurring-price{font-size:2rem}.subscription-tier .muted{color:var(--muted-text-color)}.subscription-tier.price-transitions-enabled .recurring-price{view-transition-name:recurring-price}.subscription-tier.price-transitions-enabled .per-month-text{view-transition-name:per-month-text}.subscription-tier.price-transitions-enabled .yearly-price{view-transition-name:yearly-price}.subscription-tier.checkout-button-transitions-enabled{view-transition-name:subscription-tier}.subscription-tier.checkout-button-transitions-enabled .subscribe-form{view-transition-name:form-content}.subscription-tier.checkout-button-transitions-enabled .checkout-button{view-transition-name:checkout-button}.subscription-tier.checkout-button-transitions-enabled .express-checkout-button{height:44px;view-transition-name:express-checkout-button}.subscription-tier.checkout-button-transitions-enabled .more-options-button{view-transition-name:more-options-button}.subscription-tier.checkout-button-transitions-enabled+.manage-billing{view-transition-name:manage-billing}.subscription-tier .agreement{view-transition-name:agreement}.subscription-tier .yearly-label{border:1px solid var(--brighter-border-color);border-radius:var(--default-border-radius);box-sizing:border-box;display:flex;gap:10px;padding:4px 6px;transition:background-color .1s,border .1s,outline .1s;user-select:none;width:100%}:is(.subscription-tier .yearly-label) .save-text{font-size:.8rem}:is(.subscription-tier .yearly-label) input{outline:none}:is(.subscription-tier .yearly-label):has(input[disabled]){color:var(--muted-text-color)}:is(.subscription-tier .yearly-label):not(:has(input[disabled])){cursor:pointer}:is(.subscription-tier .yearly-label):not(:has(input[disabled])):hover{background-color:light-dark(#fafafa,#181818)}:is(.subscription-tier .yearly-label):not(:has(input[disabled])):active,:is(.subscription-tier .yearly-label):not(:has(input[disabled])):has(input:active){background-color:light-dark(#f3f3f3,#121212)}:is(.subscription-tier .yearly-label):not(:has(input[disabled])):focus-visible,:is(.subscription-tier .yearly-label):not(:has(input[disabled])):has(input:focus-visible){border:1px solid var(--focus-ring-border-color);outline:var(--focus-ring-size) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.subscription-tier .perks-container{container:perks/scroll-state;display:grid;margin-top:20px;min-height:100px;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}:is(.subscription-tier .perks-container) *{grid-area:1/1}:is(.subscription-tier .perks-container) .perks-overlay{background:var(--top-fade),var(--bottom-fade);content:"";display:block;grid-area:1/1;pointer-events:none;position:sticky;top:0;transition:--top-opacity .3s ease,--bottom-opacity .3s ease;--top-opacity:0}@container perks scroll-state(scrollable: top){:is(.subscription-tier .perks-container) .perks-overlay{--top-opacity:1}}:is(.subscription-tier .perks-container) .perks-overlay{--bottom-opacity:0}@container perks scroll-state(scrollable: bottom){:is(.subscription-tier .perks-container) .perks-overlay{--bottom-opacity:1}}:is(.subscription-tier .perks-container) .perks-overlay{--top-color:color-mix(in oklab,var(--modal-box-color) calc(var(--top-opacity)*100%),transparent);--bottom-color:color-mix(in oklab,var(--modal-box-color) calc(var(--bottom-opacity)*100%),transparent);--top-fade:linear-gradient(to bottom,var(--top-color),#0000 40px);--bottom-fade:linear-gradient(to top,var(--bottom-color),#0000 40px)}.subscription-tier .perks{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;max-height:calc(100vh - 420px);padding:0;position:relative}:is(.subscription-tier .perks) li{align-items:center;display:flex}:is(.subscription-tier .perks) li:before{background-image:url(../icons/subscriptionFeature.svg);margin:0 10px}@media (max-height:470px) and (min-width:500px){.subscription-tier .subscribe-form{align-items:center;flex-direction:row;gap:40px}.subscription-tier .perks{max-height:calc(100vh - 270px)}}.subscription-tier .payment-buttons{display:flex;flex-direction:column;gap:7px;transition:opacity .2s,filter .5s}:is(.subscription-tier .payment-buttons) .express-checkout-button{height:44px}:is(.subscription-tier .payment-buttons) .express-checkout-wrapper{height:calc(100% + 20px);left:-10px;overflow:hidden;position:relative;top:-10px;width:calc(100% + 20px)}:is(.subscription-tier .payment-buttons) .express-checkout-element{height:calc(100% - 20px);left:10px;position:relative;top:10px;width:calc(100% - 20px)}:is(.subscription-tier .payment-buttons) .checkout-button,:is(.subscription-tier .payment-buttons) .more-options-button{height:40px}.hidden:is(.subscription-tier .checkout-button,.subscription-tier .more-options-button,.subscription-tier .express-checkout-button,.subscription-tier .yearly-price,.subscription-tier .payment-buttons){display:none}