.gd-billing-choice{max-width:470px;color:var(--cp-text,#18181b);font-family:var(--font-manrope),sans-serif;margin:24px auto}.gd-billing-choice-heading{text-align:center;margin-bottom:12px}.gd-billing-choice-heading>span{letter-spacing:1.3px;font-size:11px;font-weight:800}.gd-billing-choice-heading p{color:var(--cp-muted,#71717a);margin:5px 0 0;font-size:12px}.gd-billing-chips{background:#10b9810e;border:1px solid #10b98147;border-radius:22px;grid-template-columns:1fr 1.25fr;gap:8px;padding:6px;display:grid;box-shadow:0 8px 30px #10b98112}.gd-billing-chips>button{min-height:66px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:11px 13px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.gd-billing-chips>button[aria-pressed=true]{background:var(--cp-panel,#fff);border-color:#10b981;box-shadow:0 3px 12px #10b9811f}.gd-billing-chips>button:focus-visible{outline-offset:3px;outline:3px solid #10b981}.gd-billing-chips strong{font-size:14px;font-weight:800}.gd-billing-chips small{color:var(--cp-muted,#71717a);font-size:10px}.gd-billing-chip-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.gd-billing-discount{letter-spacing:.25px;color:#062d22;background:#10b981;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800;line-height:1}.dark .gd-billing-choice{color:var(--cp-text,#f4f4f5)}.dark .gd-billing-chips>button[aria-pressed=true]{background:var(--cp-panel,#18181b)}@media (max-width:380px){.gd-billing-chips>button{padding:10px 7px}.gd-billing-chip-title{gap:5px}.gd-billing-discount{font-size:8px}}.hm-offer .gd-billing-choice{color:#f4f4f5}.hm-offer .gd-billing-choice-heading p{color:#b4bdc9}.hm-offer .gd-billing-chips>button[aria-pressed=false]{color:#e4e4e7}.hm-offer .gd-billing-chips>button[aria-pressed=false] small{color:#b4bdc9}.hm-offer .gd-billing-chips>button[aria-pressed=true]{color:#18181b;background:#fff}.hm-offer .gd-billing-chips>button[aria-pressed=true] small{color:#71717a}
@property --gd-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.has-gd-beam{isolation:isolate;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10b98124,0 0 25px #10b98115!important}.gd-beam{z-index:3;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--gd-beam-angle),transparent 0deg,transparent 250deg,#10b981 322deg,#6ee7b7 350deg,#fff 358deg,transparent 360deg);-webkit-mask-composite:xor;padding:2px;animation:4s linear infinite gd-beam-sweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gd-beam-sweep{to{--gd-beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.gd-beam{background:#10b981;animation:none}}
