.tile.svelte-1afeulc{isolation:isolate;border:1px solid var(--line-on-ink);height:100%;min-height:300px;color:var(--text-on-ink);border-radius:20px;flex-direction:column;padding:22px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.tone-azure.svelte-1afeulc{background:radial-gradient(90% 70% at 100% 0%, rgba(var(--teal-rgb), .5), transparent 65%), var(--azure-2)}.tone-teal.svelte-1afeulc{background:radial-gradient(90% 70% at 100% 0%, rgba(var(--gold-rgb), .16), transparent 65%), #023f46}.tone-gold.svelte-1afeulc{background:radial-gradient(90% 70% at 100% 0%, rgba(var(--amber-rgb), .28), transparent 65%), var(--azure-3)}.tile.svelte-1afeulc:after{content:"";background:var(--metal-red,var(--crimson));width:0;height:4px;transition:width .35s;position:absolute;bottom:0;left:0}.tile.svelte-1afeulc:hover,.tile.svelte-1afeulc:focus-visible{border-color:rgba(var(--gold-rgb), .4);transform:translateY(-4px);box-shadow:0 30px 60px -30px #0009}.tile.svelte-1afeulc:hover:after,.tile.svelte-1afeulc:focus-visible:after{width:100%}.ghost.svelte-1afeulc{z-index:-1;fill:none;stroke:#f3eee612;stroke-width:.6px;stroke-linecap:round;stroke-linejoin:round;width:78%;transition:stroke .3s,transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:-10%;right:-18%}.tile.svelte-1afeulc:hover .ghost:where(.svelte-1afeulc),.tile.svelte-1afeulc:focus-visible .ghost:where(.svelte-1afeulc){stroke:rgba(var(--amber-rgb), .28);transform:rotate(-6deg)scale(1.05)}.top.svelte-1afeulc{justify-content:space-between;align-items:flex-start;display:flex}.disc.svelte-1afeulc{background:var(--metal-steel,var(--ivory));border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .3s;display:grid;position:relative;box-shadow:0 0 0 5px #f3eee612,0 14px 24px -12px #0009}.disc.svelte-1afeulc:after{content:"";border:2px solid var(--azure-2);background:var(--crimson);border-radius:50%;width:11px;height:11px;position:absolute;top:2px;right:2px}.disc.svelte-1afeulc svg:where(.svelte-1afeulc){fill:none;stroke:#02373d;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.tile.svelte-1afeulc:hover .disc:where(.svelte-1afeulc),.tile.svelte-1afeulc:focus-visible .disc:where(.svelte-1afeulc){transform:rotate(-8deg)}.n.svelte-1afeulc{letter-spacing:.12em;color:var(--text-on-ink-muted);font-size:.78rem;font-weight:800}.name.svelte-1afeulc{letter-spacing:-.01em;margin-top:auto;padding-top:28px;font-size:1.3rem;font-weight:800;line-height:1.15}.intro.svelte-1afeulc{color:var(--text-on-ink-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:.85rem;display:-webkit-box;overflow:hidden}.bars.svelte-1afeulc{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:16px;display:grid}.bar.svelte-1afeulc{gap:4px;display:grid}.col.svelte-1afeulc{border-bottom:1px solid var(--line-on-ink);align-items:flex-end;height:34px;display:flex}.fill.svelte-1afeulc{transform-origin:50% 100%;width:100%;height:100%;scale:1 max(.06, var(--h));background:linear-gradient(#d3e7ed,#8db7c4 50%,#6b9caa99);border-radius:4px 4px 0 0;transition:scale .6s cubic-bezier(.2,.8,.2,1)}.fill.zero.svelte-1afeulc{background:#f3eee626}.tile.svelte-1afeulc:hover .fill:where(.svelte-1afeulc):not(.zero){background:linear-gradient(180deg, #ef4a2c, var(--crimson) 55%, #a5190299)}.code.svelte-1afeulc{letter-spacing:.08em;text-align:center;color:var(--text-on-ink-muted);font-size:.62rem;font-weight:800}.foot.svelte-1afeulc{border-top:1px solid var(--line-on-ink);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.count.svelte-1afeulc{letter-spacing:.04em;text-transform:uppercase;color:var(--ivory);font-size:.8rem;font-weight:800}.arrow.svelte-1afeulc{border:1px solid rgba(var(--gold-rgb), .5);width:30px;height:30px;color:var(--ivory);border-radius:50%;place-items:center;transition:background .2s,border-color .2s,transform .2s;display:grid}.tile.svelte-1afeulc:hover .arrow:where(.svelte-1afeulc),.tile.svelte-1afeulc:focus-visible .arrow:where(.svelte-1afeulc){background:var(--metal-red,var(--crimson));border-color:#0000;transform:translate(3px)}@media (width<=520px){.tile.svelte-1afeulc{min-height:0}}@media (prefers-reduced-motion:reduce){.tile.svelte-1afeulc:hover,.tile.svelte-1afeulc:focus-visible,.tile.svelte-1afeulc:hover .ghost:where(.svelte-1afeulc),.tile.svelte-1afeulc:hover .disc:where(.svelte-1afeulc){transform:none}}