.hkb-archive.svelte-1rgwf5k{list-style:none;margin:60px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px 20px}.hkb-archive.svelte-1rgwf5k li:where(.svelte-1rgwf5k){position:relative}.category-icon.svelte-1rgwf5k{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:50%;background-repeat:no-repeat;background-position:center;box-shadow:10px 10px #0000004d;z-index:2;transition:all .1s ease}.hkb-archive.svelte-1rgwf5k li:where(.svelte-1rgwf5k):hover .category-icon:where(.svelte-1rgwf5k){width:82px;height:82px;top:-29px;box-shadow:9px 9px #0000004d}.hkb-category.svelte-1rgwf5k{background:var(--navy);border-radius:7px;height:100%;min-height:9em;padding:62px 24px 30px;text-align:center;transition:background .1s ease}.hkb-archive.svelte-1rgwf5k li:where(.svelte-1rgwf5k):hover .hkb-category:where(.svelte-1rgwf5k){background:var(--navy-hover)}.cat-title.svelte-1rgwf5k{font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;margin:0 0 13px}.cat-desc.svelte-1rgwf5k{color:#ffffffb3;font-size:13px;line-height:1.5;margin:0}@media(max-width:860px){.hkb-archive.svelte-1rgwf5k{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hkb-archive.svelte-1rgwf5k{grid-template-columns:1fr}}