.q-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:10px;display:grid}.q-mosaic>*{min-width:0}@media (max-width:1023px){.q-mosaic{flex-direction:column;display:flex}}.q-panel{flex-direction:column;display:flex}.q-panel-body{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex:auto;min-width:0;overflow-x:auto}.q-panel-body::-webkit-scrollbar{width:6px;height:6px}.q-panel-body::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.q-panel-body::-webkit-scrollbar-track{background:0 0}@keyframes q-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.q-stagger>*{animation:.38s cubic-bezier(.2,.8,.3,1.2) both q-rise}.q-stagger>:first-child{animation-delay:0s}.q-stagger>:nth-child(2){animation-delay:60ms}.q-stagger>:nth-child(3){animation-delay:.12s}.q-stagger>:nth-child(4){animation-delay:.18s}.q-stagger>:nth-child(5){animation-delay:.24s}.q-stagger>:nth-child(6){animation-delay:.3s}.q-stagger>:nth-child(7){animation-delay:.36s}.q-stagger>:nth-child(n+8){animation-delay:.42s}@media (prefers-reduced-motion:reduce){.q-stagger>*{opacity:1;animation:none;transform:none}}@media (min-width:1280px){.q-rail{align-self:start;height:calc(100dvh - 178px);position:sticky;top:166px}}