.workbench[data-astro-cid-5mhzz7x5]{gap:var(--gap-sm);grid-template-rows:auto minmax(0,1fr);block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:grid}.selector-readout[data-astro-cid-5mhzz7x5]{min-inline-size:0;padding:var(--padding-sm) var(--padding);gap:var(--gap-sm);border-radius:calc(var(--radius) * .65);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface) 88%, transparent);box-shadow:var(--shadow-full);display:grid;& .selector-line,& .selector-expression,& .badges{flex-wrap:wrap;align-items:baseline;display:flex}& .selector-line{justify-content:space-between;gap:var(--gap-sm) var(--gap)}& .selector-expression,& .badges{gap:var(--gap-sm)}& .selector-expression>span[data-astro-cid-5mhzz7x5]{color:var(--text-muted);font-size:1rem;font-weight:var(--fw-semibold)}& .selector-expression code{overflow-wrap:anywhere;min-inline-size:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}& .badges{justify-content:flex-end;& span{background:var(--surface-strong);color:var(--text);font-size:.875rem;font-weight:var(--fw-semibold);border-radius:999px;padding:.2rem .55rem}& .specificity-badge{background:color-mix(in oklch, var(--brand-blue) 14%, var(--surface-strong));gap:.35rem;display:inline-flex;& strong{color:var(--brand-blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}}}& .status,& .selector-description{text-wrap:pretty;margin:0}& .status{color:var(--text-muted)}& .selector-description{color:var(--text-muted);font-size:1rem}}[data-selector-state=matched] .status[data-astro-cid-5mhzz7x5]{color:var(--success)}[data-selector-state=invalid] .status[data-astro-cid-5mhzz7x5]{color:var(--danger)}[data-selector-state=not-evaluable] .status[data-astro-cid-5mhzz7x5]{color:var(--warning)}.workbench[data-astro-cid-5mhzz7x5]:is([data-selector-state=matched],[data-selector-state=no-match]) [data-astro-cid-5mhzz7x5][data-selector-support]{background:color-mix(in oklch, var(--success) 18%, var(--surface-strong));color:var(--success)}.workbench[data-astro-cid-5mhzz7x5][data-selector-state=not-evaluable] [data-astro-cid-5mhzz7x5][data-selector-support]{background:color-mix(in oklch, var(--warning) 20%, var(--surface-strong));color:var(--warning)}.preview-panel[data-astro-cid-5mhzz7x5]{border-radius:calc(var(--radius) * .75);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface) 82%, transparent);min-block-size:0;min-inline-size:0;box-shadow:var(--shadow-full);overflow:hidden}.preview-viewport[data-astro-cid-5mhzz7x5]{overscroll-behavior:contain;scrollbar-width:thin;block-size:100%;min-block-size:20rem;inline-size:100%;position:relative;overflow:auto}.scenario[data-astro-cid-5mhzz7x5]{min-block-size:100%;min-inline-size:100%;padding:var(--padding);position:relative}.overlays[data-astro-cid-5mhzz7x5]{z-index:3;pointer-events:none;position:absolute;inset:0 auto auto 0;& .match-overlay{border:3px solid var(--brand-orange);border-radius:calc(var(--radius) * .35);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-orange) 16%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--surface) 82%, transparent);position:absolute}}.selector-specificity-popover{z-index:20;max-inline-size:min(22rem,100vw - 2rem);padding:var(--padding-sm);gap:calc(var(--gap-sm) / 2);border:1px solid color-mix(in oklch, var(--text) 18%, transparent);border-radius:calc(var(--radius) * .45);corner-shape:var(--corner-shape);background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-full);pointer-events:none;font-size:.875rem;display:grid;position:fixed;&[hidden]{display:none}& .specificity-popover-heading{justify-content:space-between;align-items:baseline;gap:var(--gap);font-weight:var(--fw-semibold);display:flex}& .specificity-popover-tuple{color:var(--brand-blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}& .specificity-popover-columns{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}}[data-selector-specificity-trigger]{cursor:help;border-radius:.2rem;&:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}}@media (width<=40rem){.preview-viewport[data-astro-cid-5mhzz7x5]{min-block-size:17rem}}@media (forced-colors:active){.preview-panel[data-astro-cid-5mhzz7x5],.selector-readout[data-astro-cid-5mhzz7x5]{border:1px solid canvastext}}.example[data-astro-cid-j2btrwjw]{align-self:start;align-items:start;gap:var(--gap-sm);grid-template-columns:minmax(0,1fr);inline-size:100%;min-inline-size:0;max-inline-size:100%;display:grid}figure[data-astro-cid-j2btrwjw]{grid-template-rows:auto auto;min-inline-size:0;max-inline-size:100%;margin:0;display:grid}figcaption[data-astro-cid-j2btrwjw]{color:var(--text-muted);font-size:1rem;font-weight:var(--fw-semibold);margin-block-end:calc(var(--gap-sm) / 2)}.selector-caption[data-astro-cid-j2btrwjw]{justify-content:space-between;align-items:center;gap:calc(var(--gap-sm) / 2) var(--gap-sm);flex-wrap:wrap;display:flex}.example-specificity[data-astro-cid-j2btrwjw]{border:1px solid color-mix(in oklch, var(--brand-blue) 42%, var(--border-color));background:var(--surface-strong);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:1rem;display:inline-flex;& strong{color:var(--link);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}}pre[data-astro-cid-j2btrwjw]{inline-size:100%;min-inline-size:0;max-inline-size:min(100%,42rem);padding:var(--padding-sm);border:1px solid color-mix(in oklch, var(--border-color) 70%, transparent);border-radius:calc(var(--radius) * .55);corner-shape:var(--corner-shape);background:var(--bg);scrollbar-width:thin;margin:0;font-size:1rem;line-height:1.55;overflow:auto;&:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}}code[data-astro-cid-j2btrwjw]{font:inherit}.code-line{border-inline-start:2px solid #0000;min-inline-size:max-content;padding-inline-start:1.35rem;display:block;&.matches{border-inline-start-color:var(--brand-orange);background:color-mix(in oklch, var(--brand-orange) 15%, transparent);position:relative}}.match-marker{color:var(--brand-orange);font-weight:var(--fw-bold);position:absolute;inset-inline-start:.2rem}@media (forced-colors:active){.example-specificity[data-astro-cid-j2btrwjw]{border-color:canvastext}.code-line.matches{border:1px solid highlight}}.selector-card[data-astro-cid-dyc3v2we]{border:1px solid color-mix(in oklch, var(--border-color) 72%, transparent);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface-strong) 94%, transparent);min-inline-size:0;box-shadow:var(--shadow-full);scroll-margin-block-start:5.5rem;overflow:clip;&[open]{background:var(--lab-interactive-expanded-surface);& .specificity{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--on-brand-blue);& span,& strong{color:inherit}}}}summary[data-astro-cid-dyc3v2we]{min-block-size:5.5rem;padding:var(--padding);align-items:start;gap:var(--gap-sm) var(--gap);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;padding-inline-end:calc(var(--padding) + 2rem);list-style:none;display:grid;position:relative;&::-webkit-details-marker{display:none}&:focus-visible{outline:2px solid var(--focus-color);outline-offset:-3px}@media (any-hover:hover){&:hover{background:var(--lab-interactive-hover-surface)}}@media (width<=42rem){grid-template-columns:minmax(0,1fr)}}.identity[data-astro-cid-dyc3v2we]{align-items:center;gap:var(--gap-sm) var(--gap);flex-wrap:wrap;min-inline-size:0;display:flex;& h4{font-size:1.125rem}& .guide-syntax{border-radius:calc(var(--radius) * .4);background:var(--bg);max-inline-size:100%;padding:.35rem .55rem;font-size:1rem}}summary[data-astro-cid-dyc3v2we]>p[data-astro-cid-dyc3v2we]{color:var(--text-muted);text-wrap:pretty;grid-column:1;margin:0;font-size:1rem;line-height:1.55}.specificity[data-astro-cid-dyc3v2we]{background:color-mix(in oklch, var(--brand-blue) 14%, var(--surface-strong));white-space:nowrap;border:1px solid #0000;border-radius:999px;grid-area:1/2/span 2;align-self:center;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:1rem;display:inline-flex;& span{color:var(--text-muted);font-weight:var(--fw-semibold)}& strong{color:var(--brand-blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=42rem){grid-area:auto/1;place-self:start}}.selector-marker{position:absolute;inset-block-start:50%;inset-inline-end:var(--padding);translate:0 -50%}.details[data-astro-cid-dyc3v2we]{padding:0 var(--padding) var(--padding);gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid;&>section[data-astro-cid-dyc3v2we]{min-inline-size:0}& h5{color:var(--link);margin-block-end:var(--gap-sm);font-size:1rem}& ul{gap:calc(var(--gap-sm) / 2);margin:0;padding-inline-start:1.25rem;display:grid}& li,& p{color:var(--text-muted);font-size:1rem;line-height:1.6}}.examples[data-astro-cid-dyc3v2we]{align-items:start;gap:var(--gap-lg);column-rule:1px solid color-mix(in oklch, var(--brand-blue) 58%, transparent);column-rule-inset:var(--gap-sm);row-rule:1px solid color-mix(in oklch, var(--brand-orange) 62%, transparent);row-rule-inset:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));min-inline-size:0;display:grid;container:selector-examples/inline-size}.examples>.example+.example{border-block-start:1px solid color-mix(in oklch, var(--brand-orange) 62%, transparent);margin-block-start:var(--gap);padding-block-start:var(--gap)}@container selector-examples (width>50rem){.examples>.example+.example{border-block-start:0;border-inline-start:1px solid color-mix(in oklch, var(--brand-blue) 58%, transparent);margin-block-start:0;padding-block-start:0;padding-inline-start:var(--gap-lg)}}@supports (row-rule:1px solid currentcolor){.examples>.example+.example{border:0;margin-block-start:0;padding-block-start:0;padding-inline-start:0}}.mistakes[data-astro-cid-dyc3v2we]{padding:var(--padding-sm);border-inline-start:3px solid var(--warning);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--warning) 10%, transparent);border-start-end-radius:calc(var(--radius) * .5);border-end-end-radius:calc(var(--radius) * .5)}.support[data-astro-cid-dyc3v2we]{gap:var(--gap-sm);grid-template-columns:minmax(0,1fr);display:grid;& h5{margin-block-end:0}& p{margin:0}& baseline-status-card{justify-self:start;inline-size:min(100%,30rem);min-inline-size:0}}.documentation[data-astro-cid-dyc3v2we]{justify-self:start;align-items:center;gap:var(--gap-sm);min-block-size:2.75rem;color:var(--link);font-size:1rem;font-weight:var(--fw-semibold);padding-inline:.8rem;display:inline-flex;&:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}@media (any-hover:hover){&:hover{text-underline-offset:.2em;text-decoration:underline}}}@media (forced-colors:active){.selector-card[data-astro-cid-dyc3v2we],.mistakes[data-astro-cid-dyc3v2we]{border:1px solid canvastext}}.selector-list[data-astro-cid-5zvywabe]{gap:var(--gap-sm);min-inline-size:0;display:grid}