.icon-lab{gap:1rem;min-inline-size:0;display:grid}.icon-lab label,.icon-lab p{overflow-wrap:anywhere;min-inline-size:0}.icon-lab .mt-input{inline-size:100%;margin-block-start:.5rem;display:block}.icon-lab .icon-check{align-items:center;gap:.75rem;min-block-size:44px;display:flex}.icon-check input{flex:none}.icon-lab [data-icon-preview]{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1rem;padding:12px;display:flex}.icon-lab [data-icon-save]{border:1px solid var(--color-muted-foreground);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;padding:8px;display:flex}.icon-direction{align-items:center;gap:.5rem;min-inline-size:0;display:flex}.icon-direction>svg{flex:none}.icon-direction>span{overflow-wrap:anywhere;min-inline-size:0}.icon-lab [data-icon-grid]{block-size:auto;inline-size:240px;max-inline-size:100%;overflow:visible}@media (forced-colors:active){.icon-lab [data-icon-preview],.icon-lab [data-icon-save]{border-color:canvastext}.icon-lab [data-icon-grid] *{stroke:canvastext}}
@font-face{font-family:Styleguide Roboto Flex;src:url(/fonts/roboto-flex.ttf)format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal;font-display:swap}.type-lab{gap:1rem;min-inline-size:0;display:grid}.type-lab label{overflow-wrap:anywhere;min-inline-size:0;display:block}.type-lab .mt-input{inline-size:100%;min-inline-size:0;margin-block-start:.5rem;display:block}.type-lab textarea.mt-input{height:auto;resize:vertical;min-block-size:calc(4.5em + 1.5rem + 4px);padding-block:.75rem;line-height:1.5}.type-lab fieldset{min-inline-size:0;padding:0}.type-axis-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.type-axis-grid input{min-block-size:44px;inline-size:100%;display:block}.type-lab .type-checkbox{align-items:center;gap:.75rem;min-block-size:44px;display:flex}.type-lab .type-checkbox input{flex:none}.type-lab button{border:1px solid var(--color-border);border-radius:var(--radius-md);min-block-size:44px;margin:.5rem;padding:.5rem .75rem}.type-lab [data-typography-preview]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-wrap:anywhere;white-space:pre-wrap;padding:12px}.type-lab p,.type-lab summary,.type-lab code{overflow-wrap:anywhere}.type-lab pre{white-space:pre-wrap;max-inline-size:100%}.type-lab a{text-decoration:underline}@media (forced-colors:active){.type-lab [data-typography-preview],.type-lab button{border-color:canvastext}}
.spacing-lab{gap:1rem;min-inline-size:0;display:grid}.spacing-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.spacing-controls label{min-inline-size:0}.spacing-lab .mt-input{inline-size:100%;margin-block-start:.5rem;display:block}.spacing-check{align-items:center;gap:.75rem;min-block-size:44px;display:flex}.spacing-check input{flex:none}.spacing-lab p,.spacing-lab label,.spacing-lab summary,.spacing-lab dd{overflow-wrap:anywhere}.spacing-page-boundary{border:1px dashed var(--color-muted-foreground);min-inline-size:0;padding:4px;scroll-padding:4px;overflow:auto}.spacing-lab [data-spacing-preview]{gap:var(--demo-gap);padding-inline-start:var(--demo-leading);padding-inline-end:var(--demo-trailing);padding-block:var(--demo-block);margin-inline:var(--demo-margin);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-card-foreground);flex-wrap:wrap;min-inline-size:0;display:flex}.spacing-lab [data-spacing-preview] button{border-radius:var(--radius-sm);min-block-size:44px;min-inline-size:0;max-inline-size:100%;font:inherit;text-align:start;overflow-wrap:anywhere;border:1px solid;padding:.5em}.spacing-lab [data-spacing-preview] button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-foreground)}.spacing-lab [data-spacing-measured]{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;display:grid}.spacing-lab dt{font-weight:600}.spacing-lab dd{margin:0}.spacing-lab summary{min-block-size:44px}.spacing-lab pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (forced-colors:active){.spacing-page-boundary,.spacing-lab [data-spacing-preview]{border-color:canvastext}.spacing-lab [data-spacing-preview] button[aria-pressed=true]{color:highlighttext;background:highlight}}
.reorder-lab{min-inline-size:0}.reorder-lab [data-dragging]{border:2px solid var(--color-muted-foreground);background:var(--color-muted);color:var(--color-muted-foreground);cursor:grabbing}.reorder-lab li>div{flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}.reorder-lab .mt-btn{white-space:normal;block-size:auto;min-block-size:44px;padding-block:.5rem}.reorder-lab p{overflow-wrap:anywhere}@media (forced-colors:active){.reorder-lab [data-dragging]{color:canvastext;background:canvas;border-color:highlight}}