.lab-cards{--lab-col:max(17rem, (100% - 3 * var(--gap)) / 4);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--lab-col)), 1fr));gap:var(--sp-7) var(--gap);margin:0;padding:0;list-style:none;display:grid}.lab-item{align-content:start;gap:var(--sp-4);min-inline-size:0;display:grid}.lab-empty{color:var(--ink-2);margin-block:0}.lab-card{align-content:start;gap:var(--sp-4);min-inline-size:0;color:inherit;border-radius:var(--r-m);text-decoration:none;display:grid}.lab-card:focus-visible{outline-offset:6px}.lab-card .frame{transition:scale var(--dur-press) var(--ease-out)}.lab-card:active .frame{scale:.98}.lab-card .frame-screen img{object-position:left top;transform-origin:0 0;transition:scale .18s var(--ease-out)}.lab-card-body{justify-items:start;gap:var(--sp-2);min-inline-size:0;display:grid}.lab-card-body>*{max-inline-size:100%;margin:0}.lab-no{color:var(--ink-2);font-size:var(--fs-small);line-height:1.4}.lab-card-title{font-family:var(--font-display);letter-spacing:.02em;text-wrap:balance;font-size:1.375rem;font-weight:700;line-height:1.35}@media (hover:hover) and (pointer:fine){.lab-item:not(.is-scroll) .lab-card:hover .frame-screen img{scale:1.02}.lab-card:hover .lab-card-title{text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:1.5px}}.lab-sample{block-size:160px;padding-inline:var(--sp-4);overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--input);border-radius:var(--r-s);background:var(--field);overflow-y:auto}.lab-sample-rows{padding:var(--sp-2) 0 5rem;margin:0;list-style:none}.lab-sample-rows li{align-items:center;gap:var(--sp-3);border-block-end:1px solid var(--line);min-block-size:3.25rem;font-size:var(--fs-small);font-weight:700;line-height:1.5;display:flex}.lab-sample-rows .lab-sample-hint{color:var(--ink-2);font-weight:400}.lab-sample-rise{min-block-size:4.5rem}.lab-sample-dot{border-radius:var(--r-pill);background:var(--accent);flex:none;block-size:8px;inline-size:8px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.lab-sample-rise{animation:linear both lab-rise;animation-timeline:view();animation-range:entry}}}@keyframes lab-rise{0%{opacity:.2;translate:0 12px}to{opacity:1;translate:none}}@media (prefers-reduced-motion:reduce){.lab-card .frame,.lab-card .frame-screen img{transition:none}.lab-card:active .frame,.lab-item .lab-card:hover .frame-screen img{scale:none}}