.hk-cats{scrollbar-width:none}.hk-cats::-webkit-scrollbar{display:none}.hk-cat-disc{rotate:var(--tilt,0deg);transform-origin:50% 100%;transition:transform .22s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.hk-cat:hover .hk-cat-disc{transform:scale(1.06,.92)}}.hk-cat:active .hk-cat-disc{transition-duration:.12s;transform:scale(.96,.88)}.hk-cat:focus-visible{outline:none}.hk-cat:focus-visible .hk-cat-disc{outline:3px solid var(--color-ink);outline-offset:5px;border-radius:9999px}@media (prefers-reduced-motion:reduce){.hk-cat-disc{transition:none}.hk-cat:hover .hk-cat-disc,.hk-cat:active .hk-cat-disc{transform:none}}
.hk-dips{--dips-dir:1;--dips-gap:.3em}[dir=rtl] .hk-dips{--dips-dir:-1}.hk-dips-run{justify-content:center;align-items:center;gap:.12em var(--dips-gap);flex-wrap:wrap;padding-inline:1rem;font-size:clamp(3rem,8vw,6.5rem);display:flex}.hk-dips-run+.hk-dips-run,.hk-dips-toggle{display:none}.hk-dips-item{align-items:center;gap:var(--dips-gap);white-space:nowrap;display:flex}.hk-dips-cut{flex:none;width:.78em;height:.78em;rotate:-8deg}.hk-dips-item:nth-child(2n) .hk-dips-cut{rotate:9deg}@media (prefers-reduced-motion:no-preference){html[data-fx] .hk-dips-track{width:max-content;animation:hk-dips-roll var(--dips-duration,90s) linear infinite;animation-play-state:paused;display:flex}html[data-fx] .hk-dips-run{padding-inline:0 var(--dips-gap);flex-wrap:nowrap;flex:none;justify-content:flex-start;font-size:clamp(4rem,11vw,9rem)}html[data-fx] .hk-dips-run+.hk-dips-run{display:flex}html[data-fx] .hk-dips-toggle{display:grid}html[data-fx] .hk-dips[data-live]:not([data-paused]) .hk-dips-track{animation-play-state:running}html[data-fx] .hk-dips[data-live] .hk-dips-band:focus-within .hk-dips-track{animation-play-state:paused}html[data-fx] .hk-dips-section:has(:focus-visible:not(.hk-dips-toggle)) .hk-dips[data-live] .hk-dips-track{animation-play-state:paused}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-fx] .hk-dips[data-live] .hk-dips-band:hover .hk-dips-track{animation-play-state:paused}}@keyframes hk-dips-roll{to{translate:calc(var(--dips-dir) * -100% / var(--dips-copies,2)) 0}}
