.wg{--wg-gold:var(--gold-200);--wg-rule:#3a3b41;color:var(--ink)}.wg-card{display:none}@media (min-width:64rem){.wg-card{border:1px solid var(--wg-gold);background:var(--surface);border-radius:1rem;gap:.75rem;margin-bottom:1rem;padding:1rem;scroll-margin-top:5rem;display:grid}.wg-card:focus-visible{outline:2px solid var(--gold-100);outline-offset:2px}.wg-bar,.wg-sheet,.wg-pill-narrow{display:none!important}}@media (max-width:63.99rem){.wg-pill-wide{display:none!important}}.wg-head{align-items:center;gap:.625rem;display:flex}.wg-face{object-fit:cover;border-radius:9999px;flex:none;width:2.5rem;height:2.5rem}.wg-words{flex-direction:column;flex:auto;min-width:0;display:flex}.wg-title{margin:0;font-size:1rem;font-weight:700;line-height:1.375rem}.wg-title:focus{outline:none}.wg-line{color:var(--ink-2);margin:0;font-size:.8125rem;line-height:1.125rem}.wg-form,.wg-ask,.wg-step:not([hidden]){gap:.75rem;display:grid}.wg-ask[hidden]{display:none}.wg-form fieldset{border:0;min-width:0;margin:0;padding:0}.wg-freq{background:var(--ground);border-radius:9999px;grid-template-columns:1fr 1fr;border:1px solid #2a2b30!important;padding:3px!important;display:grid!important}.wg-freq label{height:2rem;color:var(--ink-2);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.wg-freq label:has(:checked){color:var(--ink);background:#2f3036;font-weight:700}.wg-freq label:has(:focus-visible){outline:2px solid var(--gold-100);outline-offset:2px}.wg-chip:has(:focus-visible){outline:2px solid var(--gold-100);outline-offset:2px}.wg-freq input,.wg-chip input[type=radio]{opacity:0;pointer-events:none;position:absolute}.wg-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;display:none!important}:is(.wg-ask:has([name=interval][value=once]:checked) .wg-chips[data-interval=once],.wg-ask:has([name=interval][value=month]:checked) .wg-chips[data-interval=month]){display:grid!important}.wg-chip{border:1px solid var(--wg-rule);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;height:2.75rem;font-size:.9375rem;font-weight:700;display:flex;position:relative}.wg-chip:has(:checked):not(.wg-chips:has(.wg-other input:not(:placeholder-shown)) *){border:2px solid var(--wg-gold);color:var(--wg-gold);background:#e3af4a24}.wg-other:has(input:not(:placeholder-shown)){border:2px solid var(--wg-gold);color:var(--wg-gold);background:#e3af4a24}.wg-other{color:var(--ink-2);gap:1px;padding:0 .5rem;font-weight:500}.wg-other:has(input:placeholder-shown)>span{display:none}.wg-other input{width:100%;min-width:0;color:inherit;font:inherit;text-align:center;background:0 0;border:0;outline:none;font-size:.875rem}.wg-other input::placeholder{color:var(--ink-2);opacity:1}.wg-terms,.wg-fine{color:var(--ink-3);margin:0;font-size:.75rem;line-height:1.0625rem}.wg-terms{border:1px solid var(--wg-rule);color:var(--ink-2);border-radius:.625rem;padding:.5rem .625rem}.wg-monthly{text-align:center;display:none}.wg-ask:has([name=interval][value=month]:checked) .wg-monthly{display:block}.wg-terms[hidden],.wg-step[hidden]{display:none}.wg-error{color:var(--alert);margin:0;font-size:.8125rem}.wg-error:empty{display:none}.wg-give{background:var(--gray-50);width:100%;height:2.75rem;color:var(--gray-900);cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.wg-give:hover{background:var(--ink)}.wg-give:focus-visible,.wg-bar-give:focus-visible,.wg-close:focus-visible{outline:2px solid var(--gold-100);outline-offset:2px}.wg-give:disabled{opacity:.6;cursor:progress}.wg-pay{background:var(--wg-gold);height:3.25rem}.wg-pay:hover{background:var(--gold-100)}.wg-alt{text-align:center;color:var(--ink-2);margin:-.375rem 0 0;font-size:.8125rem}.wg-alt a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.wg-alt a:hover{color:var(--wg-gold)}.wg-close{background:var(--field);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;display:flex}.wg-close svg{width:1rem;height:1rem}.wg-field{color:var(--ink-2);gap:.25rem;font-size:.75rem;display:grid}.wg-input{box-sizing:border-box;border:1px solid var(--wg-rule);background:var(--ground);height:3rem;color:var(--ink);border-radius:.75rem;padding:0 .875rem;font-size:1rem}.wg-card-field{flex-direction:column;justify-content:center;display:flex}.wg-card-field>*{width:100%}.wg-thanks{text-align:center;justify-items:center;gap:.75rem;padding-top:.375rem;display:grid;position:relative}.wg-badge{width:4rem;height:4rem;position:relative}.wg-badge .wg-face{width:4rem;height:4rem}.wg-check{border:3px solid var(--surface);background:var(--wg-gold);width:1.75rem;height:1.75rem;color:var(--gray-900);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.wg-thanks .wg-title{font-size:1.25rem;line-height:1.625rem}.wg-thanks .wg-line{max-width:19rem;font-size:.875rem;line-height:1.3rem}.wg-bar{right:.75rem;bottom:calc(var(--player-bar,0px) + .75rem + env(safe-area-inset-bottom));z-index:30;background:var(--field);border:1px solid #34353b;border-radius:1.125rem;align-items:center;gap:.625rem;max-width:40rem;margin:0 auto;padding:.625rem .625rem .625rem .75rem;display:flex;position:fixed;left:.75rem;box-shadow:0 12px 32px #00000080}.wg-bar .wg-title{font-size:.9375rem}.wg-bar .wg-line{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.wg-bar-give{background:var(--wg-gold);height:2.75rem;color:var(--gray-900);cursor:pointer;border:0;border-radius:9999px;flex:none;align-items:center;padding:0 1.125rem;font-size:.9375rem;font-weight:700;display:flex}@media (max-width:63.99rem){.watch:has(.wg-bar){padding-bottom:5.5rem}}html:has(.wg-sheet:is([open],:popover-open)) .wg-bar{visibility:hidden}.wg-sheet{max-height:calc(100dvh - var(--watch-sheet-top,0px));padding:0 1rem calc(1rem + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:1.5rem 1.5rem 0 0;overflow-y:auto}.wg-sheet:is([open],:popover-open){gap:.875rem}.wg-sheet::backdrop{background:linear-gradient(to bottom, transparent var(--watch-sheet-top,0px), #050506b8 var(--watch-sheet-top,0px))}.wg-sheet .sheet-handle{margin-bottom:.25rem}.wg-sheet .wg-head{gap:.75rem}.wg-sheet .wg-face{width:2.75rem;height:2.75rem}.wg-sheet .wg-title{font-size:1.125rem}.wg-sheet .wg-chip{height:3rem;font-size:1.0625rem}.wg-sheet .wg-give:not(.wg-pay){height:3.125rem;font-size:1rem}