.version-slider{width:100%;margin:auto 0}.version-grid{--fade-start:0px;--fade-end:0px;display:flex;gap:16px;width:100%;margin:0;padding:16px 0;overflow-x:auto;overscroll-behavior-x:contain;list-style:none;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent)}.version-grid::-webkit-scrollbar{display:none}.version-grid[data-dragging]{scroll-snap-type:none;cursor:grabbing}.version-grid[data-dragging] a{pointer-events:none}.version-grid>li{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 4 * 16px) / 4.4);scroll-snap-align:start}.version-slider[data-start] .version-grid{--fade-start:56px}.version-slider[data-end] .version-grid{--fade-end:56px}.version-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;justify-content:space-between;gap:16px;aspect-ratio:3/4;max-height:calc(100dvh - 160px);width:100%;padding:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--rule) 60%,transparent);border-radius:12px;color:var(--ink-muted);background:transparent;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.version-card[data-kind=compare]{border-style:dashed}.version-card-link{color:inherit;text-decoration:none}.version-card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.version-card-link:focus-visible{outline:none}.version-card-title{display:block;font-family:var(--font-display),sans-serif;font-size:min(var(--index-size),16.5cqi);font-weight:400;line-height:.9;transition:transform .24s var(--ease-out)}.version-card-chevron{display:inline-block;vertical-align:top;margin-top:10px;margin-left:12px;opacity:0;transform:rotate(-90deg) translateY(-4px);transition:opacity .16s ease,transform .24s var(--ease-out)}.version-card-links{position:relative;z-index:1;display:grid;gap:2px;margin:0;padding:0;list-style:none;font-family:var(--font-mono),monospace;font-size:13px;line-height:1.5;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .24s var(--ease-out)}.version-card-links:has(>:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.version-card-links a{color:var(--ink);text-decoration:none;opacity:.72}.version-card-links a:focus-visible,.version-card-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.version-card:has(.version-card-link:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.version-card:active,.version-card:focus-within{color:var(--ink);border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.version-card:focus-within .version-card-links{opacity:1;transform:none}.version-card:focus-within .version-card-title{transform:translateY(-4px)}.version-card:focus-within .version-card-chevron{opacity:.8;transform:rotate(-90deg) translateY(0)}@media (hover:hover){.version-card:hover{color:var(--ink);border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.version-card:hover .version-card-title{transform:translateY(-4px)}.version-card:hover .version-card-links{opacity:1;transform:none}.version-card:hover .version-card-chevron{opacity:.8;transform:rotate(-90deg) translateY(0)}}@media (hover:none){.version-card-links{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.version-card,.version-card-chevron,.version-card-links,.version-card-title{transition:none}}@media (max-width:1100px){.version-slider{margin-block:0}.version-grid>li{flex-basis:calc((100% - 16px) / 2.3)}.version-card{max-height:none}}@media (max-width:560px){.version-grid{gap:12px;padding-top:8px}.version-grid>li{flex-basis:calc(100% / 1.2)}.version-card{aspect-ratio:4/3;padding:16px}.version-card-chevron{margin-top:6px}}