.cards.svelte-uz1kmg{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.card.svelte-uz1kmg{aspect-ratio:1/1.05;background:var(--white);border:1px solid var(--hair);border-radius:var(--r);min-width:0;color:var(--ink);transition:border-color var(--fast) var(--ease), box-shadow var(--base) var(--ease), transform var(--fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex;position:relative}.card.svelte-uz1kmg:hover{border-color:var(--line-strong)}.card.svelte-uz1kmg:active{transform:scale(.97)}.card.svelte-uz1kmg svg{width:52%;height:auto}.card.svelte-uz1kmg .l:where(.svelte-uz1kmg){text-align:center;font-size:12.5px;line-height:1.2}.card.on.svelte-uz1kmg{border-color:var(--ink);box-shadow:0 2px #1414140f}.card.on.svelte-uz1kmg .l:where(.svelte-uz1kmg){font-weight:500}.card.on.svelte-uz1kmg:after{content:"";background:var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.5 8.5l2.5 2.5 4.5-5' fill='none' stroke='white' stroke-width='1.8'/></svg>") center/12px no-repeat;border-radius:3px;width:17px;height:17px;position:absolute;top:7px;right:7px}@media (width>=861px){.cards.svelte-uz1kmg{gap:12px}.card.svelte-uz1kmg svg{width:46%}.card.svelte-uz1kmg .l:where(.svelte-uz1kmg){font-size:14px}}