.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;grid-template-columns:minmax(0,1fr);min-inline-size:0;max-inline-size:100%;margin:0;display:grid}.example-note[data-astro-cid-j2btrwjw],.example-subject[data-astro-cid-j2btrwjw]{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}figcaption[data-astro-cid-j2btrwjw]{color:var(--text-muted);font-size:var(--guide-text-size);font-weight:var(--fw-semibold);line-height:var(--guide-text-line-height);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);max-inline-size:100%;color:var(--text);white-space:normal;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:1rem;display:inline-flex;& strong{white-space:nowrap;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:100%;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(--link);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(--link);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);font-size:var(--guide-text-size);line-height:var(--guide-text-line-height);text-wrap:pretty;grid-column:1;margin:0}.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:var(--guide-text-size);line-height:var(--guide-text-line-height)}}.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{font-size:var(--guide-text-size);line-height:var(--guide-text-line-height);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(--link);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}