@layer components{.board-progress{background:var(--color-ink-2);animation:board-progress .9s var(--ease-tick) infinite}@keyframes board-progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.board-live{animation:2s steps(2,jump-none) infinite board-live}@keyframes board-live{0%{opacity:1}to{opacity:.35}}.board-stock-head{background:linear-gradient(90deg, color-mix(in oklch, var(--tint) 12%, var(--gray-1)), var(--gray-1) 45%);box-shadow:inset 2px 0 0 var(--tint);transition:background-color var(--dur-160) var(--ease-tick)}.board-stock-head:hover{box-shadow:inset 3px 0 0 var(--tint)}.board-row{animation:board-row-in var(--dur-240) var(--ease-tick) both;animation-delay:calc(var(--i,0) * 24ms);transition:background-color var(--dur-120) var(--ease-tick)}.board-row:hover,.board-row:focus-visible{background-color:var(--color-hover)}@keyframes board-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.board-row-trade{opacity:0;transition:opacity var(--dur-120) var(--ease-tick), transform var(--dur-120) var(--ease-tick);transform:translate(-4px)}.board-row-age{transition:opacity var(--dur-120) var(--ease-tick)}.board-row:hover .board-row-trade,.board-row:focus-visible .board-row-trade{opacity:1;transform:none}.board-row:hover .board-row-age,.board-row:focus-visible .board-row-age{opacity:0}.board-row[data-arrived=true]{animation:board-arrive var(--dur-240) var(--ease-tick) both, board-arrive-tint 2.4s var(--ease-tick) both}@keyframes board-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes board-arrive-tint{0%{background-color:color-mix(in oklch, var(--color-up) 14%, transparent)}to{background-color:#0000}}@media (max-width:639px){.board-stock-head{top:var(--board-sticky-top,90px);z-index:10;position:sticky}}@media (prefers-reduced-motion:reduce){.board-progress,.board-live,.board-row,.board-row[data-arrived=true]{animation:none}.board-row[data-arrived=true]{background-color:color-mix(in oklch, var(--color-up) 10%, transparent)}}.board-slot:hover{background-color:var(--color-hover)}}
