@layer quartz-base{.pixel-art-hero{justify-content:center;width:100%;margin:0 0 1.75rem;display:flex}.pixel-art-stage{width:100%;max-width:100%;padding:0 0 .5rem;transition:color .4s}html[saved-theme=light] .pixel-art-stage{color:#57534e}html[saved-theme=dark] .pixel-art-stage{color:#a1a1aa}.pixel-art-frame,.pixel-art-frame-inner{box-shadow:none;background:0 0;border:none;padding:0}.pixel-art-frame-inner{border-radius:8px;overflow:hidden}.pixel-art-frame-glow{display:none}.pixel-art-canvas{aspect-ratio:512/192;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;border-radius:8px;display:block}.pixel-art-meta{opacity:.82;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.85rem;padding:0 .15rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.75rem;display:flex}.pixel-art-meta-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pixel-art-meta-dot{border-radius:999px;width:.5rem;height:.5rem;margin-right:.4rem;transition:background-color .4s;animation:2s ease-in-out infinite pixel-art-pulse;display:inline-block}html[saved-theme=light] .pixel-art-meta-dot{background:#f59e0b}html[saved-theme=dark] .pixel-art-meta-dot{background:#818cf8}@keyframes pixel-art-pulse{0%,to{opacity:1}50%{opacity:.45}}.pixel-art-meta-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pixel-art-meta-hint{opacity:.7}.pixel-art-meta-badge{opacity:.6;border:1px solid;border-radius:4px;padding:.15rem .45rem;font-size:.625rem}@media (max-width:640px){.pixel-art-meta-hint,.pixel-art-meta-badge{display:none}}@media (max-width:800px){.pixel-art-hero{margin-bottom:.25rem}.pixel-art-stage{padding-bottom:0}.pixel-art-meta{margin-top:.45rem}body[data-slug=index] article .markdown-preview-view h1:first-child{margin-top:.5rem;margin-bottom:.5rem}}}