.blockspage .prose p{max-width:62ch}.blocks-group{margin-top:48px}.blocks-group h2{font-family:var(--display);font-size:26px;font-weight:var(--h2-weight);letter-spacing:-.02em;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.blocks-count{color:var(--eq-ink-3);font-family:var(--eq-font);letter-spacing:0;font-size:14px;font-weight:500}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 20px;display:grid}.blocks-card{align-content:start;gap:12px;display:grid;position:relative}.blocks-thumb{--scale:.32;aspect-ratio:16/10;border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:var(--eq-bg);transition:border-color var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring);position:relative;overflow:hidden}.blocks-thumb-canvas{width:calc(100% / var(--scale));transform:scale(var(--scale));transform-origin:0 0;pointer-events:none;--eq-app-shell-height:900px;--blk-dashboard-height:900px}.blocks-card-text h3{font-size:16px;font-weight:650;line-height:1.3}.blocks-card-text h3 a{color:inherit;text-decoration:none}.blocks-card-text h3 a:after{content:"";border-radius:var(--eq-radius-l);position:absolute;inset:0}.blocks-card-text h3 a:focus-visible{outline:none}.blocks-card-text h3 a:focus-visible:after{outline:2px solid var(--eq-focus);outline-offset:4px}.blocks-card-text p{color:var(--eq-ink-2);margin-top:4px;font-size:14px;line-height:1.45}.blocks-card-text .blocks-card-parts{color:var(--eq-ink-3);font-size:13px}@media (hover:hover){.blocks-card:hover .blocks-thumb{border-color:var(--eq-line-strong);translate:0 -2px}.blocks-card:hover h3 a{text-decoration:underline}}.blockpage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 24px;margin-bottom:24px;display:flex}.blockpage-head h1{font-family:var(--display);font-size:clamp(42px,5vw,72px);font-weight:var(--display-weight);letter-spacing:var(--display-track);margin:2px 0 10px;line-height:.98}.blockpage-head .part-group a{color:inherit}.blockpage-actions{flex-wrap:wrap;gap:8px;display:flex}.blocks-stage{border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:radial-gradient(circle at 1px 1px, var(--eq-line) 1px, transparent 0) 0 0 / 16px 16px, var(--eq-surface)}.blocks-stage-bar{border-bottom:1px solid var(--eq-line);background:var(--eq-surface);border-radius:var(--eq-radius-l) var(--eq-radius-l) 0 0;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.blocks-stage-width{color:var(--eq-ink-3);font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:12px}.blocks-stage-bay{padding:20px 0 24px;position:relative}.blocks-stage-frame{border-block:1px solid var(--eq-line-strong);background:var(--eq-bg);max-width:100%;color:var(--eq-ink);font-family:var(--eq-font);transition:width var(--eq-dur-move) var(--eq-spring);margin-inline:auto;overflow:clip}.blocks-stage-frame[data-dragging]{transition:none}.blocks-stage-frame:not([data-full]){border-inline:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);box-shadow:var(--eq-shadow)}.blocks-stage-handle{cursor:ew-resize;touch-action:none;border-radius:var(--eq-radius-s);place-items:center;width:16px;display:grid;position:absolute;top:20px;bottom:24px;translate:2px}.blocks-stage-handle:before{content:"";background:var(--eq-line-strong);width:4px;height:40px;transition:background var(--eq-dur) var(--eq-ease);border-radius:2px}.blocks-stage-handle:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.blocks-stage-handle:focus-visible:before,.blocks-stage-handle:active:before{background:var(--eq-ink-2)}@media (hover:hover){.blocks-stage-handle:hover:before{background:var(--eq-ink-2)}}.blocks-stage-handle[data-full]{translate:-18px}.blockpage-body{max-width:820px}.blockpage-body h2{font-family:var(--display);font-size:26px;font-weight:var(--h2-weight);letter-spacing:-.02em;margin:44px 0 12px;line-height:1.15}.blockpage-body section>p{max-width:62ch;color:var(--eq-ink-2);margin-bottom:14px}.blockpage-body section>p code{font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);font-size:.9em}.blocks-install{border:1px solid var(--eq-line);border-radius:var(--eq-radius-m);background:var(--eq-surface);align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.blocks-install code{white-space:nowrap;min-width:0;font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);scrollbar-width:thin;flex:1;font-size:13px;overflow-x:auto}.blockpage-parts{flex-wrap:wrap;gap:6px;display:flex}.blockpage-parts a{border:1px solid var(--eq-line);border-radius:var(--eq-radius-s);height:28px;color:var(--eq-ink);transition:border-color var(--eq-dur) var(--eq-ease), background var(--eq-dur) var(--eq-ease);align-items:center;padding-inline:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.blockpage-parts a:hover{border-color:var(--eq-line-strong);background:var(--eq-tint)}}.blockpage-source .code+.code{margin-top:10px}
