.specimen-page-note{max-inline-size:42rem}.specimen-section{margin-block:var(--barba-space-8)}.specimen-grid{gap:var(--barba-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.specimen-placeholder-examples{margin-block-start:var(--barba-space-4)}.specimen-demo{border:1px solid var(--barba-color-border);border-radius:var(--barba-radius-md);padding:var(--barba-space-4);background:var(--barba-color-surface)}.specimen-actions{align-items:end;gap:var(--barba-space-4);flex-wrap:wrap;display:flex}.specimen-theme{border:1px solid var(--barba-color-border);border-radius:var(--barba-radius-md);padding:var(--barba-space-4);background:var(--barba-color-bg);color:var(--barba-color-text)}.specimen-theme-light{color-scheme:light}.specimen-theme-dark{color-scheme:dark}.specimen-table-scroll{overflow-x:auto}.specimen-table-scroll table{min-inline-size:42rem}.specimen-theme-surfaces{gap:var(--barba-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.specimen-token-surface{border-radius:var(--barba-radius-sm);padding:var(--barba-space-4);color:var(--barba-color-text)}.specimen-token-surface-bg{background:var(--barba-color-bg)}.specimen-token-surface-raised{background:var(--barba-color-surface)}.specimen-token-list{padding-inline-start:var(--barba-space-6)}.specimen-token-muted{color:var(--barba-color-text-muted)}.specimen-token-link{color:var(--barba-color-link)}.specimen-token-link-hover{color:var(--barba-color-link-hover)}.specimen-token-danger{color:var(--barba-color-danger)}.specimen-token-border{margin-block:var(--barba-space-4);border-block-start:3px solid var(--barba-color-border);padding-block-start:var(--barba-space-2)}.specimen-token-focus{border-radius:var(--barba-radius-sm);padding:var(--barba-space-2);outline:3px solid var(--barba-color-focus-ring);margin:3px}.specimen-primitives{gap:var(--barba-space-2);flex-wrap:wrap;display:flex}.specimen-primitive{align-items:center;gap:var(--barba-space-2);display:flex}.specimen-primitive-swatch{inline-size:var(--barba-space-8);block-size:var(--barba-space-8);border:1px solid var(--barba-color-border);border-radius:var(--barba-radius-sm)}.specimen-primitive-accent{background:var(--barba-color-accent)}.specimen-primitive-inverse{background:var(--barba-color-surface-inverse)}.specimen-custom-action{color:var(--barba-color-link);background-color:#0000;border-color:#0000}.specimen-custom-action:enabled:is(:hover,:active){background-color:var(--barba-color-control-bg);border-color:var(--barba-color-link-hover)}.specimen-disclosure-stack{gap:var(--barba-space-4);display:grid}.specimen-disclosure-markup{white-space:pre-wrap;overflow-wrap:anywhere}.specimen-hidden-examples .specimen-theme{overflow-wrap:anywhere;min-inline-size:0}.specimen-hidden-examples select{box-sizing:border-box;max-inline-size:100%}.specimen-hidden-mirror{padding:var(--barba-space-3);border-inline-start:3px solid var(--barba-color-border);background:var(--barba-color-surface);font-size:var(--barba-font-size-sm);margin-block-start:var(--barba-space-4)}.specimen-hidden-actions{padding:0;list-style:none}.specimen-hidden-actions li{justify-content:space-between;align-items:center;gap:var(--barba-space-2);margin-block:var(--barba-space-3);display:flex}.specimen-hidden-markup{white-space:pre-wrap;overflow-wrap:anywhere}#hidden-guidance li+li{margin-block-start:var(--barba-space-3)}.specimen-chip-boundaries{align-items:center;gap:var(--barba-space-2);font-size:1rem;font-weight:500;display:flex}.specimen-section:has([data-chip-boundaries]:checked) .chip-list button:not(:focus-visible){outline:1px dashed var(--barba-color-link);outline-offset:-1px}.specimen-section:has([data-chip-boundaries]:checked) .chip-list button:disabled{outline-color:var(--barba-color-text-muted)}.specimen-contents{gap:var(--barba-space-3) var(--barba-space-6);flex-wrap:wrap;display:flex}.specimen-filter-shell{--specimen-filter-title-line-height:1.35;--specimen-filter-header-padding:var(--barba-space-3);--specimen-filter-clear-size:2.75rem;position:relative}.specimen-filter-shell>details>summary{padding-block:var(--specimen-filter-header-padding)}.specimen-filter-shell .disclosure-title{line-height:var(--specimen-filter-title-line-height)}.specimen-filter-clear{inline-size:var(--specimen-filter-clear-size);block-size:var(--specimen-filter-clear-size);position:absolute;inset-block-start:calc(var(--specimen-filter-header-padding) + var(--specimen-filter-title-line-height) * .5em);inset-inline-end:2.5rem;transform:translateY(-50%)}.specimen-filter-summary{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.specimen-filter-shell:has(>.specimen-filter-clear:not([hidden])) .specimen-filter-summary{margin-inline-end:var(--specimen-filter-clear-size)}.specimen-filter-summary>.disclosure-description{margin-block-start:0}.specimen-filter-group{border:0;min-inline-size:0;margin:0;padding:0}.specimen-filter-group+.specimen-filter-group{margin-block-start:.75rem}.specimen-filter-group legend{font-size:var(--barba-font-size-sm);padding:0;font-weight:500}.specimen-filter-group .chip-list{gap:0 .375rem;margin:0}.specimen-disclosure-comparison{table-layout:fixed;overflow-wrap:anywhere;inline-size:100%}.specimen-disclosure-controls{align-items:center;gap:var(--barba-space-3);margin-block:var(--barba-space-6);flex-wrap:wrap;display:flex}.specimen-disclosure-pair{gap:var(--barba-space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.specimen-disclosure-pair>article{min-inline-size:0}.specimen-disclosure-pair h3,.specimen-disclosure-pair h4{margin-block:0 var(--barba-space-4)}.specimen-disclosure-pair[data-narrow]{grid-template-columns:repeat(2,minmax(0,320px))}@media (width<=45rem){.specimen-disclosure-pair,.specimen-disclosure-pair[data-narrow]{grid-template-columns:minmax(0,1fr)}.specimen-disclosure-pair[data-narrow]>article{box-sizing:border-box;inline-size:min(100%,320px)}}
/*# sourceMappingURL=specimen.faaeb011.css.map */