.haiku-logo{--haiku-cycle: .36s;position:relative;display:inline-block;aspect-ratio:351 / 159;color:inherit;vertical-align:middle;flex:none}.haiku-logo__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible;opacity:0;animation:var(--haiku-cycle) steps(1,end) infinite}.haiku-logo__frame--0{animation-name:haiku-flick}.haiku-logo__frame--1{animation-name:haiku-flick;animation-delay:calc(var(--haiku-cycle) * -.75)}.haiku-logo__frame--2{animation-name:haiku-flick;animation-delay:calc(var(--haiku-cycle) * -.5)}.haiku-logo__frame--3{animation-name:haiku-flick;animation-delay:calc(var(--haiku-cycle) * -.25)}@keyframes haiku-flick{0%{opacity:1}25%{opacity:0}}@media(prefers-reduced-motion:reduce){.haiku-logo__frame{animation:none;opacity:0}.haiku-logo__frame--0{opacity:1}}body #logo .haiku-logo{height:var(--header-logo, 34px);width:auto;max-height:100%}body .mount-header.is-sticky:not(.is-sticky-always) #logo .haiku-logo{height:min(var(--header-logo, 34px),40px)}@media screen and (max-width:1023px){body #logo .haiku-logo{height:min(var(--header-logo, 34px),36px)}}body #logo .logo-txt{display:inline-flex;align-items:center;line-height:0}body #logo .logo-img,body #logo .logo-txt{text-decoration:none}body #logo a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.hl-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.haiku-logo.hl-enter{animation:hl-enter .62s cubic-bezier(.16,1,.3,1) both}@keyframes hl-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/haiku-logo.css.map */