.qx-wall{--qx-tile-h:clamp(30px,5.2vw,52px);--qx-gap:clamp(5px,0.7vw,9px);--qx-pad:clamp(8px,1.1vw,15px);--qx-cols:4;--qx-lines:2;--qx-row-h:calc(var(--qx-lines) * var(--qx-tile-h) + (var(--qx-lines) - 1) * var(--qx-gap));--qx-row-step:calc(var(--qx-row-h) + var(--qx-gap));width:100%;padding:var(--qx-pad);border:1px solid #94a3b8;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.07)}@media (min-width:1024px){.qx-wall{--qx-cols:8;--qx-lines:1}}.qx-wall__rows{position:relative;height:calc(var(--qx-visible) * var(--qx-row-step) - var(--qx-gap));overflow:hidden}.qx-row{position:absolute;left:0;right:0;top:0;height:var(--qx-row-h);display:grid;grid-template-columns:repeat(var(--qx-cols),minmax(0,1fr));grid-auto-rows:var(--qx-tile-h);grid-auto-flow:row;gap:var(--qx-gap);transform:translateY(calc(var(--qx-index) * var(--qx-row-step)));transition:transform .28s ease-out,opacity .28s cubic-bezier(.75,0,1,1)}.qx-row.is-leaving{opacity:0}.qx-tile{border:1px solid #cbd5e1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.28vw,4px);padding:clamp(2px,.3vw,5px);overflow:hidden}.qx-tile--wide{grid-column:span 2}.qx-tile__mark{display:block;flex:none;width:clamp(12px,1.5vw,19px);height:clamp(12px,1.5vw,19px);color:#0f172a}.qx-tile__mark svg{width:100%;height:100%;display:block}.qx-tile__name{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:9px;letter-spacing:.04em;color:#0f172a;text-align:center;line-height:1.15;white-space:nowrap}@media (max-width:479px){.qx-tile__name{display:none}.qx-tile__mark{width:18px;height:18px}}.qx-row.is-entering .qx-tile,.qx-wall.is-playing .qx-tile{animation:qx-fall .56s cubic-bezier(.42,0,.82,.45) both;animation-delay:var(--qx-delay)}.qx-theme-cycle{position:relative}.qx-theme-cycle__sheet{max-width:600px;margin:0 auto}.qx-theme-cycle__caption{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:600px;margin:24px auto 0}.qx-theme-cycle__name{font-size:15px;font-weight:500;color:#0f172a}.qx-theme-cycle__dots{display:flex;align-items:center;gap:2px}.qx-theme-cycle__dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:9999px;padding:0;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qx-theme-cycle__dot:after{content:"";width:10px;height:10px;border-radius:9999px;background:var(--qx-dot)}.qx-theme-cycle__dot[aria-pressed=true]:after{box-shadow:0 0 0 2px #fff,0 0 0 3px #94a3b8}.qx-theme-cycle__dot:focus-visible{outline:2px solid #0f172a;outline-offset:-2px}.qx-theme-cycle .qx-accent,.qx-theme-cycle .qx-ink,.qx-theme-cycle .qx-sheet__cover,.qx-theme-cycle .qx-sheet__meta,.qx-theme-cycle .qx-sheet__title,.qx-theme-cycle .qx-surface{transition:background-color .6s ease,color .6s ease,border-color .6s ease}@media (prefers-reduced-motion:reduce){.qx-theme-cycle .qx-accent,.qx-theme-cycle .qx-ink,.qx-theme-cycle .qx-sheet__cover,.qx-theme-cycle .qx-sheet__meta,.qx-theme-cycle .qx-sheet__title,.qx-theme-cycle .qx-surface{transition:none}}