.b-type-tester{border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-large);background:var(--a-color-surface);width:100%;min-width:0;overflow:hidden;container:type-tester/inline-size}.b-type-tester__header{gap:var(--a-space-2);padding:var(--a-space-6);border-bottom:var(--a-border-width) solid var(--a-color-ink);display:grid}.b-type-tester__title{align-items:baseline;gap:var(--a-space-1) var(--a-space-3);flex-wrap:wrap;display:flex}.b-type-tester__font{padding:2px var(--a-space-2);border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-pill)}.b-type-tester__settings{gap:var(--a-space-6);min-width:0;padding:var(--a-space-6);border-bottom:var(--a-border-width) solid var(--a-color-ink);align-items:start;display:grid}.b-type-tester__filters{align-items:center;gap:var(--a-space-2);flex-wrap:wrap;display:flex}.b-type-tester__filters .c-button:not([data-icon-only]){padding-inline:var(--a-space-2)}.b-type-tester__filter-panel{width:min(18rem,100vw - 4rem)}.b-type-tester__filter-panel--wide{gap:var(--a-space-4);width:100%;display:grid}.b-type-tester__style-group{gap:var(--a-space-1);justify-items:start;min-width:0;max-width:100%;display:grid}.b-type-tester__style-detail{padding-top:var(--a-space-3);border-top:var(--a-border-width) solid var(--a-color-ink);font-variant-numeric:tabular-nums}.b-type-tester__sample{grid-column:1/-1;min-width:0}.b-type-tester__stage{gap:var(--a-space-4);min-width:0;padding:var(--a-space-6);background:var(--a-color-canvas);display:grid}.b-type-tester__theme{margin-block:calc(var(--a-space-2) * -1);justify-self:end}.b-type-tester__specimen{min-width:0;color:var(--a-color-ink);overflow-wrap:anywhere;font-variant-numeric:normal;grid-template-columns:minmax(0,1fr);align-items:center;margin:0;display:grid}.b-type-tester__css{border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-small);background:var(--a-color-surface);min-width:0}.b-type-tester__css-bar{justify-content:space-between;align-items:center;gap:var(--a-space-2);padding:var(--a-space-1) var(--a-space-1) var(--a-space-1) var(--a-space-3);border-bottom:var(--a-border-width) solid var(--a-color-ink);display:flex}.b-type-tester__css pre{padding:var(--a-space-3);color:var(--a-color-ink);white-space:pre;margin:0;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}@container type-tester (width<=30rem){.b-type-tester__header,.b-type-tester__settings,.b-type-tester__stage{padding:var(--a-space-4)}}.b-type-tester__style-row{gap:var(--a-space-1);flex-wrap:wrap;display:flex}.b-type-tester__style-row .c-button{padding-inline:var(--a-space-2)}