.hp.svelte-1dg112g{margin:1.5rem 0}.hp__grid.svelte-1dg112g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:40rem){.hp__grid.svelte-1dg112g{grid-template-columns:repeat(4,minmax(0,1fr))}}.hp__card.svelte-1dg112g{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:5.25rem;padding:.8rem .5rem;border:1px solid var(--dbd);border-radius:11px;background:var(--dbg2);color:var(--dt);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hp__card.svelte-1dg112g:hover:not(.hp__card--on){border-color:color-mix(in srgb,var(--dt) 28%,var(--dbd))}.hp__card--on.svelte-1dg112g{border-color:var(--dt);box-shadow:inset 0 0 0 1px var(--dt)}.hp__card.svelte-1dg112g:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dbg),0 0 0 4px var(--dt3)}.hp__mark.svelte-1dg112g{display:grid;place-items:center;width:1.6rem;height:1.6rem}.hp__name.svelte-1dg112g{font-size:.82rem;font-weight:620;line-height:1.2;text-align:center}.hp__tick.svelte-1dg112g{position:absolute;top:.45rem;right:.45rem;display:grid;place-items:center;width:1rem;height:1rem;border:1px solid var(--dbd);border-radius:50%;color:var(--dbg);transition:background-color .15s,border-color .15s}.hp__card--on.svelte-1dg112g .hp__tick:where(.svelte-1dg112g){border-color:var(--dt);background:var(--dt)}.hp__panel.svelte-1dg112g{padding:1.25rem 0 0}@media(prefers-reduced-motion:reduce){.hp__card.svelte-1dg112g,.hp__tick.svelte-1dg112g{transition:none}}