.tmap{box-sizing:border-box;aspect-ratio:1;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:#0b0c0f;border:1px solid #1f2733;border-radius:16px;outline:none;max-width:450px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a2e}[data-theme=dark] .tmap{border-color:#24324d;box-shadow:0 10px 30px #00000073}.tmap:focus-visible{box-shadow:0 0 0 3px #58a6ff99}.tmap-canvas{width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.tmap:hover .tmap-canvas{transform:scale(1.035)}.tmap-img{object-fit:cover;background:#0b0c0f}.tmap-top{pointer-events:none;background:linear-gradient(#0b0c0ff0 35%,#0b0c0f00);flex-direction:column;align-items:flex-start;gap:3px;padding:16px 52px 44px 18px;display:flex;position:absolute;top:0;left:0;right:0}.tmap-info{z-index:1;color:#9aa7b8;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,background .2s;display:flex;position:absolute;top:10px;right:10px}.tmap-info:hover,.tmap-info:focus-visible{color:#f0f3f6;background:#f0f3f61a;outline:none}.tmap-kicker{letter-spacing:.07em;text-transform:uppercase;color:#79a6ff;font-size:11.5px;font-weight:700}.tmap-name{color:#f0f3f6;pointer-events:auto;font-size:22px;font-weight:750;line-height:1.2;text-decoration:none}.tmap-name:hover{text-decoration:underline}span.tmap-name:hover{text-decoration:none}.tmap-meta{color:#9aa7b8;font-size:13px}.tmap-bottom{pointer-events:none;background:linear-gradient(#0b0c0f00,#0b0c0fe6 65%);justify-content:space-between;align-items:center;padding:44px 14px 14px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.tmap-bottom-end{justify-content:flex-end}.tmap-all{color:#9aa7b8;pointer-events:auto;font-size:13.5px;font-weight:600;text-decoration:none}.tmap-all:hover{color:#e6edf3}.tmap-open{color:#0b0c0f;pointer-events:auto;background:#f0f3f6;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px 0 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 4px 14px #00000059}.tmap-open svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}.tmap:hover .tmap-open{background:#fff;transform:translateY(-1px)}.tmap:hover .tmap-open svg{transform:translate(2px,-2px)}@media (max-width:640px){.tmap{border-radius:14px}.tmap-name{font-size:20px}}.tmap-tiles{margin:24px 0;container-type:inline-size}.tmap-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@container (min-width:880px){.tmap-tiles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tmap-cell{min-width:0;container-type:inline-size}.tmap.tmap-tile{max-width:none;margin:0}@container (max-width:300px){.tmap-tile .tmap-top{padding:12px 40px 32px 12px}.tmap-tile .tmap-info{top:6px;right:6px}.tmap-tile .tmap-kicker{font-size:10px}.tmap-tile .tmap-name{font-size:17px}.tmap-tile .tmap-meta{display:none}.tmap-tile .tmap-bottom{gap:6px;padding:32px 10px 10px 12px}.tmap-tile .tmap-all{font-size:12px}.tmap-tile .tmap-open{gap:4px;height:30px;padding:0 10px 0 12px;font-size:12.5px}}@container (max-width:210px){.tmap-tile .tmap-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.tmap-cell:nth-child(n+3){display:none}}