.cat-tick{border:0 solid color-mix(in srgb, var(--color-ink) 48%, transparent);pointer-events:none;width:14px;height:14px;position:absolute}.cat-tick[data-pos=tl]{border-top-width:1px;border-left-width:1px;top:-9px;left:-9px}.cat-tick[data-pos=tr]{border-top-width:1px;border-right-width:1px;top:-9px;right:-9px}.cat-tick[data-pos=bl]{border-bottom-width:1px;border-left-width:1px;bottom:-9px;left:-9px}.cat-tick[data-pos=br]{border-bottom-width:1px;border-right-width:1px;bottom:-9px;right:-9px}.cat-art-stack,.cat-cap-stack{display:grid}.cat-art,.cat-cap{opacity:0;visibility:hidden;min-width:0;transition:opacity .7s var(--ease-studio), transform .7s var(--ease-studio), visibility 0s linear .7s;grid-area:1/1}.cat-art{transform:translateY(14px)}.cat-cap{transform:translateY(8px)}.cat-stage[data-active="01"] :is(.cat-art,.cat-cap)[data-for="01"],.cat-stage[data-active="02"] :is(.cat-art,.cat-cap)[data-for="02"],.cat-stage[data-active="03"] :is(.cat-art,.cat-cap)[data-for="03"],.cat-stage[data-active="04"] :is(.cat-art,.cat-cap)[data-for="04"],.cat-stage[data-active="05"] :is(.cat-art,.cat-cap)[data-for="05"],.cat-stage[data-active="06"] :is(.cat-art,.cat-cap)[data-for="06"],.cat-stage[data-active="07"] :is(.cat-art,.cat-cap)[data-for="07"],.cat-stage[data-active="08"] :is(.cat-art,.cat-cap)[data-for="08"]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.cat-row{--on:0}.cat-row:focus-within{--on:1}.cat-row__bar{background:var(--color-berry);transform-origin:top;width:2px;transform:scaleY(var(--on));transition:transform .6s var(--ease-studio);display:none;position:absolute;top:2.25rem;bottom:2.25rem;left:-1.25rem}.cat-row__name,.cat-row__glyph{color:color-mix(in srgb, var(--color-berry) calc(var(--on) * 100%), var(--color-ink));transition:color .5s var(--ease-studio)}.cat-row__num{color:color-mix(in srgb, var(--color-berry) calc(var(--on) * 100%), var(--color-ink-soft));transition:color .5s var(--ease-studio)}.cat-row__glyph svg{transition:transform .6s var(--ease-studio);transform:translate3d(0, calc(var(--on) * -3px), 0)}@media (min-width:64rem){.cat-row__bar{display:block}.cat-stage[data-active="01"] .cat-row[data-index="01"],.cat-stage[data-active="02"] .cat-row[data-index="02"],.cat-stage[data-active="03"] .cat-row[data-index="03"],.cat-stage[data-active="04"] .cat-row[data-index="04"],.cat-stage[data-active="05"] .cat-row[data-index="05"],.cat-stage[data-active="06"] .cat-row[data-index="06"],.cat-stage[data-active="07"] .cat-row[data-index="07"],.cat-stage[data-active="08"] .cat-row[data-index="08"]{--on:1}}.cat-entry{--on:0}.cat-entry:hover,.cat-entry:focus-within{--on:1}.cat-entry__glyph{color:color-mix(in srgb, var(--color-berry) calc(var(--on) * 100%), var(--color-ink));transform:translate3d(0, calc(var(--on) * -4px), 0);transition:transform .7s var(--ease-studio), color .5s var(--ease-studio)}.cat-entry__rule{background:var(--color-berry);transform-origin:0;width:100%;height:1px;transform:scaleX(calc(.14 + var(--on) * .86));transition:transform .9s var(--ease-studio);display:block}.cat-guide-row>*{transition:background-color .4s var(--ease-studio)}.cat-guide-row:hover>*,.cat-guide-row:focus-within>*{background-color:color-mix(in srgb, var(--color-porcelain) 70%, transparent)}