@layer components{.logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.logo:focus-visible{outline:3px solid var(--c-accent-muted,#c7d2fe);outline-offset:3px;border-radius:var(--radius,6px)}.logo__img{display:block;height:44px;width:auto}.logo__dot{fill:#f4a78b;transition:fill .25s ease}.logo:not(.logo--playing):hover .logo__dot{fill:white;transition:fill .15s ease}@keyframes braille-f{0%{fill:#f4a78b;opacity:1}3%{fill:white;opacity:1}17%{fill:white;opacity:1}21%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-r{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}20%{fill:#f4a78b;opacity:.15}23%{fill:white;opacity:1}36%{fill:white;opacity:1}40%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-e{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}38%{fill:#f4a78b;opacity:.15}41%{fill:white;opacity:1}53%{fill:white;opacity:1}57%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-i{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}55%{fill:#f4a78b;opacity:.15}58%{fill:white;opacity:1}68%{fill:white;opacity:1}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}.logo--playing .logo__dot--f{animation:braille-f 4s ease-in-out 1 forwards}.logo--playing .logo__dot--r{animation:braille-r 4s ease-in-out 1 forwards}.logo--playing .logo__dot--e{animation:braille-e 4s ease-in-out 1 forwards}.logo--playing .logo__dot--i{animation:braille-i 4s ease-in-out 1 forwards}@media (prefers-reduced-motion:reduce){.logo--playing .logo__dot--e,.logo--playing .logo__dot--f,.logo--playing .logo__dot--i,.logo--playing .logo__dot--r,.logo__dot{animation:none!important}}}