.trade-ideas.surface,[data-slot=fair-fixes].surface{background:var(--card);padding:1rem}@media (min-width:40rem){.trade-ideas.surface,[data-slot=fair-fixes].surface{padding:1.25rem}}.idea-row[data-tried]{background:color-mix(in oklab, var(--primary) 12%, transparent);box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--primary) 40%, transparent)}@media (any-hover:hover) and (any-pointer:fine){.idea-row:not([data-tried]):hover,.idea-row:not([data-tried]):focus-within{background:color-mix(in oklab, var(--primary) 16%, transparent);box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--primary) 70%, transparent), var(--cushion-rest-soft)}.idea-row:not([data-tried]):hover :is([data-slot=idea-preview],[data-slot=fix-preview]),.idea-row:not([data-tried]):focus-within :is([data-slot=idea-preview],[data-slot=fix-preview]){background:var(--button-primary-fill);background-clip:var(--button-primary-clip);color:var(--button-primary-ink);border-color:#0000}}@media (prefers-reduced-motion:no-preference){.idea-row{transition:background-color .15s ease-out,box-shadow .15s ease-out}}.reel-strip{transform:translateY(var(--reel-to))}@media (prefers-reduced-motion:no-preference){.reel-strip{animation:reel-roll var(--reel-ms) cubic-bezier(.16, .84, .24, 1) both}}@keyframes reel-roll{0%{transform:translateY(0)}to{transform:translateY(var(--reel-to))}}
