.auth-scene{--pace:.6;--zoom:.85;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 50% 0%, color-mix(in oklab, var(--flag-blue) 70%, transparent), transparent 70%), radial-gradient(ellipse 90% 28% at 50% 100%, color-mix(in oklab, var(--flag-red) 30%, transparent), transparent 70%);position:absolute;inset:0;overflow:hidden;container-type:size}@media (min-width:48rem){.auth-scene{--pace:1;--zoom:1.3}}.auth-stars,.auth-stars:after{background:radial-gradient(circle at 8% 22%, var(--flag-white) 0 1px, transparent 1.5px), radial-gradient(circle at 23% 64%, var(--flag-white) 0 .75px, transparent 1.25px), radial-gradient(circle at 41% 12%, var(--flag-white) 0 1px, transparent 1.5px), radial-gradient(circle at 66% 30%, var(--flag-white) 0 .75px, transparent 1.25px), radial-gradient(circle at 79% 8%, var(--flag-white) 0 1.25px, transparent 1.75px), radial-gradient(circle at 93% 46%, var(--flag-white) 0 .75px, transparent 1.25px);opacity:.55;position:absolute;inset:0 0 50%}.auth-stars:after{content:"";background:radial-gradient(circle at 15% 40%, var(--flag-white) 0 1.25px, transparent 1.75px), radial-gradient(circle at 34% 28%, var(--flag-white) 0 .75px, transparent 1.25px), radial-gradient(circle at 54% 52%, var(--flag-white) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 70%, var(--flag-white) 0 1px, transparent 1.5px), radial-gradient(circle at 87% 24%, var(--flag-white) 0 .75px, transparent 1.25px);opacity:1;inset:0}.auth-bubble{left:var(--x);top:var(--y);opacity:var(--o);position:absolute}@media not (min-width:48rem){.auth-bubble{left:var(--px);top:var(--py)}}.auth-bubble>span{min-width:calc(2.5rem * var(--s) * var(--zoom));height:calc(2.5rem * var(--s) * var(--zoom));font-size:calc(1.25rem * var(--s) * var(--zoom));background:radial-gradient(circle at 30% 25%, color-mix(in oklab, var(--flag-white) 26%, transparent), color-mix(in oklab, var(--flag-white) 7%, transparent) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--flag-white) 22%, transparent);border-radius:50% 50% 50% 14%;place-items:center;line-height:1;display:grid}.auth-bubble:nth-of-type(2n)>span{border-radius:50% 50% 14%}.auth-bubble>[data-talk]{font-size:calc(.8125rem * var(--s) * var(--zoom));white-space:nowrap;color:var(--flag-white);background:var(--flag-blue);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--flag-white) 30%, transparent);border-radius:9999px 9999px 9999px .375rem;padding-inline:.9em;font-weight:600}.auth-bubble>[data-talk=cheer]{background:var(--flag-red)}.auth-sea{inset-inline:0;height:2.75rem;position:absolute;bottom:0}@media (min-width:48rem){.auth-sea{height:5.5rem}}.auth-wave{width:200%;height:100%;fill:color-mix(in oklab, var(--flag-blue) 45%, transparent);position:absolute;bottom:-1px;left:0}.auth-wave:nth-child(2){height:78%;fill:color-mix(in oklab, var(--flag-blue) 75%, var(--flag-night))}.auth-wave:nth-child(3){height:52%;fill:var(--background)}@media (min-width:48rem){.auth-wave:nth-child(3){fill:color-mix(in oklab, var(--flag-blue) 55%, var(--flag-night))}}.auth-flag{display:block}.auth-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(40rem 24rem at 100% 0%, color-mix(in oklab, var(--primary) 12%, transparent), transparent 70%), radial-gradient(32rem 20rem at 0% 100%, color-mix(in oklab, var(--flag-red) 8%, transparent), transparent 70%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.auth-bubble{animation:auth-rise calc(var(--t) * var(--pace) * 1s) linear calc(var(--d) * var(--t) * var(--pace) * -1s) infinite;top:100%}.auth-bubble>span{animation:auth-sway calc(var(--t) * .27s) ease-in-out infinite alternate}.auth-stars:after{animation:4.5s ease-in-out infinite alternate auth-twinkle}.auth-wave{animation:16s linear infinite auth-swell}.auth-wave:nth-child(2){animation-duration:11s;animation-direction:reverse}.auth-wave:nth-child(3){animation-duration:8s}}@keyframes auth-rise{0%{opacity:0;translate:0}12%,78%{opacity:var(--o)}to{opacity:0;translate:0 calc(-100cqh - 100%)}}@keyframes auth-sway{0%{translate:-.5rem;rotate:-6deg}to{translate:.5rem;rotate:6deg}}@keyframes auth-twinkle{0%{opacity:.15}to{opacity:1}}@keyframes auth-swell{0%{translate:0}to{translate:-50%}}