.tt{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.tt{grid-template-columns:repeat(4,minmax(0,1fr))}}.tt--compact{gap:8px}.tt__page--you{border:1px dashed var(--color-line-strong);color:var(--color-signal);box-shadow:none;background:0 0;place-items:center;display:grid}.tt__card--you .tt__name{color:var(--color-signal)}.tt__card{border:1px solid var(--color-line);background:var(--color-raised);height:100%;color:inherit;border-radius:12px;flex-direction:column;padding:10px;transition:border-color .2s,background-color .2s,transform .25s;display:flex}.tt__card:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px}@media (hover:hover){.tt__card:hover{border-color:var(--color-line-strong);background:var(--color-sunken);transform:translateY(-2px)}.tt__card:hover .tt__name svg{color:var(--color-signal);transform:translate(2px,-2px)}.tt__card:hover .tt__btn{transform:scaleX(1.12)}}.tt__page{aspect-ratio:16/10;background:var(--bg);border-radius:8px;padding:10% 9%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.tt__nav{gap:6%;margin-bottom:12%;display:flex}.tt__nav i{background:var(--ink);opacity:.5;border-radius:2px;width:14%;height:4px;display:block}.tt__nav i:first-child{opacity:1;width:24%}.tt__h{background:var(--ink);border-radius:3px;width:78%;height:9%;margin-bottom:5%;display:block}.tt__h--short{background:var(--ac);opacity:.9;width:52%}.tt__btn{background:var(--ac);transform-origin:0;border-radius:999px;width:32%;height:11%;margin-top:9%;transition:transform .3s;display:block}.tt--compact .tt__nav i{height:3px}.tt__meta{padding:12px 4px 4px;display:block}.tt__kind{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-faint);display:block}.tt__name{color:var(--color-ink);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:16px;display:flex}.tt__name svg{color:var(--color-faint);flex:none;transition:color .2s,transform .25s}.tt__pitch{color:var(--color-muted);margin-top:6px;font-size:13.5px;line-height:1.55;display:block}.tt--compact .tt__meta{padding:9px 2px 2px}.tt--compact .tt__kind{font-size:10px}.tt--compact .tt__name{font-size:14px}@media (max-width:520px){.tt{gap:8px}.tt__pitch{display:none}.tt__name{font-size:14px}}@media (prefers-reduced-motion:reduce){.tt__card,.tt__btn,.tt__name svg{transition:none}}