@property --bento-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes bento-spin{to{--bento-angle:360deg}}.bento-grid{grid-template-rows:1.3fr 1fr 1.2fr;grid-template-columns:1.8fr 1.2fr 1fr 1.1fr 1.4fr;gap:8px;display:grid}@media (width<=767px){.bento-grid{gap:6px;width:320%;left:-110%;right:auto}}.bento-cell{--cell-glow:235 80% 65%;--cell-glow-2:200 70% 60%;border:3px solid hsl(var(--cell-glow) / .1);animation:bento-spin var(--spin-dur,5s) linear infinite;animation-delay:var(--spin-delay,0s);border-radius:16px;position:relative}.bento-cell:after{content:"";background:conic-gradient(from var(--bento-angle), transparent 0%, hsl(var(--cell-glow) / .1) 2%, hsl(var(--cell-glow) / .5) 4%, hsl(var(--cell-glow) / .9) 5.5%, hsl(var(--cell-glow) / .5) 7%, hsl(var(--cell-glow) / .1) 9%, transparent 12%, transparent 50%, hsl(var(--cell-glow-2) / .06) 52%, hsl(var(--cell-glow-2) / .2) 53.5%, hsl(var(--cell-glow-2) / .06) 55%, transparent 58%, transparent 100%);border-radius:inherit;pointer-events:none;padding:4px;position:absolute;inset:-2px}.bento-bg-profit{background-color:color-mix(in srgb, var(--color-profit) 28%, transparent)}.bento-bg-profit-strong{background-color:color-mix(in srgb, var(--color-profit) 38%, transparent)}.bento-bg-loss{background-color:color-mix(in srgb, var(--color-loss) 28%, transparent)}.bento-bg-loss-strong{background-color:color-mix(in srgb, var(--color-loss) 38%, transparent)}.dark .bento-bg-profit{background-color:color-mix(in srgb, var(--color-profit) 3%, transparent)}.dark .bento-bg-profit-strong{background-color:color-mix(in srgb, var(--color-profit) 8%, transparent)}.dark .bento-bg-loss{background-color:color-mix(in srgb, var(--color-loss) 3%, transparent)}.dark .bento-bg-loss-strong{background-color:color-mix(in srgb, var(--color-loss) 8%, transparent)}