/* Geometry is generated from kirmoon-logo-animated.svg. */
.brand>.km-logo{display:block;flex:none;width:calc(var(--brand-size,21px) * 7.6651785714);height:calc(var(--brand-size,21px) * 1.8571428571);max-width:none;overflow:visible;pointer-events:none}
.floating-brand>.km-logo>g[clip-path]{opacity:var(--brand-arc-opacity,0);transition:opacity .18s}
#floating-brand{backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:flat;will-change:auto}
.km-logo{shape-rendering:geometricPrecision}

    .km-logo-glint{animation:km-logo-enter 1.15s ease-out both}
    .brand:is(:hover,:focus-visible) .km-logo-glint{animation-name:km-logo-hover}
    @keyframes km-logo-enter{0%{stroke-dashoffset:1;opacity:0}14%,76%{opacity:.9}100%{stroke-dashoffset:0;opacity:0}}
    @keyframes km-logo-hover{0%{stroke-dashoffset:1;opacity:0}14%,76%{opacity:.9}100%{stroke-dashoffset:0;opacity:0}}
    @media(prefers-reduced-motion:reduce){.km-logo-glint,.brand:is(:hover,:focus-visible) .km-logo-glint{animation:none;opacity:0}}
  
#floating-brand.is-glinting:not(:hover):not(:focus-visible) .km-logo-glint{animation-name:km-logo-scroll}
@keyframes km-logo-scroll{0%{stroke-dashoffset:1;opacity:0}14%,76%{opacity:.9}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){#floating-brand.is-glinting .km-logo-glint{animation:none;opacity:0}}