.docs{grid-template-columns:minmax(0,1fr);display:grid}.docs-side{padding:var(--boxy-space-4) var(--boxy-space-8);border-bottom:var(--boxy-border)}.docs-toc{display:none}.docs-brand{align-items:center;gap:var(--boxy-space-2);margin-bottom:var(--boxy-space-4);font-weight:var(--boxy-font-weight-medium);text-transform:uppercase;display:flex}.docs-logo{width:var(--boxy-icon-size);height:var(--boxy-icon-size);flex-shrink:0}.docs-version{color:var(--boxy-muted);font-family:var(--boxy-font-mono);font-size:var(--boxy-font-size-tiny);font-weight:var(--boxy-font-weight);line-height:var(--boxy-line-height-tiny);text-transform:none}.docs-brand:hover .docs-version{color:var(--boxy-fg)}.docs-controls{gap:var(--boxy-space-4);flex-wrap:wrap;display:flex}.docs-choice{gap:var(--boxy-space-2);display:flex}@media (min-width:64rem){.docs{grid-template-columns:minmax(0,1fr) 15rem}.docs-side{height:100dvh;padding:var(--boxy-space-8) var(--boxy-space-6);border-bottom:0;border-left:var(--boxy-border);flex-direction:column;grid-area:1/2;display:flex;position:sticky;top:0;overflow-y:auto}.docs-main{grid-area:1/1}.docs-toc{display:block}.docs-brand{margin-bottom:var(--boxy-space-6);padding:0 var(--boxy-space-2)}.docs-controls{margin-top:var(--boxy-space-6);padding-top:var(--boxy-space-6);border-top:var(--boxy-border);flex-direction:column}}.docs-intro{border-top:0}.docs-intro .docs-preview{gap:var(--boxy-space-6);padding-block:var(--boxy-space-24)}.docs-lead{max-width:40rem;color:var(--boxy-muted);font-size:var(--boxy-font-size-heading);line-height:var(--boxy-line-height-heading)}.docs-preview>.docs-lead{text-align:right}.docs-example{border-top:var(--boxy-border);grid-template-columns:minmax(0,1fr);display:grid}.docs-example-head{align-content:start;justify-items:start;gap:var(--boxy-space-2);min-width:0;padding:var(--boxy-space-8) var(--boxy-space-8) 0;display:grid}.docs-actions{gap:var(--boxy-space-2);margin-top:var(--boxy-space-2);flex-wrap:wrap;display:flex}.docs-example-head .docs-code{margin-top:var(--boxy-space-2);justify-self:stretch}.docs-preview{min-width:0;padding:var(--boxy-space-8);--boxy-board-height:18rem;align-content:start;justify-items:end;display:grid}.docs-preview .boxy-board-cell{gap:var(--boxy-space-3);padding:var(--boxy-space-4)}.docs-preview .boxy-board .boxy-headline{font-size:var(--boxy-font-size-heading);line-height:var(--boxy-line-height-heading)}.docs-preview .boxy-board .boxy-hero{font-size:var(--boxy-font-size-display);line-height:var(--boxy-line-height-display)}.docs-preview .boxy-board .boxy-label-tiles{--boxy-label-tile-size:var(--boxy-space-24)}.docs-preview .boxy-toasts{align-items:flex-end;position:static}.docs-preview>:is(.boxy-board,.boxy-nav,.boxy-table,.boxy-empty,.boxy-fields){justify-self:stretch}.docs-preview>:is(.boxy-input,.boxy-field,.boxy-number-input,.boxy-dropdown,.boxy-toggle-group,.boxy-label-rows){width:40%}.docs-preview>:is(.boxy-headline,.boxy-hero,.boxy-section){text-align:right}.docs-preview .docs-row,.docs-preview .boxy-label-tiles,.docs-preview .docs-swatches{justify-content:flex-end}.docs-preview>nav:has(.boxy-list-interactive){width:13rem}.docs-preview .docs-stack{align-items:flex-end}.docs-preview>.boxy-tiles,.docs-preview>[role=group] .boxy-tiles{grid-template-columns:none;grid-auto-columns:9rem;grid-auto-flow:column}.docs-preview .docs-type-scale,.docs-preview .docs-type-size{text-align:right;justify-items:end}@media (min-width:64rem){.docs-example{grid-template-columns:minmax(0,18fr) minmax(0,7fr)}.docs-example-head{padding:var(--boxy-space-12) var(--boxy-space-8);border-left:var(--boxy-border);grid-area:1/2}.docs-preview{padding:var(--boxy-space-12);grid-area:1/1}}.docs-example-title{font-weight:var(--boxy-font-weight-medium)}.docs-example-group{color:var(--boxy-muted)}.docs-about{color:var(--boxy-muted);font-size:var(--boxy-font-size-small);line-height:var(--boxy-line-height-small-tight)}.docs-code{max-height:32rem;padding:var(--boxy-space-4);background:color-mix(in srgb, var(--boxy-fg) 5%, var(--boxy-bg));font-size:var(--boxy-font-size-small);line-height:var(--boxy-line-height-small-tight);overflow:auto}.docs-row{align-items:center;gap:var(--boxy-space-3);flex-wrap:wrap;display:flex}.docs-stack{gap:var(--boxy-space-3);flex-direction:column;display:flex}.docs-token{font-size:var(--boxy-font-size-small);line-height:var(--boxy-line-height-small)}.docs-swatches{gap:var(--boxy-space-2);flex-wrap:wrap;display:flex}.docs-swatch{gap:var(--boxy-space);flex-direction:column;width:8.5rem;display:flex}.docs-swatch-color{margin-bottom:var(--boxy-space);aspect-ratio:1;border-radius:var(--boxy-radius);box-shadow:var(--boxy-outline)}.docs-type-scale{gap:var(--boxy-space-6);display:grid}.docs-type-size{gap:var(--boxy-space);min-width:0;display:grid}.docs-type-sample{overflow-wrap:anywhere}.docs-space{align-items:center;gap:var(--boxy-space-3);display:flex}.docs-space-bar{height:var(--boxy-space-4);background:var(--boxy-accent)}.docs-tiles{gap:var(--boxy-space-2);grid-template-columns:repeat(2,minmax(0,16rem));justify-content:end;width:100%;display:grid}