.hibiki-alert-root{pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.hibiki-alert{--canvas-px:calc(min(calc(100cqw / 1920), calc(100cqh / 1080)) * var(--alert-zoom,1));--alert-card:#fcfaf1;--alert-foreground:#152e20;--alert-primary:#224c36;--alert-label:#456f46;--alert-actor:#1f6538;top:calc(96 * var(--canvas-px));font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;color:var(--alert-foreground);flex-direction:column;align-items:center;display:flex;position:absolute;left:0;right:0}@supports (color:lab(0% 0 0)){.hibiki-alert{--alert-card:lab(98.102% -.359923 4.57281);--alert-foreground:lab(16.4307% -12.9459 5.70791);--alert-primary:lab(28.8999% -20.1411 8.87608);--alert-label:lab(42.9955% -22.3915 18.0855);--alert-actor:lab(37.4753% -30.9493 18.5414)}}.hibiki-alert-root[data-fit=box]{overflow:visible}.hibiki-alert-root[data-fit=box] .hibiki-alert{--alert-design-width:960;--alert-design-height:480;--canvas-px:calc(min(calc(100cqw / var(--alert-design-width)), calc(100cqh / var(--alert-design-height))) * var(--alert-zoom,1));justify-content:center;top:0;bottom:0}.hibiki-alert-media{width:calc(260 * var(--canvas-px));height:calc(260 * var(--canvas-px));place-items:center;display:grid;position:relative}.hibiki-alert-echoes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hibiki-alert-echo{r:86.5px;fill:none;stroke:var(--alert-card);stroke-width:3px;opacity:0}.hibiki-alert-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hibiki-alert-emblem{width:calc(176 * var(--canvas-px));height:calc(176 * var(--canvas-px));box-shadow:0 calc(12 * var(--canvas-px)) calc(40 * var(--canvas-px)) #091a1159;border-radius:50%;position:relative}@supports (color:lab(0% 0 0)){.hibiki-alert-emblem{box-shadow:0 calc(12 * var(--canvas-px)) calc(40 * var(--canvas-px)) lab(7.60438% -8.52637 3.72114/.35)}}.hibiki-alert-emblem-disc{fill:var(--alert-primary)}.hibiki-alert-emblem-ring{fill:none;stroke:#fcfaf18c;stroke:lab(98.102% -.359923 4.57281/.55);stroke-width:3px}.hibiki-alert-emblem-dot{fill:var(--alert-card)}.hibiki-alert-card{box-sizing:border-box;max-width:calc(960 * var(--canvas-px));padding:calc(24 * var(--canvas-px)) calc(48 * var(--canvas-px)) calc(30 * var(--canvas-px));margin-top:calc(12 * var(--canvas-px));text-align:center;background:var(--alert-card);border:calc(2 * var(--canvas-px)) solid #224c3638;border-radius:calc(28 * var(--canvas-px));box-shadow:0 calc(18 * var(--canvas-px)) calc(60 * var(--canvas-px)) #091a1159;position:relative}@supports (color:lab(0% 0 0)){.hibiki-alert-card{border:calc(2 * var(--canvas-px)) solid lab(28.8999% -20.1411 8.87608/.22);box-shadow:0 calc(18 * var(--canvas-px)) calc(60 * var(--canvas-px)) lab(7.60438% -8.52637 3.72114/.35)}}.hibiki-alert-label{gap:calc(10 * var(--canvas-px));font-size:calc(20 * var(--canvas-px));color:var(--alert-label);text-transform:uppercase;letter-spacing:.14em;justify-content:center;align-items:center;margin:0;font-weight:500;line-height:1.2;display:flex}.hibiki-alert-label svg{width:calc(24 * var(--canvas-px));height:calc(24 * var(--canvas-px))}.hibiki-alert-headline{margin:calc(8 * var(--canvas-px)) 0 0;-webkit-line-clamp:2;line-clamp:2;font-size:calc(52 * var(--canvas-px));letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.hibiki-alert-actor{color:var(--alert-actor)}.hibiki-alert-root[data-playing]{--alert-arrive:cubic-bezier(.2, .8, .2, 1);--alert-leave-at:calc(var(--alert-duration) - .3s - var(--alert-elapsed))}.hibiki-alert-root[data-playing] .hibiki-alert{animation:hibiki-alert-leave .3s ease-in var(--alert-leave-at) forwards}.hibiki-alert-root[data-playing] .hibiki-alert-media{animation:hibiki-alert-media-arrive .4s var(--alert-arrive) calc(0s - var(--alert-elapsed)) both}.hibiki-alert-root[data-playing] .hibiki-alert-card{animation:hibiki-alert-card-arrive .4s var(--alert-arrive) calc(.12s - var(--alert-elapsed)) both}.hibiki-alert-root[data-playing] .hibiki-alert-echo{animation:hibiki-alert-echo 1.2s ease-out calc(var(--echo-delay) - var(--alert-elapsed)) forwards}.hibiki-alert-echo:first-of-type{--echo-delay:.12s}.hibiki-alert-echo:nth-of-type(2){--echo-delay:.28s}@keyframes hibiki-alert-media-arrive{0%{opacity:0;transform:scale(.92)}}@keyframes hibiki-alert-card-arrive{0%{opacity:0;transform:translateY(calc(16 * var(--canvas-px)))}}@keyframes hibiki-alert-echo{0%{opacity:.35;r:86.5px}to{opacity:0;r:181.7px}}@keyframes hibiki-alert-leave{to{opacity:0;transform:translateY(calc(8 * var(--canvas-px)))}}@keyframes hibiki-alert-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hibiki-alert-root[data-playing]{--alert-leave-at:calc(var(--alert-duration) - .2s - var(--alert-elapsed))}.hibiki-alert-root[data-playing] .hibiki-alert{animation:hibiki-alert-fade .2s linear calc(0s - var(--alert-elapsed)) both, hibiki-alert-fade-out .2s linear var(--alert-leave-at) forwards}.hibiki-alert-root[data-playing] .hibiki-alert-media,.hibiki-alert-root[data-playing] .hibiki-alert-card,.hibiki-alert-root[data-playing] .hibiki-alert-echo{animation:none}}@keyframes hibiki-alert-fade-out{to{opacity:0}}
