.cg-figure{gap:2rem;min-width:0;margin-block-start:3rem;display:grid}@media (min-width:1024px){.cg-figure{grid-template-columns:minmax(0,28rem) minmax(0,1fr);align-items:start;gap:5rem}}.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.cg-tile{aspect-ratio:1;border:1px solid var(--border);background:var(--background);align-items:flex-end;min-width:0;padding:.625rem;display:flex;position:relative}.cg-fill{background:var(--muted);opacity:0;transition:opacity .32s var(--ease-out);transition-delay:calc(var(--cg-i,0) * 90ms);position:absolute;inset:0}.cg-fill[data-on]{opacity:1}.cg-ring{box-shadow:inset 0 0 0 2px var(--accent-text);opacity:0;transition:opacity .32s var(--ease-out);transition-delay:calc(var(--cg-i,0) * 60ms);position:absolute;inset:0}.cg-ring[data-on]{opacity:1}.cg-label{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:.8125rem;font-weight:500;line-height:1.2;position:relative}.cg-tile[data-open] .cg-label{color:var(--foreground)}@media (min-width:640px){.cg-label{font-size:.875rem}}.cg-asks{border-radius:var(--radius-xl);background:var(--border);gap:1px;min-width:0;margin:0;padding:1px;list-style:none;display:grid;overflow:hidden}.cg-ask{background:var(--background);opacity:0;min-width:0;transition:opacity .3s var(--ease-out), translate .3s var(--ease-out);transition-delay:calc(var(--cg-i,0) * .14s);align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex;translate:0 6px}.cg-ask[data-on]{opacity:1;translate:0}.cg-ask-mark{width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--accent-text);flex-shrink:0;margin-block-start:.1875rem}.cg-ask-text{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.cg-ask-line{letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);font-size:.75rem;font-weight:500}.cg-ask-q{color:var(--foreground);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.cg-fill,.cg-ring,.cg-ask{transition:none}}