.plate-card{min-width:0;display:block;position:relative}.plate-card__link{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;text-decoration:none;display:block}.plate-card__link:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.plate-card__media{background:var(--surface);isolation:isolate;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.plate-card__media>:first-child,.plate-card__media img,.plate-card__media canvas{transition:transform .9s cubic-bezier(.22,1,.36,1)}.plate-card__media:after{content:"";z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.plate-card__shot{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.plate-card__shot.is-on{opacity:1}.plate-card__segs{inset-inline:10px;z-index:3;opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:10px}.plate-card__segs i{background:#ffffff59;border-radius:2px;flex:1;height:2px}.plate-card__segs i.is-on{background:#fff}.plate-card__status{top:10px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:24px;font:500 12px/1 var(--font-ui);color:var(--ink);background:#0a0a0cb8;border-radius:999px;align-items:center;gap:6px;padding-inline:8px 10px;display:inline-flex;position:absolute;inset-inline-start:10px}.plate-card__status:before{content:"";background:#f5b94a;border-radius:50%;width:6px;height:6px}.plate-card__caption{background:#0a0a0cb8;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;margin-top:8px;padding:10px 12px 11px;transition:background-color .2s;display:grid}.plate-card__title{font:500 15.5px/1.25 var(--font-ui);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plate-card__year{font:400 13px/1.5 var(--font-ui);color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.plate-card__field{font:400 13.5px/1.3 var(--font-ui);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}@media (hover:hover) and (pointer:fine){.plate-card__link:hover .plate-card__media>:first-child{transform:scale(1.025)}.plate-card__link:hover .plate-card__segs{opacity:1}.plate-card__link:hover .plate-card__caption{background:#161619e0}}.plate-card__link:active .plate-card__media{transform:scale(.99)}@property --screen{syntax:"<length>";inherits:false;initial-value:8px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.plate-card__media{--screen:8px;-webkit-mask-image:radial-gradient(circle at center, #000 var(--screen), transparent calc(var(--screen) + .75px));mask-image:radial-gradient(circle at center, #000 var(--screen), transparent calc(var(--screen) + .75px));animation:linear both plate-print-in,linear forwards plate-print-out;animation-timeline:view(),view();animation-range:entry cover 38%,exit 55%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:11px 11px;mask-size:11px 11px}.plate-card{animation:linear both plate-rise;animation-timeline:view();animation-range:entry cover 30%}}}@keyframes plate-print-in{0%{--screen:0px;filter:grayscale()contrast(1.4)}to{--screen:8px;filter:none}}@keyframes plate-print-out{0%{--screen:8px}to{--screen:.5px}}@keyframes plate-rise{0%{translate:0 48px}to{translate:0}}