/* Soul, as one stylesheet: the tokens, and the sds- classes the elements draw.

   These classes are what the elements render — not a second way to build one.
   Write <sds-card heading="…">, link soul.js, and this file is what it draws
   with; a hand-written <div class="sds-card"> is the fallback for a surface
   that runs no JavaScript, and it cannot grow a part the element later moves.

   Every tag, with what it takes, what it says and if it holds content:
   custom-elements.json, beside this file. */
@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-modifier-mono: .9}
}
@layer tokens{
  :root{color-scheme:light dark;--orange-400: #ffa338;--orange-500: #ff8700;--orange-700: #b35a00;--orange-800: #8a4b00;--surface-canvas: light-dark(#ffffff, #0a0a0a);--surface-raised: light-dark(#ffffff, #141414);--surface-quiet: light-dark(#f5f5f5, #141414);--surface-sunken: light-dark(#f5f5f5, #050505);--surface-inset: light-dark(#ececee, #1f1f1f);--surface-accent-quiet: light-dark(#fff7ed, #1c1712);--surface-error-quiet: light-dark(#fef2f2, #1f1412);--surface-ok-quiet: light-dark(#f0fdf4, #101a12);--surface-warn-quiet: light-dark(#fefce8, #1c1a0e);--surface-overlay: light-dark(rgba(24, 24, 27, .45), rgba(5, 5, 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(#e4e4e7, #27272a);--border-strong: light-dark(#d4d4d8, #3f3f46);--border-control: light-dark(#8e8e96, #71717a);--border-accent-quiet: light-dark(#f0c089, #5f5644);--border-error-quiet: light-dark(#e9aca4, #66403a);--text-primary: light-dark(#18181b, #fafafa);--text-secondary: light-dark(#52525b, #b4b4bd);--text-muted: light-dark(#63636b, #9e9ea8);--text-link: light-dark(#9c4f00, #ffa338);--text-link-hover: light-dark(#7a3d00, #ffc27a);--text-accent-quiet: light-dark(#8a4b00, #ffa338);--text-on-accent: #0a0a0a;--accent: #ff8700;--accent-hover: light-dark(#e67a00, #ffa338);--accent-active: light-dark(#cc6d00, #ffb866);--accent-ring: light-dark(rgba(255, 135, 0, .35), rgba(255, 135, 0, .45));--accent-glow: rgba(255, 135, 0, .85);--status-ok: light-dark(#136c33, #4ade80);--status-warn: light-dark(#8a5a00, #fbbf24);--status-error: light-dark(#b91c1c, #f87171);--syntax-string: light-dark(#3f6b2b, #9cc27f);--syntax-key: light-dark(#9c4f00, #ffa338);--syntax-comment: light-dark(#63636b, #9e9ea8);--syntax-text: var(--text-primary)}
  [data-theme=light]{color-scheme:light}
  [data-theme=dark]{color-scheme:dark}
  [data-theme]{color:var(--text-primary)}
  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: 3.625rem;--font-size-h1: 2.75rem;--font-size-h2: 2.125rem;--font-size-h3: 1.5rem;--font-size-lead: 1.1875rem;--font-size-body: 1rem;--font-size-small: .875rem;--leading-solid: 1;--leading-display: 1.08;--leading-heading: 1.2;--leading-tight: 1.35;--leading-snug: 1.45;--leading-body: 1.55;--leading-code: 1.75;--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: 38.75rem;--measure-lead: 35rem;--measure-display: 30rem}
}
@layer tokens{
  :root{--control-font-size: var(--font-size-body);--control-font-size-sm: var(--font-size-small);--control-height: 2.25rem;--control-height-sm: 1.75rem;--control-height-lg: 2.75rem;--control-leading: var(--leading-heading);--control-pad-y: .375rem;--control-pad-x: .9375rem;--control-pad-y-sm: .25rem;--control-pad-x-sm: .6875rem;--control-pad-y-lg: .6875rem;--control-pad-x-lg: 1.1875rem;--control-gap: var(--space-cluster);--control-icon-size: 1rem;--control-icon-size-lg: 1.25rem;--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-small);--swatch-chip-size: 2.5rem;--tile-art-size: 4rem;--table-head-size: var(--font-size-body);--table-head-tracking: .11em;--row-pad-compact: .375rem;--row-pad-medium: .5625rem;--row-pad-airy: .875rem;--row-font-size: var(--font-size-body);--row-font-size-compact: var(--font-size-small);--row-leading: var(--leading-tight);--diff-font-size: var(--font-size-small);--diff-leading: var(--leading-code);--diff-tint: 14%;--nav-font-size: var(--font-size-body);--tab-font-size: var(--font-size-body);--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-small);--aside-leading: var(--leading-snug);--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: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-19: 4.75rem;--space-inline: var(--space-1);--space-cluster: var(--space-2);--space-flow: var(--space-4);--space-components: var(--space-6);--space-section: var(--space-12);--gutter-page: 3rem;--width-page: 75rem;--width-sidebar: 13.125rem;--width-panel: 18.75rem;--height-header: 4.5rem;--measure-modal: 35rem;--modal-width-sm: 22.5rem;--modal-width-md: var(--measure-modal);--modal-width-lg: 50rem;--modal-height-sm: 50vh;--modal-height-md: 70vh;--modal-height-lg: 85vh}
}
@layer tokens{
  :root{--radius-none: 0px;--radius-control: 4px;--radius-card: 10px;--radius-pill: 999px;--border-hairline: 1px;--border-emphasis: 2px;--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);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:calc(var(--font-size-small) * var(--font-modifier-mono));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,blockquote) 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:calc(1em * var(--font-modifier-mono));color:var(--text-primary)}
  .sds-section>math:not(:has(*)),.sds-prose>math:not(:has(*)){display:block;margin-block:var(--space-flow)}
  ul,ol{padding-inline-start:var(--space-4)}
  li::marker{color:var(--text-muted);font-size:.8em}
  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{margin-block:var(--space-flow)}
  pre,table,figure,blockquote{margin-block:var(--space-components)}
  h1,.sds-h1,.sds-display{margin-block:0 var(--space-flow)}
  .sds-lead{margin-block:0 var(--space-components)}
  h2,.sds-h2{margin-block:var(--space-10) var(--space-3)}
  h3,.sds-h3{margin-block:var(--space-8) var(--space-2)}
  h4{margin-block:var(--space-6) var(--space-2)}
  h5,h6{margin-block:var(--space-5) var(--space-2)}
  .sds-actions,.sds-form,.sds-row,.sds-sections,.sds-split,.sds-stack{margin-block:var(--space-components)}
  :is(h1,h2,.sds-h1,.sds-h2):not(.sds-display):has(+.sds-lead){margin-block-end:var(--space-2)}
  li{margin-bottom:var(--space-2)}
  li:last-child{margin-bottom:0}
  li>ul,li>ol{margin:var(--space-2) 0 0}
  hr{border:0;border-top:var(--border-hairline) solid var(--border-subtle);margin-block:var(--space-section)}
}
@layer state{
  [hidden]:not([hidden=until-found]){display:none}
}
@layer base{
  sds-grid{display:block;min-width:0;margin-block:var(--space-components)}
  sds-grid>.sds-grid{margin-block:0}
  .sds-grid{margin-block:var(--space-components)}
}
@layer layout{
  html{scroll-padding-top:var(--space-12)}
  :is(.sds-stack,.sds-sections,.sds-split,.sds-grid,.sds-row,.sds-actions)>*{margin-block:0}
  :is(h1,h2,h3,h4,h5,h6,.sds-h1,.sds-h2,.sds-h3,.sds-display)+:not(h1,h2,h3,h4,h5,h6,.sds-h1,.sds-h2,.sds-h3,.sds-display),:is(sds-eyebrow,.sds-eyebrow)+*{margin-block-start: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__rail.is-scrollable{overscroll-behavior:contain}
  .sds-body__main{flex:1;min-width:0}
  :where(.sds-band,.sds-body__main,.sds-column,.sds-page)>:first-child{margin-block-start: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-column--start{align-self:flex-start}
  .sds-column--center{align-self:center}
  .sds-column--end{align-self: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-split--leads-end>.sds-column--start{align-self:flex-end}
  .sds-split--leads-end>.sds-column--end{align-self:flex-start}
  .sds-sections{display:flex;flex-direction:column;gap:var(--space-12)}
  .sds-grid{--grid-min: 230px;--grid-gap: var(--space-4);--grid-floor: var(--grid-min);--grid-least: 150px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-floor),100%),1fr));gap:var(--grid-gap)}
  .sds-grid--start{align-items:start}
  .sds-grid--center{align-items:center}
  .sds-grid--end{align-items:end}
  .sds-grid--2{--grid-floor: max(var(--grid-least), (100% - var(--grid-gap)) / 2)}
  .sds-grid--3{--grid-floor: max(var(--grid-least), (100% - 2 * var(--grid-gap)) / 3)}
  .sds-grid--4{--grid-floor: max(var(--grid-least), (100% - 3 * var(--grid-gap)) / 4)}
  .sds-grid--wide{--grid-min: 340px}
  .sds-grid--dense{--grid-min: 150px}
  .sds-grid--flush{--grid-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-block-start:0}
  .sds-band>:last-child{margin-block-end:0}
  .sds-band--quiet{background:var(--surface-quiet);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: 3.5rem}
    .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 base{
  :where(.sds-prose) p{max-width:var(--sds-prose-measure)}
  :where(.sds-prose) :is(ul,ol,dl):not(:has(pre,table,figure,img,svg,sds-code,sds-table,sds-figure,sds-diagram)){max-width:var(--sds-prose-measure)}
}
@layer components{
  .sds-prose{
    --sds-prose-measure: var(--measure-prose);
    --sds-prose-step: var(--space-4);
    --sds-prose-indent: var(--space-5);
    .line-block{
      margin-block: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-block:var(--space-components)}
  sds-quote>.sds-quote{margin-block:0}
  .sds-quote{margin-block:var(--space-components)}
  blockquote{padding-inline-start:var(--space-4);border-inline-start:2px solid var(--border-subtle);color:var(--text-secondary)}
  blockquote>:first-child{margin-block-start:0}
  blockquote>:last-child{margin-block-end: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;
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
}
@layer base{
  sds-byline{display:block;min-width:0;margin-block:var(--space-components)}
  sds-byline>.sds-byline{margin-block:0}
  .sds-byline{margin-block:var(--space-components)}
}
@layer components{
  .sds-byline{--sds-byline-mark-size: var(--control-height);--sds-byline-gap: var(--space-3);--sds-byline-line-gap: var(--space-0-5);--sds-byline-radius: var(--radius-pill);--sds-byline-mark-border: var(--border-hairline);--sds-byline-mark-edge: var(--border-subtle);--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: calc(var(--font-size-small) * var(--font-modifier-mono));--sds-byline-tracking: var(--tracking-label);--sds-byline-leading: var(--control-leading);--sds-byline-name-size: var(--font-size-body);--sds-byline-name-weight: var(--weight-medium);--sds-byline-role-weight: var(--weight-regular);--sds-byline-name-ink: var(--text-primary);--sds-byline-role-ink: var(--text-secondary);--sds-byline-meta-ink: var(--text-secondary);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:var(--sds-byline-mark-border) solid var(--sds-byline-mark-edge);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);font-weight:var(--sds-byline-name-weight);color:var(--sds-byline-name-ink)}
  .sds-byline__role{font-weight:var(--sds-byline-role-weight);color:var(--sds-byline-role-ink)}
  .sds-byline .sds-label{--sds-label-ink: var(--sds-byline-meta-ink)}
}
@layer components{
  .sds-label{--sds-label-font: var(--font-mono);--sds-label-font-size: calc(var(--font-size-small) * var(--font-modifier-mono));--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-ok{color:var(--status-ok)}
  .sds-warn{color:var(--status-warn)}
  .sds-error{color:var(--status-error)}
  .sds-mono,code,kbd,samp{--sds-mono-font: var(--font-mono);--sds-mono-font-size: calc(1em * var(--font-modifier-mono));--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);overflow-wrap:anywhere}
  :is(.sds-mono,code,kbd,samp):not(a,a *){color:var(--sds-mono-ink)}
  .sds-code__body code,.sds-diff code{--sds-mono-font-size: inherit;--sds-mono-weight: inherit;--sds-mono-ink: inherit}
  .sds-said-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}
}
@layer base{
  sds-eyebrow{display:block;min-width:0;margin:0}
  .sds-eyebrow{margin:0}
  :is(sds-eyebrow,.sds-eyebrow):has(+:is(h2,.sds-h2)){margin-block-start:var(--space-10)}
  :is(sds-eyebrow,.sds-eyebrow):has(+:is(h3,.sds-h3)){margin-block-start:var(--space-8)}
}
@layer components{
  .sds-eyebrow{--sds-eyebrow-font: var(--font-mono);--sds-eyebrow-font-size: calc(var(--font-size-small) * var(--font-modifier-mono));--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-section);
    --sds-section-mark-ink: var(--text-accent-quiet);
    --sds-section-number-font: var(--font-mono);
    --sds-section-number-size: .7em;
    --sds-section-number-weight: var(--weight-regular);
    --sds-section-number-ink: var(--text-muted);
    --sds-section-number-gap: var(--space-2);
    &:not(:first-child){margin-block-start:var(--sds-section-step)}
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-section:target>:is(h1,h2,h3,h4,h5,h6){color:var(--sds-section-mark-ink)}
  .sds-section__number{margin-inline-end:var(--sds-section-number-gap);font-family:var(--sds-section-number-font);font-size:var(--sds-section-number-size);font-weight:var(--sds-section-number-weight);letter-spacing:normal;color:var(--sds-section-number-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 base{
  sds-facts{display:block;min-width:0;margin-block:0 var(--space-components)}
  sds-facts>.sds-facts{margin-block:0}
  .sds-facts{margin-block:0 var(--sds-facts-step-after)}
}
@layer components{
  .sds-facts{
    --sds-facts-step: var(--space-1);
    --sds-facts-gap: var(--space-6);
    --sds-facts-step-after: var(--space-components);
    --sds-facts-term-ink: var(--text-muted);
    --sds-facts-term-weight: var(--weight-regular);
    --sds-facts-note-gap: var(--space-0-5);
    --sds-facts-note-ink: var(--text-muted);
    --sds-facts-note-size: var(--aside-size);
    --sds-facts-note-leading: var(--aside-leading);
    display:grid;
    grid-template-columns:minmax(0,auto) minmax(0,1fr);
    gap:var(--sds-facts-step) var(--sds-facts-gap);
    >dt{color:var(--sds-facts-term-ink);font-weight:var(--sds-facts-term-weight)}
    >dd{
      margin:0;
      min-width:0;
      >:first-child{margin-block-start:0}
      >:last-child{margin-block-end:0}
    }
    .sds-facts__note{display:block;margin-block-start:var(--sds-facts-note-gap);color:var(--sds-facts-note-ink);font-size:var(--sds-facts-note-size);line-height:var(--sds-facts-note-leading)}
  }
  .sds-facts-set{--sds-facts-set-gap: var(--space-12);--sds-facts-set-step: var(--space-5);--sds-facts-set-label-gap: var(--space-3);--sds-facts-set-rule: var(--border-hairline);--sds-facts-set-rule-ink: var(--border-subtle);--sds-facts-set-label-ink: var(--text-secondary);display:grid;grid-template-columns:repeat(2,minmax(0,auto) minmax(0,1fr));column-gap:var(--sds-facts-set-gap)}
  .sds-facts-group{display:grid;grid-column:span 2;grid-template-columns:subgrid;grid-template-rows:auto auto;align-content:start}
  .sds-facts-group>*{grid-column:1 / -1}
  .sds-facts-group>.sds-facts{display:grid;grid-template-columns:subgrid;margin-block:0}
  .sds-facts-group>.sds-label{margin-block:var(--sds-facts-set-step) var(--sds-facts-set-label-gap);padding-block-start:var(--sds-facts-set-step);border-block-start:var(--sds-facts-set-rule) solid var(--sds-facts-set-rule-ink);color:var(--sds-facts-set-label-ink)}
  .sds-facts-group:nth-child(-n+2)>.sds-label{margin-block-start:0;padding-block-start:0;border-block-start:0}
  @media(max-width:860px){
    .sds-facts-set{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
    .sds-facts-group:nth-child(2)>.sds-label{margin-block-start:var(--sds-facts-set-step);padding-block-start:var(--sds-facts-set-step);border-block-start:var(--sds-facts-set-rule) solid var(--sds-facts-set-rule-ink)}
  }
  .sds-list{
    --sds-list-gap: var(--space-2);
    >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: none;
    --sds-link-line-ink: color-mix(in srgb, currentColor 40%, transparent);
    --sds-link-line-ink-hover: currentColor;
    --sds-link-line-offset: var(--space-0-5);
    --sds-link-line-hover: underline;
    --sds-link-duration: var(--duration-fast);
    --sds-link-ease: var(--ease-out);
    color:var(--sds-link-ink);
    text-decoration:var(--sds-link-line);
    text-decoration-color:var(--sds-link-line-ink);
    text-underline-offset:var(--sds-link-line-offset);
    transition:color var(--sds-link-duration) var(--sds-link-ease);
    &:hover{color:var(--sds-link-ink-hover);text-decoration:var(--sds-link-line-hover);text-decoration-color:var(--sds-link-line-ink-hover)}
  }
  :is(p,li,dd,td,th) .sds-link{--sds-link-line: underline}
  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);--sds-icon-ink-ok: var(--status-ok);--sds-icon-ink-warn: var(--status-warn);--sds-icon-ink-error: var(--status-error);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)}
  .sds-icon--ok{color:var(--sds-icon-ink-ok)}
  .sds-icon--warn{color:var(--sds-icon-ink-warn)}
  .sds-icon--error{color:var(--sds-icon-ink-error)}
  :where(sds-icon:not(:defined)){width:var(--sds-icon-size);height:var(--sds-icon-size)}
  sds-icon[size="16"]{--sds-icon-size: var(--control-icon-size)}
  sds-icon[size="20"]{--sds-icon-size: 20px}
  sds-icon[size="24"]{--sds-icon-size: 24px}
  sds-icon[size="32"]{--sds-icon-size: 32px}
  sds-icon[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(--leading-solid);
    --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-ink-active: var(--sds-btn-ink-hover);
    --sds-btn-fill-active: var(--sds-btn-fill-hover);
    --sds-btn-edge-active: var(--sds-btn-edge-hover);
    --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)}
    &:active{border-color:var(--sds-btn-edge-active);background:var(--sds-btn-fill-active);color:var(--sds-btn-ink-active)}
    &: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-fill-active: var(--accent-active)}
  .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-fill-active: var(--surface-sunken)}
  .sds-btn--ghost{--sds-btn-ink: var(--text-secondary);--sds-btn-ink-hover: var(--text-primary);--sds-btn-fill-active: var(--surface-sunken)}
  .sds-btn--danger{--sds-btn-ink: var(--status-error);--sds-btn-edge: color-mix(in oklch, var(--status-error) 45%, transparent);--sds-btn-fill-hover: color-mix(in oklch, var(--status-error) 12%, transparent);--sds-btn-fill-active: color-mix(in oklch, var(--status-error) 20%, transparent)}
  .sds-btn--sm{--sds-btn-height: var(--control-height-sm);--sds-btn-font-size: var(--control-font-size-sm);--sds-btn-pad-y: var(--control-pad-y-sm);--sds-btn-pad-x: var(--control-pad-x-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-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-checks{display:block;min-width:0;margin-block:var(--space-flow)}
  sds-checks>.sds-checks{margin-block:0}
  .sds-checks{margin-block:var(--space-flow)}
}
@layer components{
  .sds-checks{
    --sds-checks-size: var(--space-4);
    --sds-checks-indent: var(--space-6);
    --sds-checks-ink: var(--text-primary);
    >ul{
      margin-block:0;
      list-style-type:"";
      padding-inline-start:var(--sds-checks-indent);
      >li{
        position:relative;
        &:before{content:"";position:absolute;inset-inline-start:calc(-1 * var(--sds-checks-indent));inset-block-start:calc((1lh - var(--sds-checks-size)) / 2);inline-size:var(--sds-checks-size);block-size:var(--sds-checks-size);background:var(--sds-checks-ink);forced-color-adjust:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m13.3 4.8-.7-.7c-.2-.2-.5-.2-.7 0L6.5 9.5 4 6.9c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7z'/%3E%3C/svg%3E") center / contain no-repeat}
      }
    }
  }
  .sds-checks--ok{--sds-checks-ink: var(--status-ok)}
}
@layer base{
  sds-cta{display:block;min-width:0;margin-block:var(--space-components)}
  sds-cta>.sds-cta{margin-block:0}
  .sds-cta{margin-block:var(--space-components)}
}
@layer components{
  .sds-cta{--sds-cta-pad-y: var(--space-6);--sds-cta-pad-x: var(--space-6);--sds-cta-gap: var(--space-6);--sds-cta-text-gap: var(--space-2);--sds-cta-text-min: 20rem;--sds-cta-action-gap: var(--space-3);--sds-cta-border: var(--border-hairline);--sds-cta-radius: var(--radius-card);--sds-cta-edge: var(--border-subtle);--sds-cta-fill: var(--surface-raised);--sds-cta-title-size: var(--font-size-h3);--sds-cta-title-leading: var(--leading-heading);--sds-cta-title-weight: var(--weight-semibold);--sds-cta-title-ink: var(--text-primary);--sds-cta-body-size: var(--block-body-size);--sds-cta-body-leading: var(--leading-body);--sds-cta-body-ink: var(--text-secondary);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sds-cta-gap);padding:var(--sds-cta-pad-y) var(--sds-cta-pad-x);border:var(--sds-cta-border) solid var(--sds-cta-edge);border-radius:var(--sds-cta-radius);background:var(--sds-cta-fill)}
  .sds-cta__text{display:flex;flex:1 1 var(--sds-cta-text-min);flex-direction:column;gap:var(--sds-cta-text-gap);min-width:0}
  .sds-cta__title{margin-block:0;font-size:var(--sds-cta-title-size);line-height:var(--sds-cta-title-leading);font-weight:var(--sds-cta-title-weight);color:var(--sds-cta-title-ink)}
  .sds-cta__body{
    margin-block:0;
    font-size:var(--sds-cta-body-size);
    line-height:var(--sds-cta-body-leading);
    color:var(--sds-cta-body-ink);
    >p{margin-block:0;font-size:inherit;line-height:inherit;color:inherit}
  }
  .sds-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sds-cta-action-gap)}
}
@layer base{
  sds-hero{display:block;min-width:0;margin-block:var(--space-components)}
  sds-hero>.sds-hero{margin-block:0}
}
@layer components{
  .sds-hero{
    --sds-hero-action-gap: var(--space-3);
    --sds-hero-action-step: var(--space-6);
    --sds-hero-title-size: var(--font-size-display);
    --sds-hero-title-leading: var(--leading-display);
    --sds-hero-title-tracking: var(--tracking-display);
    --sds-hero-title-measure: var(--measure-display);
    h1{max-width:var(--sds-hero-title-measure);font-size:var(--sds-hero-title-size);line-height:var(--sds-hero-title-leading);letter-spacing:var(--sds-hero-title-tracking)}
  }
  .sds-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sds-hero-action-gap);margin-block-start:var(--sds-hero-action-step)}
}
@layer base{
  sds-logos{display:block;min-width:0;margin-block:var(--space-components)}
  sds-logos>.sds-logos{margin-block:0}
  .sds-logos{margin-block:var(--space-components)}
}
@layer components{
  .sds-logos{
    --sds-logos-gap: var(--space-8);
    --sds-logos-step: var(--space-4);
    --sds-logos-min: 9rem;
    --sds-logos-height: var(--space-8);
    --sds-logos-ink: brightness(0) opacity(.7);
    display:flex;
    flex-direction:column;
    gap:var(--sds-logos-step);
    :root[data-theme=dark] &{--sds-logos-ink: brightness(0) invert(1) opacity(.8)}
    @media(prefers-color-scheme:dark){
      :root:not([data-theme=light]) &{--sds-logos-ink: brightness(0) invert(1) opacity(.8)}
    }
  }
  .sds-logos__list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--sds-logos-min)),1fr));
    gap:var(--sds-logos-gap);
    align-items:center;
    >a{display:flex;min-width:0}
    img{width:100%;height:var(--sds-logos-height);object-fit:contain;object-position:left center;filter:var(--sds-logos-ink)}
  }
}
@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: calc(var(--badge-font-size) * var(--font-modifier-mono));--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);--sds-lightbox-tools-gap: var(--space-1);--sds-lightbox-scale-width: var(--space-12);--sds-lightbox-scale-size: var(--font-size-small);--sds-lightbox-scale-face: var(--font-mono);--sds-lightbox-scale-weight: var(--weight-regular);--sds-lightbox-scale-ink: var(--text-muted);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[data-sds-hold~=modal]{overflow:hidden;scrollbar-gutter:stable}
  .sds-lightbox__art{
    position:relative;
    flex:1;
    min-height:0;
    padding:var(--sds-lightbox-pad);
    overflow:hidden;
    --surface-canvas: var(--sds-lightbox-stage-fill);
    background:var(--sds-lightbox-stage-fill);
    cursor:grab;
    touch-action:none;
    user-select:none;
    &:active{cursor:grabbing}
  }
  .sds-lightbox__art--exported{--sds-lightbox-stage-fill: var(--surface-art)}
  .sds-lightbox__canvas{
    position:absolute;
    inset-block-start:0;
    inset-inline-start:0;
    transform-origin:0 0;
    >:is(.sds-art,svg,img){display:block;width:100%;height:100%;max-width:none}
  }
  .sds-lightbox__tools{display:flex;flex:none;align-items:center;gap:var(--sds-lightbox-tools-gap)}
  .sds-lightbox__scale{min-width:var(--sds-lightbox-scale-width);font-family:var(--sds-lightbox-scale-face);font-size:var(--sds-lightbox-scale-size);font-weight:var(--sds-lightbox-scale-weight);text-align:center;color:var(--sds-lightbox-scale-ink)}
}
@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;
    &:is(button){inline-size:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start}
  }
}
@layer base{
  sds-checkbox,sds-checkbox-group,sds-field,sds-radio{display:block;min-width:0}
  sds-field-error{display:inline-flex}
  sds-form-errors{display:block;min-width:0;margin-block:var(--space-components)}
  sds-form-errors>.sds-form-errors{margin-block:0}
  .sds-form-errors{margin-block:var(--space-components)}
}
@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-control);
    --sds-field-fill: var(--surface-sunken);
    --sds-field-ink: var(--text-muted);
    --sds-field-ink-filled: var(--text-primary);
    --sds-field-glyph: var(--control-icon-size);
    --sds-field-disabled-opacity: .5;
    --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)}
    &.is-disabled,&:has(>.sds-input:disabled){opacity:var(--sds-field-disabled-opacity);cursor:not-allowed}
    &.is-readonly{--sds-field-fill: transparent;--sds-field-edge: var(--border-subtle)}
  }
  .sds-field__affix{flex:none;color:var(--sds-field-ink);pointer-events:none;user-select:none}
  .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-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-field-error{--sds-field-error-gap: var(--space-1-5);--sds-field-error-size: var(--control-font-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: calc(var(--font-size-small) * var(--font-modifier-mono));
    --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);
      .sds-field-error{--sds-field-error-size: var(--control-font-size-sm)}
    }
  }
  .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-control);
    --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-0-5);
    --sds-form-errors-leading: var(--leading-snug);
    --sds-form-errors-lead: var(--space-1-5);
    --sds-form-errors-radius: var(--radius-card);
    &:focus-visible{border-radius:var(--sds-form-errors-radius)}
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-form-errors__list{
    display:flex;
    flex-direction:column;
    gap:var(--sds-form-errors-gap);
    padding-block-start:var(--sds-form-errors-lead);
    line-height:var(--sds-form-errors-leading);
    a{width:fit-content}
  }
}
@layer base{
  sds-select{display:block;min-width:0}
}
@layer components{
  .sds-select{--sds-select-ink: var(--sds-field-ink);--sds-select-ink-filled: var(--sds-field-ink-filled);--sds-select-glyph: var(--sds-field-glyph);--sds-select-gap: var(--sds-field-gap);--sds-select-pad-x: var(--sds-field-pad-x);--sds-select-font-size: var(--sds-field-font-size);--sds-select-leading: var(--sds-field-leading);--sds-select-list-gap: var(--space-1);--sds-select-list-pad: var(--space-1);--sds-select-list-max: 17rem;--sds-select-list-fill: var(--surface-raised);--sds-select-list-edge: var(--border-subtle);--sds-select-list-border: var(--border-hairline);--sds-select-list-radius: var(--radius-card);--sds-select-list-shadow: var(--shadow-flyout);--sds-select-option-pad-x: var(--space-2);--sds-select-option-pad-y: var(--space-2);--sds-select-option-gap: var(--space-2);--sds-select-option-radius: var(--radius-control);--sds-select-option-ink: var(--text-secondary);--sds-select-option-ink-active: var(--text-primary);--sds-select-option-fill-active: var(--surface-sunken);--sds-select-option-mark: var(--accent);--sds-select-option-disabled-opacity: .5;--sds-select-group-size: var(--font-size-small);--sds-select-group-tracking: var(--tracking-label);--sds-select-group-ink: var(--text-muted);--sds-select-group-pad-y: var(--space-1-5);--sds-select-group-lead: var(--space-0-5);position:relative;color:var(--sds-select-ink-filled)}
  .sds-select__native,.sds-select__button{padding-inline-end:calc(var(--sds-select-glyph) + var(--sds-select-gap))}
  .sds-select__button{
    all:unset;
    box-sizing:border-box;
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    font-family:inherit;
    font-size:var(--sds-select-font-size);
    line-height:var(--sds-select-leading);
    color:var(--sds-select-ink-filled);
    cursor:pointer;
    &:disabled{cursor:not-allowed}
  }
  .sds-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sds-select__mark{position:absolute;inset-block:0;inset-inline-end:var(--sds-select-pad-x);display:flex;align-items:center;color:var(--sds-select-ink);pointer-events:none}
  .sds-select__list{box-sizing:border-box;margin:0;padding:var(--sds-select-list-pad);border:var(--sds-select-list-border) solid var(--sds-select-list-edge);border-radius:var(--sds-select-list-radius);background:var(--sds-select-list-fill);box-shadow:var(--sds-select-list-shadow);overflow-y:auto;min-width:anchor-size(width);max-height:var(--sds-select-list-max);position-area:block-end span-inline-end;position-try-fallbacks:flip-block;margin-block-start:var(--sds-select-list-gap)}
  .sds-select__option{
    display:flex;
    align-items:center;
    gap:var(--sds-select-option-gap);
    padding:var(--sds-select-option-pad-y) var(--sds-select-option-pad-x);
    border-radius:var(--sds-select-option-radius);
    font-size:var(--sds-select-font-size);
    color:var(--sds-select-option-ink);
    cursor:pointer;
    &.is-active{background:var(--sds-select-option-fill-active);color:var(--sds-select-option-ink-active)}
    &.is-chosen{
      color:var(--sds-select-option-ink-active);
      .sds-select__tick{visibility:visible}
    }
    &[aria-disabled=true]{opacity:var(--sds-select-option-disabled-opacity);cursor:not-allowed}
  }
  .sds-select__tick{--sds-icon-size: var(--sds-select-glyph);display:inline-flex;flex:none;visibility:hidden;color:var(--sds-select-option-mark)}
  .sds-select__group{display:block;padding:var(--sds-select-group-pad-y) var(--sds-select-option-pad-x) var(--sds-select-group-lead);font-size:var(--sds-select-group-size);letter-spacing:var(--sds-select-group-tracking);text-transform:uppercase;color:var(--sds-select-group-ink)}
}
@layer state{
  .sds-select__native{position:absolute;inset:0;width:100%;opacity:0;pointer-events:none}
  sds-select:not(:defined){
    .sds-select__native{position:static;inset:auto;opacity:1;pointer-events:auto}
    .sds-select__button,.sds-select__list{display:none}
  }
  .sds-select.is-open>.sds-select__list{position:absolute;position-area:none;inset-block-start:calc(100% + var(--sds-select-list-gap));inset-inline:0 auto;margin-block-start:0;z-index:1}
}
@layer base{
  sds-textarea{display:block;min-width:0}
}
@layer components{
  .sds-field--multi{
    --sds-textarea-leading: var(--leading-body);
    --sds-textarea-resize: vertical;
    --sds-field-leading: var(--sds-textarea-leading);
    align-items:flex-start;
    .sds-input{resize:var(--sds-textarea-resize);min-height:0}
  }
  sds-textarea[resize=none] .sds-field--multi{--sds-textarea-resize: none}
  sds-textarea[resize=both] .sds-field--multi{--sds-textarea-resize: both}
}
@layer base{
  sds-field-group{display:block;min-width:0;margin-block:var(--space-components)}
  sds-field-group>.sds-field-group{margin-block:0}
  .sds-field-group{margin-block:var(--space-components)}
}
@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-switch{display:block;min-width:0}
}
@layer components{
  .sds-switch{
    --sds-switch-track-w: 34px;
    --sds-switch-track-h: 20px;
    --sds-switch-knob: 14px;
    --sds-switch-inset: 2px;
    --sds-switch-gap: var(--space-3);
    --sds-switch-border: var(--border-hairline);
    --sds-switch-edge: var(--border-control);
    --sds-switch-edge-hover: var(--text-muted);
    --sds-switch-fill: var(--surface-sunken);
    --sds-switch-fill-hover: var(--surface-inset);
    --sds-switch-fill-on: var(--text-primary);
    --sds-switch-fill-on-hover: var(--text-secondary);
    --sds-switch-knob-off: var(--text-muted);
    --sds-switch-knob-on: var(--surface-raised);
    --sds-switch-font-size: var(--control-font-size);
    --sds-switch-leading: var(--control-leading);
    --sds-switch-line-gap: var(--space-0-5);
    --sds-switch-ink: var(--text-primary);
    --sds-switch-hint-size: var(--aside-size);
    --sds-switch-hint-leading: var(--aside-leading);
    --sds-switch-hint-ink: var(--text-muted);
    --sds-switch-disabled-opacity: .5;
    --sds-switch-duration: var(--duration-fast);
    --sds-switch-ease: var(--ease-out);
    display:flex;
    align-items:flex-start;
    gap:var(--sds-switch-gap);
    cursor:pointer;
    &:has(.sds-switch__track:disabled){opacity:var(--sds-switch-disabled-opacity);cursor:not-allowed}
    &:hover>.sds-switch__track:not(:disabled){background-color:var(--sds-switch-fill-hover);border-color:var(--sds-switch-edge-hover)}
    &:hover>.sds-switch__track:checked:not(:disabled){background-color:var(--sds-switch-fill-on-hover);border-color:var(--sds-switch-fill-on-hover)}
  }
  .sds-switch__track{
    appearance:none;
    flex:none;
    width:var(--sds-switch-track-w);
    height:var(--sds-switch-track-h);
    font-size:var(--sds-switch-font-size);
    line-height:var(--sds-switch-leading);
    margin:calc((1lh - var(--sds-switch-track-h)) / 2) 0 0;
    background-color:var(--sds-switch-fill);
    background-image:radial-gradient(circle at center,var(--sds-switch-knob-off) 0 calc(var(--sds-switch-knob) / 2),transparent calc(var(--sds-switch-knob) / 2 + .5px));
    background-repeat:no-repeat;
    background-size:var(--sds-switch-knob) var(--sds-switch-knob);
    background-position:left var(--sds-switch-inset) center;
    border:var(--sds-switch-border) solid var(--sds-switch-edge);
    border-radius:999px;
    transition:background-color var(--sds-switch-duration) var(--sds-switch-ease),background-position var(--sds-switch-duration) var(--sds-switch-ease),border-color var(--sds-switch-duration) var(--sds-switch-ease);
    &:checked{background-color:var(--sds-switch-fill-on);background-image:radial-gradient(circle at center,var(--sds-switch-knob-on) 0 calc(var(--sds-switch-knob) / 2),transparent calc(var(--sds-switch-knob) / 2 + .5px));background-position:right var(--sds-switch-inset) center;border-color:var(--sds-switch-fill-on)}
  }
  .sds-switch__body{display:flex;flex-direction:column;gap:var(--sds-switch-line-gap);min-width:0}
  .sds-switch__label{font-size:var(--sds-switch-font-size);line-height:var(--sds-switch-leading);color:var(--sds-switch-ink)}
  .sds-switch__hint{font-size:var(--sds-switch-hint-size);line-height:var(--sds-switch-hint-leading);color:var(--sds-switch-hint-ink)}
}
@layer base{
  sds-range{display:block;min-width:0}
}
@layer components{
  .sds-range{
    --sds-range-track-h: 4px;
    --sds-range-thumb: 16px;
    --sds-range-head-gap: var(--space-3);
    --sds-range-radius: 999px;
    --sds-range-border: var(--border-hairline);
    --sds-range-fill: var(--surface-sunken);
    --sds-range-edge: var(--border-control);
    --sds-range-thumb-fill: var(--text-primary);
    --sds-range-value-font: var(--font-mono);
    --sds-range-value-size: calc(var(--font-size-small) * var(--font-modifier-mono));
    --sds-range-value-ink: var(--text-secondary);
    --sds-range-disabled-opacity: .5;
    display:block;
    &:has(>.sds-range__slider:disabled){opacity:var(--sds-range-disabled-opacity)}
  }
  .sds-range__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sds-range-head-gap)}
  .sds-range__value{font-family:var(--sds-range-value-font);font-size:var(--sds-range-value-size);color:var(--sds-range-value-ink);font-variant-numeric:tabular-nums}
  .sds-range__slider{
    appearance:none;
    width:100%;
    background:transparent;
    cursor:pointer;
    &:disabled{cursor:not-allowed}
    &:focus{outline:none}
  }
  .sds-range__slider::-webkit-slider-runnable-track{height:var(--sds-range-track-h);background:var(--sds-range-fill);border:var(--sds-range-border) solid var(--sds-range-edge);border-radius:var(--sds-range-radius)}
  .sds-range__slider::-moz-range-track{height:var(--sds-range-track-h);background:var(--sds-range-fill);border:var(--sds-range-border) solid var(--sds-range-edge);border-radius:var(--sds-range-radius)}
  .sds-range__slider::-webkit-slider-thumb{appearance:none;width:var(--sds-range-thumb);height:var(--sds-range-thumb);margin-top:calc((var(--sds-range-track-h) - var(--sds-range-thumb)) / 2);background:var(--sds-range-thumb-fill);border:0;border-radius:50%}
  .sds-range__slider::-moz-range-thumb{width:var(--sds-range-thumb);height:var(--sds-range-thumb);background:var(--sds-range-thumb-fill);border:0;border-radius:50%}
  .sds-range__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--focus-halo) var(--accent-ring)}
  .sds-range__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--focus-halo) var(--accent-ring)}
}
@layer base{
  sds-progress{display:block;min-width:0;margin-block:var(--space-components)}
  sds-progress>.sds-progress{margin-block:0}
  .sds-progress{margin-block:var(--space-components)}
}
@layer components{
  .sds-progress{--sds-progress-at: 0%;--sds-progress-track-h: 8px;--sds-progress-radius: var(--radius-pill);--sds-progress-track-fill: var(--surface-inset);--sds-progress-ink-early: var(--text-muted);--sds-progress-ink-late: var(--status-ok);--sds-progress-fill: color-mix( in oklch, var(--sds-progress-ink-late) var(--sds-progress-at), var(--sds-progress-ink-early) );--sds-progress-gap: var(--space-2);--sds-progress-head-gap: var(--space-3);--sds-progress-caption-size: var(--control-font-size);--sds-progress-caption-ink: var(--text-primary);--sds-progress-value-font: var(--font-mono);--sds-progress-value-size: calc(var(--font-size-small) * var(--font-modifier-mono));--sds-progress-value-ink: var(--text-secondary);--sds-progress-note-size: var(--aside-size);--sds-progress-note-leading: var(--aside-leading);--sds-progress-note-ink: var(--text-muted);--sds-progress-duration: var(--duration-fast);--sds-progress-ease: var(--ease-out);--sds-progress-hatch-angle: 45deg;--sds-progress-hatch-band: 5px;--sds-progress-hatch-step: calc(var(--sds-progress-hatch-band) * 2 / sin(var(--sds-progress-hatch-angle)));--sds-progress-hatch-ink: color-mix(in oklch, var(--surface-canvas) 45%, transparent);--sds-progress-hatch-duration: 1.1s;display:flex;flex-direction:column;gap:var(--sds-progress-gap);min-width:0}
  .sds-progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sds-progress-head-gap)}
  .sds-progress__caption{font-size:var(--sds-progress-caption-size);color:var(--sds-progress-caption-ink)}
  .sds-progress__value{font-family:var(--sds-progress-value-font);font-size:var(--sds-progress-value-size);color:var(--sds-progress-value-ink);font-variant-numeric:tabular-nums}
  .sds-progress__track{display:block;overflow:hidden;block-size:var(--sds-progress-track-h);border-radius:var(--sds-progress-radius);background:var(--sds-progress-track-fill)}
  .sds-progress__fill{display:block;block-size:100%;inline-size:var(--sds-progress-at);background-color:var(--sds-progress-fill);transition:inline-size var(--sds-progress-duration) var(--sds-progress-ease),background-color var(--sds-progress-duration) var(--sds-progress-ease)}
  .sds-progress__note{font-size:var(--sds-progress-note-size);line-height:var(--sds-progress-note-leading);color:var(--sds-progress-note-ink)}
  .sds-progress--pulsing .sds-progress__fill{background-image:repeating-linear-gradient(var(--sds-progress-hatch-angle),var(--sds-progress-hatch-ink) 0 var(--sds-progress-hatch-band),transparent 0 calc(var(--sds-progress-hatch-band) * 2));background-size:var(--sds-progress-hatch-step) 100%;animation:sds-progress-hatch var(--sds-progress-hatch-duration) linear infinite}
  @keyframes sds-progress-hatch{
    0%{background-position-x:0}
    to{background-position-x:var(--sds-progress-hatch-step)}
  }
  .sds-progress--small{--sds-progress-track-h: 4px;--sds-progress-gap: var(--space-1-5)}
  @media(prefers-reduced-motion:reduce){
    .sds-progress__fill{transition:none}
    .sds-progress--pulsing .sds-progress__fill{animation:none}
  }
}
@layer base{
  sds-file{display:block;min-width:0}
}
@layer components{
  .sds-file{
    --sds-file-gap: var(--control-gap);
    --sds-file-font-size: var(--control-font-size);
    --sds-file-ink: var(--text-muted);
    --sds-file-btn-height: var(--control-height);
    --sds-file-btn-pad-y: var(--control-pad-y);
    --sds-file-btn-pad-x: var(--control-pad-x);
    --sds-file-btn-border: var(--border-hairline);
    --sds-file-btn-radius: var(--radius-control);
    --sds-file-btn-edge: var(--border-strong);
    --sds-file-btn-fill: transparent;
    --sds-file-btn-fill-hover: var(--surface-inset);
    --sds-file-btn-ink: var(--text-primary);
    --sds-file-btn-font: var(--font-sans);
    --sds-file-btn-weight: var(--weight-semibold);
    --sds-file-disabled-opacity: .5;
    --sds-file-duration: var(--duration-fast);
    --sds-file-ease: var(--ease-out);
    display:block;
    max-width:100%;
    font-family:inherit;
    font-size:var(--sds-file-font-size);
    color:var(--sds-file-ink);
    cursor:pointer;
    &:disabled{opacity:var(--sds-file-disabled-opacity);cursor:not-allowed}
  }
  .sds-file::file-selector-button{margin-inline-end:var(--sds-file-gap);min-height:var(--sds-file-btn-height);padding:var(--sds-file-btn-pad-y) var(--sds-file-btn-pad-x);border:var(--sds-file-btn-border) solid var(--sds-file-btn-edge);border-radius:var(--sds-file-btn-radius);background:var(--sds-file-btn-fill);color:var(--sds-file-btn-ink);font-family:var(--sds-file-btn-font);font-size:var(--sds-file-font-size);font-weight:var(--sds-file-btn-weight);cursor:inherit;transition:background var(--sds-file-duration) var(--sds-file-ease)}
  .sds-file:enabled:hover::file-selector-button{background:var(--sds-file-btn-fill-hover)}
}
@layer base{
  sds-table{display:block;min-width:0;margin-block:var(--space-components)}
  sds-table>:is(.sds-table,.sds-table-scroll){margin-block:0}
  .sds-table,.sds-table-scroll{margin-block:var(--space-components)}
}
@layer components{
  table,.sds-table{
    --sds-table-font-size: var(--row-font-size);
    --sds-table-pad: var(--row-pad-medium);
    --sds-table-name-size: calc(var(--sds-table-font-size) * var(--font-modifier-mono));
    --sds-table-meta-size: calc(var(--sds-table-font-size) * var(--font-modifier-mono));
    --sds-table-cell-gap: var(--space-6);
    --sds-table-leading: var(--row-leading);
    --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-font: var(--font-sans);
    --sds-table-head-size: var(--font-size-small);
    --sds-table-head-ink: var(--text-secondary);
    --sds-table-ink: var(--text-secondary);
    --sds-table-name-ink: var(--text-primary);
    --sds-table-meta-ink: var(--text-muted);
    --sds-table-note-gap: var(--space-0-5);
    --sds-table-paragraph-gap: var(--space-1);
    --sds-table-caption-side: bottom;
    --sds-table-caption-margin: var(--space-2) 0;
    --sds-table-caption-size: var(--font-size-small);
    --sds-table-caption-ink: var(--text-muted);
    --sds-table-legend-gap: var(--space-6);
    --sds-table-legend-word: var(--space-1-5);
    --sds-table-fill-hover: var(--surface-raised);
    --sds-table-graph-node: 10px;
    --sds-table-graph-gap: var(--space-3);
    --sds-table-graph-ring: 2px;
    --sds-table-graph-ink: var(--text-muted);
    --sds-table-graph-rail: var(--border-strong);
    --sds-table-graph-here: var(--text-primary);
    --sds-table-fill-selected: var(--surface-accent-quiet);
    --sds-table-link-ink-selected: var(--text-link-hover);
    --sds-table-head-weight: var(--weight-regular);
    --sds-table-skeleton-fill: var(--surface-inset);
    --sds-table-skeleton-height: 9px;
    --sds-table-skeleton-wide: 84%;
    --sds-table-skeleton-mid: 62%;
    --sds-table-skeleton-narrow: 40%;
    --sds-table-skeleton-step: .12s;
    width:100%;
    border-collapse:collapse;
    caption-side:var(--sds-table-caption-side);
    font-size:var(--sds-table-font-size);
    line-height:var(--sds-table-leading);
    >caption{
      margin-block:var(--sds-table-caption-margin);
      font-size:var(--sds-table-caption-size);
      color:var(--sds-table-caption-ink);
      text-align:start;
      >:is(sds-icon,.sds-icon){margin-inline-end:var(--sds-table-legend-word);vertical-align:middle}
      >:is(sds-icon,.sds-icon)~:is(sds-icon,.sds-icon){margin-inline-start:var(--sds-table-legend-gap)}
    }
    th{text-align:start;font-family:var(--sds-table-head-font);font-size:var(--sds-table-head-size);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:middle;
      >p{margin-block:0;font-size:inherit}
      >p+p{margin-block-start:var(--sds-table-paragraph-gap)}
    }
    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)}
    .sds-td-note{display:block;margin-top:var(--sds-table-note-gap);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)}
    :is(th,td).sds-td-end{text-align:end;font-variant-numeric:tabular-nums}
    :is(th,td).sds-td-sign{width:1%;text-align:center;white-space:nowrap}
    :is(th,td):is(.sds-td-fit,.sds-td-into){width:1%;white-space:nowrap}
    :is(th,td).sds-td-graph{position:relative;width:1%;padding-inline-end:var(--sds-table-graph-gap)}
    td.sds-td-graph:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--sds-table-graph-node) / 2);border-inline-start:var(--sds-table-border) solid var(--sds-table-graph-rail)}
    tbody tr:first-child>.sds-td-graph:before{inset-block-start:50%}
    tbody tr:last-child>.sds-td-graph:before{inset-block-end:50%}
    .sds-graph{position:relative;display:block;inline-size:var(--sds-table-graph-node);block-size:var(--sds-table-graph-node);border-radius:50%;background:var(--sds-table-graph-ink)}
    .sds-graph--open{background:var(--sds-table-fill-hover);box-shadow:inset 0 0 0 var(--sds-table-graph-ring) var(--sds-table-graph-ink)}
    .sds-graph--current{background:var(--sds-table-fill-hover);box-shadow:inset 0 0 0 var(--sds-table-graph-ring) var(--sds-table-graph-here)}
    td.sds-td-into{text-align:end}
    tbody tr.is-selected{
      --sds-table-meta-ink: var(--text-primary);
      background:var(--sds-table-fill-selected);
      a{color:var(--sds-table-link-ink-selected)}
    }
  }
  .sds-table--compact{--sds-table-pad: var(--row-pad-compact);--sds-table-font-size: var(--row-font-size-compact)}
  .sds-table--medium{--sds-table-pad: var(--row-pad-medium)}
  .sds-table--airy{--sds-table-pad: var(--row-pad-airy)}
  .sds-table--caption-top{--sds-table-caption-side: top;--sds-table-caption-margin: 0 var(--space-2)}
  .sds-table--loading{
    --sds-table-fill-hover: transparent;
    td>.sds-skeleton{--sds-skeleton-height: var(--sds-table-skeleton-height);--sds-skeleton-fill: var(--sds-table-skeleton-fill);display:inline-block;vertical-align:middle;width:var(--sds-table-skeleton-wide)}
    td:first-child>.sds-skeleton{width:var(--sds-table-skeleton-mid)}
    td:last-child>.sds-skeleton{width:var(--sds-table-skeleton-narrow)}
    tbody tr:nth-child(3n+2)>td>.sds-skeleton{--sds-skeleton-delay: var(--sds-table-skeleton-step)}
    tbody tr:nth-child(3n)>td>.sds-skeleton{--sds-skeleton-delay: calc(2 * var(--sds-table-skeleton-step))}
  }
  .sds-table-scroll{
    max-width:100%;
    overflow:auto hidden;
    >.sds-table{margin-block:0}
  }
}
@layer base{
  sds-surface{display:block;min-width:0;margin-block:var(--space-components)}
  sds-surface>:is(.sds-plane,.sds-panel,.sds-sunken){block-size:100%;margin-block:0}
  .sds-example,.sds-plane,.sds-panel,.sds-sunken{margin-block:var(--space-components)}
}
@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);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end: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);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-surface-icon{--sds-surface-icon-ink: var(--text-primary);--sds-surface-icon-gap: var(--space-3);display:flex;color:var(--sds-surface-icon-ink);margin-block-end:var(--sds-surface-icon-gap)}
  .sds-surface-icon+.sds-surface-title{margin-top:0}
}
@layer base{
  sds-slide{position:relative;display:block;margin-block:var(--space-components)}
  sds-slide[shrink]{--sds-slide-unseen: 506px;container-type:inline-size;content-visibility:auto;contain-intrinsic-block-size:auto var(--sds-slide-unseen)}
  @supports not (zoom: calc(100cqi/1px)){
    @media(scripting:enabled){
      sds-slide[shrink]:not(:defined){
        aspect-ratio:16 / 9;
        overflow:hidden;
        >.sds-slide{visibility:hidden}
      }
    }
  }
  @media(scripting:enabled){
    sds-slide:not([fitted]) .sds-slide__fit:not(:has(.sds-diagram>svg)){visibility:hidden}
  }
  sds-slide[fit]{margin-block:0}
  sds-slide>.sds-slide{margin-block:0}
  .sds-slide{margin-block:calc(var(--space-components) / var(--sds-slide-zoom))}
}
@layer components{
  .sds-slide{
    --sds-slide-width: 960px;
    --sds-slide-height: 540px;
    --sds-slide-zoom: 2;
    --sds-slide-pad: var(--space-10);
    --sds-slide-foot-band: calc(var(--sds-slide-foot) + var(--space-12));
    --sds-slide-pad-footed: var(--sds-slide-foot-band);
    --sds-slide-plate-fill: var(--sds-slide-fill);
    --sds-slide-plate-edge: var(--sds-slide-edge);
    --sds-slide-plate-block: var(--space-1);
    --sds-slide-plate-inline: var(--space-2);
    --sds-slide-plate-pad: var(--sds-slide-plate-block) var(--sds-slide-plate-inline);
    --sds-slide-plate-back: calc(-1 * (var(--sds-slide-plate-block) + var(--sds-slide-rule))) calc(-1 * (var(--sds-slide-plate-inline) + var(--sds-slide-rule)));
    --sds-slide-plate-radius: var(--radius-control);
    --sds-slide-lockup-fill: transparent;
    --sds-slide-lockup-edge: transparent;
    --sds-slide-count-fill: transparent;
    --sds-slide-count-edge: transparent;
    --sds-slide-gap: var(--space-6);
    --sds-slide-title-after: .35em;
    --sds-slide-frame-pad: var(--sds-slide-pad);
    --sds-slide-eyebrow-top: var(--space-8);
    --sds-slide-eyebrow-band: var(--space-6);
    --sds-slide-top: calc(var(--sds-slide-eyebrow-top) + var(--sds-slide-eyebrow-band));
    --sds-slide-frame-top: var(--sds-slide-top);
    --sds-slide-eyebrow-fill: transparent;
    --sds-slide-eyebrow-edge: transparent;
    --sds-slide-frame-footed: var(--sds-slide-pad-footed);
    --sds-slide-head-gap: var(--space-2);
    --sds-slide-lead-size: var(--font-size-lead);
    --sds-slide-lead-measure: var(--measure-lead);
    --sds-slide-head-under: 0;
    --sds-slide-head-rule: 0;
    --sds-slide-label-gap: var(--space-2);
    --sds-slide-lockup-gap: var(--space-4);
    --sds-slide-title-hang: -.04em;
    --sds-slide-display-leading: var(--leading-solid);
    --sds-slide-display-measure: var(--measure-display);
    --sds-slide-head-place: 0;
    --sds-slide-title-leading: var(--leading-display);
    --sds-slide-body-grow: 1;
    --sds-slide-body-align: center;
    --sds-slide-text-size: 1em;
    --sds-slide-body-scale: 1;
    --sds-slide-text-leading: var(--leading-body);
    --sds-slide-fill: var(--surface-canvas);
    --sds-slide-ink: var(--text-primary);
    --sds-slide-edge: var(--border-subtle);
    --sds-slide-rule: var(--border-hairline);
    --sds-slide-foot: var(--space-8);
    --sds-slide-count-font: var(--font-mono);
    --sds-slide-count-size: calc(var(--font-size-body) * var(--font-modifier-mono));
    --sds-slide-count-ink: var(--text-muted);
    --sds-slide-lockup-size: var(--font-size-h3);
    --sds-slide-lockup-signet: 32px;
    --sds-slide-nav-gap: var(--space-8);
    --sds-slide-nav-pad: var(--space-4);
    --sds-slide-nav-ink: var(--text-muted);
    --sds-slide-nav-current: var(--text-primary);
    --sds-slide-nav-weight: var(--weight-semibold);
    --sds-slide-nav-mark: var(--border-emphasis);
    --sds-slide-note-size: var(--font-size-small);
    --sds-slide-note-ink: var(--text-muted);
    --sds-slide-portrait-width: 40%;
    --sds-slide-portrait-fill: var(--surface-inset);
    --sds-slide-figure-pad: 0;
    --sds-slide-figure-gap: var(--space-8);
    --sds-slide-figure-fill: transparent;
    --sds-slide-figure-outset: 0;
    --sds-slide-figure-end: 0;
    --sds-slide-figure-rows: minmax(0, 1fr);
    --sds-slide-drawing-display: flex;
    --sds-slide-drawing-span: auto;
    --sds-slide-drawing-rows: none;
    --sds-slide-drawing-pad: 0;
    --sds-slide-drawing-position: center;
    --sds-slide-art-place: flex-start;
    --sds-slide-drawing-fit: contain;
    --sds-slide-drawing-edge: transparent;
    --sds-slide-drawing-fill: transparent;
    --sds-slide-drawing-radius: var(--radius-card);
    --sds-slide-word-size: var(--font-size-body);
    --sds-slide-word-weight: var(--weight-semibold);
    --sds-slide-word-ink: var(--text-primary);
    --sds-slide-caption-size: var(--font-size-small);
    --sds-slide-caption-leading: var(--leading-snug);
    --sds-slide-caption-ink: var(--text-secondary);
    --sds-slide-legend-size: var(--font-size-small);
    --sds-slide-legend-ink: var(--text-secondary);
    --sds-slide-legend-gap: var(--space-4);
    --sds-slide-key-gap: var(--space-1-5);
    --sds-slide-key-size: var(--space-3);
    --sds-slide-key-font: var(--font-mono);
    --sds-slide-key-weight: var(--weight-semibold);
    --sds-slide-key-ink: var(--text-primary);
    --sds-slide-key-mono-ink: var(--text-muted);
    --sds-slide-key-edge: var(--border-hairline);
    --sds-slide-key-radius: var(--radius-control);
    --sds-slide-key-square-radius: var(--radius-none);
    --sds-slide-key-plate: var(--surface-sunken);
    --sds-slide-key-plate-edge: var(--border-strong);
    position:relative;
    box-sizing:border-box;
    margin-inline:auto;
    width:var(--sds-slide-width);
    height:var(--sds-slide-height);
    zoom:var(--sds-slide-zoom);
    @supports (zoom: calc(100cqi/1px)){
      sds-slide[shrink]>&{zoom:min(var(--sds-slide-zoom),calc(100cqi / var(--sds-slide-width)))}
    }
    padding:var(--sds-slide-frame-pad);
    padding-top:var(--sds-slide-frame-top);
    border:var(--sds-slide-rule) solid var(--sds-slide-edge);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:var(--sds-slide-gap);
    background:var(--sds-slide-fill);
    color:var(--sds-slide-ink);
    &:has(>.sds-slide__foot){padding-bottom:var(--sds-slide-frame-footed)}
  }
  .sds-slide--content{
    --sds-slide-body-scale: 1.1875;
    >.sds-slide__body{
      --sds-stat-step: display;
      .sds-card{--sds-card-fill: var(--surface-raised);--sds-card-title-size: var(--font-size-lead)}
      .sds-card__body>.sds-row>.sds-label{--sds-label-font-size: calc(var(--font-size-body) * var(--font-modifier-mono));--sds-label-tracking: var(--tracking-body)}
    }
  }
  .sds-slide--cover,.sds-slide--section,.sds-slide--closing{--sds-slide-head-place: auto}
  .sds-slide--cover,.sds-slide--closing,.sds-slide--section{justify-content:space-between}
  .sds-slide--statement{--sds-slide-display-measure: calc(var(--sds-slide-width) * 2 / 3);--sds-slide-body-grow: 0;justify-content:center}
  .sds-slide--speaker{--sds-slide-body-grow: 0;--sds-slide-frame-pad: 0;--sds-slide-frame-top: 0;--sds-slide-frame-footed: 0;--sds-slide-count-fill: var(--sds-slide-plate-fill);--sds-slide-count-edge: var(--sds-slide-plate-edge);display:grid;grid-template-columns:minmax(0,1fr) var(--sds-slide-portrait-width)}
  .sds-slide__page{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sds-slide-gap);padding:var(--sds-slide-pad);padding-bottom:var(--sds-slide-pad-footed)}
  .sds-slide__portrait{
    min-width:0;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--sds-slide-portrait-fill);
    overflow:hidden;
    sds-image,img{width:100%;height:100%;object-fit:cover}
  }
  .sds-slide__head{
    margin-block:var(--sds-slide-head-place);
    display:flex;
    flex-direction:column;
    gap:var(--sds-slide-head-gap);
    padding-block-end:var(--sds-slide-head-under);
    border-block-end:var(--sds-slide-head-rule) solid var(--sds-slide-edge);
    >.sds-lead{max-width:var(--sds-slide-lead-measure);font-size:var(--sds-slide-lead-size)}
    >*{margin:0;text-box:trim-both cap alphabetic}
    >:is(h1,h2){margin-block:0 var(--sds-slide-title-after);margin-inline-start:var(--sds-slide-title-hang);line-height:var(--sds-slide-title-leading)}
    >.sds-display{max-width:var(--sds-slide-display-measure);line-height:var(--sds-slide-display-leading)}
    >:is(sds-eyebrow,.sds-eyebrow){position:absolute;inset-block-start:var(--sds-slide-eyebrow-top);inset-inline-start:var(--sds-slide-pad);margin:var(--sds-slide-plate-back);padding:var(--sds-slide-plate-pad);border:var(--sds-slide-rule) solid var(--sds-slide-eyebrow-edge);border-radius:var(--sds-slide-plate-radius);background:var(--sds-slide-eyebrow-fill)}
    >:last-child{margin-block-end:0}
  }
  .sds-slide__head:has(>.sds-slide__legend){
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    >*{grid-column:1 / -1}
    >:is(h1,h2){grid-column:1}
    >.sds-slide__legend{grid-column:2;align-self:center}
  }
  .sds-slide__legend{display:flex;gap:var(--sds-slide-legend-gap);font-size:var(--sds-slide-legend-size);color:var(--sds-slide-legend-ink)}
  .sds-slide__entry{display:inline-flex;align-items:center;gap:var(--sds-slide-key-gap)}
  .sds-slide__key{font-family:var(--sds-slide-key-font);font-weight:var(--sds-slide-key-weight);color:var(--sds-slide-key-mono-ink)}
  .sds-slide__key--filled,.sds-slide__key--outlined{inline-size:var(--sds-slide-key-size);block-size:var(--sds-slide-key-size);border:var(--sds-slide-key-edge) solid var(--sds-slide-key-ink);border-radius:var(--sds-slide-key-square-radius)}
  .sds-slide__key--filled{background:var(--sds-slide-key-ink)}
  .sds-slide__key--plate{padding-inline:var(--sds-slide-key-gap);border:var(--sds-slide-key-edge) solid var(--sds-slide-key-plate-edge);border-radius:var(--sds-slide-key-radius);background:var(--sds-slide-key-plate);color:var(--sds-slide-key-ink)}
  .sds-slide__body{flex:var(--sds-slide-body-grow) 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:var(--sds-slide-body-align);font-size:var(--sds-slide-text-size);line-height:var(--sds-slide-text-leading);zoom:var(--sds-slide-body-scale)}
  .sds-slide__fit{
    pointer-events:none;
    flex:none;
    display:flex;
    flex-direction:column;
    gap:var(--sds-slide-gap);
    >*{margin-block:0}
    >p{font-size:inherit;line-height:inherit}
  }
  .sds-slide--figure{--sds-slide-body-align: flex-start;--sds-slide-drawing-position: left top}
  .sds-slide__figure{flex:1 1 0;min-width:0;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:var(--sds-slide-figure-rows);gap:var(--sds-slide-label-gap) var(--sds-slide-figure-gap);margin-inline:var(--sds-slide-figure-outset);margin-block-end:var(--sds-slide-figure-end);padding:var(--sds-slide-figure-pad);background:var(--sds-slide-figure-fill)}
  .sds-slide__drawing{
    min-width:0;
    min-height:0;
    display:var(--sds-slide-drawing-display);
    flex-direction:column;
    grid-row:var(--sds-slide-drawing-span);
    grid-template-rows:var(--sds-slide-drawing-rows);
    gap:var(--sds-slide-label-gap);
    padding:var(--sds-slide-drawing-pad);
    border:var(--sds-slide-rule) solid var(--sds-slide-drawing-edge);
    border-radius:var(--sds-slide-drawing-radius);
    background:var(--sds-slide-drawing-fill);
    >.sds-slide__word{grid-row:1;margin:0;font-size:var(--sds-slide-word-size);font-weight:var(--sds-slide-word-weight);color:var(--sds-slide-word-ink)}
    sds-image{grid-row:2;flex:1 1 0;min-height:0}
    >.sds-slide__caption{grid-row:3}
    >.sds-slide__art{
      grid-row:2;
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
      justify-content:var(--sds-slide-art-place);
      :is(sds-diagram,.sds-diagram){margin-block:0}
      .sds-diagram>[data-room=stage]{display:none}
    }
    sds-slide[fit] &>.sds-slide__art .sds-diagram{
      >[data-room=page]{display:none}
      >[data-room=stage]{display:block}
    }
    .sds-slide__fit:has(.sds-diagram>svg){
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
      justify-content:var(--sds-slide-art-place);
      :is([slot],.sds-diagram,.sds-diagram>svg){min-height:0;flex:0 1 auto}
      :is([slot],.sds-diagram){display:flex;flex-direction:column}
    }
    .sds-slide__fit:has(>:is(svg,img,sds-image,picture):only-child){
      flex:1 1 0;
      min-height:0;
      >*{display:block;width:100%;height:100%;object-fit:var(--sds-slide-drawing-fit);object-position:var(--sds-slide-drawing-position)}
    }
    sds-image,img{display:block;width:100%;height:100%;object-fit:var(--sds-slide-drawing-fit);object-position:var(--sds-slide-drawing-position)}
  }
  .sds-slide__caption{margin:0;font-size:var(--sds-slide-caption-size);line-height:var(--sds-slide-caption-leading);color:var(--sds-slide-caption-ink)}
  .sds-slide--row{--sds-slide-drawing-position: center top;--sds-slide-figure-rows: auto minmax(0, 1fr) auto;--sds-slide-drawing-display: grid;--sds-slide-drawing-span: span 3;--sds-slide-drawing-rows: subgrid}
  .sds-slide--framed{--sds-slide-drawing-pad: var(--space-4);--sds-slide-drawing-edge: var(--border-subtle);--sds-slide-drawing-fill: var(--surface-raised)}
  .sds-slide--full{
    --sds-slide-art-place: center;
    --sds-slide-frame-pad: var(--space-4);
    --sds-slide-frame-top: var(--space-4);
    --sds-slide-frame-footed: var(--space-4);
    --sds-slide-count-fill: var(--sds-slide-plate-fill);
    --sds-slide-count-edge: var(--sds-slide-plate-edge);
    >.sds-slide__head{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  }
  .sds-slide--headed{
    --sds-slide-frame-footed: calc(var(--sds-slide-foot) + var(--space-8));
    --sds-slide-count-fill: var(--sds-slide-plate-fill);
    --sds-slide-count-edge: var(--sds-slide-plate-edge);
    --sds-slide-head-under: var(--space-4);
    --sds-slide-head-rule: var(--sds-slide-rule);
    --sds-slide-lead-size: var(--font-size-small);
    --sds-slide-lead-measure: none;
    >.sds-slide__head .sds-eyebrow{--sds-eyebrow-ink: light-dark(var(--text-accent-quiet), var(--accent))}
  }
  .sds-slide--beside{
    --sds-slide-beside-columns: minmax(0, 2fr) minmax(0, 3fr);
    --sds-slide-beside-areas: "text figure";
    --sds-slide-figure-pad: var(--sds-slide-top) var(--sds-slide-pad) 0 0;
    --sds-slide-figure-end: var(--sds-slide-pad-footed);
    --sds-slide-drawing-position: top;
    --sds-slide-body-align: center;
    --sds-slide-text-size: var(--font-size-lead);
    --sds-slide-text-leading: var(--leading-snug);
    --sds-slide-frame-pad: 0;
    --sds-slide-frame-top: 0;
    --sds-slide-frame-footed: 0;
    display:grid;
    grid-template-columns:var(--sds-slide-beside-columns);
    grid-template-rows:minmax(0,1fr);
    grid-template-areas:var(--sds-slide-beside-areas);
    >.sds-slide__figure{grid-area:figure}
  }
  .sds-slide--bleed{--sds-slide-drawing-fit: cover;--sds-slide-drawing-position: left top;--sds-slide-figure-pad: 0;--sds-slide-figure-end: 0;--sds-slide-figure-fill: var(--surface-inset);--sds-slide-count-fill: var(--sds-slide-plate-fill);--sds-slide-count-edge: var(--sds-slide-plate-edge)}
  .sds-slide__text{grid-area:text;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--sds-slide-gap);padding:var(--sds-slide-pad);padding-top:var(--sds-slide-top);padding-bottom:var(--sds-slide-pad-footed)}
  sds-slide[zoomable]>.sds-slide{cursor:zoom-in}
  .sds-slide__zoom{--sds-slide-press-inset: var(--space-3);position:absolute;inset-block-start:var(--sds-slide-press-inset);inset-inline-end:var(--sds-slide-press-inset)}
  .sds-slide__note{margin:0;font-size:var(--sds-slide-note-size);color:var(--sds-slide-note-ink)}
  .sds-slide__lockup{
    font-size:var(--sds-slide-lockup-size);
    .sds-lockup{--sds-lockup-signet-size: var(--sds-slide-lockup-signet);--sds-lockup-gap: var(--sds-slide-lockup-gap)}
  }
  .sds-slide__foot{
    position:absolute;
    inset-inline:var(--sds-slide-pad);
    bottom:var(--sds-slide-foot);
    display:flex;
    align-items:center;
    justify-content:space-between;
    >.sds-lockup,>.sds-slide__void>.sds-lockup{margin:var(--sds-slide-plate-back);padding:var(--sds-slide-plate-pad);border:var(--sds-slide-rule) solid var(--sds-slide-lockup-edge);border-radius:var(--sds-slide-plate-radius);background:var(--sds-slide-lockup-fill)}
  }
  .sds-slide__void{display:contents;visibility:hidden}
  .sds-slide__count{margin:var(--sds-slide-plate-back);padding:var(--sds-slide-plate-pad);border:var(--sds-slide-rule) solid var(--sds-slide-count-edge);border-radius:var(--sds-slide-plate-radius);background:var(--sds-slide-count-fill);font-family:var(--sds-slide-count-font);font-size:var(--sds-slide-count-size);font-variant-numeric:tabular-nums;color:var(--sds-slide-count-ink)}
  .sds-slide__nav{margin:0;padding:var(--sds-slide-nav-pad) 0 0;list-style:none;display:flex;gap:var(--sds-slide-nav-gap);border-top:var(--sds-slide-rule) solid var(--sds-slide-edge)}
  .sds-slide__nav-item{
    color:var(--sds-slide-nav-ink);
    border-bottom:var(--sds-slide-nav-mark) solid transparent;
    &.is-active{color:var(--sds-slide-nav-current);font-weight:var(--sds-slide-nav-weight);border-bottom-color:var(--accent)}
  }
}
@layer base{
  sds-deck{display:contents}
}
@layer components{
  dialog.sds-deck{
    --sds-deck-fill: var(--surface-raised);
    --sds-deck-stage-fill: var(--surface-sunken);
    --sds-deck-stage-pad: var(--space-6);
    --sds-deck-ink: var(--text-primary);
    --sds-deck-backdrop: var(--surface-overlay);
    --sds-deck-gap: var(--control-gap);
    --sds-deck-rule: var(--border-hairline);
    --sds-deck-edge: var(--border-subtle);
    --sds-deck-count-font: var(--font-mono);
    --sds-deck-count-size: calc(var(--font-size-small) * var(--font-modifier-mono));
    --sds-deck-count-ink: var(--text-muted);
    --sds-deck-goto-rule: var(--border-hairline);
    --sds-deck-thumb-width: 192px;
    --sds-deck-thumb-zoom: .2;
    --sds-deck-list-pad: var(--space-4);
    --sds-deck-list-width: calc( var(--sds-deck-thumb-width) + var(--sds-deck-list-pad) * 2 + var(--sds-deck-entry-gap) * 2 );
    --sds-deck-list-gap: var(--space-1);
    --sds-deck-entry-gap: var(--space-2);
    --sds-deck-entry-unseen-width: calc(var(--sds-deck-thumb-width) + var(--sds-deck-entry-gap) * 2);
    --sds-deck-entry-unseen: calc(var(--sds-deck-thumb-width) * 9 / 16 + var(--sds-deck-entry-gap) * 6);
    --sds-deck-entry-size: var(--font-size-small);
    --sds-deck-entry-ink: var(--text-secondary);
    --sds-deck-entry-current: var(--text-primary);
    --sds-deck-entry-radius: var(--radius-control);
    --sds-deck-thumb-edge: var(--border-subtle);
    --sds-deck-thumb-hover: var(--border-strong);
    --sds-deck-thumb-current: var(--text-secondary);
    --sds-deck-thumb-mark: var(--border-emphasis);
    --sds-deck-thumb-mark-offset: var(--focus-offset);
    --sds-deck-progress-size: var(--border-emphasis);
    --sds-deck-progress-track: var(--border-subtle);
    --sds-deck-progress-fill: var(--text-muted);
    --sds-deck-through: 0;
    --sds-deck-turn: calc(var(--duration-base) + var(--duration-fast)) var(--ease-out);
    --sds-deck-drag: 0px;
    --sds-deck-open: var(--duration-base) var(--ease-out);
    margin:0;
    padding:0;
    inset:0;
    width:100%;
    max-width:none;
    height:100%;
    max-height:none;
    border:0;
    background:var(--sds-deck-fill);
    color:var(--sds-deck-ink);
    overflow:hidden;
    opacity:0;
    transition:opacity var(--sds-deck-open),overlay var(--sds-deck-open) allow-discrete,display var(--sds-deck-open) allow-discrete;
    &[open]{
      display:flex;
      flex-direction:column;
      opacity:1;
      @starting-style{opacity:0}
    }
    &::backdrop{background:var(--sds-deck-backdrop);opacity:0;transition:opacity var(--sds-deck-open),overlay var(--sds-deck-open) allow-discrete,display var(--sds-deck-open) allow-discrete}
    &[open]::backdrop{
      opacity:1;
      @starting-style{opacity:0}
    }
  }
  html[data-sds-hold~=deck]{overflow:hidden}
  .sds-deck__screen{outline:0;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--sds-deck-fill)}
  .sds-deck .sds-modal__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    background:var(--sds-deck-fill);
    .sds-modal__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    >.sds-deck__end{justify-self:end}
  }
  .sds-deck__start,.sds-deck__controls,.sds-deck__end{min-width:0;display:flex;align-items:center;gap:var(--sds-deck-gap)}
  .sds-deck__count{margin:0;min-width:7ch;text-align:center;font-family:var(--sds-deck-count-font);font-size:var(--sds-deck-count-size);font-weight:400;font-variant-numeric:tabular-nums;color:var(--sds-deck-count-ink)}
  .sds-deck__goto{
    inline-size:auto;
    padding:0;
    border:none;
    border-block-end:var(--sds-deck-goto-rule) solid transparent;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:end;
    &:hover,&:focus{border-block-end-color:var(--sds-deck-count-ink)}
  }
  .sds-deck__progress{
    flex:none;
    block-size:var(--sds-deck-progress-size);
    background:var(--sds-deck-progress-track);
    >span{
      display:block;
      block-size:100%;
      background:var(--sds-deck-progress-fill);
      transform:scaleX(var(--sds-deck-through));
      transform-origin:left;
      transition:transform var(--sds-deck-turn);
      &:dir(rtl){transform-origin:right}
    }
  }
  .sds-deck__main{position:relative;flex:1;min-height:0;display:flex}
  .sds-deck__stage{
    flex:1;
    min-width:0;
    padding:var(--sds-deck-stage-pad);
    position:relative;
    display:grid;
    align-content:center;
    background:var(--sds-deck-stage-fill);
    overflow:hidden;
    touch-action:pan-y pinch-zoom;
    >sds-slide{translate:var(--sds-deck-drag) 0;transition:translate var(--sds-deck-turn)}
    &.is-placing>sds-slide{transition:none}
    &.is-dragging{
      cursor:grabbing;
      user-select:none;
      >sds-slide{transition:none}
    }
  }
  .sds-deck__ghost{
    position:absolute;
    pointer-events:none;
    transition:translate var(--sds-deck-turn);
    >.sds-slide{margin:0}
  }
  dialog.sds-deck.is-full{
    .sds-modal__head{
      position:absolute;
      inset-inline:0;
      inset-block-start:0;
      z-index:1;
      opacity:0;
      transition:opacity var(--sds-deck-turn);
      &:hover,&:has(:focus-visible){opacity:1}
    }
    .sds-deck__progress{position:absolute;inset-inline:0;inset-block-end:0;z-index:1}
    .sds-deck__nav{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;background:var(--sds-deck-fill)}
    .sds-deck__stage{padding:0;cursor:pointer}
  }
  .sds-deck__nav{
    position:relative;
    flex:none;
    width:var(--sds-deck-list-width);
    padding:var(--sds-deck-list-pad);
    overflow-y:auto;
    border-inline-end:var(--sds-deck-rule) solid var(--sds-deck-edge);
    &[hidden]{display:none}
  }
  .sds-deck__list{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:var(--sds-deck-list-gap);
    >li{content-visibility:auto;contain-intrinsic-size:auto var(--sds-deck-entry-unseen-width) auto var(--sds-deck-entry-unseen)}
  }
  .sds-deck__entry{
    position:relative;
    width:calc(var(--sds-deck-thumb-width) + var(--sds-deck-entry-gap) * 2);
    padding:var(--sds-deck-entry-gap);
    display:flex;
    flex-direction:column;
    gap:var(--sds-deck-entry-gap);
    border:0;
    border-radius:var(--sds-deck-entry-radius);
    background:none;
    color:var(--sds-deck-entry-ink);
    font:inherit;
    font-size:var(--sds-deck-entry-size);
    text-align:start;
    cursor:pointer;
    &:hover .sds-deck__thumb{outline-color:var(--sds-deck-thumb-hover)}
    &.is-active{
      color:var(--sds-deck-entry-current);
      .sds-deck__thumb{outline:var(--sds-deck-thumb-mark) solid var(--sds-deck-thumb-current);outline-offset:var(--sds-deck-thumb-mark-offset)}
    }
  }
  .sds-deck__thumb{
    display:block;
    aspect-ratio:16 / 9;
    overflow:hidden;
    pointer-events:none;
    outline:var(--sds-deck-rule) solid var(--sds-deck-thumb-edge);
    >.sds-slide{--sds-slide-zoom: var(--sds-deck-thumb-zoom);margin:0;border:0}
  }
  .sds-deck__entry-count{flex:none;color:var(--sds-deck-count-ink);font-family:var(--sds-deck-count-font);font-size:var(--sds-deck-count-size);font-variant-numeric:tabular-nums}
  .sds-deck__entry-line{display:flex;align-items:baseline;gap:var(--sds-deck-entry-gap);min-width:0}
  .sds-deck__entry-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sds-deck__poster{
    --sds-deck-poster-step: var(--space-components);
    --sds-deck-presses-step: var(--space-3);
    --sds-deck-presses-gap: var(--control-gap);
    position:relative;
    margin-block:var(--sds-deck-poster-step);
    >.sds-deck__cover>sds-slide{margin-block:0}
  }
  .sds-deck__cover{cursor:pointer}
  .sds-deck__presses{margin-block-start:var(--sds-deck-presses-step);display:flex;justify-content:flex-end;gap:var(--sds-deck-presses-gap)}
  .sds-deck__rest{position:absolute;inset-inline:0;inset-block-start:0;height:0;overflow:hidden;visibility:hidden}
}
@layer components{
  @media(max-width:640px){
    .sds-deck__nav{position:absolute;inset:0;z-index:1;width:auto;border:0;background:var(--sds-deck-fill)}
    .sds-deck__list{display:grid;grid-template-columns:repeat(auto-fill,calc(var(--sds-deck-thumb-width) + var(--sds-deck-entry-gap) * 2));justify-content:center}
  }
  @media(prefers-reduced-motion:reduce){
    .sds-deck__stage>sds-slide,.sds-deck__ghost,.sds-deck__progress>span,dialog.sds-deck.is-full .sds-modal__head,dialog.sds-deck,dialog.sds-deck::backdrop{transition:none}
  }
}
@page sds-deck{size:1920px 1080px;margin:0}
@layer components{
  .sds-deck__print{position:fixed;inset-block-start:0;inset-inline-start:-300vw;inline-size:1920px}
  @media print{
    html[data-sds-deck-print]{page:sds-deck}
    html[data-sds-deck-print] body>:not(.sds-deck__print){display:none}
    .sds-deck__print{
      position:absolute;
      inset-block-start:0;
      inset-inline-start:0;
      page:sds-deck;
      print-color-adjust:exact;
      >sds-slide{margin:0}
      >sds-slide:not(:last-child){break-after:page}
      .sds-slide{border:0}
    }
  }
}
@layer base{
  sds-card{display:block;min-width:0;margin-block:var(--space-components)}
  sds-card>.sds-card{block-size:100%;margin-block:0}
  .sds-card{margin-block:var(--space-components)}
}
@layer components{
  .sds-card{
    --sds-card-lift: -2px;
    --sds-card-shadow: var(--shadow-tooltip);
    --sds-card-pad-y: var(--space-5);
    --sds-card-pad-x: var(--space-5);
    --sds-card-gap: var(--space-1-5);
    --sds-card-label-gap: var(--space-1);
    --sds-card-item-gap: var(--space-1);
    --sds-card-foot-gap: var(--space-3);
    --sds-card-icon-ink: var(--text-primary);
    --sds-card-icon-gap: var(--space-3);
    --sds-card-sign-size: var(--space-6);
    --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: var(--surface-raised);
    --sds-card-fill-hover: var(--surface-raised);
    --sds-card-glow: var(--accent-glow);
    --sds-card-glow-reach: 70%;
    --sds-card-media-fill: var(--surface-sunken);
    --sds-card-title-size: var(--font-size-lead);
    --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),box-shadow 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 var(--sds-card-glow-reach));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));box-shadow:var(--sds-card-shadow)}
  .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),var(--sds-card-shadow);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-row+.sds-card__title{margin-block-start:calc(var(--sds-card-label-gap) - var(--sds-card-gap))}
  }
  .sds-card__icon{display:flex;color:var(--sds-card-icon-ink);margin-block-end:var(--sds-card-icon-gap)}
  .sds-card__lead{flex-wrap:nowrap}
  .sds-card__sign{flex:none;inline-size:var(--sds-card-sign-size);block-size:var(--sds-card-sign-size)}
  .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-block-start:0}
    >:last-child{margin-block-end:0}
    li{margin-block-end:var(--sds-card-item-gap)}
  }
  .sds-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sds-card-foot-gap);padding:0 var(--sds-card-pad-x) var(--sds-card-pad-y)}
  .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);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;
    --sds-card-shadow: none;
    &: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-block:var(--space-components)}
  sds-swatch>.sds-swatch{block-size:100%;margin-block:0}
  .sds-swatch{margin-block:var(--space-components)}
}
@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: calc(var(--font-size-body) * var(--font-modifier-mono));--sds-swatch-name-ink: var(--text-primary);--sds-swatch-value-size: calc(var(--font-size-body) * var(--font-modifier-mono));--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-block:var(--space-components)}
  sds-icon-tile>.sds-icon-tile{margin-block:0}
  .sds-icon-tile{margin-block:var(--space-components)}
}
@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: calc(var(--font-size-small) * var(--font-modifier-mono));
    --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-block:var(--space-components)}
  sds-stat>.sds-stat{block-size:100%;margin-block:0}
  .sds-stat{margin-block:var(--space-components)}
}
@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);--sds-stat-at: 0%;--sds-stat-bar-h: var(--space-2);--sds-stat-bar-radius: var(--radius-pill);--sds-stat-bar-track: var(--surface-inset);--sds-stat-bar-fill: color-mix(in oklch, var(--status-ok) var(--sds-stat-at), var(--text-muted));--sds-stat-name-size: var(--font-size-body);--sds-stat-name-ink: var(--text-primary);--sds-stat-count-font: var(--font-mono);--sds-stat-count-size: calc(var(--font-size-small) * var(--font-modifier-mono));--sds-stat-count-ink: var(--text-secondary);--sds-stat-head-gap: var(--space-3);display:flex;flex-direction:column;gap:var(--sds-stat-gap);min-width:0}
  @container style(--sds-stat-step: display){
    .sds-stat{--sds-stat-value-size: var(--font-size-display);--sds-stat-value-leading: var(--leading-display);--sds-stat-value-tracking: var(--tracking-display);--sds-stat-unit-size: var(--font-size-h2)}
  }
  .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__bar{
    block-size:var(--sds-stat-bar-h);
    border-radius:var(--sds-stat-bar-radius);
    background:var(--sds-stat-bar-track);
    overflow:hidden;
    >span{display:block;block-size:100%;inline-size:var(--sds-stat-at);background:var(--sds-stat-bar-fill)}
  }
  .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);
    >p{margin-block:0;font-size:inherit;line-height:inherit;color:inherit}
  }
  .sds-stat--list{--sds-stat-gap: var(--space-2)}
  .sds-stat__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sds-stat-head-gap)}
  .sds-stat__name{font-size:var(--sds-stat-name-size);color:var(--sds-stat-name-ink)}
  .sds-stat__count{flex:none;font-family:var(--sds-stat-count-font);font-size:var(--sds-stat-count-size);color:var(--sds-stat-count-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-block:var(--space-components)}
  sds-figure>.sds-figure{block-size:100%;margin-block:0}
  .sds-figure{margin-block:var(--space-components)}
  figure:not([class*=sds-])>figcaption{padding-block-start:var(--space-2);font-size:var(--font-size-small);color:var(--text-muted)}
  figcaption>:first-child{margin-block-start:0}
  figcaption>:last-child{margin-block-end:0}
  sds-figure:not(:defined){display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-components)}
  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{
    >*{margin-block:0}
    >:is(sds-diagram,.sds-diagram){--surface-canvas: var(--sds-figure-fill)}
    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__frame--plain{--sds-figure-fill: transparent;--sds-figure-border: 0}
  .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-block:var(--space-components)}
  sds-embed>.sds-embed{margin-block:0}
  .sds-embed{margin-block:var(--space-components)}
  sds-embed:not(:defined){display:block;margin-block:var(--space-components)}
  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{--sds-embed-fill: var(--surface-canvas);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-block:var(--space-components)}
  sds-search-hits>.sds-hits{margin-block:0}
  .sds-hits{margin-block:var(--space-components)}
}
@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-small);--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-width: fit-content;--sds-modal-measure: var(--measure-modal);--sds-modal-height: calc(100vh - var(--space-16));--sds-modal-room: var(--space-8);--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-body-size: var(--block-body-size);--sds-modal-body-leading: var(--leading-body);--sds-modal-backdrop: var(--surface-overlay);width:var(--sds-modal-width);max-width:min(var(--sds-modal-measure),100% - var(--sds-modal-room));max-height:var(--sds-modal-height);border:var(--sds-modal-border) solid var(--sds-modal-edge);border-radius:var(--sds-modal-radius);background:var(--sds-modal-fill)}
  .sds-modal--sm,.sds-modal--md,.sds-modal--lg{--sds-modal-width: 100%}
  .sds-modal--sm{--sds-modal-measure: var(--modal-width-sm);--sds-modal-height: var(--modal-height-sm)}
  .sds-modal--md{--sds-modal-measure: var(--modal-width-md);--sds-modal-height: var(--modal-height-md)}
  .sds-modal--lg{--sds-modal-measure: var(--modal-width-lg);--sds-modal-height: var(--modal-height-lg)}
  .sds-modal:not(dialog),dialog.sds-modal[open]{display:flex;flex-direction:column}
  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{
    --sds-modal-head-pad-y: var(--block-pad-y-tight);
    --sds-modal-head-pad-x: var(--block-pad-x);
    --sds-modal-head-gap: var(--control-gap);
    --sds-modal-head-border: var(--border-hairline);
    --sds-modal-head-height: calc(var(--control-height) + var(--block-pad-y-tight) * 2 + var(--sds-modal-head-border));
    --sds-modal-head-rule: var(--border-subtle);
    --sds-modal-head-size: var(--block-title-size);
    --sds-modal-head-weight: var(--weight-semibold);
    --sds-modal-head-close: var(--control-height-sm);
    --sds-modal-head-glyph: var(--control-icon-size);
    display:flex;
    flex:none;
    align-items:center;
    justify-content:space-between;
    gap:var(--sds-modal-head-gap);
    min-height:var(--sds-modal-head-height);
    padding:var(--sds-modal-head-pad-y) calc(var(--sds-modal-head-pad-x) - (var(--sds-modal-head-close) - var(--sds-modal-head-glyph)) / 2) var(--sds-modal-head-pad-y) var(--sds-modal-head-pad-x);
    border-bottom:var(--sds-modal-head-border) solid var(--sds-modal-head-rule);
    font-size:var(--sds-modal-head-size);
    font-weight:var(--sds-modal-head-weight);
    .sds-modal__title{min-width:0}
    .sds-modal__close{flex:none}
  }
  .sds-modal__body{
    min-height:0;
    overflow-y:auto;
    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);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-modal__foot{display:flex;flex:none;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-mark-pull: calc((var(--control-icon-size) - var(--control-height)) / 2);
    --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}
  sds-nav-main:not(:defined){--sds-bar-height: var(--height-header);min-height:var(--sds-bar-height)}
  html:has(.sds-bar,sds-nav-main){--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-btn--icon{margin-inline:var(--sds-bar-mark-pull)}
  }
  .sds-bar__lang{
    --sds-bar-lang-font: var(--font-mono);
    --sds-bar-lang-size: calc(var(--tab-font-size) * var(--font-modifier-mono));
    .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-3);--sds-footer-row-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-small);--sds-footer-note-leading: var(--leading-body);--sds-footer-link-size: var(--nav-font-size);--sds-footer-end-size: var(--font-size-small);--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-row-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-row-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-block:var(--space-components)}
  sds-nav-breadcrumb>.sds-crumbs{margin-block:0}
  .sds-crumbs{margin-block:var(--space-components)}
}
@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-block:var(--space-12) var(--space-4)}
  sds-nav-pager>.sds-pager{margin-block:0}
  .sds-pager{margin-block:var(--space-12) var(--space-4)}
  sds-nav-pagination{display:block;min-width:0;margin-block:var(--space-components)}
  sds-nav-pagination>.sds-pagination{margin-block:0}
  .sds-pagination{margin-block:var(--space-components)}
}
@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: calc(var(--nav-font-size) * var(--font-modifier-mono));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-height: var(--control-height);
    --sds-pill-leading: var(--control-leading);
    --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);
    display:inline-flex;
    align-items:center;
    block-size:var(--sds-pill-height);
    padding-inline:var(--sds-pill-pad-x);
    line-height:var(--sds-pill-leading);
    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-height: var(--control-height);
    --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-sans);
    --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;
    block-size:var(--sds-bar-nav-height);
    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-x: var(--sds-drawer-pad-item-x)}
  }
  .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-block:var(--space-components)}
  sds-tabs>.sds-tabs{margin-block:0}
  .sds-tabs{margin-block:var(--space-components)}
}
@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: calc(var(--tab-font-size) * var(--font-modifier-mono));--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);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
}
@layer base{
  sds-theme{display:inline-flex}
}
@layer components{
  .sds-theme__toggle{--sds-theme-mark-duration: var(--duration-fast);--sds-theme-mark-ease: var(--ease-out);position:relative}
  .sds-theme__mark{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--sds-theme-mark-duration) var(--sds-theme-mark-ease)}
  :root:not([data-theme]) .sds-theme__mark--machine,[data-theme=light] .sds-theme__mark--light,[data-theme=dark] .sds-theme__mark--dark{opacity:1}
  @media(prefers-reduced-motion:reduce){
    .sds-theme__mark{transition:none}
  }
}
@layer state{
  :root[data-switching] :not(.sds-theme__mark){transition:none}
}
@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);position-try-fallbacks:flip-inline}
    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-3-5);
    --sds-rail-radius: var(--radius-control);
    --sds-rail-glyph: var(--control-icon-size);
    --sds-rail-font: var(--font-mono);
    --sds-rail-font-size: calc(var(--nav-font-size) * var(--font-modifier-mono));
    --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: calc(var(--nav-font-size) * var(--font-modifier-mono));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-block:var(--space-components)}
  sds-nav-toc>.sds-toc{margin-block:0}
  .sds-toc{margin-block:var(--space-components)}
  .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-small);
    --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-4);
    --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}
  .sds-toc.is-scrollable{overscroll-behavior:contain}
  @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-nav-outline{display:block;min-width:0;margin-block:var(--space-components)}
  sds-nav-outline>.sds-outline{margin-block:0}
  .sds-outline{margin-block:var(--space-components)}
}
@layer components{
  .sds-outline{
    --sds-outline-font-size: var(--font-size-small);
    --sds-outline-pad-y: var(--space-1-5);
    --sds-outline-step: var(--space-1);
    --sds-outline-indent: var(--space-3);
    --sds-outline-bleed: var(--space-2);
    --sds-outline-label-gap: var(--space-4);
    --sds-outline-part-gap: var(--space-4);
    --sds-outline-radius: var(--radius-control);
    --sds-outline-leading: var(--leading-heading);
    --sds-outline-ink: var(--text-secondary);
    --sds-outline-ink-nested: var(--text-muted);
    --sds-outline-ink-hover: var(--text-primary);
    --sds-outline-ink-active: var(--text-on-accent);
    --sds-outline-fill-active: var(--accent);
    --sds-outline-number-font: var(--font-mono);
    --sds-outline-number-size: calc(var(--sds-outline-font-size) * var(--font-modifier-mono));
    --sds-outline-number-ink: var(--text-muted);
    --sds-outline-number-gap: var(--space-1);
    --sds-outline-number-width: 2ch;
    --sds-outline-number-width-nested: 4ch;
    --sds-outline-duration: var(--duration-fast);
    --sds-outline-ease: var(--ease-out);
    --sds-outline-toggle-height: var(--control-height);
    --sds-outline-toggle-pad-x: var(--space-3);
    --sds-outline-toggle-gap: var(--space-2);
    --sds-outline-toggle-line: var(--border-hairline);
    --sds-outline-toggle-edge: var(--border-strong);
    --sds-outline-toggle-glyph: var(--control-icon-size);
    --sds-outline-toggle-ink: var(--text-primary);
    --sds-outline-drop-height: 50vh;
    --sds-outline-drop-pad-y: var(--space-3);
    box-sizing:border-box;
    margin-inline:calc(-1 * var(--sds-outline-bleed));
    padding:var(--sds-outline-pad-y) var(--sds-outline-bleed);
    font-size:var(--sds-outline-font-size);
    overflow-y:auto;
    >.sds-label{display:block;margin:0 0 var(--sds-outline-label-gap)}
  }
  .sds-outline__list{
    margin:0;
    padding-inline-start:0;
    list-style:none;
    .sds-outline__list{padding-block-start:var(--sds-outline-step);padding-inline-start:var(--sds-outline-indent)}
    >li{margin-bottom:var(--sds-outline-step)}
    >li:last-child{margin-bottom:0}
  }
  .sds-outline__part{
    >.sds-label{margin:0}
    &:not(:first-child){margin-block-start:var(--sds-outline-part-gap)}
  }
  .sds-outline__item{
    display:flex;
    align-items:center;
    margin-inline:calc(-1 * var(--sds-outline-bleed));
    padding:var(--sds-outline-step) var(--sds-outline-bleed);
    line-height:var(--sds-outline-leading);
    border-radius:var(--sds-outline-radius);
    color:var(--sds-outline-ink);
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    transition:background var(--sds-outline-duration) var(--sds-outline-ease),color var(--sds-outline-duration) var(--sds-outline-ease);
    &:hover{color:var(--sds-outline-ink-hover)}
    &:hover .sds-outline__label{text-decoration:underline}
  }
  .sds-outline__list .sds-outline__list .sds-outline__item{color:var(--sds-outline-ink-nested)}
  .sds-outline__list .sds-outline__list .sds-outline__item:hover{color:var(--sds-outline-ink-hover)}
  .sds-outline__item.is-active,.sds-outline__list .sds-outline__list .sds-outline__item.is-active{background:var(--sds-outline-fill-active);color:var(--sds-outline-ink-active)}
  .sds-outline__item.is-active .sds-outline__label{text-decoration:none}
  .sds-outline.is-scrollable{overscroll-behavior:contain}
  .sds-outline__label{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .sds-outline__number{flex:none;min-width:var(--sds-outline-number-width);margin-inline-end:var(--sds-outline-number-gap);font-family:var(--sds-outline-number-font);font-size:var(--sds-outline-number-size);color:var(--sds-outline-number-ink)}
  .sds-outline__list .sds-outline__list .sds-outline__number{min-width:var(--sds-outline-number-width-nested)}
  .sds-outline__item.is-active .sds-outline__number{color:inherit}
  .sds-outline__toggle{display:none}
  .sds-outline__fold{margin-inline:calc(-1 * var(--sds-outline-bleed));padding-inline:var(--sds-outline-bleed)}
  @media(max-width:860px){
    sds-nav-outline,.sds-outline{display:contents}
    .sds-outline__fold{flex-basis:100%;margin-inline:0;padding-inline:0}
    .sds-outline__toggle{
      position:absolute;
      display:inline-flex;
      align-items:center;
      gap:var(--sds-outline-toggle-gap);
      height:var(--sds-outline-toggle-height);
      padding-inline:var(--sds-outline-toggle-pad-x);
      border:var(--sds-outline-toggle-line) solid var(--sds-outline-toggle-edge);
      border-radius:var(--sds-outline-radius);
      font-size:var(--sds-outline-font-size);
      color:var(--sds-outline-toggle-ink);
      list-style:none;
      cursor:pointer;
      user-select:none;
      &::-webkit-details-marker{display:none}
      .sds-icon{--sds-icon-size: var(--sds-outline-toggle-glyph)}
      .sds-icon[data-icon=actions-chevron-down]{transform:rotate(-90deg);transition:transform var(--sds-outline-duration) var(--sds-outline-ease)}
    }
    .sds-outline__fold[open]>.sds-outline__toggle .sds-icon[data-icon=actions-chevron-down]{transform:none}
    .sds-outline__fold>.sds-label{display:none}
    .sds-outline__fold::details-content{box-sizing:border-box;max-height:var(--sds-outline-drop-height);margin-inline:calc(-1 * var(--sds-outline-bleed));overflow-y:auto}
    .sds-outline__fold[open]::details-content{padding:var(--sds-outline-drop-pad-y) var(--sds-outline-bleed)}
  }
}
@layer components{
  .sds-paper{--sds-paper-width: var(--width-panel);--sds-paper-gap: var(--space-4);--sds-paper-pad-y: var(--space-8);--sds-paper-pad-x: var(--space-6);--sds-paper-inset: max(var(--gutter-page), (100% - var(--width-page)) / 2);--sds-paper-edge: var(--border-hairline);--sds-paper-rule: var(--border-subtle);--sds-paper-title-size: var(--font-size-body);--sds-paper-title-weight: var(--weight-semibold);--sds-paper-title-leading: var(--leading-heading);--sds-paper-title-gap: var(--space-2);--sds-paper-foot-size: var(--font-size-small);--sds-paper-foot-ink: var(--text-muted);--sds-paper-foot-gap: var(--space-3);--sds-paper-foot-row-gap: var(--space-1);--sds-paper-press-inset: var(--control-pad-x-sm);--sds-paper-main-pad-y: var(--space-12) var(--space-10);flex:1;display:flex;align-items:flex-start}
  .sds-paper__panel{
    flex:none;
    position:sticky;
    top:0;
    box-sizing:border-box;
    width:var(--sds-paper-width);
    height:100vh;
    display:flex;
    flex-direction:column;
    padding-block:var(--sds-paper-pad-y);
    border-inline-end:var(--sds-paper-edge) solid var(--sds-paper-rule);
    >:is(sds-nav-outline,.sds-outline){flex:1;min-height:0;margin-block:0}
    .sds-outline{max-height:100%;margin-inline:0;padding:var(--sds-paper-gap) var(--sds-paper-pad-x)}
  }
  .sds-paper__head{flex:none;padding:0 var(--sds-paper-pad-x) var(--sds-paper-gap);border-block-end:var(--sds-paper-edge) solid var(--sds-paper-rule)}
  .sds-paper__foot{flex:none;padding:var(--sds-paper-foot-gap) var(--sds-paper-pad-x) 0;border-block-start:var(--sds-paper-edge) solid var(--sds-paper-rule)}
  .sds-paper__head>:is(sds-eyebrow,.sds-eyebrow){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sds-paper__title{margin:var(--sds-paper-title-gap) 0 0;font-size:var(--sds-paper-title-size);font-weight:var(--sds-paper-title-weight);line-height:var(--sds-paper-title-leading);text-wrap:balance}
  .sds-paper__head>:is(sds-button,.sds-btn){margin-block-start:var(--sds-paper-gap)}
  .sds-paper__foot{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:var(--sds-paper-foot-row-gap);
    font-size:var(--sds-paper-foot-size);
    color:var(--sds-paper-foot-ink);
    >*{margin-block:0}
    >.sds-row{margin-inline-start:calc(-1 * var(--sds-paper-press-inset))}
    p{margin:0;font-size:var(--sds-paper-foot-size);text-wrap:pretty}
  }
  .sds-paper__main{
    flex:1;
    min-width:0;
    padding-block:var(--sds-paper-main-pad-y);
    padding-inline:var(--sds-paper-inset);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  @media(max-width:860px){
    html:has(.sds-paper){--sds-paper-jump: calc(var(--height-header) + var(--space-4));scroll-padding-top:var(--sds-paper-jump)}
    .sds-paper{--sds-paper-head-height: var(--height-header);--sds-paper-head-fill: var(--surface-canvas);--sds-paper-head-z: 20;--sds-paper-press-height: var(--control-height);--sds-paper-press-room: calc(var(--space-16) * 2 + var(--space-4));flex-direction:column;align-items:stretch}
    .sds-paper__panel{z-index:var(--sds-paper-head-z);width:auto;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:0 var(--sds-paper-inset);background:var(--sds-paper-head-fill);border-inline-end:0;border-block-end:var(--sds-paper-edge) solid var(--sds-paper-rule)}
    .sds-paper__head{
      flex:1;
      min-width:0;
      min-height:var(--sds-paper-head-height);
      display:flex;
      align-items:center;
      padding:0 var(--sds-paper-press-room) 0 0;
      border:0;
      >:not(.sds-paper__title){display:none}
    }
    .sds-paper__panel .sds-outline__toggle{inset-inline-end:var(--sds-paper-inset);top:calc((var(--sds-paper-head-height) - var(--sds-paper-press-height)) / 2)}
    .sds-paper__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .sds-paper__foot{flex-basis:100%;padding:var(--sds-paper-foot-gap) 0;border:0;border-block-start:var(--sds-paper-edge) solid var(--sds-paper-rule)}
    .sds-paper__panel:has(.sds-outline__fold:not([open])) .sds-paper__foot{display:none}
  }
}
@layer base{
  sds-timeline-stop{display:block;min-width:0}
  sds-timeline{display:block;min-width:0;margin-block:var(--space-components)}
  sds-timeline>.sds-timeline{margin-block:0}
  .sds-timeline{margin-block:var(--space-components)}
}
@layer components{
  .sds-timeline{--sds-timeline-measure: var(--measure-prose);--sds-timeline-mark-size: var(--control-icon-size);--sds-timeline-mark-ink-passed: var(--status-ok);--sds-timeline-mark-ink-now: var(--text-primary);--sds-timeline-mark-ink-ahead: var(--text-muted);--sds-timeline-mark-halo: var(--surface-canvas);--sds-timeline-column: 24px;--sds-timeline-gap: var(--space-4);--sds-timeline-stop-gap: var(--space-6);--sds-timeline-when-font: var(--font-mono);--sds-timeline-when-size: calc(var(--font-size-small) * var(--font-modifier-mono));--sds-timeline-when-ink: var(--text-muted);--sds-timeline-when-gap: var(--space-1);--sds-timeline-title-size: var(--block-title-size);--sds-timeline-title-weight: var(--weight-semibold);--sds-timeline-title-leading: var(--leading-heading);--sds-timeline-title-ink: var(--text-primary);--sds-timeline-title-ink-ahead: var(--text-secondary);--sds-timeline-title-gap: var(--space-2);--sds-timeline-note-gap: var(--space-2-5);--sds-timeline-body-size: var(--block-body-size);--sds-timeline-body-leading: var(--leading-body);--sds-timeline-body-ink: var(--text-secondary);--sds-timeline-rail: var(--border-emphasis);--sds-timeline-rail-ink-passed: var(--status-ok);--sds-timeline-rail-ink-ahead: var(--border-strong);--sds-timeline-rail-gap: var(--space-1-5);--sds-timeline-items-gap: var(--space-4);--sds-timeline-item-gap: var(--space-4);--sds-timeline-mark-rise: calc( (var(--sds-timeline-when-size) * var(--sds-timeline-body-leading) - var(--sds-timeline-mark-size)) / 2 );display:flex;flex-direction:column;gap:var(--sds-timeline-stop-gap);max-width:var(--sds-timeline-measure);font-size:var(--sds-timeline-body-size);line-height:var(--sds-timeline-body-leading);color:var(--sds-timeline-body-ink)}
  .sds-timeline__stop{
    position:relative;
    min-width:0;
    padding-inline-start:calc(var(--sds-timeline-column) + var(--sds-timeline-gap));
    &:after{content:"";position:absolute;inset-block:calc(var(--sds-timeline-mark-rise) + var(--sds-timeline-mark-size) + var(--sds-timeline-rail-gap)) calc(var(--sds-timeline-rail-gap) - var(--sds-timeline-stop-gap) - var(--sds-timeline-mark-rise));inset-inline-start:calc((var(--sds-timeline-column) - var(--sds-timeline-rail)) / 2);border-inline-start:var(--sds-timeline-rail) dashed var(--sds-timeline-rail-ink-ahead)}
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  :is(.sds-timeline,.sds-timeline__list)>:last-child.sds-timeline__stop:after,:is(.sds-timeline,.sds-timeline__list)>:last-child>.sds-timeline__stop:after{content:none}
  .sds-timeline__list .sds-timeline__stop:after{inset-block-end:calc(var(--sds-timeline-rail-gap) - var(--sds-timeline-item-gap) - var(--sds-timeline-mark-rise))}
  .sds-timeline__mark{
    position:absolute;
    inset-block-start:var(--sds-timeline-mark-rise);
    inset-inline-start:calc((var(--sds-timeline-column) - var(--sds-timeline-mark-size)) / 2);
    display:inline-flex;
    width:var(--sds-timeline-mark-size);
    height:var(--sds-timeline-mark-size);
    background:var(--sds-timeline-mark-halo);
    border-radius:50%;
    color:var(--sds-timeline-mark-ink-ahead);
    .sds-icon{--sds-icon-size: var(--sds-timeline-mark-size)}
  }
  .sds-timeline__stop--passed{
    .sds-timeline__mark{color:var(--sds-timeline-mark-ink-passed)}
    &:after{border-inline-start-style:solid;border-inline-start-color:var(--sds-timeline-rail-ink-passed)}
  }
  .sds-timeline__stop--now .sds-timeline__mark{color:var(--sds-timeline-mark-ink-now)}
  .sds-timeline__when{margin:0 0 var(--sds-timeline-when-gap);font-family:var(--sds-timeline-when-font);font-size:var(--sds-timeline-when-size);color:var(--sds-timeline-when-ink)}
  .sds-timeline__title{
    margin:0 0 var(--sds-timeline-title-gap);
    color:var(--sds-timeline-title-ink);
    font-size:var(--sds-timeline-title-size);
    font-weight:var(--sds-timeline-title-weight);
    line-height:var(--sds-timeline-title-leading);
    >.sds-label{margin-inline-start:var(--sds-timeline-note-gap)}
  }
  .sds-timeline__stop--ahead .sds-timeline__title{color:var(--sds-timeline-title-ink-ahead)}
  .sds-timeline__body>:first-child{margin-block-start:0}
  .sds-timeline__body>:last-child{margin-block-end:0}
  .sds-timeline__list{display:flex;flex-direction:column;gap:var(--sds-timeline-item-gap);margin:var(--sds-timeline-items-gap) 0 0}
}
@layer base{
  sds-answer{display:block;min-width:0}
  sds-decision{display:block;min-width:0;margin-block:var(--space-components)}
  sds-decision>.sds-decision{margin-block:0}
  .sds-decision{margin-block:var(--space-components)}
}
@layer components{
  .sds-decision{
    --sds-decision-pad-y: var(--block-pad-y);
    --sds-decision-pad-x: var(--block-pad-x);
    --sds-decision-border: var(--border-hairline);
    --sds-decision-edge: var(--border-subtle);
    --sds-decision-radius: var(--radius-card);
    --sds-decision-fill: var(--surface-raised);
    --sds-decision-label-gap: var(--space-2);
    --sds-decision-question-size: var(--font-size-h3);
    --sds-decision-question-weight: var(--weight-semibold);
    --sds-decision-question-leading: var(--leading-heading);
    --sds-decision-question-ink: var(--text-primary);
    --sds-decision-question-gap: var(--space-4);
    --sds-decision-lead-gap: var(--space-5);
    --sds-decision-answers-gap: var(--space-3);
    --sds-decision-answers-rule: var(--border-subtle);
    --sds-decision-answer-pad-y: var(--space-3);
    --sds-decision-key-column: var(--space-8);
    --sds-decision-key-ring: var(--space-6);
    --sds-decision-key-font: var(--font-mono);
    --sds-decision-key-size: calc(var(--font-size-small) * var(--font-modifier-mono));
    --sds-decision-key-weight: var(--weight-semibold);
    --sds-decision-key-ink: var(--text-muted);
    --sds-decision-key-edge: var(--border-strong);
    --sds-decision-key-fill: transparent;
    --sds-decision-key-ink-decided: var(--sds-decision-fill);
    --sds-decision-key-edge-decided: var(--status-ok);
    --sds-decision-key-fill-decided: var(--status-ok);
    --sds-decision-answer-gap: var(--space-3);
    --sds-decision-label-size: var(--block-title-size);
    --sds-decision-label-weight: var(--weight-semibold);
    --sds-decision-label-leading: var(--leading-heading);
    --sds-decision-label-ink: var(--text-secondary);
    --sds-decision-label-ink-decided: var(--text-primary);
    --sds-decision-mark-ink-recommended: var(--text-accent-quiet);
    --sds-decision-mark-ink-decided: var(--text-muted);
    --sds-decision-mark-gap: var(--space-1);
    --sds-decision-body-size: var(--block-body-size);
    --sds-decision-body-leading: var(--leading-body);
    --sds-decision-body-ink: var(--text-secondary);
    --sds-decision-body-gap: var(--space-1);
    --sds-decision-meta-gap: var(--space-4);
    --sds-decision-meta-size: var(--aside-size);
    --sds-decision-meta-ink: var(--text-muted);
    --sds-decision-meta-strong-ink: var(--text-primary);
    padding:var(--sds-decision-pad-y) var(--sds-decision-pad-x);
    border:var(--sds-decision-border) solid var(--sds-decision-edge);
    border-radius:var(--sds-decision-radius);
    background:var(--sds-decision-fill);
    font-size:var(--sds-decision-body-size);
    line-height:var(--sds-decision-body-leading);
    color:var(--sds-decision-body-ink);
    >.sds-label{display:block;margin:0 0 var(--sds-decision-label-gap)}
  }
  .sds-decision__question{margin:0 0 var(--sds-decision-question-gap);font-size:var(--sds-decision-question-size);font-weight:var(--sds-decision-question-weight);line-height:var(--sds-decision-question-leading);color:var(--sds-decision-question-ink);text-wrap:balance}
  .sds-decision__lead{margin:0 0 var(--sds-decision-lead-gap)}
  .sds-decision__answers{min-width:0}
  .sds-decision__answer{display:flex;align-items:baseline;gap:var(--sds-decision-answer-gap);padding-block:var(--sds-decision-answer-pad-y);border-block-start:var(--sds-decision-border) solid var(--sds-decision-answers-rule)}
  .sds-decision__answers>:last-child.sds-decision__answer,.sds-decision__answers>:last-child>.sds-decision__answer{padding-block-end:0}
  .sds-decision__key{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sds-decision-key-ring);height:var(--sds-decision-key-ring);margin-inline-end:calc(var(--sds-decision-key-column) - var(--sds-decision-key-ring));border:var(--sds-decision-border) solid var(--sds-decision-key-edge);border-radius:50%;background:var(--sds-decision-key-fill);font-family:var(--sds-decision-key-font);font-size:var(--sds-decision-key-size);font-weight:var(--sds-decision-key-weight);line-height:1;color:var(--sds-decision-key-ink)}
  .sds-decision__what{min-width:0;flex:1}
  .sds-decision__label{margin:0;font-size:var(--sds-decision-label-size);font-weight:var(--sds-decision-label-weight);line-height:var(--sds-decision-label-leading);color:var(--sds-decision-label-ink)}
  .sds-decision__body{
    margin:var(--sds-decision-body-gap) 0 0;
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-decision__mark{margin-inline-start:var(--sds-decision-mark-gap)}
  .sds-decision__mark--recommended{--sds-label-ink: var(--sds-decision-mark-ink-recommended)}
  .sds-decision__mark--decided{--sds-label-ink: var(--sds-decision-mark-ink-decided)}
  .sds-decision__answer.is-decided{
    .sds-decision__key{border-color:var(--sds-decision-key-edge-decided);background:var(--sds-decision-key-fill-decided);color:var(--sds-decision-key-ink-decided)}
    .sds-decision__label{color:var(--sds-decision-label-ink-decided)}
  }
  .sds-decision__meta{
    margin:var(--sds-decision-meta-gap) 0 0;
    font-size:var(--sds-decision-meta-size);
    color:var(--sds-decision-meta-ink);
    strong{font-weight:var(--sds-decision-label-weight);color:var(--sds-decision-meta-strong-ink)}
  }
}
@layer base{
  sds-compare{display:block;min-width:0;margin-block:var(--space-components)}
  sds-compare>.sds-compare{margin-block:0}
  .sds-compare{margin-block:var(--space-components)}
}
@layer components{
  .sds-compare{--sds-compare-gap: var(--space-6);--sds-compare-half-min: 280px;--sds-compare-label-gap: var(--space-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--sds-compare-half-min)),1fr));gap:var(--sds-compare-gap)}
  .sds-compare__half{
    min-width:0;
    >.sds-label{display:block;margin:0 0 var(--sds-compare-label-gap)}
    >:is(sds-figure,.sds-figure){margin-block:0}
  }
}
@layer base{
  sds-accordion-item{display:block;min-width:0}
  sds-accordion{display:block;min-width:0;margin-block:var(--space-components)}
  sds-accordion>.sds-accordion{margin-block:0}
  .sds-accordion{margin-block:var(--space-components)}
}
@layer components{
  .sds-accordion{--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-height: calc( var(--sds-accordion-pad-y) * 2 + var(--sds-accordion-head-size) * var(--sds-accordion-head-leading) );--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;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;
    min-width:0;
    padding:0 0 0 calc(var(--sds-accordion-glyph) + var(--sds-accordion-gap));
    scroll-margin-top:var(--sds-accordion-head-height);
    font-size:var(--sds-accordion-body-size);
    line-height:var(--sds-accordion-body-leading);
    color:var(--sds-accordion-body-ink);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
    &:after{content:"";display:block;height:var(--sds-accordion-foot)}
  }
  .sds-accordion:has(:target) .sds-accordion__item::details-content{transition:none}
}
@layer base{
  sds-run{display:block;min-width:0;margin-block:var(--space-components)}
  sds-run:has(+sds-run){margin-block-end:var(--space-2)}
  sds-run+sds-run{margin-block-start:var(--space-2)}
  sds-run>.sds-run{margin-block:0}
  .sds-run{margin-block:var(--space-components)}
}
@layer components{
  .sds-run{--sds-run-border: var(--border-hairline);--sds-run-edge: var(--border-subtle);--sds-run-radius: var(--radius-card);--sds-run-fill: var(--surface-canvas);--sds-run-pad-y: var(--block-pad-y);--sds-run-pad-x: var(--block-pad-x);--sds-run-gap: var(--space-3);--sds-run-heading-size: var(--block-title-size);--sds-run-heading-weight: var(--weight-semibold);--sds-run-heading-leading: var(--leading-heading);--sds-run-heading-ink: var(--text-primary);--sds-run-note-size: var(--aside-size);--sds-run-note-leading: var(--aside-leading);--sds-run-note-ink: var(--text-muted);--sds-run-row-pad-y: var(--space-2);--sds-run-row-pad-x: var(--space-2);--sds-run-row-pad-end: var(--sds-run-pad-x);--sds-run-row-gap: var(--space-3);--sds-run-row-ink: var(--text-secondary);--sds-run-row-ink-strong: var(--text-primary);--sds-run-row-fill-hover: var(--surface-inset);--sds-run-row-fill-busy: var(--surface-inset);--sds-run-mark: var(--font-size-body);--sds-run-meta-size: var(--font-size-small);--sds-run-said-size: var(--font-size-small);--sds-run-said-ink: var(--text-muted);--sds-run-said-ink-busy: var(--text-secondary);--sds-run-ink-ahead: var(--border-strong);--sds-run-ink-busy: var(--text-primary);--sds-run-ink-done: var(--status-ok);--sds-run-ink-failed: var(--status-error);--sds-run-output-fill: var(--surface-sunken);--sds-run-output-ink: var(--text-secondary);--sds-run-output-font: var(--font-mono);--sds-run-output-size: var(--font-size-small);--sds-run-output-leading: var(--leading-body);--sds-run-output-pad-y: var(--space-2);--sds-run-output-pad-x: var(--space-3);--sds-run-output-height: 18rem;--sds-run-output-inset: calc(var(--sds-run-row-pad-x) + 2 * var(--sds-run-mark) + 2 * var(--sds-run-row-gap));--sds-run-gutter: 3ch;--sds-run-gutter-gap: var(--space-3);--sds-run-gutter-ink: var(--text-muted);--sds-run-list-height: 26rem;--sds-run-duration: var(--duration-fast);--sds-run-ease: var(--ease-out);border:var(--sds-run-border) solid var(--sds-run-edge);border-radius:var(--sds-run-radius);background:var(--sds-run-fill);min-width:0}
  .sds-run__head{
    display:flex;
    align-items:center;
    gap:var(--sds-run-gap);
    padding:var(--sds-run-pad-y) var(--sds-run-pad-x);
    cursor:pointer;
    list-style:none;
    &::-webkit-details-marker{display:none}
    >.sds-run__chevron{margin-inline-start:auto}
  }
  .sds-run__headline{display:flex;flex-direction:column;min-width:0}
  .sds-run__heading{font-size:var(--sds-run-heading-size);font-weight:var(--sds-run-heading-weight);line-height:var(--sds-run-heading-leading);color:var(--sds-run-heading-ink)}
  .sds-run__note{font-size:var(--sds-run-note-size);line-height:var(--sds-run-note-leading);color:var(--sds-run-note-ink)}
  .sds-run__verdict{display:inline-flex;flex:none}
  .sds-run__verdict--running{color:var(--sds-run-ink-busy)}
  .sds-run__verdict--done{color:var(--sds-run-ink-done)}
  .sds-run__verdict--failed{color:var(--sds-run-ink-failed)}
  .sds-run__body{border-top:var(--sds-run-border) solid var(--sds-run-edge);max-height:var(--sds-run-list-height);overflow-y:auto}
  .sds-run__list{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
  .sds-run__step{
    min-width:0;
    margin:0;
    +.sds-run__step{border-top:var(--sds-run-border) solid var(--sds-run-edge)}
  }
  .sds-run__row{
    display:grid;
    grid-template-columns:var(--sds-run-mark) var(--sds-run-mark) auto minmax(0,1fr) auto;
    align-items:center;
    gap:var(--sds-run-row-gap);
    padding:var(--sds-run-row-pad-y) var(--sds-run-row-pad-end) var(--sds-run-row-pad-y) var(--sds-run-row-pad-x);
    list-style:none;
    &::-webkit-details-marker{display:none}
    >.sds-run__mark:first-child{grid-column-start:2}
  }
  .sds-run__fold>.sds-run__row{
    cursor:pointer;
    &:hover{background:var(--sds-run-row-fill-hover)}
  }
  .sds-run__chevron{color:var(--sds-run-said-ink);transition:transform var(--sds-run-duration) var(--sds-run-ease)}
  .sds-run__fold[open]>.sds-run__row>.sds-run__chevron{transform:rotate(90deg)}
  .sds-run__mark{display:inline-flex}
  .sds-run__mark--ahead{color:var(--sds-run-ink-ahead)}
  .sds-run__mark--running{color:var(--sds-run-ink-busy)}
  .sds-run__mark--done{color:var(--sds-run-ink-done)}
  .sds-run__mark--failed{color:var(--sds-run-ink-failed)}
  .sds-run__label{min-width:0;overflow-wrap:anywhere}
  .sds-run__said{grid-column:4;justify-self:start;overflow:hidden;font-size:var(--sds-run-said-size);color:var(--sds-run-said-ink);text-overflow:ellipsis;white-space:nowrap}
  .sds-run__meta{grid-column:5;color:var(--sds-run-said-ink);font-size:var(--sds-run-meta-size);font-variant-numeric:tabular-nums}
  .sds-run__step--ahead{color:var(--sds-run-said-ink)}
  .sds-run__step--running{
    background:var(--sds-run-row-fill-busy);
    color:var(--sds-run-row-ink-strong);
    :is(.sds-run__said,.sds-run__meta){color:var(--sds-run-said-ink-busy)}
  }
  .sds-run__step--done{color:var(--sds-run-row-ink)}
  .sds-run__step--failed{color:var(--sds-run-row-ink-strong)}
  .sds-run__group>.sds-run__group-head{
    display:flex;
    align-items:center;
    gap:var(--sds-run-row-gap);
    padding:var(--sds-run-row-pad-y) var(--sds-run-row-pad-x);
    cursor:pointer;
    list-style:none;
    color:var(--sds-run-said-ink);
    font-size:var(--sds-run-said-size);
    &::-webkit-details-marker{display:none}
  }
  .sds-run__group[open]>.sds-run__group-head>.sds-run__chevron{transform:rotate(90deg)}
  .sds-run__group+.sds-run__group>.sds-run__group-head{border-top:var(--sds-run-border) solid var(--sds-run-edge)}
  .sds-run__output{counter-reset:sds-run-line;display:block;max-height:var(--sds-run-output-height);margin:0;overflow:auto;padding:var(--sds-run-output-pad-y) var(--sds-run-output-pad-x) var(--sds-run-output-pad-y) calc(var(--sds-run-output-inset) - var(--sds-run-gutter) - var(--sds-run-gutter-gap));background:var(--sds-run-output-fill);color:var(--sds-run-output-ink);font-family:var(--sds-run-output-font);font-size:var(--sds-run-output-size);line-height:var(--sds-run-output-leading);white-space:pre-wrap;overflow-wrap:anywhere}
  .sds-run__line{
    counter-increment:sds-run-line;
    display:grid;
    grid-template-columns:var(--sds-run-gutter) minmax(0,1fr);
    gap:var(--sds-run-gutter-gap);
    &:before{content:counter(sds-run-line);color:var(--sds-run-gutter-ink);text-align:end;user-select:none}
  }
  .sds-run__line--note{color:var(--sds-run-row-ink-strong)}
  .sds-run__line--ok{color:var(--sds-run-ink-done)}
  .sds-run__line--error{color:var(--sds-run-ink-failed)}
}
@layer base{
  sds-step{display:block;min-width:0}
  sds-steps{display:block;min-width:0;margin-block:var(--space-components)}
  sds-steps>.sds-steps{margin-block:0}
  .sds-steps{margin-block:var(--space-components)}
}
@layer components{
  .sds-steps{--sds-steps-measure: var(--measure-prose);--sds-steps-mark-size: 24px;--sds-steps-mark-text: var(--font-size-small);--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)}
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end: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);
    +*{margin-block-start:0}
    >.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);position-try-fallbacks:flip-inline}
  }
  .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-block:var(--space-components)}
  sds-diff{display:block;min-width:0;margin-block:var(--space-components)}
  sds-code>.sds-code{margin-block:0}
  sds-diff>.sds-code{margin-block:0}
  .sds-code{margin-block:var(--space-components)}
  sds-code:not(:defined){display:block;margin-block:var(--space-components)}
  pre:not(.sds-code__body,.sds-diff),sds-code:not(:defined)>code{padding:var(--space-3) var(--space-4);overflow:auto hidden;border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-sunken);font-family:var(--font-mono);font-size:calc(var(--font-size-small) * var(--font-modifier-mono));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: calc(var(--font-size-small) * var(--font-modifier-mono));--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: calc(var(--font-size-small) * var(--font-modifier-mono));--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);--sds-code-remark-font: var(--font-sans);--sds-code-remark-size: var(--font-size-small);--sds-code-remark-leading: var(--leading-body);--sds-code-remark-ink: var(--text-secondary);--sds-code-remark-no-ink: var(--text-primary);--sds-code-remark-step: var(--space-1-5);--sds-code-remark-gap: var(--space-3);--sds-code-no-width: 0ch;--sds-code-no-gap: var(--space-3);--sds-code-no-ink: var(--text-muted);--sds-code-no-ink-cited: var(--text-primary);--sds-code-no-weight-cited: var(--weight-semibold);--sds-code-row-fill-cited: var(--surface-raised);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:auto hidden;
    &:focus-visible{outline-offset:calc(-1 * (var(--border-emphasis) + var(--focus-offset)));box-shadow:none}
  }
  .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__row{display:block}
  .sds-code__no{display:inline-block;width:var(--sds-code-no-width);margin-inline-end:var(--sds-code-no-gap);text-align:end;color:var(--sds-code-no-ink);user-select:none}
  .sds-code__row--cited{
    margin-inline:calc(-1 * var(--sds-code-pad-x));
    padding-inline:var(--sds-code-pad-x);
    background:var(--sds-code-row-fill-cited);
    >.sds-code__no{color:var(--sds-code-no-ink-cited);font-weight:var(--sds-code-no-weight-cited)}
  }
  .sds-code__remarks{
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:var(--sds-code-remark-step) var(--sds-code-remark-gap);
    margin:0;
    padding:var(--sds-code-pad-y) var(--sds-code-pad-x);
    border-top:var(--sds-code-border) solid var(--sds-code-rule);
    font-family:var(--sds-code-remark-font);
    font-size:var(--sds-code-remark-size);
    line-height:var(--sds-code-remark-leading);
    color:var(--sds-code-remark-ink);
    >dt{font-family:var(--sds-code-font);font-size:var(--sds-code-body-size);color:var(--sds-code-remark-no-ink)}
    >dd{margin:0;min-width:0}
  }
  .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: calc(var(--diff-font-size) * var(--font-modifier-mono));--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:auto hidden}
  .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-copy{display:inline-block;min-width:0;max-width:100%}
}
@layer components{
  .sds-copy{--sds-copy-gap: var(--space-2);--sds-copy-font: var(--font-mono);--sds-copy-size: var(--font-size-small);--sds-copy-leading: var(--leading-heading);--sds-copy-ink: var(--text-primary);--sds-copy-ink-said: var(--status-ok);display:inline-flex;align-items:center;gap:var(--sds-copy-gap);max-width:100%}
  .sds-copy__value{min-width:0;font-family:var(--sds-copy-font);font-size:var(--sds-copy-size);line-height:var(--sds-copy-leading);color:var(--sds-copy-ink);overflow-wrap:anywhere}
  .sds-copy--ellipsis-start .sds-copy__value,.sds-copy--ellipsis-end .sds-copy__value{overflow:hidden;overflow-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
  .sds-copy--ellipsis-start .sds-copy__value{direction:rtl}
  .sds-copy__button{flex:none}
  .sds-copy__button.is-copied{--sds-btn-ink: var(--sds-copy-ink-said);--sds-btn-ink-hover: var(--sds-copy-ink-said)}
}
@layer base{
  sds-tree{display:block;min-width:0;margin-block:var(--space-components)}
  sds-tree>.sds-tree{margin-block:0}
  .sds-tree{margin-block:var(--space-components)}
}
@layer components{
  .sds-tree{--sds-tree-font: var(--font-mono);--sds-tree-font-note: var(--font-sans);--sds-tree-size: var(--font-size-small);--sds-tree-leading: var(--leading-heading);--sds-tree-step: var(--space-1);--sds-tree-gap: var(--space-2);--sds-tree-indent: var(--space-4);--sds-tree-mark: 16px;--sds-tree-elbow: calc(var(--sds-tree-step) + var(--sds-tree-size) * var(--sds-tree-leading) / 2);--sds-tree-rule: var(--border-hairline);--sds-tree-rule-ink: var(--border-subtle);--sds-tree-ink: var(--text-primary);--sds-tree-ink-note: var(--text-muted);--sds-tree-ink-mark: var(--text-muted);--sds-tree-fill-hover: var(--surface-raised);--sds-tree-radius: var(--radius-control);--sds-tree-pad: var(--space-2);--sds-tree-duration: var(--duration-fast);--sds-tree-ease: var(--ease-out);font-size:var(--sds-tree-size);line-height:var(--sds-tree-leading)}
  .sds-tree__list{
    margin:0;
    padding-inline-start:0;
    list-style:none;
    .sds-tree__list{margin-inline-start:calc(var(--sds-tree-pad) + var(--sds-tree-mark) / 2);padding-block-start:var(--sds-tree-step);padding-inline-start:var(--sds-tree-indent)}
  }
  .sds-tree__item{
    margin-bottom:var(--sds-tree-step);
    &:last-child{margin-bottom:0}
  }
  .sds-tree__list .sds-tree__list>.sds-tree__item{
    position:relative;
    &:before,&:after{content:"";position:absolute;inset-inline-start:calc(-1 * var(--sds-tree-indent));border-color:var(--sds-tree-rule-ink);border-style:solid;border-width:0}
    &:before{inset-block:calc(-1 * var(--sds-tree-step)) 0;border-inline-start-width:var(--sds-tree-rule)}
    &:last-child:before{inset-block-end:auto;block-size:calc(var(--sds-tree-elbow) + var(--sds-tree-step))}
    &:after{inset-block-start:var(--sds-tree-elbow);inline-size:calc(var(--sds-tree-indent) - var(--sds-tree-mark) / 2);border-block-start-width:var(--sds-tree-rule)}
  }
  .sds-tree__row{
    display:flex;
    align-items:center;
    gap:var(--sds-tree-gap);
    padding:var(--sds-tree-step) var(--sds-tree-pad);
    border-radius:var(--sds-tree-radius);
    font-family:var(--sds-tree-font);
    color:var(--sds-tree-ink);
    list-style:none;
    &::-webkit-details-marker{display:none}
  }
  summary.sds-tree__row{
    cursor:pointer;
    user-select:none;
    &:hover{background:var(--sds-tree-fill-hover)}
  }
  .sds-tree__mark{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    inline-size:var(--sds-tree-mark);
    color:var(--sds-tree-ink-mark);
    .sds-icon{--sds-icon-size: var(--sds-tree-mark);transform:rotate(-90deg);transition:transform var(--sds-tree-duration) var(--sds-tree-ease)}
  }
  .sds-tree__fold[open]>.sds-tree__row .sds-tree__mark .sds-icon{transform:none}
  .sds-tree__glyph{--sds-icon-size: var(--sds-tree-mark);flex:none;color:var(--sds-tree-ink-mark)}
  .sds-tree__name{min-width:0;overflow-wrap:anywhere}
  .sds-tree__note{min-width:0;font-family:var(--sds-tree-font-note);color:var(--sds-tree-ink-note)}
  @media(prefers-reduced-motion:reduce){
    .sds-tree__mark .sds-icon{transition:none}
  }
}
@layer base{
  sds-diagram{display:block;min-width:0;margin-block:var(--space-components)}
  sds-diagram .sds-diagram{margin-block:0}
  .sds-diagram{margin-block:var(--space-components)}
}
@layer components{
  .sds-diagram{
    --sds-diagram-floor: calc(9 / 13);
    --sds-diagram-least: calc(var(--sds-diagram-width, 0px) * var(--sds-diagram-floor));
    display:block;
    overflow-x:auto;
    >svg,>.sds-zoom>svg{display:block;overflow:visible;inline-size:100%;min-inline-size:var(--sds-diagram-least);block-size:auto}
  }
  .sds-slide .sds-diagram{--sds-diagram-floor: 0;overflow-x:visible}
  .sds-diagram__error{--sds-diagram-error-ink: var(--status-error);--sds-diagram-error-pad: var(--space-4);--sds-diagram-error-face: var(--font-mono);--sds-diagram-error-size: var(--aside-size);--sds-diagram-error-border: var(--border-hairline);--sds-diagram-error-radius: var(--radius-card);margin:0;padding:var(--sds-diagram-error-pad);border:var(--sds-diagram-error-border) solid var(--sds-diagram-error-ink);border-radius:var(--sds-diagram-error-radius);color:var(--sds-diagram-error-ink);font-family:var(--sds-diagram-error-face);font-size:var(--sds-diagram-error-size)}
}
@layer base{
  sds-confval{display:block;min-width:0;margin-block:var(--space-components)}
  sds-confval>.sds-confval{margin-block:0}
  .sds-confval{margin-block:var(--space-components)}
}
@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-small);--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-block-start:0}
  .sds-confval__body>:last-child{margin-block-end: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-small);
    --sds-footnote-ink: var(--text-secondary);
    --sds-footnote-label-font: var(--font-mono);
    --sds-footnote-label-size: calc(1em * var(--font-modifier-mono));
    --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>:first-child{margin-block-start:0}
  .sds-footnote__content>:last-child{margin-block-end:0}
}
@layer base{
  sds-entry{display:block;min-width:0;margin-block:var(--space-components)}
  sds-entry>.sds-entry{margin-block:0}
  .sds-entry{margin-block:var(--space-components)}
  sds-register{display:block;min-width:0}
  sds-register>.sds-register>:first-child{margin-block-start:0}
  sds-register>.sds-register>:last-child{margin-block-end:0}
}
@layer components{
  .sds-register,.sds-register__entries{min-width:0}
  .sds-entry{--sds-entry-line: 0px;--sds-entry-rule: var(--border-subtle);--sds-entry-pad-y: 0px;--sds-entry-meta-gap: var(--space-3);--sds-entry-meta-lead: var(--space-2);--sds-entry-body-lead: var(--space-4);--sds-entry-rail: var(--space-10);--sds-entry-rail-gap: var(--space-3);--sds-entry-number-font: var(--font-mono);--sds-entry-number-size: calc(var(--sds-entry-title-size) * var(--font-modifier-mono));--sds-entry-number-ink: var(--text-muted);--sds-entry-number-weight: var(--weight-regular);--sds-entry-title-size: var(--entry-title-size);--sds-entry-title-weight: var(--weight-semibold);--sds-entry-title-leading: var(--leading-heading);--sds-entry-origin-size: var(--aside-size);--sds-entry-origin-ink: var(--text-muted);--sds-entry-body-size: var(--block-body-size);--sds-entry-body-leading: var(--leading-body);--sds-entry-body-ink: var(--text-secondary);--sds-entry-todo-lead: var(--space-3);--sds-entry-todo-gap: var(--space-2);--sds-entry-todo-ink: var(--text-primary);--sds-entry-todo-number-size: calc(var(--sds-entry-body-size) * var(--font-modifier-mono));display:grid;grid-template-columns:minmax(var(--sds-entry-rail),max-content) minmax(0,1fr);column-gap:var(--sds-entry-rail-gap);padding-block-start:var(--sds-entry-pad-y);border-block-start:var(--sds-entry-line) solid var(--sds-entry-rule)}
  .sds-register sds-entry+sds-entry>.sds-entry,.sds-register .sds-entry+.sds-entry{--sds-entry-line: var(--border-hairline);--sds-entry-pad-y: var(--space-6)}
  .sds-register h3+sds-entry>.sds-entry,.sds-register h3+.sds-entry{--sds-entry-pad-y: var(--space-4)}
  .sds-entry__title{grid-column:2;margin:0 0 var(--sds-entry-meta-lead);font-size:var(--sds-entry-title-size);font-weight:var(--sds-entry-title-weight);line-height:var(--sds-entry-title-leading);text-wrap:balance}
  .sds-entry__number{grid-column:1;margin:0;font-family:var(--sds-entry-number-font);font-size:var(--sds-entry-number-size);font-weight:var(--sds-entry-number-weight);line-height:calc(var(--sds-entry-title-size) * var(--sds-entry-title-leading));color:var(--sds-entry-number-ink)}
  .sds-entry__meta{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sds-entry-meta-gap);margin-bottom:var(--sds-entry-body-lead)}
  .sds-entry__origin{font-size:var(--sds-entry-origin-size);color:var(--sds-entry-origin-ink)}
  .sds-entry__todo{
    grid-column:2;
    margin:var(--sds-entry-todo-lead) 0 0;
    font-size:var(--sds-entry-body-size);
    line-height:var(--sds-entry-body-leading);
    color:var(--sds-entry-todo-ink);
    >.sds-entry__number{margin-inline-end:var(--sds-entry-todo-gap);font-size:var(--sds-entry-todo-number-size);line-height:inherit}
  }
  .sds-entry__body{
    grid-column:2;
    font-size:var(--sds-entry-body-size);
    line-height:var(--sds-entry-body-leading);
    color:var(--sds-entry-body-ink);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end:0}
  }
}
@layer base{
  .sds-topic{margin-block:var(--space-components)}
}
@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);
    >:first-child{margin-block-start:0}
    >:last-child{margin-block-end: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: calc(1em * var(--font-modifier-mono));--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-small);
    --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-block:var(--space-components)}
  sds-note>.sds-note{margin-block:0}
  .sds-note{margin-block:var(--space-components)}
  sds-note:not(:defined):not(:has(>.sds-note)){display:block;margin-block:var(--space-components);padding:var(--block-pad-y) var(--block-pad-x);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card)}
  sds-note:not(:defined)>:first-child{margin-block-start:0}
  sds-note:not(:defined)>:last-child{margin-block-end: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);
    --sds-note-link-ink: var(--text-link);
    --sds-note-link-ink-hover: var(--text-link-hover);
    --sds-note-line: calc(var(--sds-note-body-size) * var(--sds-note-body-leading));
    --sds-note-wrap: nowrap;
    --sds-note-say-min: auto;
    display:flex;
    flex-wrap:var(--sds-note-wrap);
    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);
    a{
      color:var(--sds-note-link-ink);
      &:hover{color:var(--sds-note-link-ink-hover)}
    }
    &:has(.sds-note__action){--sds-note-wrap: wrap;--sds-note-say-min: 18ch}
    &:has(.sds-note__title){--sds-note-line: calc(var(--sds-note-title-size) * var(--sds-note-title-leading))}
  }
  .sds-note__icon{
    flex:none;
    display:flex;
    align-items:center;
    height:var(--sds-note-line);
    font-size:var(--sds-note-title-size);
    line-height:var(--sds-note-title-leading);
    color:var(--sds-note-mark-ink);
    .sds-icon{--sds-icon-size: var(--sds-note-glyph)}
  }
  .sds-note__content{flex:1 1 var(--sds-note-say-min);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-block-start:0}
    >:last-child{margin-block-end:0}
  }
  .sds-note__action{flex:none;display:flex;align-items:center;height:var(--sds-note-line);margin-inline-start:auto}
  .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-link-ink: var(--text-link-hover)}
  .sds-note--error{
    --sds-note-edge: var(--border-error-quiet);
    --sds-note-fill: var(--surface-error-quiet);
    --sds-note-mark-ink: var(--status-error);
    --sds-note-link-ink: var(--text-primary);
    --sds-note-link-ink-hover: var(--text-primary);
    a:not(.sds-btn){text-decoration-line:underline}
  }
  .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: calc(var(--nav-font-size) * var(--font-modifier-mono));--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);--sds-skeleton-delay: 0s;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 var(--sds-skeleton-delay) 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;--sds-card-shadow: 0 0 transparent;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-solo-weight: var(--weight-bold);
    --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;
    &:not(:has(.sds-wordmark__brand)){font-weight:var(--sds-wordmark-solo-weight)}
  }
  .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}
}