@layer tokens,reset,base,layout,components,state;
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:optional;src:url("./fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:optional;src:url("./fonts/source-sans-3-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:200 900;font-display:optional;src:url("./fonts/source-sans-3-latin-wght-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:200 900;font-display:optional;src:url("./fonts/source-sans-3-latin-ext-wght-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:optional;src:url("./fonts/source-code-pro-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:optional;src:url("./fonts/source-code-pro-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@layer tokens{
  :root{--font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mono-optical: .85em}
}
@layer tokens{
  :root{color-scheme:light dark;--orange-400: #ffa338;--orange-500: #ff8700;--orange-700: #b35a00;--orange-800: #8a4b00;--surface-canvas: light-dark(#fbfaf7, #131210);--surface-raised: light-dark(#ffffff, #171614);--surface-sunken: light-dark(#f4f2ee, #0c0b0a);--surface-inset: light-dark(#efebe3, #221f1b);--surface-accent-quiet: light-dark(#fff6ec, #1c1a16);--surface-overlay: light-dark(rgba(28, 26, 23, .45), rgba(6, 6, 5, .62));--shadow-2: 0 1px 2px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 1px 2px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-4: 0 2px 4px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 2px 4px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-8: 0 4px 8px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 4px 8px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-16: 0 8px 16px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 8px 16px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-28: 0 14px 28px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 14px 28px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-64: 0 0 4px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25)), 0 32px 64px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .35));--shadow-basic: var(--shadow-2);--shadow-strong: var(--shadow-4);--shadow-tooltip: var(--shadow-8);--shadow-flyout: var(--shadow-16);--shadow-dialog: var(--shadow-28);--shadow-window: var(--shadow-64);--surface-art: #f4f2ee;--border-subtle: light-dark(#e3dfd6, #2b2823);--border-strong: light-dark(#c9c3b7, #37332c);--border-accent-quiet: light-dark(#f0c089, #4a4437);--text-primary: light-dark(#1c1a17, #ede9e2);--text-secondary: light-dark(#4a453d, #a9a299);--text-muted: light-dark(#726c63, #878076);--text-link: light-dark(#b35a00, #ffa338);--text-link-hover: light-dark(#7a3d00, #ffc27a);--text-accent-quiet: light-dark(#8a4b00, #ffa338);--text-on-accent: #131210;--accent: #ff8700;--accent-hover: light-dark(#e67a00, #ffa338);--accent-ring: light-dark(rgba(255, 135, 0, .35), rgba(255, 135, 0, .45));--accent-glow: light-dark(rgba(255, 135, 0, .3), rgba(255, 163, 56, .26));--status-ok: light-dark(#4f7a3a, #7fa96b);--status-warn: light-dark(#986200, #d9a441);--status-error: light-dark(#a33328, #d4685c);--syntax-string: light-dark(#3f6b2b, #9cc27f);--syntax-key: light-dark(#a85400, #ffa338);--syntax-comment: light-dark(#726c63, #878076);--syntax-text: var(--text-primary)}
  [data-theme=light]{color-scheme:light}
  [data-theme=dark]{color-scheme:dark}
  html{color-scheme:light dark}
  *{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
  ::-webkit-scrollbar{width:11px;height:11px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-corner{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:999px}
  ::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:3px solid transparent;background-clip:content-box}
}
@layer tokens{
  :root{--font-size-display: 58px;--font-size-h1: 44px;--font-size-h2: 34px;--font-size-h3: 20px;--font-size-lead: 19px;--font-size-body: 16px;--font-size-ui: 14px;--font-size-dense: 13px;--font-size-micro: 12px;--font-size-label: 11px;--leading-display: 1.08;--leading-heading: 1.2;--leading-body: 1.65;--leading-code: 1.9;--tracking-display: -.03em;--tracking-heading: -.015em;--tracking-body: 0;--tracking-label: .09em;--weight-thin: 200;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--measure-prose: 620px;--measure-lead: 560px;--measure-display: 480px}
}
@layer tokens{
  :root{--control-font-size: var(--font-size-ui);--control-font-size-sm: var(--font-size-dense);--control-font-size-lg: var(--font-size-body);--control-height: 36px;--control-height-sm: 28px;--control-height-lg: 44px;--control-leading: 1.2;--control-pad-y: 8px;--control-pad-x: 15px;--control-pad-y-sm: 5px;--control-pad-x-sm: 11px;--control-pad-y-lg: 11px;--control-pad-x-lg: 19px;--control-gap: 8px;--control-icon-size: 16px;--control-icon-size-lg: 20px;--field-pad-y: var(--space-1-5);--field-pad-x: var(--control-pad-x-sm);--field-pad-y-sm: var(--space-1);--field-pad-x-sm: var(--space-2);--field-pad-y-lg: var(--space-2);--field-pad-x-lg: var(--control-pad-x);--badge-font-size: var(--font-size-micro);--swatch-chip-size: 32px;--tile-art-size: 64px;--table-head-size: var(--font-size-label);--table-head-tracking: .11em;--row-pad-compact: 6px;--row-font-compact: var(--font-size-dense);--row-pad-medium: 9px;--row-font-medium: var(--font-size-ui);--row-pad-airy: 14px;--row-font-airy: var(--font-size-ui);--row-name-compact: var(--font-size-micro);--row-meta-compact: var(--font-size-micro);--row-name-medium: var(--font-size-dense);--row-meta-medium: var(--font-size-micro);--row-name-airy: var(--font-size-dense);--row-meta-airy: var(--font-size-micro);--diff-font-size: var(--font-size-dense);--diff-leading: 1.75;--diff-tint: 14%;--nav-font-size: var(--font-size-dense);--tab-font-size: var(--font-size-micro);--block-title-size: var(--font-size-body);--entry-title-size: var(--font-size-h3);--block-body-size: var(--font-size-body);--aside-size: var(--font-size-dense);--aside-leading: 1.45;--aside-measure: 384px;--block-pad-x: var(--space-5);--block-pad-y: var(--space-4);--block-pad-y-tight: var(--space-2)}
}
@layer tokens{
  :root{--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-19: 76px;--gutter-page: 48px;--width-page: 1200px;--width-sidebar: 210px;--height-header: 72px;--measure-modal: 560px}
}
@layer tokens{
  :root{--radius-none: 0px;--radius-control: 4px;--radius-card: 6px;--radius-pill: 999px;--border-hairline: 1px;--border-emphasis: 2px;--rule-accent: 3px;--focus-offset: 2px;--focus-halo: 3px}
}
@layer tokens{
  :root{--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .2s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1)}
}
@layer reset{
  *,*:before,*:after{box-sizing:border-box}
  blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}
  audio,canvas,embed,iframe,img,object,svg,video{display:block}
  canvas,img,svg,video{max-width:100%}
  img{height:auto}
  html{block-size:100%}
  body{margin:0;min-block-size:100%;line-height:var(--leading-body)}
  button,input,optgroup,select,textarea{font:inherit;color:inherit}
  table{border-collapse:collapse}
  sup,sub{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
  sup{top:-.5em}
  sub{bottom:-.25em}
}
@layer base{
  body,.sds-app{background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--leading-body)}
  :focus-visible{outline:var(--border-emphasis) solid var(--accent);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo) var(--accent-ring)}
  p{font-size:var(--font-size-body);line-height:var(--leading-body);max-width:var(--measure-prose);color:var(--text-secondary)}
  li,dd{color:var(--text-secondary)}
  .sds-lead{font-size:var(--font-size-lead);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-lead);text-wrap:pretty}
  h1,h2,h3,h4,h5,h6,.sds-display,.sds-h1,.sds-h2,.sds-h3{line-height:var(--leading-heading);text-wrap:balance}
  h1,.sds-h1{font-size:var(--font-size-h1);letter-spacing:var(--tracking-heading)}
  h2,.sds-h2{font-size:var(--font-size-h2);letter-spacing:var(--tracking-heading)}
  h3,.sds-h3{font-size:var(--font-size-h3)}
  h4,h5,h6{font-size:var(--font-size-body);font-weight:var(--weight-semibold)}
  h6{font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}
  .sds-display{font-size:var(--font-size-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-width:var(--measure-display)}
  a{
    color:var(--text-link);
    text-decoration:none;
    transition:color var(--duration-fast) var(--ease-out);
    &:hover{color:var(--text-link-hover);text-decoration:underline}
  }
  :is(p,li,dd,td,th) a{
    text-decoration:underline;
    text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);
    text-underline-offset:2px;
    &:hover{text-decoration-color:currentColor}
  }
  strong{font-weight:var(--weight-semibold);color:var(--text-primary)}
  cite{font-style:italic}
  mark{background:var(--surface-accent-quiet);color:var(--text-primary)}
  kbd{padding:1px 5px;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised)}
  abbr[title]{text-decoration:underline dotted;text-underline-offset:2px;cursor:help}
  math:not(:has(*)){display:inline;font-family:var(--font-mono);font-size:var(--font-mono-optical);color:var(--text-primary)}
  .sds-section>math:not(:has(*)),.sds-prose>math:not(:has(*)){display:block;margin-bottom:var(--space-4)}
  ul,ol{padding-inline-start:var(--space-5)}
  li::marker{color:var(--text-muted)}
  ol ol:not([type]){list-style-type:lower-alpha}
  dt{font-weight:var(--weight-semibold);color:var(--text-primary)}
  dd{margin:var(--space-1) 0 var(--space-3) var(--space-5)}
  dd:last-child{margin-bottom:0}
  dt:target{color:var(--text-accent-quiet)}
  p,ul,ol,dl,pre,table,figure,blockquote,h1,.sds-h1,.sds-display,.sds-lead{margin-bottom:var(--space-4)}
  h2,.sds-h2{margin-bottom:var(--space-3)}
  h3,h4,h5,h6,.sds-h3{margin-bottom:var(--space-2)}
  .sds-actions,.sds-form,.sds-row,.sds-sections,.sds-split,.sds-stack{margin:0 0 var(--space-4)}
  :has(+:is(h2,.sds-h2)){margin-block-end:var(--space-10)}
  :has(+:is(h3,.sds-h3)){margin-block-end:var(--space-8)}
  :has(+h4){margin-block-end:var(--space-6)}
  :has(+:is(h5,h6)){margin-block-end:var(--space-5)}
  :is(h1,h2,.sds-h1,.sds-h2):not(.sds-display):has(+.sds-lead){margin-block-end:var(--space-2)}
  li{margin-bottom:var(--space-1)}
  li:last-child{margin-bottom:0}
  li>ul,li>ol{margin:var(--space-1) 0 0}
  hr{border:0;border-top:var(--border-hairline) solid var(--border-subtle);margin:var(--space-12) 0}
}
@layer base{
  sds-grid{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-grid>.sds-grid{margin-bottom:0}
  .sds-grid{margin:0 0 var(--space-4)}
}
@layer layout{
  :is(.sds-stack,.sds-sections,.sds-split,.sds-grid,.sds-row,.sds-actions)>*{margin-block:0}
  .sds-shell{min-height:100vh;display:flex;flex-direction:column}
  .sds-skip{position:fixed;z-index:40;top:var(--space-3);inset-inline-start:var(--space-3);translate:0 calc(-100% - var(--space-3));background:var(--surface-raised)}
  .sds-skip:focus-visible{translate:none}
  @property --page-gutter{syntax: "<length>";inherits: true;initial-value: 0px}
  .sds-body,.sds-page,.sds-band{--page-gutter: var(--gutter-page);--page-inset: max(var(--page-gutter), (100% - var(--width-page)) / 2);padding-inline:var(--page-inset);transition:--page-gutter var(--duration-fast) var(--ease-out),column-gap var(--duration-fast) var(--ease-out)}
  .sds-body{flex:1;display:flex;gap:var(--space-12);padding-block:var(--space-8)}
  .sds-body__rail{width:calc(var(--width-sidebar) + var(--space-2) * 2);margin-inline:calc(-1 * var(--space-2));margin-block-start:calc(-1 * var(--space-1-5));padding:var(--space-1-5) var(--space-2);flex:none;position:sticky;top:calc(var(--height-header) + var(--space-8) - var(--space-1-5));align-self:flex-start;max-height:calc(100vh - var(--height-header) - var(--space-8) * 2);overflow-y:auto}
  .sds-body__main{flex:1;min-width:0}
  :where(.sds-band,.sds-body__main,.sds-column,.sds-page)>:last-child{margin-block-end:0}
  .sds-page{flex:1;padding-block:var(--space-12) var(--space-10)}
  .sds-stack{display:flex;flex-direction:column;gap:var(--space-4)}
  .sds-stack--tight{gap:var(--space-2)}
  .sds-actions{display:flex;align-items:center;gap:var(--space-3)}
  .sds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
  .sds-row__end{margin-inline-start:auto}
  .sds-split{--split-min: 280px;display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-12);align-items:flex-start}
  .sds-split>.sds-column{flex:1 1 var(--split-min);min-width:0}
  .sds-split--center{align-items:center}
  .sds-split--end{align-items:flex-end}
  .sds-split--leads-end{flex-wrap:wrap-reverse;align-items:flex-end}
  .sds-split--leads-end.sds-split--center{align-items:center}
  .sds-split--leads-end.sds-split--end{align-items:flex-start}
  .sds-sections{display:flex;flex-direction:column;gap:var(--space-12)}
  .sds-grid{--grid-min: 230px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min),100%),1fr));gap:var(--space-4)}
  .sds-grid--wide{--grid-min: 340px}
  .sds-grid--dense{--grid-min: 150px}
  .sds-grid--flush{gap:var(--border-hairline);background:var(--border-subtle);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}
  .sds-bands{flex:1;display:flex;flex-direction:column}
  .sds-band{padding-block:var(--space-12)}
  .sds-band>:first-child{margin-top:0}
  .sds-band>:last-child{margin-bottom:0}
  .sds-band--quiet{background:var(--surface-raised);border-block:var(--border-hairline) solid var(--border-subtle)}
  .sds-band--quiet+.sds-band--quiet{border-top:0}
  @media(max-width:1140px){
    :root{--gutter-page: var(--space-6)}
    .sds-body{gap:var(--space-8)}
    .sds-page{padding-block:var(--space-10) var(--space-8)}
    .sds-band{padding-block:var(--space-10)}
  }
  @media(max-width:860px){
    :root{--gutter-page: var(--space-4)}
    .sds-band{padding-block:var(--space-8)}
    :root{--height-header: 56px}
    .sds-body{flex-direction:column;padding-block:var(--space-6)}
    .sds-body__rail{display:none}
    .sds-page{padding-block:var(--space-8)}
    .sds-sections{gap:var(--space-10)}
  }
  @media(max-width:640px){
    .sds-actions{flex-wrap:wrap}
  }
}
@layer components{
  .sds-prose{
    --sds-prose-measure: var(--measure-prose);
    --sds-prose-step: var(--space-4);
    --sds-prose-step-tight: var(--space-2);
    --sds-prose-step-wide: var(--space-6);
    --sds-prose-gap: var(--space-2);
    --sds-prose-gap-tight: var(--space-1);
    --sds-prose-indent: var(--space-5);
    --sds-prose-label-size: var(--font-size-body);
    --sds-prose-label-leading: var(--leading-heading);
    --sds-prose-label-weight: var(--weight-semibold);
    --sds-prose-meta-size: var(--font-size-ui);
    --sds-prose-mono: var(--font-mono);
    --sds-prose-mono-size: var(--font-mono-optical);
    --sds-prose-weight: var(--weight-regular);
    --sds-prose-ink: var(--text-primary);
    --sds-prose-quiet-ink: var(--text-secondary);
    --sds-prose-muted-ink: var(--text-muted);
    --sds-prose-mark-ink: var(--text-accent-quiet);
    --sds-prose-columns: 2;
    .line-block{
      margin-bottom:var(--sds-prose-step);
      .line-block{margin:0 0 0 var(--sds-prose-indent)}
    }
    .line{min-height:1lh;max-width:var(--sds-prose-measure)}
  }
}
@layer base{
  sds-quote{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-quote>.sds-quote{margin-bottom:0}
  .sds-quote{margin:0 0 var(--space-4)}
  blockquote{padding-inline-start:var(--space-4);border-inline-start:2px solid var(--border-subtle);color:var(--text-secondary)}
  blockquote>:last-child{margin-bottom:0}
  .sds-quote__body{padding-inline-start:0;border-inline-start:0}
  .sds-quote__by{font-size:inherit;color:inherit}
}
@layer components{
  .sds-quote{--sds-quote-inset: var(--space-5);--sds-quote-gap: var(--space-3);--sds-quote-rule: 3px;--sds-quote-edge: var(--border-strong);--sds-quote-measure: var(--measure-lead);--sds-quote-ink: var(--text-primary);--sds-quote-font-size: var(--font-size-h3);--sds-quote-leading: var(--leading-heading);--sds-quote-tracking: var(--tracking-heading);display:flex;flex-direction:column;gap:var(--sds-quote-gap);padding-inline-start:var(--sds-quote-inset);border-inline-start:var(--sds-quote-rule) solid var(--sds-quote-edge)}
  .sds-quote__body{margin:0;max-width:var(--sds-quote-measure);color:var(--sds-quote-ink);font-size:var(--sds-quote-font-size);line-height:var(--sds-quote-leading);letter-spacing:var(--sds-quote-tracking)}
  .sds-quote__by{
    margin:0;
    >:last-child{margin-bottom:0}
  }
}
@layer base{
  sds-byline{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-byline>.sds-byline{margin-bottom:0}
  .sds-byline{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-byline{--sds-byline-mark-size: 32px;--sds-byline-gap: var(--space-3);--sds-byline-line-gap: var(--space-0-5);--sds-byline-radius: var(--radius-pill);--sds-byline-mark-fill: var(--surface-inset);--sds-byline-mark-ink: var(--text-secondary);--sds-byline-mark-font: var(--font-mono);--sds-byline-mark-font-size: var(--font-size-dense);--sds-byline-tracking: var(--tracking-label);--sds-byline-leading: var(--control-leading);--sds-byline-name-size: var(--font-size-ui);--sds-byline-name-ink: var(--text-primary);--sds-byline-role-ink: var(--text-muted);display:flex;align-items:center;gap:var(--sds-byline-gap)}
  .sds-byline__mark{flex:none;display:flex;align-items:center;justify-content:center;width:var(--sds-byline-mark-size);height:var(--sds-byline-mark-size);border-radius:var(--sds-byline-radius);background:var(--sds-byline-mark-fill);color:var(--sds-byline-mark-ink);font-family:var(--sds-byline-mark-font);font-size:var(--sds-byline-mark-font-size);letter-spacing:var(--sds-byline-tracking);padding-inline-start:var(--sds-byline-tracking)}
  .sds-byline__who{display:flex;flex-direction:column;gap:var(--sds-byline-line-gap);line-height:var(--sds-byline-leading);min-width:0}
  .sds-byline__name{font-size:var(--sds-byline-name-size);color:var(--sds-byline-name-ink)}
  .sds-byline__role{color:var(--sds-byline-role-ink)}
}
@layer components{
  .sds-label{--sds-label-font: var(--font-mono);--sds-label-font-size: var(--font-size-label);--sds-label-tracking: var(--tracking-label);--sds-label-ink: var(--text-muted);font-family:var(--sds-label-font);font-size:var(--sds-label-font-size);letter-spacing:var(--sds-label-tracking);text-transform:uppercase;color:var(--sds-label-ink)}
  .sds-mono,code,kbd,samp{--sds-mono-font: var(--font-mono);--sds-mono-font-size: var(--font-mono-optical);--sds-mono-weight: var(--weight-medium);--sds-mono-ink: var(--text-primary);font-family:var(--sds-mono-font);font-size:var(--sds-mono-font-size);font-weight:var(--sds-mono-weight);color:var(--sds-mono-ink);overflow-wrap:anywhere}
  .sds-code__body code,.sds-diff code{--sds-mono-font-size: inherit;--sds-mono-weight: inherit;--sds-mono-ink: inherit}
}
@layer base{
  sds-eyebrow{display:block;min-width:0;margin:0}
  .sds-eyebrow{margin:0}
  :is(sds-eyebrow,.sds-eyebrow):has(+*){margin-block-end:0}
  :has(+:is(sds-eyebrow,.sds-eyebrow)+:is(h2,.sds-h2)){margin-block-end:var(--space-10)}
}
@layer components{
  .sds-eyebrow{--sds-eyebrow-font: var(--font-mono);--sds-eyebrow-font-size: var(--font-size-label);--sds-eyebrow-tracking: var(--tracking-label);--sds-eyebrow-ink: var(--text-muted);display:block;font-family:var(--sds-eyebrow-font);font-size:var(--sds-eyebrow-font-size);letter-spacing:var(--sds-eyebrow-tracking);text-transform:uppercase;color:var(--sds-eyebrow-ink)}
}
@layer components{
  .sds-section{
    --sds-section-step: var(--space-12);
    --sds-section-mark-ink: var(--text-accent-quiet);
    &:not(:first-child){margin-block-start:var(--sds-section-step)}
    >:last-child{margin-block-end:0}
  }
  .sds-section:target>:is(h1,h2,h3,h4,h5,h6){color:var(--sds-section-mark-ink)}
  .sds-permalink{
    --sds-permalink-gap: var(--space-2);
    --sds-permalink-font: var(--font-mono);
    --sds-permalink-weight: var(--weight-regular);
    --sds-permalink-ink: var(--border-strong);
    --sds-permalink-ink-hover: var(--text-link);
    margin-inline-start:var(--sds-permalink-gap);
    font-family:var(--sds-permalink-font);
    font-size:.7em;
    font-weight:var(--sds-permalink-weight);
    color:var(--sds-permalink-ink);
    text-decoration:none;
    &:hover{color:var(--sds-permalink-ink-hover)}
  }
}
@layer components{
  .sds-list{
    --sds-list-gap: var(--space-1);
    >li:not(:last-child){margin-bottom:var(--sds-list-gap)}
  }
  .sds-list--plain{padding-inline-start:0}
  .sds-list--plain,.sds-list--plain ul,.sds-list--plain ol{list-style:none}
}
@layer base{
  sds-link{display:inline}
}
@layer components{
  .sds-link{
    --sds-link-gap: var(--space-1-5);
    --sds-link-ink: var(--text-link);
    --sds-link-ink-hover: var(--text-link-hover);
    --sds-link-line-hover: underline;
    --sds-link-duration: var(--duration-fast);
    --sds-link-ease: var(--ease-out);
    color:var(--sds-link-ink);
    text-decoration:none;
    transition:color var(--sds-link-duration) var(--sds-link-ease);
    &:hover{color:var(--sds-link-ink-hover);text-decoration:var(--sds-link-line-hover)}
  }
  button.sds-link{font:inherit;border:0;background:none;padding:0;cursor:pointer}
  .sds-link--external,.sds-link:has(.sds-icon,sds-icon){display:inline-flex;align-items:center;gap:var(--sds-link-gap)}
  .sds-link--bare{--sds-link-gap: 0;--sds-link-line-hover: none;line-height:0}
}
@layer base{
  sds-icon{display:inline-flex}
}
@layer components{
  .sds-icon,sds-icon{--sds-icon-size: 1em;--sds-icon-ink-muted: var(--text-secondary);flex:none}
  .sds-icon{display:inline-block;width:var(--sds-icon-size);height:var(--sds-icon-size)}
  .sds-icon--16{--sds-icon-size: var(--control-icon-size)}
  .sds-icon--20{--sds-icon-size: 20px}
  .sds-icon--24{--sds-icon-size: 24px}
  .sds-icon--muted{color:var(--sds-icon-ink-muted)}
  :where(sds-icon:not(:defined)){width:var(--sds-icon-size);height:var(--sds-icon-size)}
  sds-icon:not(:defined)[size="16"]{--sds-icon-size: var(--control-icon-size)}
  sds-icon:not(:defined)[size="20"]{--sds-icon-size: 20px}
  sds-icon:not(:defined)[size="24"]{--sds-icon-size: 24px}
  sds-icon:not(:defined)[size="32"]{--sds-icon-size: 32px}
  sds-icon:not(:defined)[size="48"]{--sds-icon-size: 48px}
}
@layer base{
  sds-button{display:inline-flex}
}
@layer components{
  .sds-btn{
    --sds-btn-height: var(--control-height);
    --sds-btn-pad-y: var(--control-pad-y);
    --sds-btn-pad-x: var(--control-pad-x);
    --sds-btn-gap: var(--control-gap);
    --sds-btn-border: var(--border-hairline);
    --sds-btn-radius: var(--radius-control);
    --sds-btn-font: var(--font-sans);
    --sds-btn-font-size: var(--control-font-size);
    --sds-btn-weight: var(--weight-semibold);
    --sds-btn-leading: var(--control-leading);
    --sds-btn-glyph: var(--control-icon-size);
    --sds-btn-ink: var(--text-secondary);
    --sds-btn-fill: transparent;
    --sds-btn-edge: transparent;
    --sds-btn-ink-hover: var(--sds-btn-ink);
    --sds-btn-fill-hover: var(--sds-btn-fill);
    --sds-btn-edge-hover: var(--sds-btn-edge);
    --sds-btn-duration: var(--duration-fast);
    --sds-btn-ease: var(--ease-out);
    --sds-btn-disabled-opacity: .5;
    display:inline-flex;
    align-items:center;
    gap:var(--sds-btn-gap);
    min-height:var(--sds-btn-height);
    padding:var(--sds-btn-pad-y) var(--sds-btn-pad-x);
    border:var(--sds-btn-border) solid var(--sds-btn-edge);
    border-radius:var(--sds-btn-radius);
    background:var(--sds-btn-fill);
    color:var(--sds-btn-ink);
    font-family:var(--sds-btn-font);
    font-size:var(--sds-btn-font-size);
    font-weight:var(--sds-btn-weight);
    line-height:var(--sds-btn-leading);
    text-decoration:none;
    cursor:pointer;
    transition:background var(--sds-btn-duration) var(--sds-btn-ease),border-color var(--sds-btn-duration) var(--sds-btn-ease),color var(--sds-btn-duration) var(--sds-btn-ease);
    &:hover{border-color:var(--sds-btn-edge-hover);background:var(--sds-btn-fill-hover);color:var(--sds-btn-ink-hover)}
    &:disabled,&.is-disabled{opacity:var(--sds-btn-disabled-opacity);cursor:not-allowed}
  }
  .sds-btn__label{display:block}
  .sds-btn--primary{--sds-btn-ink: var(--text-on-accent);--sds-btn-fill: var(--accent);--sds-btn-fill-hover: var(--accent-hover)}
  .sds-btn--secondary{--sds-btn-ink: var(--text-primary);--sds-btn-edge: var(--border-strong);--sds-btn-fill-hover: var(--surface-raised);--sds-btn-edge-hover: var(--text-muted)}
  .sds-btn--ghost{--sds-btn-ink: var(--text-secondary);--sds-btn-ink-hover: var(--text-primary)}
  .sds-btn--sm{--sds-btn-height: var(--control-height-sm);--sds-btn-pad-y: var(--control-pad-y-sm);--sds-btn-pad-x: var(--control-pad-x-sm);--sds-btn-font-size: var(--control-font-size-sm)}
  .sds-btn--lg{--sds-btn-height: var(--control-height-lg);--sds-btn-pad-y: var(--control-pad-y-lg);--sds-btn-pad-x: var(--control-pad-x-lg);--sds-btn-font-size: var(--control-font-size-lg);--sds-btn-glyph: var(--control-icon-size-lg)}
  .sds-btn--icon{
    --sds-btn-pad-y: 0;
    --sds-btn-pad-x: 0;
    width:var(--sds-btn-height);
    height:var(--sds-btn-height);
    justify-content:center;
    .sds-icon{--sds-icon-size: var(--sds-btn-glyph)}
  }
}
@layer base{
  sds-badge{display:inline-flex;vertical-align:middle}
}
@layer components{
  .sds-badge{--sds-badge-pad-y: var(--space-1);--sds-badge-pad-x: var(--space-2);--sds-badge-gap: var(--space-1-5);--sds-badge-border: var(--border-hairline);--sds-badge-radius: var(--radius-control);--sds-badge-font: var(--font-mono);--sds-badge-font-size: var(--badge-font-size);--sds-badge-leading: var(--control-icon-size);--sds-badge-ink: var(--text-secondary);--sds-badge-fill: transparent;--sds-badge-edge: var(--border-strong);display:inline-flex;align-items:center;gap:var(--sds-badge-gap);width:fit-content;padding:var(--sds-badge-pad-y) var(--sds-badge-pad-x);border:var(--sds-badge-border) solid var(--sds-badge-edge);border-radius:var(--sds-badge-radius);background:var(--sds-badge-fill);color:var(--sds-badge-ink);font-family:var(--sds-badge-font);font-size:var(--sds-badge-font-size);line-height:var(--sds-badge-leading);vertical-align:middle;white-space:nowrap}
  .sds-badge--accent{--sds-badge-ink: var(--text-accent-quiet);--sds-badge-fill: var(--surface-accent-quiet);--sds-badge-edge: var(--border-accent-quiet)}
  .sds-badge--ok{--sds-badge-ink: var(--status-ok);--sds-badge-edge: color-mix(in oklch, var(--status-ok) 45%, transparent)}
  .sds-badge--warn{--sds-badge-ink: var(--status-warn);--sds-badge-edge: color-mix(in oklch, var(--status-warn) 45%, transparent)}
  .sds-badge--error{--sds-badge-ink: var(--status-error);--sds-badge-edge: color-mix(in oklch, var(--status-error) 45%, transparent)}
}
@layer base{
  sds-dialog,sds-lightbox{display:contents}
}
@layer components{
  dialog.sds-lightbox{--sds-lightbox-width: min(92vw, 1400px);--sds-lightbox-inset: 4vh;--sds-lightbox-pad: var(--space-4);--sds-lightbox-border: var(--border-hairline);--sds-lightbox-radius: var(--radius-card);--sds-lightbox-edge: var(--border-strong);--sds-lightbox-fill: var(--surface-raised);--sds-lightbox-stage-fill: var(--surface-sunken);--sds-lightbox-ink: var(--text-primary);--sds-lightbox-backdrop: var(--surface-overlay);padding:0;width:var(--sds-lightbox-width);max-width:none;inset-block:var(--sds-lightbox-inset);height:auto;max-height:none;background:var(--sds-lightbox-fill);border:var(--sds-lightbox-border) solid var(--sds-lightbox-edge);border-radius:var(--sds-lightbox-radius);color:var(--sds-lightbox-ink);overflow:hidden}
  dialog.sds-lightbox[open]{display:flex;flex-direction:column}
  dialog.sds-lightbox::backdrop{background:var(--sds-lightbox-backdrop)}
  html:has(dialog.sds-modal[open],dialog.sds-lightbox[open]){overflow:hidden;scrollbar-gutter:stable}
  .sds-lightbox__art{flex:1;min-height:0;padding:var(--sds-lightbox-pad);overflow:hidden;background:var(--sds-lightbox-stage-fill)}
  .sds-lightbox__art--exported{--sds-lightbox-stage-fill: var(--surface-art)}
  .sds-lightbox__art>.sds-art{width:100%;height:100%;object-fit:scale-down}
}
@layer base{
  sds-image{display:block;min-width:0}
}
@layer components{
  .sds-art{display:block;width:100%;height:auto}
  .sds-zoom{display:block;cursor:zoom-in}
}
@layer base{
  sds-checkbox,sds-field,sds-radio{display:block;min-width:0}
  sds-field-error{display:inline-flex}
  sds-form-errors{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-form-errors>.sds-form-errors{margin-bottom:0}
  .sds-form-errors{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-field{
    --sds-field-height: var(--control-height);
    --sds-field-font-size: var(--control-font-size);
    --sds-field-pad-y: var(--field-pad-y);
    --sds-field-pad-x: var(--field-pad-x);
    --sds-field-gap: var(--control-gap);
    --sds-field-leading: var(--control-leading);
    --sds-field-border: var(--border-hairline);
    --sds-field-radius: var(--radius-control);
    --sds-field-edge: var(--border-strong);
    --sds-field-fill: var(--surface-sunken);
    --sds-field-ink: var(--text-muted);
    --sds-field-ink-filled: var(--text-primary);
    --sds-field-duration: var(--duration-fast);
    --sds-field-ease: var(--ease-out);
    display:inline-flex;
    align-items:center;
    gap:var(--sds-field-gap);
    background:var(--sds-field-fill);
    border:var(--sds-field-border) solid var(--sds-field-edge);
    border-radius:var(--sds-field-radius);
    padding:var(--sds-field-pad-y) var(--sds-field-pad-x);
    color:var(--sds-field-ink);
    font-size:var(--sds-field-font-size);
    line-height:var(--sds-field-leading);
    min-height:var(--sds-field-height);
    transition:border-color var(--sds-field-duration) var(--sds-field-ease),box-shadow var(--sds-field-duration) var(--sds-field-ease);
    &.is-focused,&:focus-within{--sds-field-edge: var(--accent);box-shadow:0 0 0 var(--focus-halo) var(--accent-ring)}
    &.is-invalid{--sds-field-edge: var(--status-error)}
    &.is-filled{--sds-field-ink: var(--sds-field-ink-filled)}
  }
  .sds-field--sm{--sds-field-height: var(--control-height-sm);--sds-field-font-size: var(--control-font-size-sm);--sds-field-pad-y: var(--field-pad-y-sm);--sds-field-pad-x: var(--field-pad-x-sm)}
  .sds-field--lg{--sds-field-height: var(--control-height-lg);--sds-field-font-size: var(--control-font-size-lg);--sds-field-pad-y: var(--field-pad-y-lg);--sds-field-pad-x: var(--field-pad-x-lg)}
  .sds-input{all:unset;box-sizing:border-box;flex:1;min-width:0;font-family:inherit;font-size:inherit;color:var(--sds-field-ink-filled)}
  .sds-select{justify-content:space-between;color:var(--sds-field-ink-filled)}
  .sds-field--multi{
    --sds-field-leading: var(--leading-body);
    align-items:flex-start;
    .sds-input{resize:vertical;min-height:0}
  }
  .sds-field-error{--sds-field-error-gap: var(--space-1-5);--sds-field-error-size: var(--aside-size);--sds-field-error-ink: var(--status-error);display:inline-flex;align-items:center;gap:var(--sds-field-error-gap);font-size:var(--sds-field-error-size);color:var(--sds-field-error-ink)}
  .sds-field-row{
    --sds-field-row-gap: var(--space-1-5);
    --sds-field-label-size: var(--control-font-size);
    --sds-field-label-ink: var(--text-primary);
    --sds-field-hint-size: var(--aside-size);
    --sds-field-hint-leading: var(--aside-leading);
    --sds-field-hint-ink: var(--text-muted);
    --sds-field-req-font: var(--font-mono);
    --sds-field-req-size: var(--font-size-micro);
    --sds-field-req-tracking: var(--tracking-label);
    display:flex;
    flex-direction:column;
    gap:var(--sds-field-row-gap);
    min-width:0;
    max-width:100%;
    &:has(>.sds-field--sm){--sds-field-label-size: var(--control-font-size-sm)}
    &:has(>.sds-field--lg){--sds-field-label-size: var(--control-font-size-lg)}
  }
  .sds-field-label{font-size:var(--sds-field-label-size);color:var(--sds-field-label-ink)}
  .sds-field-req{font-family:var(--sds-field-req-font);font-size:var(--sds-field-req-size);letter-spacing:var(--sds-field-req-tracking);text-transform:uppercase;color:var(--sds-field-hint-ink)}
  .sds-field-hint{font-size:var(--sds-field-hint-size);line-height:var(--sds-field-hint-leading);color:var(--sds-field-hint-ink)}
  .sds-check{
    --sds-check-size: 16px;
    --sds-check-gap: var(--space-3);
    --sds-check-line-gap: var(--space-0-5);
    --sds-check-border: var(--border-hairline);
    --sds-check-radius: var(--radius-control);
    --sds-check-edge: var(--border-strong);
    --sds-check-fill: var(--surface-sunken);
    --sds-check-fill-hover: var(--surface-inset);
    --sds-check-fill-on: var(--text-primary);
    --sds-check-fill-on-hover: var(--text-secondary);
    --sds-check-font-size: var(--control-font-size);
    --sds-check-leading: var(--control-leading);
    --sds-check-ink: var(--text-primary);
    --sds-check-hint-size: var(--aside-size);
    --sds-check-hint-leading: var(--aside-leading);
    --sds-check-hint-ink: var(--text-muted);
    --sds-check-disabled-opacity: .5;
    --sds-check-duration: var(--duration-fast);
    --sds-check-ease: var(--ease-out);
    display:flex;
    align-items:flex-start;
    gap:var(--sds-check-gap);
    cursor:pointer;
    &:has(.sds-check__mark:disabled){opacity:var(--sds-check-disabled-opacity);cursor:not-allowed}
    &:hover>.sds-check__mark:not(:disabled){background-color:var(--sds-check-fill-hover);border-color:var(--sds-check-hint-ink)}
    &:hover>.sds-check__mark:checked:not(:disabled),&:hover>.sds-check__mark[type=checkbox]:indeterminate:not(:disabled){background-color:var(--sds-check-fill-on-hover);border-color:var(--sds-check-fill-on-hover)}
  }
  .sds-check__mark{
    appearance:none;
    flex:none;
    width:var(--sds-check-size);
    height:var(--sds-check-size);
    font-size:var(--sds-check-font-size);
    line-height:var(--sds-check-leading);
    margin:calc((1lh - var(--sds-check-size)) / 2) 0 0;
    background:var(--sds-check-fill);
    border:var(--sds-check-border) solid var(--sds-check-edge);
    border-radius:var(--sds-check-radius);
    transition:background-color var(--sds-check-duration) var(--sds-check-ease),border-color var(--sds-check-duration) var(--sds-check-ease);
    &[type=radio]{border-radius:50%}
    &:checked,&[type=checkbox]:indeterminate{background-color:var(--sds-check-fill-on);background-repeat:no-repeat;background-position:center;background-blend-mode:difference;border-color:var(--sds-check-fill-on)}
    &[type=radio]:checked{background-image:radial-gradient(circle at center,#fff 3px,transparent 3.7px)}
    &[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.9 8.3l2.9 2.9 5.3-5.9' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
    &[type=checkbox]:indeterminate{background-image:linear-gradient(#fff,#fff);background-size:8px 2px}
  }
  .sds-check__body{display:flex;flex-direction:column;gap:var(--sds-check-line-gap);min-width:0}
  .sds-check__label{font-size:var(--sds-check-font-size);line-height:var(--sds-check-leading);color:var(--sds-check-ink)}
  .sds-check__hint{font-size:var(--sds-check-hint-size);line-height:var(--sds-check-hint-leading);color:var(--sds-check-hint-ink)}
  .sds-choices{
    --sds-choices-gap: var(--space-3);
    --sds-choices-legend-gap: var(--space-4);
    --sds-choices-legend-gap-hinted: var(--space-1);
    border:0;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:var(--sds-choices-gap);
    >.sds-field-label{padding:0;margin-bottom:var(--sds-choices-legend-gap)}
    &:has(>.sds-field-hint){--sds-choices-legend-gap: var(--sds-choices-legend-gap-hinted)}
  }
  .sds-form{
    --sds-form-gap: var(--space-5);
    --sds-form-measure: var(--measure-lead);
    display:flex;
    flex-direction:column;
    gap:var(--sds-form-gap);
    max-width:var(--sds-form-measure);
    >.sds-actions{margin-block:0}
  }
  .sds-form-errors{
    --sds-form-errors-gap: var(--space-1);
    --sds-form-errors-lead: var(--space-1-5);
    --sds-form-errors-radius: var(--radius-card);
    &:focus-visible{border-radius:var(--sds-form-errors-radius)}
    >:last-child{margin-bottom:0}
  }
  .sds-form-errors__list{
    display:flex;
    flex-direction:column;
    gap:var(--sds-form-errors-gap);
    padding-block-start:var(--sds-form-errors-lead);
    a{width:fit-content}
  }
}
@layer base{
  sds-field-group{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-field-group>.sds-field-group{margin-bottom:0}
  .sds-field-group{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-field-group{
    --sds-field-group-gap: var(--space-4);
    display:flex;
    flex-direction:column;
    gap:var(--sds-field-group-gap);
    >*{margin-block:0}
  }
}
@layer base{
  sds-table{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-table>:is(.sds-table,.sds-table-scroll){margin-bottom:0}
  .sds-table,.sds-table-scroll{margin:0 0 var(--space-4)}
  caption{margin-bottom:var(--space-2);font-size:var(--font-size-micro);color:var(--text-muted);text-align:start}
}
@layer components{
  table,.sds-table{
    --sds-table-font-size: var(--row-font-medium);
    --sds-table-pad: var(--row-pad-medium);
    --sds-table-name-size: var(--row-name-medium);
    --sds-table-meta-size: var(--row-meta-medium);
    --sds-table-cell-gap: var(--space-3);
    --sds-table-border: var(--border-hairline);
    --sds-table-rule: var(--border-subtle);
    --sds-table-rule-head: var(--border-strong);
    --sds-table-font: var(--font-mono);
    --sds-table-head-size: var(--table-head-size);
    --sds-table-head-tracking: var(--table-head-tracking);
    --sds-table-head-ink: var(--text-muted);
    --sds-table-ink: var(--text-secondary);
    --sds-table-name-ink: var(--text-link);
    --sds-table-meta-ink: var(--text-muted);
    --sds-table-fill-hover: var(--surface-raised);
    --sds-table-fill-selected: var(--surface-accent-quiet);
    --sds-table-head-weight: var(--weight-regular);
    width:100%;
    border-collapse:collapse;
    font-size:var(--sds-table-font-size);
    th{text-align:start;font-family:var(--sds-table-font);font-size:var(--sds-table-head-size);letter-spacing:var(--sds-table-head-tracking);text-transform:uppercase;color:var(--sds-table-head-ink);font-weight:var(--sds-table-head-weight);padding-block:0 var(--sds-table-pad);padding-inline:0 var(--sds-table-cell-gap);border-bottom:var(--sds-table-border) solid var(--sds-table-rule-head);vertical-align:bottom}
    td{padding-block:var(--sds-table-pad);padding-inline:0 var(--sds-table-cell-gap);border-bottom:var(--sds-table-border) solid var(--sds-table-rule);color:var(--sds-table-ink);vertical-align:baseline}
    th:last-child,td:last-child{padding-inline-end:0}
    td.sds-td-name{font-family:var(--sds-table-font);font-size:var(--sds-table-name-size);color:var(--sds-table-name-ink)}
    td.sds-td-meta{font-family:var(--sds-table-font);font-size:var(--sds-table-meta-size);color:var(--sds-table-meta-ink)}
    tbody tr:hover{background:var(--sds-table-fill-hover)}
    tbody tr.is-selected{--sds-table-name-ink: var(--text-primary);--sds-table-meta-ink: var(--text-primary);background:var(--sds-table-fill-selected)}
  }
  .sds-table--compact{--sds-table-font-size: var(--row-font-compact);--sds-table-pad: var(--row-pad-compact);--sds-table-name-size: var(--row-name-compact);--sds-table-meta-size: var(--row-meta-compact)}
  .sds-table--medium{--sds-table-font-size: var(--row-font-medium);--sds-table-pad: var(--row-pad-medium);--sds-table-name-size: var(--row-name-medium);--sds-table-meta-size: var(--row-meta-medium)}
  .sds-table--airy{--sds-table-font-size: var(--row-font-airy);--sds-table-pad: var(--row-pad-airy);--sds-table-name-size: var(--row-name-airy);--sds-table-meta-size: var(--row-meta-airy)}
  .sds-table-scroll{
    max-width:100%;
    overflow-x:auto;
    >.sds-table{margin-bottom:0}
  }
}
@layer base{
  sds-surface{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-surface>:is(.sds-plane,.sds-panel,.sds-sunken){block-size:100%;margin-bottom:0}
  .sds-example,.sds-plane,.sds-panel,.sds-sunken{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-plane,.sds-panel,.sds-sunken{--sds-plane-pad-y: var(--block-pad-y);--sds-plane-pad-x: var(--block-pad-x);--sds-plane-border: var(--border-hairline);--sds-plane-line: solid;--sds-plane-radius: var(--radius-card);--sds-plane-edge: var(--border-subtle);--sds-plane-fill: transparent;padding:var(--sds-plane-pad-y) var(--sds-plane-pad-x);border:var(--sds-plane-border) var(--sds-plane-line) var(--sds-plane-edge);border-radius:var(--sds-plane-radius);background:var(--sds-plane-fill)}
  .sds-panel{--sds-plane-fill: var(--surface-raised)}
  .sds-sunken{--sds-plane-fill: var(--surface-sunken)}
  .sds-example{
    --sds-plane-pad-y: var(--block-pad-y);
    --sds-plane-pad-x: var(--block-pad-x);
    --sds-plane-border: var(--border-hairline);
    --sds-plane-line: dashed;
    --sds-plane-radius: var(--radius-card);
    --sds-plane-edge: var(--border-strong);
    padding:var(--sds-plane-pad-y) var(--sds-plane-pad-x);
    border:var(--sds-plane-border) var(--sds-plane-line) var(--sds-plane-edge);
    border-radius:var(--sds-plane-radius);
    >:last-child{margin-bottom:0}
  }
  .sds-surface-title{
    --sds-surface-title-size: var(--block-title-size);
    --sds-surface-title-weight: var(--weight-semibold);
    --sds-surface-title-leading: var(--leading-heading);
    --sds-surface-title-lead: var(--space-1-5);
    font-size:var(--sds-surface-title-size);
    font-weight:var(--sds-surface-title-weight);
    line-height:var(--sds-surface-title-leading);
    &:not(:first-child){padding-block-start:var(--sds-surface-title-lead)}
  }
  .sds-surface-body{
    --sds-surface-body-size: var(--block-body-size);
    --sds-surface-body-leading: var(--aside-leading);
    --sds-surface-body-ink: var(--text-secondary);
    --sds-surface-body-lead: var(--space-1);
    padding-block-start:var(--sds-surface-body-lead);
    font-size:var(--sds-surface-body-size);
    line-height:var(--sds-surface-body-leading);
    color:var(--sds-surface-body-ink);
    >:last-child{margin-bottom:0}
  }
  .sds-surface-icon{--sds-surface-icon-ink: var(--text-secondary);--sds-surface-icon-gap: var(--space-2-5);color:var(--sds-surface-icon-ink);margin-bottom:var(--sds-surface-icon-gap)}
  .sds-surface-icon+.sds-surface-title{margin-top:0}
}
@layer base{
  sds-card{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-card>.sds-card{block-size:100%;margin-bottom:0}
  .sds-card{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-card{
    --sds-card-lift: -2px;
    --sds-card-pad-y: var(--block-pad-y);
    --sds-card-pad-x: var(--block-pad-x);
    --sds-card-gap: var(--space-2);
    --sds-card-foot-gap: var(--space-3);
    --sds-card-icon-gap: var(--space-0-5);
    --sds-card-icon-ink: var(--text-secondary);
    --sds-card-action-gap: var(--space-1-5);
    --sds-card-action-weight: var(--weight-semibold);
    --sds-card-action-ink: var(--text-link);
    --sds-card-border: var(--border-hairline);
    --sds-card-radius: var(--radius-card);
    --sds-card-edge: var(--border-subtle);
    --sds-card-edge-hover: var(--border-strong);
    --sds-card-rule: var(--border-subtle);
    --sds-card-fill: transparent;
    --sds-card-fill-hover: var(--surface-raised);
    --sds-card-glow: var(--accent-glow);
    --sds-card-media-fill: var(--surface-sunken);
    --sds-card-title-size: var(--entry-title-size);
    --sds-card-title-leading: var(--leading-heading);
    --sds-card-title-ink: var(--text-primary);
    --sds-card-text-size: var(--block-body-size);
    --sds-card-text-leading: var(--leading-body);
    --sds-card-text-ink: var(--text-secondary);
    --sds-card-note-size: var(--aside-size);
    --sds-card-note-leading: var(--aside-leading);
    --sds-card-note-ink: var(--text-muted);
    --sds-card-duration: var(--duration-fast);
    --sds-card-ease: var(--ease-out);
    position:relative;
    display:flex;
    flex-direction:column;
    border:var(--sds-card-border) solid var(--sds-card-edge);
    border-radius:var(--sds-card-radius);
    background:var(--sds-card-fill);
    transition:border-color var(--sds-card-duration) var(--sds-card-ease),background var(--sds-card-duration) var(--sds-card-ease),transform var(--sds-card-duration) var(--sds-card-ease);
    &:before{content:"";position:absolute;inset:calc(-1 * var(--sds-card-border));z-index:1;border-radius:var(--sds-card-radius);padding:var(--sds-card-border);background:linear-gradient(var(--sds-card-glow),transparent 45%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity var(--sds-card-duration) var(--sds-card-ease)}
  }
  .sds-card:has(>.sds-card__body>.sds-card__title a):hover,.sds-card:has(>.sds-card__body>.sds-card__title a:focus-visible){border-color:var(--sds-card-edge-hover);background:var(--sds-card-fill-hover);transform:translateY(var(--sds-card-lift))}
  .sds-card:has(>.sds-card__body>.sds-card__title a):hover:before,.sds-card:has(>.sds-card__body>.sds-card__title a:focus-visible):before{opacity:1}
  .sds-card:has(>.sds-card__body>.sds-card__title a:focus-visible){outline:var(--border-emphasis) solid var(--accent);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo) var(--accent-ring);border-radius:var(--sds-card-radius)}
  .sds-card__media{background:var(--sds-card-media-fill);border-bottom:var(--sds-card-border) solid var(--sds-card-rule);border-radius:calc(var(--sds-card-radius) - var(--sds-card-border)) calc(var(--sds-card-radius) - var(--sds-card-border)) 0 0;overflow:hidden}
  .sds-card__media--exported{--sds-card-media-fill: var(--surface-art)}
  .sds-card__body{
    display:flex;
    flex-direction:column;
    gap:var(--sds-card-gap);
    padding:var(--sds-card-pad-y) var(--sds-card-pad-x);
    >.sds-row{margin-block:0}
  }
  .sds-card__icon{color:var(--sds-card-icon-ink);margin-bottom:var(--sds-card-icon-gap)}
  .sds-card__title{
    margin:0;
    font-size:var(--sds-card-title-size);
    line-height:var(--sds-card-title-leading);
    color:var(--sds-card-title-ink);
    text-wrap:balance;
    a:after{content:"";position:absolute;inset:0}
    a:focus-visible{outline:none;box-shadow:none}
    a{color:inherit;text-decoration:none}
  }
  .sds-card__text{
    margin:0;
    font-size:var(--sds-card-text-size);
    line-height:var(--sds-card-text-leading);
    color:var(--sds-card-text-ink);
    :is(a,button){position:relative}
    >:first-child{margin-top:0}
    >:last-child{margin-bottom:0}
  }
  .sds-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sds-card-foot-gap);padding:var(--sds-card-pad-y) var(--sds-card-pad-x)}
  .sds-card__note{font-size:var(--sds-card-note-size);line-height:var(--sds-card-note-leading);color:var(--sds-card-note-ink)}
  .sds-card__action{display:inline-flex;align-items:center;gap:var(--sds-card-action-gap);margin-inline-start:auto;font-size:var(--sds-card-note-size);font-weight:var(--sds-card-action-weight);color:var(--sds-card-action-ink);white-space:nowrap}
  .sds-grid--flush .sds-card{
    --sds-card-border: 0px;
    --sds-card-radius: 0px;
    --sds-card-fill: var(--surface-canvas);
    --sds-card-lift: 0px;
    &:before{content:none}
  }
  .sds-grid--flush .sds-card:has(>.sds-card__body>.sds-card__title a:focus-visible){outline-offset:calc(-1 * (var(--border-emphasis) + var(--focus-offset)));box-shadow:none}
}
@layer base{
  sds-swatch{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-swatch>.sds-swatch{block-size:100%;margin-bottom:0}
  .sds-swatch{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-swatch{--sds-swatch-chip-size: var(--swatch-chip-size);--sds-swatch-gap: var(--space-3);--sds-swatch-line-gap: var(--space-0-5);--sds-swatch-border: var(--border-hairline);--sds-swatch-radius: var(--radius-control);--sds-swatch-edge: var(--border-subtle);--sds-swatch-font: var(--font-mono);--sds-swatch-name-size: var(--font-size-dense);--sds-swatch-name-ink: var(--text-primary);--sds-swatch-value-size: var(--font-size-label);--sds-swatch-value-ink: var(--text-muted);display:flex;align-items:center;gap:var(--sds-swatch-gap);min-width:0}
  .sds-swatch__chip{flex:none;width:var(--sds-swatch-chip-size);height:var(--sds-swatch-chip-size);border:var(--sds-swatch-border) solid var(--sds-swatch-edge);border-radius:var(--sds-swatch-radius)}
  .sds-swatch--line{
    --sds-swatch-border: var(--border-emphasis);
    .sds-swatch__chip{background:none}
  }
  .sds-swatch__body{display:flex;flex-direction:column;gap:var(--sds-swatch-line-gap);min-width:0}
  .sds-swatch__name{font-family:var(--sds-swatch-font);font-size:var(--sds-swatch-name-size);color:var(--sds-swatch-name-ink);overflow-wrap:anywhere}
  .sds-swatch__value{font-family:var(--sds-swatch-font);font-size:var(--sds-swatch-value-size);color:var(--sds-swatch-value-ink)}
}
@layer base{
  sds-icon-tile{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-icon-tile>.sds-icon-tile{margin-bottom:0}
  .sds-icon-tile{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-icon-tile{
    --sds-icon-tile-lift: -2px;
    --sds-icon-tile-art-size: var(--tile-art-size);
    --sds-icon-tile-pad-y: var(--space-4);
    --sds-icon-tile-pad-x: var(--space-3);
    --sds-icon-tile-gap: var(--space-2);
    --sds-icon-tile-border: var(--border-hairline);
    --sds-icon-tile-radius: var(--radius-card);
    --sds-icon-tile-edge: var(--border-subtle);
    --sds-icon-tile-edge-hover: var(--border-strong);
    --sds-icon-tile-fill-hover: var(--surface-raised);
    --sds-icon-tile-ink: var(--text-primary);
    --sds-icon-tile-font: var(--font-mono);
    --sds-icon-tile-name-size: var(--font-size-label);
    --sds-icon-tile-name-ink: var(--text-muted);
    --sds-icon-tile-tag-ink: var(--text-secondary);
    --sds-icon-tile-tag-fill: var(--surface-inset);
    --sds-icon-tile-name-leading: var(--leading-heading);
    --sds-icon-tile-tag-pad-y: var(--space-1);
    --sds-icon-tile-tag-pad-x: var(--space-1-5);
    --sds-icon-tile-tag-radius: var(--radius-control);
    --sds-icon-tile-duration: var(--duration-fast);
    --sds-icon-tile-ease: var(--ease-out);
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--sds-icon-tile-gap);
    padding:var(--sds-icon-tile-pad-y) var(--sds-icon-tile-pad-x);
    border:var(--sds-icon-tile-border) solid var(--sds-icon-tile-edge);
    border-radius:var(--sds-icon-tile-radius);
    color:var(--sds-icon-tile-ink);
    text-decoration:none;
    transition:border-color var(--sds-icon-tile-duration) var(--sds-icon-tile-ease),background var(--sds-icon-tile-duration) var(--sds-icon-tile-ease),transform var(--sds-icon-tile-duration) var(--sds-icon-tile-ease);
    &[href]:hover,&[href]:focus-visible{border-color:var(--sds-icon-tile-edge-hover);background:var(--sds-icon-tile-fill-hover);transform:translateY(var(--sds-icon-tile-lift))}
  }
  .sds-icon-tile__art{display:flex;align-items:center;justify-content:center;min-height:var(--sds-icon-tile-art-size)}
  .sds-icon-tile__name{font-family:var(--sds-icon-tile-font);font-size:var(--sds-icon-tile-name-size);line-height:var(--sds-icon-tile-name-leading);color:var(--sds-icon-tile-name-ink);text-align:center;overflow-wrap:anywhere}
  .sds-icon-tile__tag{position:absolute;inset-block-start:0;inset-inline-end:0;padding:var(--sds-icon-tile-tag-pad-y) var(--sds-icon-tile-tag-pad-x);border-start-end-radius:calc(var(--sds-icon-tile-radius) - var(--sds-icon-tile-border));border-end-start-radius:var(--sds-icon-tile-tag-radius);font-family:var(--sds-icon-tile-font);font-size:var(--sds-icon-tile-name-size);line-height:1;color:var(--sds-icon-tile-tag-ink);background:var(--sds-icon-tile-tag-fill)}
}
@layer base{
  sds-stat{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-stat>.sds-stat{block-size:100%;margin-bottom:0}
  .sds-stat{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-stat{--sds-stat-gap: var(--space-1);--sds-stat-pad-y: var(--block-pad-y);--sds-stat-pad-x: var(--block-pad-x);--sds-stat-fill: var(--surface-canvas);--sds-stat-icon-gap: var(--space-2-5);--sds-stat-icon-ink: var(--text-secondary);--sds-stat-value-size: var(--font-size-h1);--sds-stat-value-leading: var(--leading-heading);--sds-stat-value-tracking: var(--tracking-heading);--sds-stat-value-weight: var(--weight-semibold);--sds-stat-value-ink: var(--text-primary);--sds-stat-unit-size: var(--font-size-h3);--sds-stat-unit-weight: var(--weight-regular);--sds-stat-unit-ink: var(--text-secondary);--sds-stat-note-size: var(--aside-size);--sds-stat-note-leading: var(--aside-leading);--sds-stat-note-ink: var(--text-secondary);display:flex;flex-direction:column;gap:var(--sds-stat-gap);min-width:0}
  .sds-stat__icon{display:inline-flex;margin-inline-end:var(--sds-stat-icon-gap);color:var(--sds-stat-icon-ink)}
  .sds-stat__value{font-size:var(--sds-stat-value-size);line-height:var(--sds-stat-value-leading);letter-spacing:var(--sds-stat-value-tracking);font-weight:var(--sds-stat-value-weight);color:var(--sds-stat-value-ink)}
  .sds-stat__unit{font-size:var(--sds-stat-unit-size);font-weight:var(--sds-stat-unit-weight);color:var(--sds-stat-unit-ink)}
  .sds-stat__note{font-size:var(--sds-stat-note-size);line-height:var(--sds-stat-note-leading);color:var(--sds-stat-note-ink)}
  .sds-grid--flush .sds-stat{padding:var(--sds-stat-pad-y) var(--sds-stat-pad-x);background:var(--sds-stat-fill)}
}
@layer base{
  sds-figure{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-figure>.sds-figure{block-size:100%;margin-bottom:0}
  .sds-figure{margin:0 0 var(--space-4)}
  figure:not([class*=sds-])>figcaption{padding-block-start:var(--space-2);font-size:var(--font-size-micro);color:var(--text-muted)}
  figcaption>:last-child{margin-bottom:0}
  sds-figure:not(:defined){display:flex;flex-direction:column;gap:var(--space-3);margin:0 0 var(--space-4)}
  sds-figure:not(:defined)>.sds-art{box-sizing:border-box;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-sunken)}
}
@layer components{
  .sds-figure{--sds-figure-gap: var(--space-3);--sds-figure-border: var(--border-hairline);--sds-figure-radius: var(--radius-card);--sds-figure-edge: var(--border-subtle);--sds-figure-fill: var(--surface-sunken);--sds-figure-caption-size: var(--aside-size);--sds-figure-caption-leading: var(--aside-leading);--sds-figure-caption-ink: var(--text-muted);--sds-figure-caption-measure: var(--measure-prose);display:flex;flex-direction:column;gap:var(--sds-figure-gap)}
  .sds-figure__frame{border:var(--sds-figure-border) solid var(--sds-figure-edge);border-radius:var(--sds-figure-radius);background:var(--sds-figure-fill);overflow:hidden}
  .sds-figure__frame--exported{--sds-figure-fill: var(--surface-art)}
  .sds-figure__caption{max-width:var(--sds-figure-caption-measure);color:var(--sds-figure-caption-ink);font-size:var(--sds-figure-caption-size);line-height:var(--sds-figure-caption-leading)}
}
@layer base{
  sds-embed{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-embed>.sds-embed{margin-bottom:0}
  .sds-embed{margin:0 0 var(--space-4)}
  sds-embed:not(:defined){display:block;margin:0 0 var(--space-4)}
  sds-embed:not(:defined)>iframe{display:block;box-sizing:border-box;max-width:100%;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-sunken)}
}
@layer components{
  .sds-embed{--sds-embed-gap: var(--space-3);--sds-embed-border: var(--border-hairline);--sds-embed-radius: var(--radius-card);--sds-embed-edge: var(--border-subtle);--sds-embed-fill: var(--surface-sunken);--sds-embed-caption-size: var(--aside-size);--sds-embed-caption-leading: var(--aside-leading);--sds-embed-caption-ink: var(--text-muted);--sds-embed-caption-measure: var(--measure-prose);display:flex;flex-direction:column;gap:var(--sds-embed-gap)}
  .sds-embed__frame{
    border:var(--sds-embed-border) solid var(--sds-embed-edge);
    border-radius:var(--sds-embed-radius);
    background:var(--sds-embed-fill);
    overflow:hidden;
    >iframe{display:block;border:0}
  }
  .sds-embed__frame--fluid>iframe{width:100%;height:100%}
  .sds-embed__frame--fixed{width:max-content;max-width:100%;overflow:auto}
  .sds-embed__caption{max-width:var(--sds-embed-caption-measure);color:var(--sds-embed-caption-ink);font-size:var(--sds-embed-caption-size);line-height:var(--sds-embed-caption-leading)}
}
@layer base{
  sds-search-result{display:block;min-width:0}
  sds-search-hits{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-search-hits>.sds-hits{margin-bottom:0}
  .sds-hits{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-hits{
    --sds-hits-gap: var(--space-2);
    --sds-hits-bleed: var(--space-3);
    --sds-hits-border: var(--border-hairline);
    --sds-hits-rule: var(--border-subtle);
    --sds-hits-rule-lift: var(--space-1);
    display:flex;
    flex-direction:column;
    gap:var(--sds-hits-gap);
    margin-inline:calc(-1 * var(--sds-hits-bleed));
    >*+* .sds-result:before{content:"";position:absolute;inset-inline:var(--sds-hits-bleed);top:calc(-1 * var(--sds-hits-rule-lift));border-top:var(--sds-hits-border) solid var(--sds-hits-rule)}
  }
  .sds-result{--sds-result-thumb: 120px;--sds-result-pad: var(--space-3);--sds-result-gap: var(--space-3);--sds-result-line-gap: var(--space-1);--sds-result-border: var(--border-hairline);--sds-result-radius: var(--radius-control);--sds-result-edge: var(--border-subtle);--sds-result-fill-hover: var(--surface-inset);--sds-result-thumb-fill: var(--surface-sunken);--sds-result-title-size: var(--entry-title-size);--sds-result-title-leading: var(--leading-heading);--sds-result-title-ink: var(--text-link);--sds-result-title-ink-hover: var(--text-link-hover);--sds-result-meta-size: var(--font-size-micro);--sds-result-meta-ink: var(--text-muted);--sds-result-font: var(--font-mono);--sds-result-text-size: var(--block-body-size);--sds-result-text-leading: var(--leading-body);--sds-result-text-ink: var(--text-secondary);--sds-result-text-measure: var(--measure-prose);--sds-result-duration: var(--duration-fast);--sds-result-ease: var(--ease-out);position:relative;display:flex;gap:var(--sds-result-gap);padding:var(--sds-result-pad);border-radius:var(--sds-result-radius);color:inherit;text-decoration:none;transition:background var(--sds-result-duration) var(--sds-result-ease)}
  a.sds-result:hover{--sds-result-title-ink: var(--sds-result-title-ink-hover);background:var(--sds-result-fill-hover)}
  a.sds-result:focus-visible{outline-offset:0}
  .sds-result__body{
    display:flex;
    flex-direction:column;
    gap:var(--sds-result-line-gap);
    min-width:0;
    flex:1;
    >.sds-row{margin-block:0}
  }
  .sds-result__thumb{
    flex:none;
    width:var(--sds-result-thumb);
    aspect-ratio:3 / 2;
    overflow:hidden;
    border:var(--sds-result-border) solid var(--sds-result-edge);
    border-radius:var(--sds-result-radius);
    background:var(--sds-result-thumb-fill);
    .sds-art{height:100%;object-fit:cover}
  }
  .sds-result__thumb--exported{
    --sds-result-thumb-fill: var(--surface-art);
    .sds-art{object-fit:contain}
  }
  .sds-result__title{margin:0;font-size:var(--sds-result-title-size);line-height:var(--sds-result-title-leading);color:var(--sds-result-title-ink);text-wrap:balance}
  .sds-result__path,.sds-result__meta{font-size:var(--sds-result-meta-size);color:var(--sds-result-meta-ink)}
  .sds-result__path{font-family:var(--sds-result-font)}
  .sds-result__text{margin:0;max-width:var(--sds-result-text-measure);font-size:var(--sds-result-text-size);line-height:var(--sds-result-text-leading);color:var(--sds-result-text-ink)}
  .sds-mark{--sds-mark-fill: var(--surface-accent-quiet);--sds-mark-ink: var(--text-primary);--sds-mark-radius: 2px;--sds-mark-pad-x: var(--space-0-5);background:var(--sds-mark-fill);color:var(--sds-mark-ink);border-radius:var(--sds-mark-radius);padding:0 var(--sds-mark-pad-x)}
}
@layer base{
  sds-modal,sds-overlay{display:contents}
}
@layer components{
  .sds-overlay{--sds-overlay-fill: var(--surface-overlay);position:absolute;inset:0;background:var(--sds-overlay-fill)}
  .sds-modal{--sds-modal-measure: var(--measure-modal);--sds-modal-pad-y: var(--block-pad-y);--sds-modal-pad-y-tight: var(--block-pad-y-tight);--sds-modal-pad-x: var(--block-pad-x);--sds-modal-gap: var(--control-gap);--sds-modal-border: var(--border-hairline);--sds-modal-radius: var(--radius-card);--sds-modal-fill: var(--surface-raised);--sds-modal-edge: var(--border-strong);--sds-modal-rule: var(--border-subtle);--sds-modal-ink: var(--text-primary);--sds-modal-ink-body: var(--text-secondary);--sds-modal-title-size: var(--block-title-size);--sds-modal-body-size: var(--block-body-size);--sds-modal-body-leading: var(--leading-body);--sds-modal-backdrop: var(--surface-overlay);--sds-modal-title-weight: var(--weight-semibold);max-width:var(--sds-modal-measure);border:var(--sds-modal-border) solid var(--sds-modal-edge);border-radius:var(--sds-modal-radius);background:var(--sds-modal-fill)}
  dialog.sds-modal{
    padding:0;
    border-color:var(--sds-modal-rule);
    color:var(--sds-modal-ink);
    &::backdrop{background:var(--sds-modal-backdrop)}
  }
  .sds-modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sds-modal-pad-y-tight) var(--sds-modal-pad-x);border-bottom:var(--sds-modal-border) solid var(--sds-modal-rule);font-size:var(--sds-modal-title-size);font-weight:var(--sds-modal-title-weight)}
  .sds-modal__body{
    padding:var(--sds-modal-pad-y) var(--sds-modal-pad-x);
    font-size:var(--sds-modal-body-size);
    line-height:var(--sds-modal-body-leading);
    color:var(--sds-modal-ink-body);
    >:last-child{margin-bottom:0}
  }
  .sds-modal__foot{display:flex;justify-content:flex-end;gap:var(--sds-modal-gap);padding:var(--sds-modal-pad-y-tight) var(--sds-modal-pad-x);border-top:var(--sds-modal-border) solid var(--sds-modal-rule)}
}
@layer base{
  sds-nav-main{display:block;min-width:0}
}
@layer components{
  .sds-bar{
    --sds-bar-height: var(--height-header);
    --sds-bar-gap: var(--space-6);
    --sds-bar-end-gap: var(--space-3);
    --sds-bar-z: 30;
    --sds-bar-border: var(--border-hairline);
    --sds-bar-rule: var(--border-subtle);
    --sds-bar-fill: color-mix(in srgb, var(--surface-canvas) 88%, transparent);
    --sds-bar-blur: blur(8px);
    --sds-bar-duration: var(--duration-fast);
    --sds-bar-ease: var(--ease-out);
    --page-gutter: var(--gutter-page);
    --page-inset: max(var(--page-gutter), (100% - var(--width-page)) / 2);
    --sds-bar-inset: var(--page-inset);
    position:sticky;
    top:0;
    z-index:var(--sds-bar-z);
    min-height:var(--sds-bar-height);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    gap:var(--sds-bar-gap);
    padding-block:0;
    padding-inline:var(--sds-bar-inset);
    background:var(--sds-bar-fill);
    backdrop-filter:var(--sds-bar-blur);
    border-bottom:var(--sds-bar-border) solid var(--sds-bar-rule);
    transition:--page-gutter var(--sds-bar-duration) var(--sds-bar-ease),min-height var(--sds-bar-duration) var(--sds-bar-ease);
    >*{min-width:0}
  }
  sds-nav-main{position:sticky;top:0;z-index:30}
  html:has(.sds-bar){--sds-bar-jump: calc(var(--height-header) + var(--space-4));scroll-padding-top:var(--sds-bar-jump)}
  .sds-bar__end{
    flex:none;
    margin-inline-start:auto;
    display:flex;
    align-items:center;
    gap:var(--sds-bar-end-gap);
    .sds-search{flex-shrink:0}
  }
  .sds-bar__lang{
    --sds-bar-lang-font: var(--font-mono);
    --sds-bar-lang-size: var(--tab-font-size);
    .sds-btn__label{font-family:var(--sds-bar-lang-font);font-size:var(--sds-bar-lang-size);text-transform:uppercase}
  }
  @media(max-width:1140px){
    .sds-bar{--sds-bar-gap: var(--space-4)}
  }
  @media(max-width:460px){
    .sds-bar .sds-wordmark__brand,.sds-bar .sds-wordmark__pipe{display:none}
    .sds-bar .sds-wordmark__product{font-weight:inherit;color:inherit}
  }
}
@layer base{
  sds-footer{display:block;min-width:0}
}
@layer components{
  .sds-footer{--sds-footer-fill: var(--surface-sunken);--sds-footer-pad-y: var(--space-10);--sds-footer-gap: var(--space-8);--sds-footer-column-gap: var(--space-12);--sds-footer-group-gap: var(--space-6);--sds-footer-list-gap: var(--space-1-5);--sds-footer-heading-gap: var(--space-2);--sds-footer-end-gap: var(--space-5);--sds-footer-brand-width: 260px;--sds-footer-groups-width: 340px;--sds-footer-track: 170px;--sds-footer-brand-gap: var(--space-3);--sds-footer-mark-gap: var(--space-4);--sds-footer-note-size: var(--font-size-ui);--sds-footer-note-leading: var(--leading-body);--sds-footer-link-size: var(--nav-font-size);--sds-footer-end-size: var(--font-size-micro);--sds-footer-ink: var(--text-secondary);--sds-footer-ink-hover: var(--text-primary);--sds-footer-ink-quiet: var(--text-muted);--sds-footer-duration: var(--duration-fast);--sds-footer-ease: var(--ease-out);--page-gutter: var(--gutter-page);--page-inset: max(var(--page-gutter), (100% - var(--width-page)) / 2);--sds-footer-inset: var(--page-inset);background:var(--sds-footer-fill);padding-block:var(--sds-footer-pad-y);padding-inline:var(--sds-footer-inset);display:flex;flex-direction:column;gap:var(--sds-footer-gap);transition:--page-gutter var(--sds-footer-duration) var(--sds-footer-ease)}
  .sds-footer__top{display:flex;flex-wrap:wrap;gap:var(--sds-footer-gap) var(--sds-footer-column-gap)}
  .sds-footer__brand{flex:0 1 var(--sds-footer-brand-width);display:flex;flex-direction:column;gap:var(--sds-footer-brand-gap)}
  .sds-footer__note{margin:0;font-size:var(--sds-footer-note-size);line-height:var(--sds-footer-note-leading);color:var(--sds-footer-ink-quiet)}
  .sds-footer__groups{flex:1 1 var(--sds-footer-groups-width);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--sds-footer-track),100%),1fr));gap:var(--sds-footer-gap) var(--sds-footer-group-gap)}
  .sds-footer__group{display:flex;flex-direction:column;gap:var(--sds-footer-heading-gap);min-width:0}
  .sds-footer__links{display:flex;flex-direction:column;gap:var(--sds-footer-list-gap);font-size:var(--sds-footer-link-size)}
  .sds-footer :is(a,.sds-link){color:var(--sds-footer-ink)}
  .sds-footer :is(a,.sds-link):hover{color:var(--sds-footer-ink-hover)}
  .sds-footer .sds-footer__heading{color:var(--sds-footer-ink-quiet)}
  .sds-footer__end{padding-top:var(--sds-footer-end-gap);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sds-footer-heading-gap) var(--sds-footer-group-gap);font-size:var(--sds-footer-end-size);color:var(--sds-footer-ink-quiet)}
  .sds-footer__marks{margin-inline-start:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sds-footer-heading-gap) var(--sds-footer-mark-gap)}
  .sds-footer__marks:only-child{margin-inline-start:0}
  .sds-footer__end:only-child{padding-top:0}
  @media(max-width:640px){
    .sds-footer__marks{margin-inline-start:0}
  }
}
@layer base{
  sds-nav-breadcrumb{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-nav-breadcrumb>.sds-crumbs{margin-bottom:0}
  .sds-crumbs{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-crumbs{
    --sds-crumbs-gap: var(--space-1-5);
    --sds-crumbs-font-size: var(--nav-font-size);
    --sds-crumbs-ink: var(--text-secondary);
    --sds-crumbs-ink-hover: var(--text-primary);
    --sds-crumbs-sep-ink: var(--text-muted);
    --sds-crumbs-here-ink: var(--text-primary);
    --sds-crumbs-here-weight: var(--weight-medium);
    --sds-crumbs-duration: var(--duration-fast);
    --sds-crumbs-ease: var(--ease-out);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--sds-crumbs-gap);
    font-size:var(--sds-crumbs-font-size);
    color:var(--sds-crumbs-ink);
    a{color:inherit;text-decoration:none;transition:color var(--sds-crumbs-duration) var(--sds-crumbs-ease)}
    a:hover{color:var(--sds-crumbs-ink-hover);text-decoration:underline}
  }
  .sds-crumbs__sep{color:var(--sds-crumbs-sep-ink);user-select:none}
  .sds-crumbs__here{color:var(--sds-crumbs-here-ink);font-weight:var(--sds-crumbs-here-weight)}
}
@layer base{
  sds-nav-pager{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-nav-pagination{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-nav-pagination>.sds-pagination{margin-bottom:0}
  .sds-pagination{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-pagination{--sds-pagination-gap: var(--space-1);--sds-pagination-item-gap: var(--space-1-5);--sds-pagination-pad-y: var(--space-1-5);--sds-pagination-pad-x: var(--space-3);--sds-pagination-radius: var(--radius-control);--sds-pagination-font-size: var(--nav-font-size);--sds-pagination-ink: var(--text-secondary);--sds-pagination-ink-hover: var(--text-primary);--sds-pagination-ink-quiet: var(--text-muted);--sds-pagination-ink-active: var(--text-on-accent);--sds-pagination-fill-active: var(--accent);--sds-pagination-duration: var(--duration-fast);--sds-pagination-ease: var(--ease-out);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sds-pagination-gap);font-size:var(--sds-pagination-font-size)}
  .sds-pagination__page,.sds-pagination__step{display:inline-flex;align-items:center;gap:var(--sds-pagination-item-gap);padding:var(--sds-pagination-pad-y) var(--sds-pagination-pad-x);border-radius:var(--sds-pagination-radius);color:var(--sds-pagination-ink);text-decoration:none;transition:background var(--sds-pagination-duration) var(--sds-pagination-ease),color var(--sds-pagination-duration) var(--sds-pagination-ease)}
  .sds-pagination__page:hover,.sds-pagination__step:hover{color:var(--sds-pagination-ink-hover)}
  .sds-pagination__page.is-active{background:var(--sds-pagination-fill-active);color:var(--sds-pagination-ink-active)}
  .sds-pagination__step.is-disabled{color:var(--sds-pagination-ink-quiet);pointer-events:none}
  .sds-pagination__gap{padding:var(--sds-pagination-pad-y) var(--sds-pagination-gap);color:var(--sds-pagination-ink-quiet);user-select:none}
  .sds-pagination__count{margin-inline-start:auto;color:var(--sds-pagination-ink-quiet)}
  .sds-pager{
    --sds-pager-rule: var(--border-hairline);
    --sds-pager-edge: var(--border-subtle);
    --sds-pager-pad: var(--space-5);
    --sds-pager-gap: var(--space-6);
    --sds-pager-gap-narrow: var(--space-4);
    display:flex;
    align-items:center;
    gap:var(--sds-pager-gap);
    padding-block-start:var(--sds-pager-pad);
    border-top:var(--sds-pager-rule) solid var(--sds-pager-edge);
    >.sds-pager__next{margin-inline-start:auto}
    @media(max-width:860px){flex-wrap:wrap;gap:var(--sds-pager-gap-narrow)}
  }
}
@layer base{
  sds-nav-pills{display:block;min-width:0}
}
@layer components{
  button.sds-pill,button.sds-tab,button.sds-rail__item{font:inherit;border:0;background:none;cursor:pointer;text-align:start}
  .sds-pill,.sds-tab,.sds-rail__item{--sds-item-gap: var(--space-1-5);display:inline-flex;align-items:center;gap:var(--sds-item-gap)}
  .sds-pills{--sds-pills-gap: var(--space-1);--sds-pills-font: var(--font-mono);--sds-pills-font-size: var(--nav-font-size);display:flex;flex-wrap:wrap;gap:var(--sds-pills-gap);font-family:var(--sds-pills-font);font-size:var(--sds-pills-font-size)}
  .sds-pill{
    --sds-pill-pad-y: var(--space-1-5);
    --sds-pill-pad-x: var(--space-3);
    --sds-pill-radius: var(--radius-control);
    --sds-pill-ink: var(--text-secondary);
    --sds-pill-ink-hover: var(--text-primary);
    --sds-pill-ink-active: var(--text-on-accent);
    --sds-pill-fill-active: var(--accent);
    --sds-pill-duration: var(--duration-fast);
    --sds-pill-ease: var(--ease-out);
    padding:var(--sds-pill-pad-y) var(--sds-pill-pad-x);
    border-radius:var(--sds-pill-radius);
    color:var(--sds-pill-ink);
    text-decoration:none;
    white-space:nowrap;
    transition:background var(--sds-pill-duration) var(--sds-pill-ease),color var(--sds-pill-duration) var(--sds-pill-ease);
    &:hover{color:var(--sds-pill-ink-hover)}
    &.is-active{background:var(--sds-pill-fill-active);color:var(--sds-pill-ink-active)}
  }
}
@layer components{
  .sds-bar__nav{
    --sds-bar-nav-row-gap: var(--space-1);
    --sds-bar-nav-gap: var(--space-2);
    --sds-bar-nav-pad-item-x: var(--space-2);
    --sds-bar-nav-link-pad-x: var(--space-3);
    --sds-bar-nav-glyph: var(--control-icon-size);
    --sds-bar-nav-radius: var(--radius-control);
    --sds-bar-nav-font: var(--font-mono);
    --sds-bar-nav-font-size: var(--nav-font-size);
    --sds-bar-nav-ink: var(--text-secondary);
    --sds-bar-nav-ink-hover: var(--text-primary);
    --sds-bar-nav-ink-active: var(--text-on-accent);
    --sds-bar-nav-fill-active: var(--accent);
    --sds-bar-nav-duration: var(--duration-fast);
    --sds-bar-nav-ease: var(--ease-out);
    display:flex;
    gap:var(--sds-bar-nav-gap);
    font-family:var(--sds-bar-nav-font);
    font-size:var(--sds-bar-nav-font-size);
    align-items:stretch;
    align-self:stretch;
    >*{flex:none}
  }
  .sds-bar>.sds-bar__nav{flex:none}
  sds-nav-main:not(:defined) .sds-bar__nav{flex-wrap:wrap;min-width:min-content}
  @media(max-width:640px){
    sds-nav-main:not(:defined) .sds-search{display:none}
  }
  .sds-bar__section{
    display:flex;
    align-items:center;
    padding-inline-end:var(--sds-bar-nav-pad-item-x);
    border-radius:var(--sds-bar-nav-radius);
    transition:background var(--sds-bar-nav-duration) var(--sds-bar-nav-ease),color var(--sds-bar-nav-duration) var(--sds-bar-nav-ease);
    >.sds-pill{padding-inline:var(--sds-bar-nav-link-pad-x) var(--sds-bar-nav-row-gap)}
    &:has(>.sds-pill.is-active){background:var(--sds-bar-nav-fill-active);color:var(--sds-bar-nav-ink-active)}
    &:has(>.sds-pill:focus-visible){outline:var(--border-emphasis) solid var(--accent);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo) var(--accent-ring)}
    >.sds-pill:focus-visible{outline:none;box-shadow:none}
  }
  .sds-bar__section:has(>.sds-pill.is-active)>.sds-pill.is-active{background:none}
  .sds-bar__section:has(>.sds-pill.is-active)>.sds-bar__fold>summary,.sds-bar__section:has(>.sds-pill.is-active)>.sds-bar__fold>summary:hover{color:inherit}
  .sds-bar__section:has(>.sds-pill.is-active)>.sds-bar__fold>summary:focus-visible,.sds-rail__group:has(>.sds-rail__item.is-active)>.sds-rail__fold>summary:focus-visible{outline-color:var(--sds-bar-nav-ink-active);box-shadow:none}
  .sds-bar__section--drop{position:relative}
  .sds-bar__fold>summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;width:var(--sds-bar-nav-glyph);height:var(--sds-bar-nav-glyph);color:var(--sds-bar-nav-ink);border-radius:var(--sds-bar-nav-radius)}
  .sds-bar__fold>summary::-webkit-details-marker{display:none}
  .sds-bar__fold>summary:hover{color:var(--sds-bar-nav-ink-hover)}
  .sds-bar__fold>summary .sds-icon{--sds-icon-size: var(--sds-bar-nav-glyph);transition:transform var(--sds-bar-nav-duration) var(--sds-bar-nav-ease)}
  .sds-bar__fold[open]>summary{color:var(--sds-bar-nav-ink-hover)}
  .sds-bar__fold[open]>summary .sds-icon{transform:rotate(180deg)}
}
@layer components{
  .sds-bar{
    --sds-drawer-gap: var(--space-4);
    --sds-drawer-pad-y: var(--space-4);
    --sds-drawer-row-gap: var(--space-1);
    --sds-drawer-step: var(--border-hairline);
    --sds-drawer-pad-item-y: var(--space-1);
    --sds-drawer-pad-item-x: var(--space-2);
    --sds-drawer-toggle-size: var(--control-height);
    --sds-drawer-glyph: var(--control-icon-size);
    --sds-drawer-z: 20;
    --sds-drawer-inset: var(--page-inset, var(--gutter-page));
    --sds-drawer-height: calc(100vh - var(--height-header));
    --sds-drawer-mark-gap: var(--space-1-5);
    --sds-drawer-border: var(--border-hairline);
    --sds-drawer-radius: var(--radius-control);
    --sds-drawer-rule: var(--border-subtle);
    --sds-drawer-edge-open: var(--border-strong);
    --sds-drawer-fill: var(--surface-canvas);
    --sds-drawer-shadow: var(--shadow-flyout);
    --sds-drawer-ink: var(--text-secondary);
    --sds-drawer-ink-hover: var(--text-primary);
    --sds-drawer-duration: var(--duration-fast);
    --sds-drawer-ease: var(--ease-out);
    .sds-overlay{top:100%;bottom:auto;height:100vh;z-index:calc(var(--sds-drawer-z) - 10)}
  }
  .sds-bar__toggle{
    display:inline-flex;
    flex:none;
    align-items:center;
    justify-content:center;
    width:var(--sds-drawer-toggle-size);
    height:var(--sds-drawer-toggle-size);
    padding:0;
    color:var(--sds-drawer-ink);
    background:none;
    border:var(--sds-drawer-border) solid var(--sds-drawer-rule);
    border-radius:var(--sds-drawer-radius);
    cursor:pointer;
    transition:color var(--sds-drawer-duration) var(--sds-drawer-ease),border-color var(--sds-drawer-duration) var(--sds-drawer-ease);
    &:hover{color:var(--sds-drawer-ink-hover)}
    &[aria-expanded=true]{color:var(--sds-drawer-ink-hover);border-color:var(--sds-drawer-edge-open)}
    .sds-icon{--sds-icon-size: var(--sds-drawer-glyph)}
  }
  .sds-bar__drawer{
    position:absolute;
    top:100%;
    inset-inline:0;
    z-index:var(--sds-drawer-z);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:var(--sds-drawer-gap);
    padding:var(--sds-drawer-pad-y) var(--sds-drawer-inset);
    background:var(--sds-drawer-fill);
    border-bottom:var(--sds-drawer-border) solid var(--sds-drawer-rule);
    box-shadow:var(--sds-drawer-shadow);
    max-height:var(--sds-drawer-height);
    overflow-y:auto;
    .sds-bar__nav{flex-direction:column;align-items:stretch;gap:var(--sds-drawer-step)}
    .sds-pill{--sds-pill-pad-y: var(--sds-drawer-pad-item-y);--sds-pill-pad-x: var(--sds-drawer-pad-item-x)}
    &[hidden]{display:none}
  }
  .sds-bar__level{display:flex;flex-direction:column;gap:var(--sds-drawer-step)}
  .sds-bar__row{
    display:flex;
    align-items:center;
    gap:var(--sds-drawer-row-gap);
    >.sds-bar__link{flex:1}
    &:has(>.sds-bar__link:focus-visible){outline:var(--border-emphasis) solid var(--accent);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo) var(--accent-ring);border-radius:var(--sds-drawer-radius)}
    >.sds-bar__link:focus-visible{outline:none;box-shadow:none}
  }
  .sds-bar__into,.sds-bar__back{display:flex;align-items:center;gap:var(--sds-drawer-mark-gap);padding:var(--sds-drawer-pad-item-y) var(--sds-drawer-pad-item-x);font:inherit;color:var(--sds-drawer-ink);background:none;border:0;border-radius:var(--sds-drawer-radius);cursor:pointer}
  .sds-bar__into{padding-inline:var(--sds-drawer-pad-item-x)}
  .sds-bar__into:hover,.sds-bar__back:hover{color:var(--sds-drawer-ink-hover)}
  .sds-bar__back{margin-block-end:var(--sds-drawer-row-gap);padding-block-end:var(--sds-drawer-pad-item-x);border-bottom:var(--sds-drawer-border) solid var(--sds-drawer-rule);border-radius:0}
  .sds-bar__drawer .sds-search{flex:none;width:100%}
}
@layer components{
  .sds-bar__panel{--sds-panel-pad-item-x: var(--space-2);--sds-panel-gap: var(--space-8);--sds-panel-pad: var(--space-6);--sds-panel-z: 20;--sds-panel-inset: var(--page-inset, var(--gutter-page));--sds-panel-height: calc(100vh - var(--height-header));--sds-panel-column: var(--width-sidebar);--sds-panel-max: var(--width-page);--sds-panel-border: var(--border-hairline);--sds-panel-rule: var(--border-subtle);--sds-panel-fill: var(--surface-canvas);--sds-panel-fill-drop: var(--surface-raised);--sds-panel-shadow: var(--shadow-flyout);--sds-panel-radius-drop: var(--radius-card);position:absolute;top:100%;inset-inline:0;z-index:var(--sds-panel-z);columns:var(--sds-panel-column);column-gap:var(--sds-panel-gap);padding:var(--sds-panel-pad) var(--sds-panel-inset);background:var(--sds-panel-fill);border-bottom:var(--sds-panel-border) solid var(--sds-panel-rule);box-shadow:var(--sds-panel-shadow);max-height:var(--sds-panel-height);overflow-y:auto}
  .sds-bar__section--drop .sds-bar__panel{inset-inline:0 auto;columns:auto;min-width:var(--sds-panel-column);width:max-content;max-width:var(--sds-panel-max);padding:var(--sds-panel-pad-item-x);background:var(--sds-panel-fill-drop);border:var(--sds-panel-border) solid var(--sds-panel-rule);border-radius:var(--sds-panel-radius-drop)}
  .sds-bar__link{--sds-bar-link-pad-item-y: var(--space-1);--sds-bar-link-pad-x: var(--space-3);--sds-bar-link-radius: var(--radius-control);--sds-bar-link-ink: var(--text-secondary);--sds-bar-link-ink-hover: var(--text-primary);--sds-bar-link-weight-active: var(--weight-medium);display:block;break-inside:avoid;padding:var(--sds-bar-link-pad-item-y) var(--sds-bar-link-pad-x);border-radius:var(--sds-bar-link-radius);color:var(--sds-bar-link-ink);text-decoration:none}
  .sds-bar__link:hover{color:var(--sds-bar-link-ink-hover)}
  .sds-bar__link.is-active{color:var(--sds-bar-link-ink-hover);font-weight:var(--sds-bar-link-weight-active)}
}
@layer base{
  sds-tab-item{display:block;min-width:0}
  sds-tabs{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-tabs>.sds-tabs{margin-bottom:0}
  .sds-tabs{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-tabs{--sds-tabs-pad-y: var(--space-2);--sds-tabs-pad-x: var(--space-3-5);--sds-tabs-border: var(--border-hairline);--sds-tabs-mark: var(--border-emphasis);--sds-tabs-rule: var(--border-subtle);--sds-tabs-font: var(--font-mono);--sds-tabs-font-size: var(--tab-font-size);--sds-tabs-ink: var(--text-muted);--sds-tabs-ink-hover: var(--text-secondary);--sds-tabs-ink-active: var(--text-primary);--sds-tabs-edge-active: var(--accent);--sds-tabs-duration: var(--duration-fast);--sds-tabs-ease: var(--ease-out);display:flex;border-bottom:var(--sds-tabs-border) solid var(--sds-tabs-rule);font-family:var(--sds-tabs-font);font-size:var(--sds-tabs-font-size)}
  .sds-tab{
    padding:var(--sds-tabs-pad-y) var(--sds-tabs-pad-x);
    color:var(--sds-tabs-ink);
    text-decoration:none;
    transition:color var(--sds-tabs-duration) var(--sds-tabs-ease);
    &:hover{color:var(--sds-tabs-ink-hover)}
    &.is-active{color:var(--sds-tabs-ink-active);border-bottom:var(--sds-tabs-mark) solid var(--sds-tabs-edge-active);margin-bottom:calc(var(--sds-tabs-border) * -1)}
  }
  .sds-tab__panel{
    --sds-tab-panel-gap: var(--space-4);
    padding-top:var(--sds-tab-panel-gap);
    >:last-child{margin-bottom:0}
  }
}
@layer base{
  sds-theme{display:inline-flex}
}
@layer components{
  .sds-modes{--sds-modes-height: var(--control-height);--sds-modes-pad: var(--space-0-5);--sds-modes-gap: var(--space-1);--sds-modes-border: var(--border-hairline);--sds-modes-radius: var(--radius-control);--sds-modes-edge: var(--border-subtle);--sds-modes-font: var(--font-mono);--sds-modes-font-size: var(--tab-font-size);--sds-modes-leading: var(--control-leading);--sds-mode-pad-x: var(--space-2);--sds-mode-gap: var(--space-1-5);--sds-mode-radius: 2px;--sds-mode-glyph: var(--control-icon-size);--sds-mode-ink: var(--text-secondary);--sds-mode-ink-hover: var(--text-primary);--sds-mode-ink-active: var(--text-on-accent);--sds-mode-fill-active: var(--accent);--sds-modes-duration: var(--duration-fast);--sds-modes-ease: var(--ease-out);display:inline-flex;gap:var(--sds-modes-gap);padding:var(--sds-modes-pad);height:var(--sds-modes-height);border:var(--sds-modes-border) solid var(--sds-modes-edge);border-radius:var(--sds-modes-radius);font-family:var(--sds-modes-font);font-size:var(--sds-modes-font-size);line-height:var(--sds-modes-leading)}
  .sds-mode{
    font:inherit;
    display:inline-flex;
    align-items:center;
    gap:var(--sds-mode-gap);
    padding:0 var(--sds-mode-pad-x);
    cursor:pointer;
    color:var(--sds-mode-ink);
    background:none;
    border:0;
    border-radius:var(--sds-mode-radius);
    transition:background var(--sds-modes-duration) var(--sds-modes-ease),color var(--sds-modes-duration) var(--sds-modes-ease);
    &:hover{color:var(--sds-mode-ink-hover)}
    &.is-active{background:var(--sds-mode-fill-active);color:var(--sds-mode-ink-active)}
    .sds-icon{--sds-icon-size: var(--sds-mode-glyph)}
  }
  .sds-mode__label{white-space:nowrap}
}
@layer base{
  sds-dropdown{display:inline-block}
}
@layer components{
  .sds-dropdown{--sds-dropdown-panel-min: 12rem;--sds-dropdown-panel-max: var(--width-sidebar);--sds-dropdown-panel-gap: var(--space-1);--sds-dropdown-panel-pad: var(--space-1);--sds-dropdown-panel-fill: var(--surface-raised);--sds-dropdown-panel-edge: var(--border-subtle);--sds-dropdown-panel-border: var(--border-hairline);--sds-dropdown-panel-radius: var(--radius-card);--sds-dropdown-panel-shadow: var(--shadow-flyout);--sds-dropdown-item-pad-x: var(--space-3);--sds-dropdown-item-pad-y: var(--space-2);--sds-dropdown-item-gap: var(--space-2);--sds-dropdown-item-radius: var(--radius-control);--sds-dropdown-item-ink: var(--text-secondary);--sds-dropdown-item-ink-hover: var(--text-primary);--sds-dropdown-item-ink-active: var(--text-primary);--sds-dropdown-item-fill-hover: var(--surface-sunken);--sds-dropdown-item-fill-active: var(--surface-accent-quiet);--sds-dropdown-item-mark: var(--accent);--sds-dropdown-item-size: var(--font-size-body);--sds-dropdown-item-leading: var(--leading-body);--sds-dropdown-marker-size: var(--control-icon-size);--sds-dropdown-item-disabled-opacity: .5;--sds-dropdown-duration: var(--duration-fast);--sds-dropdown-ease: var(--ease-out);display:inline-block}
  .sds-dropdown__button{
    .sds-dropdown__marker{--sds-icon-size: var(--sds-dropdown-marker-size);display:inline-flex;transition:transform var(--sds-dropdown-duration) var(--sds-dropdown-ease)}
    &[aria-expanded=true] .sds-dropdown__marker{transform:rotate(180deg)}
  }
  .sds-dropdown__panel{
    display:flex;
    flex-direction:column;
    min-width:var(--sds-dropdown-panel-min);
    max-width:var(--sds-dropdown-panel-max);
    padding:var(--sds-dropdown-panel-pad);
    background:var(--sds-dropdown-panel-fill);
    border:var(--sds-dropdown-panel-border) solid var(--sds-dropdown-panel-edge);
    border-radius:var(--sds-dropdown-panel-radius);
    box-shadow:var(--sds-dropdown-panel-shadow);
    &[popover]{
      position:fixed;
      inset:auto;
      margin:0;
      &:not(:popover-open){display:none}
    }
    .sds-dropdown__button+&:not([popover]){margin-block-start:var(--sds-dropdown-panel-gap)}
  }
  @supports (anchor-name: --sds-dropdown){
    .sds-dropdown__panel[popover]{inset-block-start:calc(anchor(end) + var(--sds-dropdown-panel-gap));inset-inline-start:anchor(start)}
    sds-dropdown[align=end] .sds-dropdown__panel[popover]{inset-inline-start:auto;inset-inline-end:anchor(end)}
  }
  .sds-dropdown__item{
    font:inherit;
    font-size:var(--sds-dropdown-item-size);
    line-height:var(--sds-dropdown-item-leading);
    display:flex;
    align-items:center;
    gap:var(--sds-dropdown-item-gap);
    padding:var(--sds-dropdown-item-pad-y) var(--sds-dropdown-item-pad-x);
    width:100%;
    text-align:start;
    cursor:pointer;
    color:var(--sds-dropdown-item-ink);
    background:none;
    border:0;
    border-radius:var(--sds-dropdown-item-radius);
    text-decoration:none;
    transition:background var(--sds-dropdown-duration) var(--sds-dropdown-ease),color var(--sds-dropdown-duration) var(--sds-dropdown-ease);
    &:hover{color:var(--sds-dropdown-item-ink-hover);background:var(--sds-dropdown-item-fill-hover)}
    &.is-active{color:var(--sds-dropdown-item-ink-active);background:var(--sds-dropdown-item-fill-active);box-shadow:inset 2px 0 0 0 var(--sds-dropdown-item-mark)}
    &:focus-visible{outline-offset:0}
    &[aria-disabled=true]{cursor:not-allowed;opacity:var(--sds-dropdown-item-disabled-opacity)}
    .sds-icon{--sds-icon-size: var(--sds-dropdown-marker-size)}
  }
}
@layer base{
  sds-nav-rail{display:block;min-width:0}
}
@layer components{
  .sds-rail{
    --sds-rail-width: var(--width-sidebar);
    --sds-rail-step: var(--border-hairline);
    --sds-rail-pad-y: var(--space-1);
    --sds-rail-pad-x: var(--space-2);
    --sds-rail-indent: var(--space-3);
    --sds-rail-label-gap: var(--space-2);
    --sds-rail-radius: var(--radius-control);
    --sds-rail-glyph: var(--control-icon-size);
    --sds-rail-font: var(--font-mono);
    --sds-rail-font-size: var(--nav-font-size);
    --sds-rail-ink: var(--text-secondary);
    --sds-rail-ink-hover: var(--text-primary);
    --sds-rail-ink-quiet: var(--text-muted);
    --sds-rail-ink-active: var(--text-on-accent);
    --sds-rail-fill-active: var(--accent);
    --sds-rail-duration: var(--duration-fast);
    --sds-rail-ease: var(--ease-out);
    width:var(--sds-rail-width);
    display:flex;
    flex-direction:column;
    gap:var(--sds-rail-step);
    font-family:var(--sds-rail-font);
    font-size:var(--sds-rail-font-size);
    >.sds-label{display:block;margin-bottom:var(--sds-rail-label-gap);padding-inline:var(--sds-rail-pad-x)}
  }
  .sds-rail__item{
    display:flex;
    padding:var(--sds-rail-pad-y) var(--sds-rail-pad-x);
    border-radius:var(--sds-rail-radius);
    color:var(--sds-rail-ink);
    text-decoration:none;
    &:hover{color:var(--sds-rail-ink-hover)}
    &.is-active{background:var(--sds-rail-fill-active);color:var(--sds-rail-ink-active)}
  }
  .sds-rail__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sds-rail__group:has(>.sds-rail__item.is-active)>.sds-rail__fold>summary,.sds-rail__group:has(>.sds-rail__item.is-active)>.sds-rail__fold>summary:hover{color:var(--sds-rail-ink-active)}
  sds-nav-rail:not(:defined){--sds-rail-step: var(--border-hairline);--sds-rail-font: var(--font-mono);--sds-rail-font-size: var(--nav-font-size);display:flex;flex-direction:column;gap:var(--sds-rail-step);font-family:var(--sds-rail-font);font-size:var(--sds-rail-font-size)}
  .sds-rail__heading{
    text-decoration:none;
    transition:color var(--sds-rail-duration) var(--sds-rail-ease);
    &:hover,&.is-active{color:var(--sds-rail-ink-hover)}
  }
  .sds-rail__group{
    position:relative;
    display:flex;
    flex-direction:column;
    >.sds-rail__item{padding-inline-end:calc(var(--sds-rail-glyph) + var(--sds-rail-indent))}
  }
  .sds-rail__fold{
    display:contents;
    >summary{position:absolute;inset-inline-end:var(--sds-rail-pad-x);top:var(--sds-rail-pad-y);z-index:1;list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;width:var(--sds-rail-glyph);height:1lh;color:var(--sds-rail-ink-quiet);border-radius:var(--sds-rail-radius)}
    >summary::-webkit-details-marker{display:none}
    >summary:hover{color:var(--sds-rail-ink-hover)}
    >summary .sds-icon{--sds-icon-size: var(--sds-rail-glyph);transform:rotate(-90deg);transition:transform var(--sds-rail-duration) var(--sds-rail-ease)}
    &::details-content{display:flex;flex-direction:column;gap:var(--sds-rail-step);padding-inline-start:var(--sds-rail-indent)}
  }
  .sds-rail__fold[open]>summary .sds-icon{transform:none}
  .sds-rail__group:last-child>.sds-rail__fold::details-content{padding-bottom:var(--sds-rail-label-gap)}
}
@layer base{
  sds-nav-toc{display:block;min-width:0;margin-bottom:var(--space-6)}
  sds-nav-toc>.sds-toc{margin-bottom:0}
  .sds-toc{margin:0 0 var(--space-6)}
  .sds-prose .sds-aside{display:contents}
  @media(min-width:1296px){
    .sds-body__main:has(>.sds-prose .sds-aside){position:relative;padding-inline-end:calc(var(--width-sidebar) + var(--space-12))}
    .sds-prose .sds-aside{display:block;position:absolute;inset-block:calc(-1 * var(--space-1-5)) 0;inset-inline-end:calc(-1 * var(--space-4));width:calc(var(--width-sidebar) + var(--space-4) * 2)}
    .sds-prose .sds-aside sds-nav-toc{block-size:100%}
  }
}
@layer components{
  .sds-toc{
    --sds-toc-font-size: var(--font-size-ui);
    --sds-toc-frame-pad: var(--space-3);
    --sds-toc-frame-line: var(--border-hairline);
    --sds-toc-frame-edge: var(--border-subtle);
    --sds-toc-measure: var(--measure-prose);
    --sds-toc-step: var(--space-1);
    --sds-toc-indent: var(--space-3);
    --sds-toc-bleed: var(--space-2);
    --sds-toc-label-gap: var(--space-2);
    --sds-toc-radius: var(--radius-control);
    --sds-toc-leading: var(--leading-heading);
    --sds-toc-ink: var(--text-secondary);
    --sds-toc-ink-nested: var(--text-muted);
    --sds-toc-ink-hover: var(--text-primary);
    --sds-toc-ink-active: var(--text-on-accent);
    --sds-toc-fill-active: var(--accent);
    --sds-toc-duration: var(--duration-fast);
    --sds-toc-ease: var(--ease-out);
    padding:var(--sds-toc-frame-pad) 0;
    border-block:var(--sds-toc-frame-line) solid var(--sds-toc-frame-edge);
    max-width:var(--sds-toc-measure);
    font-size:var(--sds-toc-font-size);
    >.sds-label{display:block;margin:0 0 var(--sds-toc-label-gap)}
  }
  .sds-toc__list{
    margin:0;
    padding-inline-start:0;
    list-style:none;
    .sds-toc__list{padding-block-start:var(--sds-toc-step);padding-inline-start:var(--sds-toc-indent)}
    >li{margin-bottom:var(--sds-toc-step)}
    >li:last-child{margin-bottom:0}
  }
  .sds-toc__item{
    display:block;
    margin-inline:calc(-1 * var(--sds-toc-bleed));
    padding:var(--sds-toc-step) var(--sds-toc-bleed);
    line-height:var(--sds-toc-leading);
    border-radius:var(--sds-toc-radius);
    color:var(--sds-toc-ink);
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:background var(--sds-toc-duration) var(--sds-toc-ease),color var(--sds-toc-duration) var(--sds-toc-ease);
    &:hover{color:var(--sds-toc-ink-hover);text-decoration:underline}
  }
  .sds-toc__list .sds-toc__list .sds-toc__item{color:var(--sds-toc-ink-nested)}
  .sds-toc__list .sds-toc__list .sds-toc__item:hover{color:var(--sds-toc-ink-hover)}
  .sds-toc__item.is-active,.sds-toc__list .sds-toc__list .sds-toc__item.is-active{background:var(--sds-toc-fill-active);color:var(--sds-toc-ink-active);text-decoration:none}
  @media(min-width:1296px){
    .sds-prose .sds-aside .sds-toc{--sds-toc-rest-top: calc(var(--height-header) + var(--space-8) - var(--space-1-5));--sds-toc-rest-max: calc(100vh - var(--height-header) - var(--space-8) * 2);--sds-toc-rest-pad-y: var(--space-1-5);--sds-toc-rest-pad-x: var(--space-4);position:sticky;top:var(--sds-toc-rest-top);max-height:var(--sds-toc-rest-max);margin:0;padding:var(--sds-toc-rest-pad-y) var(--sds-toc-rest-pad-x);border:0;max-width:none;overflow-y:auto}
    .sds-prose .sds-aside .sds-toc__list .sds-toc__list .sds-toc__list{display:none}
  }
}
@layer base{
  sds-accordion-item{display:block;min-width:0}
  sds-accordion{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-accordion>.sds-accordion{margin-bottom:0}
  .sds-accordion{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-accordion{--sds-accordion-measure: var(--measure-prose);--sds-accordion-pad-y: var(--space-4);--sds-accordion-gap: var(--space-3);--sds-accordion-foot: var(--space-5);--sds-accordion-border: var(--border-hairline);--sds-accordion-rule: var(--border-subtle);--sds-accordion-glyph: var(--control-icon-size);--sds-accordion-head-size: var(--block-title-size);--sds-accordion-head-weight: var(--weight-semibold);--sds-accordion-head-leading: var(--leading-heading);--sds-accordion-head-ink: var(--text-primary);--sds-accordion-head-ink-hover: var(--text-link);--sds-accordion-mark-ink: var(--text-muted);--sds-accordion-body-size: var(--block-body-size);--sds-accordion-body-leading: var(--leading-body);--sds-accordion-body-ink: var(--text-secondary);--sds-accordion-duration: var(--duration-base);--sds-accordion-ease: var(--ease-standard);--sds-accordion-duration-fast: var(--duration-fast);--sds-accordion-ease-out: var(--ease-out);display:flex;flex-direction:column;max-width:var(--sds-accordion-measure);border-bottom:var(--sds-accordion-border) solid var(--sds-accordion-rule)}
  .sds-accordion__item{
    border-top:var(--sds-accordion-border) solid var(--sds-accordion-rule);
    &::details-content{display:grid;grid-template-rows:0fr;overflow:clip;overflow-clip-margin:5px;opacity:0;transition:grid-template-rows var(--sds-accordion-duration) var(--sds-accordion-ease),opacity var(--sds-accordion-duration-fast) var(--sds-accordion-ease-out),content-visibility var(--sds-accordion-duration) allow-discrete}
    &[open]::details-content{grid-template-rows:1fr;opacity:1}
  }
  .sds-accordion__head{
    list-style:none;
    cursor:pointer;
    user-select:none;
    display:flex;
    align-items:flex-start;
    gap:var(--sds-accordion-gap);
    padding:var(--sds-accordion-pad-y) 0;
    font-size:var(--sds-accordion-head-size);
    font-weight:var(--sds-accordion-head-weight);
    line-height:var(--sds-accordion-head-leading);
    color:var(--sds-accordion-head-ink);
    transition:color var(--sds-accordion-duration-fast) var(--sds-accordion-ease-out);
    &::-webkit-details-marker{display:none}
    &:hover{color:var(--sds-accordion-head-ink-hover)}
    &:focus-visible{outline-offset:calc(-1 * (var(--border-emphasis) + var(--focus-offset)));box-shadow:inset 0 0 0 var(--focus-halo) var(--accent-ring)}
    .sds-icon{--sds-icon-size: var(--sds-accordion-glyph);margin-top:calc((1lh - var(--sds-accordion-glyph)) / 2);color:var(--sds-accordion-mark-ink);transform:rotate(-90deg);transition:transform var(--sds-accordion-duration) var(--sds-accordion-ease)}
  }
  .sds-accordion__item[open]>.sds-accordion__head .sds-icon{transform:none}
  .sds-accordion__body{
    min-height:0;
    padding:0 0 0 calc(var(--sds-accordion-glyph) + var(--sds-accordion-gap));
    font-size:var(--sds-accordion-body-size);
    line-height:var(--sds-accordion-body-leading);
    color:var(--sds-accordion-body-ink);
    >:last-child{margin-bottom:0}
    &:after{content:"";display:block;height:var(--sds-accordion-foot)}
  }
  .sds-accordion:has(:target) .sds-accordion__item::details-content{transition:none}
}
@layer base{
  sds-step{display:block;min-width:0}
  sds-steps{display:block;min-width:0;margin-bottom:var(--space-6)}
  sds-steps>.sds-steps{margin-bottom:0}
  .sds-steps{margin:0 0 var(--space-6)}
}
@layer components{
  .sds-steps{--sds-steps-measure: var(--measure-prose);--sds-steps-mark-size: 24px;--sds-steps-mark-text: var(--font-size-dense);--sds-steps-mark-weight: var(--weight-semibold);--sds-steps-mark-border: var(--border-hairline);--sds-steps-mark-radius: var(--radius-pill);--sds-steps-mark-ink: var(--surface-canvas);--sds-steps-mark-fill: var(--text-secondary);--sds-steps-mark-line: var(--text-secondary);--sds-steps-mark-ink-quiet: var(--text-muted);--sds-steps-mark-fill-quiet: transparent;--sds-steps-mark-line-quiet: var(--border-strong);--sds-steps-gap: var(--space-4);--sds-steps-step-gap: var(--space-6);--sds-steps-title-size: var(--block-title-size);--sds-steps-title-weight: var(--weight-semibold);--sds-steps-title-leading: var(--leading-heading);--sds-steps-title-ink: var(--text-primary);--sds-steps-title-gap: var(--space-2);--sds-steps-note-gap: var(--space-2-5);--sds-steps-body-size: var(--block-body-size);--sds-steps-body-leading: var(--leading-body);--sds-steps-body-ink: var(--text-secondary);--sds-steps-rail: var(--border-hairline);--sds-steps-rail-ink: var(--border-strong);--sds-steps-rail-gap: var(--space-2);--sds-steps-mark-rise: calc( (var(--sds-steps-title-size) * var(--sds-steps-title-leading) - var(--sds-steps-mark-size)) / 2 );counter-reset:sds-step;display:flex;flex-direction:column;gap:var(--sds-steps-step-gap);max-width:var(--sds-steps-measure);font-size:var(--sds-steps-body-size);line-height:var(--sds-steps-body-leading);color:var(--sds-steps-body-ink)}
  .sds-steps .sds-steps__step{
    counter-increment:sds-step;
    position:relative;
    min-width:0;
    padding-inline-start:calc(var(--sds-steps-mark-size) + var(--sds-steps-gap));
    &:before{content:counter(sds-step);position:absolute;inset-block-start:var(--sds-steps-mark-rise);inset-inline-start:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sds-steps-mark-size);height:var(--sds-steps-mark-size);border:var(--sds-steps-mark-border) solid var(--sds-steps-mark-line);border-radius:var(--sds-steps-mark-radius);background:var(--sds-steps-mark-fill);color:var(--sds-steps-mark-ink);font-size:var(--sds-steps-mark-text);font-weight:var(--sds-steps-mark-weight);font-variant-numeric:tabular-nums;line-height:1}
    &:after{content:"";position:absolute;inset-block:calc(var(--sds-steps-mark-rise) + var(--sds-steps-mark-size) + var(--sds-steps-rail-gap)) calc(var(--sds-steps-rail-gap) - var(--sds-steps-step-gap) - var(--sds-steps-mark-rise));inset-inline-start:calc((var(--sds-steps-mark-size) - var(--sds-steps-rail)) / 2);width:var(--sds-steps-rail);background:var(--sds-steps-rail-ink)}
    >:last-child{margin-bottom:0}
  }
  .sds-steps>:last-child.sds-steps__step:after,.sds-steps>:last-child>.sds-steps__step:after{content:none}
  .sds-steps .sds-steps__step--optional:before{border-color:var(--sds-steps-mark-line-quiet);background:var(--sds-steps-mark-fill-quiet);color:var(--sds-steps-mark-ink-quiet)}
  .sds-steps .sds-steps__title{
    margin:0 0 var(--sds-steps-title-gap);
    color:var(--sds-steps-title-ink);
    font-size:var(--sds-steps-title-size);
    font-weight:var(--sds-steps-title-weight);
    line-height:var(--sds-steps-title-leading);
    >.sds-label{margin-inline-start:var(--sds-steps-note-gap)}
  }
}
@layer base{
  sds-search{display:inline-flex}
}
@layer components{
  .sds-search{
    --sds-search-width: 260px;
    --sds-search-panel-width: min(420px, 90vw);
    --sds-search-panel-height: 60vh;
    --sds-search-panel-gap: var(--space-2);
    --sds-search-panel-pad: var(--space-2);
    --sds-search-border: var(--border-hairline);
    --sds-search-radius: var(--radius-card);
    --sds-search-edge: var(--border-subtle);
    --sds-search-fill: var(--surface-raised);
    --sds-search-shadow: var(--shadow-flyout);
    --sds-search-thumb: 72px;
    --sds-search-title-size: var(--block-title-size);
    --sds-search-snippet-lines: 2;
    --sds-search-empty-title-gap: var(--space-1);
    position:relative;
    display:inline-flex;
    flex:0 1 var(--sds-search-width);
    min-width:0;
    .sds-field{width:100%}
    .sds-search__panel{
      width:var(--sds-search-panel-width);
      max-height:var(--sds-search-panel-height);
      overflow-y:auto;
      padding:var(--sds-search-panel-pad);
      background:var(--sds-search-fill);
      border:var(--sds-search-border) solid var(--sds-search-edge);
      border-radius:var(--sds-search-radius);
      box-shadow:var(--sds-search-shadow);
      &[popover]{
        position:fixed;
        inset:auto;
        margin:0;
        &:not(:popover-open){display:none}
      }
    }
  }
  @supports (anchor-name: --sds-search){
    .sds-search .sds-search__panel[popover]{inset-block-start:calc(anchor(end) + var(--sds-search-panel-gap));inset-inline-end:anchor(end)}
  }
  .sds-search__panel .sds-hits{--sds-hits-bleed: 0px}
  .sds-search__panel .sds-result{--sds-result-thumb: var(--sds-search-thumb);--sds-result-title-size: var(--sds-search-title-size)}
  .sds-search__panel .sds-result__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sds-search-snippet-lines);line-clamp:var(--sds-search-snippet-lines);overflow:hidden}
  .sds-hits__empty{
    --sds-hits-empty-pad: var(--space-3);
    padding:var(--sds-hits-empty-pad);
    p{max-width:none;margin-block:0}
    .sds-surface-title{margin-bottom:var(--sds-search-empty-title-gap)}
  }
}
@layer base{
  sds-code{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-diff{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-code>.sds-code{margin-bottom:0}
  sds-diff>.sds-code{margin-bottom:0}
  .sds-code{margin:0 0 var(--space-4)}
  sds-code:not(:defined){display:block;margin:0 0 var(--space-4)}
  pre:not(.sds-code__body,.sds-diff),sds-code:not(:defined)>code{padding:var(--space-3) var(--space-4);overflow-x:auto;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-sunken);font-family:var(--font-mono);font-size:var(--font-size-dense);line-height:var(--leading-code);color:var(--text-primary)}
  sds-code:not(:defined)>code{display:block;white-space:pre;font-weight:var(--weight-regular)}
  pre code{font-size:inherit;font-weight:inherit;color:inherit}
}
@layer components{
  .sds-code{--sds-code-pad-y: var(--block-pad-y);--sds-code-pad-y-tight: var(--block-pad-y-tight);--sds-code-pad-x: var(--block-pad-x);--sds-code-gap: var(--control-gap);--sds-code-border: var(--border-hairline);--sds-code-radius: var(--radius-control);--sds-code-rule: var(--border-subtle);--sds-code-fill: var(--surface-sunken);--sds-code-glyph: var(--control-icon-size);--sds-code-font: var(--font-mono);--sds-code-head-size: var(--font-size-label);--sds-code-head-tracking: var(--tracking-label);--sds-code-head-ink: var(--text-muted);--sds-code-head-ink-hover: var(--text-primary);--sds-code-body-size: var(--font-size-dense);--sds-code-body-leading: var(--leading-code);--sds-code-body-ink: var(--text-secondary);--sds-code-copy-gap: var(--space-1-5);--sds-code-duration: var(--duration-fast);--sds-code-ease: var(--ease-out);min-width:0;max-width:100%;border:var(--sds-code-border) solid var(--sds-code-rule);background:var(--sds-code-fill);border-radius:var(--sds-code-radius);overflow:hidden}
  .sds-code__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--sds-code-gap);
    padding:var(--sds-code-pad-y-tight) var(--sds-code-pad-x);
    border-bottom:var(--sds-code-border) solid var(--sds-code-rule);
    color:var(--sds-code-head-ink);
    .sds-icon{--sds-icon-size: var(--sds-code-glyph)}
  }
  .sds-code__lang{font-family:var(--sds-code-font);font-size:var(--sds-code-head-size);letter-spacing:var(--sds-code-head-tracking);text-transform:uppercase}
  .sds-code__path{font-family:var(--sds-code-font);font-size:var(--sds-code-head-size);letter-spacing:var(--sds-code-head-tracking);color:var(--sds-code-head-ink)}
  .sds-code__copy{
    display:inline-flex;
    align-items:center;
    gap:var(--sds-code-copy-gap);
    font-family:var(--sds-code-font);
    font-size:var(--sds-code-head-size);
    letter-spacing:var(--sds-code-head-tracking);
    text-transform:uppercase;
    cursor:pointer;
    color:var(--sds-code-head-ink);
    background:none;
    border:0;
    padding:0;
    transition:color var(--sds-code-duration) var(--sds-code-ease);
    &:hover{color:var(--sds-code-head-ink-hover)}
    &.is-copied{color:var(--status-ok)}
  }
  .sds-code__glyph,.sds-code__copied{display:inline-flex}
  .sds-code__copy .sds-code__copied,.sds-code__copy.is-copied .sds-code__glyph{display:none}
  .sds-code__copy.is-copied .sds-code__copied{display:inline-flex}
  .sds-code__body{margin:0;min-width:0;padding:var(--sds-code-pad-y) var(--sds-code-pad-x);font-family:var(--sds-code-font);font-size:var(--sds-code-body-size);line-height:var(--sds-code-body-leading);color:var(--sds-code-body-ink);overflow-x:auto}
  .sds-code__prompt{color:var(--accent)}
  .sds-code__cmd{color:var(--syntax-text)}
  .sds-code__comment{color:var(--syntax-comment)}
  .sds-code__ok{color:var(--status-ok)}
  .sds-code__caption{--sds-code-caption-size: var(--aside-size);--sds-code-caption-ink: var(--text-muted);--sds-code-caption-gap: var(--space-2);font-size:var(--sds-code-caption-size);color:var(--sds-code-caption-ink);margin-bottom:var(--sds-code-caption-gap)}
  .hljs-keyword,.hljs-selector-tag,.hljs-selector-class,.hljs-selector-pseudo,.hljs-built_in,.hljs-name,.hljs-attr,.hljs-attribute,.hljs-title,.hljs-section,.hljs-tag{color:var(--syntax-key)}
  .hljs-string,.hljs-symbol,.hljs-bullet,.hljs-regexp,.hljs-addition,.hljs-meta-string,.hljs-meta{color:var(--syntax-string)}
  .hljs-comment,.hljs-quote,.hljs-deletion{color:var(--syntax-comment)}
  .hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-subst,.hljs-type,.hljs-punctuation,.hljs-params{color:var(--syntax-text)}
  .sds-diff{--sds-diff-pad-x: var(--space-4);--sds-diff-font: var(--font-mono);--sds-diff-font-size: var(--diff-font-size);--sds-diff-leading: var(--diff-leading);--sds-diff-tint: var(--diff-tint);--sds-diff-ink: var(--text-muted);--sds-diff-ink-changed: var(--text-secondary);margin:0;font-family:var(--sds-diff-font);font-size:var(--sds-diff-font-size);line-height:var(--sds-diff-leading);overflow-x:auto}
  .sds-diff__line{display:block;padding:0 var(--sds-diff-pad-x);color:var(--sds-diff-ink)}
  .sds-diff__line--add{
    background:color-mix(in oklch,var(--status-ok) var(--sds-diff-tint),transparent);
    color:var(--sds-diff-ink-changed);
    .sds-diff__mark{color:var(--status-ok)}
  }
  .sds-diff__line--del{
    background:color-mix(in oklch,var(--status-error) var(--sds-diff-tint),transparent);
    color:var(--sds-diff-ink-changed);
    .sds-diff__mark{color:var(--status-error)}
  }
}
@layer base{
  sds-confval{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-confval>.sds-confval{margin-bottom:0}
  .sds-confval{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-confval{--sds-confval-measure: var(--measure-prose);--sds-confval-gap: var(--space-3);--sds-confval-term-gap: var(--space-2);--sds-confval-border: var(--border-hairline);--sds-confval-rule: var(--border-subtle);--sds-confval-name-weight: var(--weight-semibold);--sds-confval-name-ink: var(--text-primary);--sds-confval-name-ink-here: var(--text-accent-quiet);--sds-confval-mark-font: var(--font-mono);--sds-confval-mark-ink: var(--border-strong);--sds-confval-mark-ink-hover: var(--text-link);--sds-confval-facts-pad-y: var(--space-1);--sds-confval-facts-pad-x: var(--space-3);--sds-confval-facts-radius: var(--radius-control);--sds-confval-facts-fill: var(--surface-inset);--sds-confval-facts-size: var(--font-size-ui);--sds-confval-facts-label-ink: var(--text-secondary);max-width:var(--sds-confval-measure);padding-top:var(--sds-confval-gap);border-top:var(--sds-confval-border) solid var(--sds-confval-rule)}
  .sds-confval__term{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:var(--sds-confval-term-gap);
    margin:0 0 var(--sds-confval-term-gap);
    &:target{--sds-confval-name-ink: var(--sds-confval-name-ink-here)}
  }
  .sds-confval__name{font-weight:var(--sds-confval-name-weight);color:var(--sds-confval-name-ink)}
  .sds-confval__mark{
    font-family:var(--sds-confval-mark-font);
    color:var(--sds-confval-mark-ink);
    text-decoration:none;
    &:hover{color:var(--sds-confval-mark-ink-hover)}
  }
  .sds-confval__detail{margin:0}
  .sds-confval__facts{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    column-gap:var(--sds-confval-term-gap);
    row-gap:var(--sds-confval-facts-pad-y);
    width:fit-content;
    max-width:100%;
    margin:0 0 var(--sds-confval-term-gap);
    padding:var(--sds-confval-facts-pad-y) var(--sds-confval-facts-pad-x);
    border-radius:var(--sds-confval-facts-radius);
    background:var(--sds-confval-facts-fill);
    font-size:var(--sds-confval-facts-size);
    dt,dd{margin:0;max-width:none}
    dt~dt{margin-inline-start:var(--sds-confval-facts-pad-x)}
    .sds-label{--sds-label-ink: var(--sds-confval-facts-label-ink)}
  }
  .sds-confval__body>:first-child{margin-top:0}
  .sds-confval__body>:last-child{margin-bottom:0}
}
@layer base{
  .sds-footnote{margin:0 0 var(--space-2)}
}
@layer components{
  .sds-footnote{
    --sds-footnote-gap: var(--space-2);
    --sds-footnote-measure: var(--measure-prose);
    --sds-footnote-size: var(--font-size-ui);
    --sds-footnote-ink: var(--text-secondary);
    --sds-footnote-label-font: var(--font-mono);
    --sds-footnote-label-size: .9em;
    --sds-footnote-label-ink: var(--text-muted);
    --sds-footnote-label-ink-target: var(--text-accent-quiet);
    display:flex;
    gap:var(--sds-footnote-gap);
    max-width:var(--sds-footnote-measure);
    font-size:var(--sds-footnote-size);
    color:var(--sds-footnote-ink);
    &:target{--sds-footnote-label-ink: var(--sds-footnote-label-ink-target)}
  }
  .sds-footnote__label{flex:none;font-family:var(--sds-footnote-label-font);font-size:var(--sds-footnote-label-size);color:var(--sds-footnote-label-ink)}
  .sds-footnote__content>:last-child{margin-bottom:0}
}
@layer base{
  .sds-topic{margin:0 0 var(--space-4)}
}
@layer components{
  .sds-topic{
    --sds-topic-measure: var(--measure-prose);
    --sds-topic-title-gap: var(--space-2);
    --sds-topic-title-size: var(--font-size-body);
    --sds-topic-title-weight: var(--weight-semibold);
    --sds-topic-title-ink: var(--text-primary);
    max-width:var(--sds-topic-measure);
    >:last-child{margin-bottom:0}
  }
  .sds-topic__title{margin-bottom:var(--sds-topic-title-gap);font-size:var(--sds-topic-title-size);font-weight:var(--sds-topic-title-weight);color:var(--sds-topic-title-ink)}
}
@layer components{
  .sds-rubric{--sds-rubric-space-above: var(--space-6);--sds-rubric-space-below: var(--space-2);--sds-rubric-size: var(--font-size-body);--sds-rubric-weight: var(--weight-semibold);--sds-rubric-leading: var(--leading-heading);--sds-rubric-ink: var(--text-primary);margin:var(--sds-rubric-space-above) 0 var(--sds-rubric-space-below);font-size:var(--sds-rubric-size);font-weight:var(--sds-rubric-weight);line-height:var(--sds-rubric-leading);color:var(--sds-rubric-ink)}
}
@layer components{
  .sds-hlist{
    --sds-hlist-columns: 2;
    --sds-hlist-gap: var(--space-6);
    >ul{columns:var(--sds-hlist-columns);column-gap:var(--sds-hlist-gap)}
    li{break-inside:avoid}
  }
  .sds-hlist--3{--sds-hlist-columns: 3}
  .sds-hlist--4{--sds-hlist-columns: 4}
  .sds-hlist--5{--sds-hlist-columns: 5}
  .sds-hlist--6{--sds-hlist-columns: 6}
}
@layer components{
  .sds-options{--sds-options-name-font: var(--font-mono);--sds-options-name-size: var(--font-mono-optical);--sds-options-name-weight: var(--weight-regular);--sds-options-name-ink: var(--text-primary)}
  .sds-options__name{font-family:var(--sds-options-name-font);font-size:var(--sds-options-name-size);font-weight:var(--sds-options-name-weight);color:var(--sds-options-name-ink)}
}
@layer components{
  .sds-classifier,.sds-classifier__mark{--sds-classifier-weight: var(--weight-regular);--sds-classifier-ink: var(--text-secondary);font-weight:var(--sds-classifier-weight);color:var(--sds-classifier-ink)}
}
@layer components{
  .sds-docinfo{
    --sds-docinfo-gap: var(--space-4);
    --sds-docinfo-step: var(--space-1);
    --sds-docinfo-below: var(--space-6);
    --sds-docinfo-label-size: var(--font-size-ui);
    --sds-docinfo-label-weight: var(--weight-semibold);
    --sds-docinfo-label-ink: var(--text-muted);
    width:auto;
    margin-bottom:var(--sds-docinfo-below);
    font-size:inherit;
    :is(th,td){padding:0 var(--sds-docinfo-gap) var(--sds-docinfo-step) 0;border-bottom:0;vertical-align:baseline}
    th{font-family:inherit;font-size:var(--sds-docinfo-label-size);font-weight:var(--sds-docinfo-label-weight);letter-spacing:normal;text-transform:none;color:var(--sds-docinfo-label-ink);white-space:nowrap}
    tbody tr:hover{background:none}
    p{margin:0}
  }
}
@layer base{
  sds-note{display:block;min-width:0;margin-bottom:var(--space-4)}
  sds-note>.sds-note{margin-bottom:0}
  .sds-note{margin:0 0 var(--space-4)}
  sds-note:not(:defined){display:block;margin:0 0 var(--space-4);padding:13px 15px;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card)}
  sds-note:not(:defined)>:last-child{margin-bottom:0}
}
@layer components{
  .sds-note{--sds-note-pad-y: var(--block-pad-y);--sds-note-pad-x: var(--block-pad-x);--sds-note-gap: var(--space-3);--sds-note-border: var(--border-hairline);--sds-note-radius: var(--radius-card);--sds-note-edge: var(--border-subtle);--sds-note-fill: transparent;--sds-note-glyph: var(--control-icon-size);--sds-note-mark-ink: var(--text-muted);--sds-note-title-size: var(--block-title-size);--sds-note-title-weight: var(--weight-semibold);--sds-note-title-leading: var(--leading-heading);--sds-note-body-size: var(--block-body-size);--sds-note-body-leading: var(--leading-body);--sds-note-body-ink: var(--text-secondary);--sds-note-body-lead: var(--space-1);display:flex;gap:var(--sds-note-gap);border:var(--sds-note-border) solid var(--sds-note-edge);border-radius:var(--sds-note-radius);background:var(--sds-note-fill);padding:var(--sds-note-pad-y) var(--sds-note-pad-x)}
  .sds-note__icon{
    flex:none;
    font-size:var(--sds-note-title-size);
    line-height:var(--sds-note-title-leading);
    margin-top:calc((1lh - var(--sds-note-glyph)) / 2);
    color:var(--sds-note-mark-ink);
    .sds-icon{--sds-icon-size: var(--sds-note-glyph)}
  }
  .sds-note__content{min-width:0}
  .sds-note__title{font-size:var(--sds-note-title-size);font-weight:var(--sds-note-title-weight);line-height:var(--sds-note-title-leading);text-wrap:balance}
  .sds-note__body{
    font-size:var(--sds-note-body-size);
    line-height:var(--sds-note-body-leading);
    color:var(--sds-note-body-ink);
    padding-block-start:var(--sds-note-body-lead);
    &:first-child{padding-block-start:0}
    >:first-child{margin-top:0}
    >:last-child{margin-bottom:0}
  }
  .sds-note--warn{--sds-note-edge: var(--border-accent-quiet);--sds-note-fill: var(--surface-accent-quiet);--sds-note-mark-ink: var(--status-warn)}
  .sds-note--error{--sds-note-mark-ink: var(--status-error)}
  .sds-note--ok{--sds-note-mark-ink: var(--status-ok)}
  .sds-note--info{--sds-note-mark-ink: var(--text-muted)}
  .sds-loading{--sds-loading-gap: var(--space-2);--sds-loading-ink: var(--text-secondary);--sds-loading-label-font: var(--font-mono);--sds-loading-label-size: var(--nav-font-size);--sds-loading-label-ink: var(--text-primary);display:flex;align-items:center;gap:var(--sds-loading-gap);color:var(--sds-loading-ink)}
  .sds-loading__label{font-family:var(--sds-loading-label-font);font-size:var(--sds-loading-label-size);color:var(--sds-loading-label-ink)}
  .sds-spinner{display:inline-flex;animation:sds-spin 1.1s linear infinite}
  .sds-skeleton{--sds-skeleton-height: 9px;--sds-skeleton-fill: var(--surface-inset);display:block;height:var(--sds-skeleton-height);border-radius:calc(var(--sds-skeleton-height) / 2);background:var(--sds-skeleton-fill);animation:sds-pulse 1.4s ease-in-out infinite}
  @keyframes sds-spin{
    to{transform:rotate(360deg)}
  }
  @keyframes sds-pulse{
    0%,to{opacity:1}
    50%{opacity:.45}
  }
  @media(prefers-reduced-motion:reduce){
    .sds-spinner,.sds-skeleton{animation:none}
    .sds-bar,.sds-body,.sds-page,.sds-band,.sds-footer{transition:none}
    .sds-accordion__item::details-content,.sds-accordion__head .sds-icon{transition:none}
    .sds-card:has(>.sds-card__body){--sds-card-lift: 0px;transition:none}
    .sds-card:has(>.sds-card__body):before{transition:none}
    .sds-icon-tile{--sds-icon-tile-lift: 0px;transition:none}
    .sds-result{transition:none}
  }
}
@layer components{
  .sds-signet{--sds-signet-ink-muted: var(--text-secondary);display:block;flex:none}
  .sds-signet--muted{color:var(--sds-signet-ink-muted)}
  .sds-lockup{
    --sds-lockup-signet-size: 24px;
    --sds-lockup-gap: var(--space-2-5);
    --sds-lockup-ink: var(--text-primary);
    display:inline-flex;
    align-items:center;
    gap:var(--sds-lockup-gap);
    color:var(--sds-lockup-ink);
    text-decoration:none;
    &:hover{text-decoration:none}
    .sds-signet{width:var(--sds-lockup-signet-size);height:var(--sds-lockup-signet-size)}
  }
  .sds-wordmark{--sds-wordmark-gap: var(--space-1-5);--sds-wordmark-weight: var(--weight-semibold);--sds-wordmark-tracking: var(--tracking-heading);--sds-wordmark-ink: var(--text-primary);--sds-wordmark-pipe-width: 2px;--sds-wordmark-pipe-fill: var(--accent);--sds-wordmark-product-weight: var(--weight-light);--sds-wordmark-product-ink: var(--text-secondary);display:inline-flex;align-items:baseline;gap:var(--sds-wordmark-gap);font-weight:var(--sds-wordmark-weight);letter-spacing:var(--sds-wordmark-tracking);color:var(--sds-wordmark-ink);white-space:nowrap}
  .sds-wordmark__brand{flex:none}
  .sds-wordmark__pipe{display:inline-block;width:var(--sds-wordmark-pipe-width);align-self:stretch;background:var(--sds-wordmark-pipe-fill)}
  .sds-wordmark__product{font-weight:var(--sds-wordmark-product-weight);color:var(--sds-wordmark-product-ink);min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@layer components{
  :where(:dir(rtl)) :is(.sds-card__action,.sds-pager,.sds-pagination__step) .sds-icon{scale:-1 1}
  :where(:dir(rtl)) :is(.sds-rail__group>summary,.sds-accordion__head) .sds-icon{transform:rotate(90deg)}
  :where(pre,code,kbd,samp,.sds-mono,.sds-diff,.sds-code__path,.sds-result__path,.sds-td-name,.sds-td-meta){direction:ltr;unicode-bidi:isolate}
}