:root{--tabbar-h: 3.5rem}.mobile-tabbar,.mobile-tabbar-spacer{display:none}@media(max-width:47.99rem){.mobile-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in oklch,var(--bg-deep) 94%,transparent);border-top:1px solid var(--hairline)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:var(--tabbar-h);padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-xs);font-weight:600;text-decoration:none;cursor:pointer}.mobile-tab[aria-current=page]{color:var(--accent)}.mobile-tab:focus-visible{outline:2px solid var(--electric);outline-offset:-2px}.mobile-tab-create{color:var(--text)}.mobile-tab-plus{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-top:-.75rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:var(--bevel)}.mobile-tabbar-spacer{display:block;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}}.pay-banner{background:var(--surface-1);border-bottom:1px solid var(--hairline);color:var(--text);font-size:var(--fs-sm)}.pay-banner-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;max-width:80rem;margin:0 auto;padding:.5rem 1rem}.pay-banner-badge{padding:.125rem .5rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:700;letter-spacing:normal;text-transform:lowercase}.pay-banner-badge:first-letter{text-transform:uppercase}.pay-banner-text{flex:1 1 12rem;margin:0;min-width:0;line-height:1.4}.pay-banner-lead{color:var(--accent)}.pay-banner-short{display:none}.pay-banner-cta{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:0;border-radius:.625rem;background:linear-gradient(180deg,var(--accent),var(--accent-deep));box-shadow:var(--bevel);color:var(--accent-ink);font-weight:600;text-decoration:none;cursor:pointer}.pay-banner-cta:focus-visible,.pay-banner-x:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.pay-banner-x{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:auto;border:0;background:transparent;color:var(--text-muted);cursor:pointer}@media(max-width:30rem){.pay-banner{font-size:var(--fs-sm)}.pay-banner-inner{flex-wrap:nowrap;gap:.25rem .5rem;padding:0 .25rem 0 .75rem}.pay-banner-badge{display:none}.pay-banner-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-banner-cta{flex:none;padding:0 .75rem}.pay-banner-x{flex:none;margin-left:0}.pay-banner-long{display:none}.pay-banner-short{display:inline}}@media(max-width:26rem){.pay-banner-short{display:none}}.pay-banner[data-variant=prominent]{font-size:var(--fs-md)}.pay-banner[data-variant=prominent] .pay-banner-inner{flex-wrap:wrap;gap:.25rem .75rem;padding:.625rem .25rem .625rem 1rem}.pay-banner[data-variant=prominent] .pay-banner-badge{display:inline-block;border-color:var(--accent);color:var(--accent)}.pay-banner[data-variant=prominent] .pay-banner-lead{color:var(--accent);font-weight:700}.pay-banner[data-variant=prominent] .pay-banner-text{flex:1 1 14rem;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.45}.pay-banner[data-variant=prominent] .pay-banner-long{display:inline}.pay-banner[data-variant=prominent] .pay-banner-short{display:none}.pay-banner[data-variant=prominent] .pay-banner-cta{min-width:2.75rem}@media(max-width:63.99rem){.pay-banner .pay-banner-cta,.pay-banner[data-variant=prominent] .pay-banner-cta{background:transparent;border:1px solid var(--accent);color:var(--accent);box-shadow:none}}@media(max-width:30rem){.pay-banner[data-variant=prominent]{font-size:var(--fs-sm)}.pay-banner[data-variant=prominent] .pay-banner-inner{flex-wrap:nowrap;gap:.25rem .5rem;padding:0 .25rem 0 .75rem}.pay-banner[data-variant=prominent] .pay-banner-badge,.pay-banner[data-variant=prominent] .pay-banner-long,.pay-banner[data-variant=prominent] .pay-banner-short{display:none}.pay-banner[data-variant=prominent] .pay-banner-text{flex:1 1 auto;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.pay-banner[data-variant=prominent] .pay-banner-cta{flex:none;min-height:2.25rem;padding:0 .75rem;margin-left:0}.pay-banner[data-variant=prominent] .pay-banner-x{flex:none;margin-left:0}}html[data-draft-drawing] .pay-banner{visibility:hidden;pointer-events:none}
