/* Keep the category geometry stable while only the illustrations change. */
.fk-compact .fk-categories{position:relative}
.fk-compact .fk-category>.fk-category-visual{position:relative;display:block;width:100%;max-width:110px;height:90px;flex:none;margin:0 0 9px}
.fk-compact .fk-category .fk-category-visual img{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;object-fit:contain;opacity:0;transition:opacity .65s ease}
.fk-compact .fk-category .fk-category-visual img.is-visible{opacity:1}
.fk-compact .fk-category-motion-toggle{position:absolute;top:7px;right:7px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:5px;border:1px solid #dce8e6;border-radius:50%;background:#fff;color:#087e75;cursor:pointer;opacity:.75}
.fk-compact .fk-category-motion-toggle[hidden]{display:none}
.fk-compact .fk-category-motion-toggle:hover{opacity:1;background:#edf8f6}
.fk-compact .fk-category-motion-toggle:focus-visible{opacity:1;outline:2px solid #087e75;outline-offset:2px}
.fk-compact .fk-category-motion-toggle svg{display:block;width:14px;height:14px;fill:currentColor}
.fk-compact .fk-category-motion-toggle .fk-motion-play{display:none}
.fk-compact .fk-category-motion-toggle[aria-pressed="true"] .fk-motion-pause{display:none}
.fk-compact .fk-category-motion-toggle[aria-pressed="true"] .fk-motion-play{display:block}
@media(max-width:991px){.fk-compact .fk-category>.fk-category-visual{height:72px}}
@media(max-width:575px){.fk-compact .fk-category>.fk-category-visual{height:66px;margin-bottom:6px}.fk-compact .fk-category-motion-toggle{width:24px;height:24px;top:5px;right:5px}}
@media(prefers-reduced-motion:reduce){.fk-compact .fk-category .fk-category-visual img{transition:none}.fk-compact .fk-category-motion-toggle{display:none}}