/*!
 * TDS v9.5.5 - Built on 5/30/2025
 */
/* node_modules/@tesla/design-system-tokens/dist/css/root.css */
:root,
.tds-colorscheme--light,
.tds-scrim--white {
  --tds-animation-bezier-base: cubic-bezier(0.5, 0, 0, 0.75);
  --tds-ui-opacity-100: 1;
  --tds-ui-opacity-70: 0.7;
  --tds-ui-opacity-50: 0.5;
  --tds-ui-opacity-30: 0.3;
  --tds-ui-opacity-0: 0;
  --tds-ui-max-paragraph-width: 75ch;
  --tds-ui-box-shadow-off: 0 0 0 0 rgba(0, 0, 0, 0);
  --tds-component-pill-padding-inline: 20px;
  --tds-size-base-plus: 12px;
  --tds-size-half: 4px;
  --tds-size-base: 8px;
  --tds-size-9x: 72px;
  --tds-size-8x: 64px;
  --tds-size-7x: 56px;
  --tds-size-6x: 48px;
  --tds-size-5x: 40px;
  --tds-size-4x: 32px;
  --tds-size-3x: 24px;
  --tds-size-2x: 16px;
  --tds-size-13x: 104px;
  --tds-size-12x: 96px;
  --tds-size-11x: 88px;
  --tds-size-10x: 80px;
  --tds-line-height-unitless: 1.414;
  --tds-line-height-130: 96px;
  --tds-line-height-120: 72px;
  --tds-line-height-110: 64px;
  --tds-line-height-100: 56px;
  --tds-line-height-90: 56px;
  --tds-line-height-80: 48px;
  --tds-line-height-75: 44px;
  --tds-line-height-70: 36px;
  --tds-line-height-60: 28px;
  --tds-line-height-50: 28px;
  --tds-line-height-40: 24px;
  --tds-line-height-30: 20px;
  --tds-line-height-20: 20px;
  --tds-line-height-10: 18px;
  --tds-font-weight-thin: 100;
  --tds-font-weight-regular: 400;
  --tds-font-weight-medium: 500;
  --tds-font-weight-light: 300;
  --tds-font-weight-bold: 700;
  --tds-font-size-130: 80px;
  --tds-font-size-120: 72px;
  --tds-font-size-110: 64px;
  --tds-font-size-100: 56px;
  --tds-font-size-90: 48px;
  --tds-font-size-80: 40px;
  --tds-font-size-75: 34px;
  --tds-font-size-70: 28px;
  --tds-font-size-60: 24px;
  --tds-font-size-55: 23px;
  --tds-font-size-50: 20px;
  --tds-font-size-40: 17px;
  --tds-font-size-30: 14px;
  --tds-font-size-20: 12px;
  --tds-font-size-10: 10px;
  --tds-font-family-fallback-text:
    -apple-system,
    Arial,
    sans-serif;
  --tds-font-family-fallback-monospace: Menlo, monospace;
  --tds-font-family-fallback-display:
    -apple-system,
    Arial,
    sans-serif;
  --tds-font-family-base-speed: "CT Speed";
  --tds-font-family-base-blender: "Blender TSL";
  --tds-font-family-base-text: "Universal Sans Text";
  --tds-font-family-base-monospace: "Fira Code";
  --tds-font-family-base-display: "Universal Sans Display";
  --tds-color-status-yellow: #ffc107;
  --tds-color-status-orange: #f29137;
  --tds-color-status-red: #eb432f;
  --tds-color-status-magenta: #e13e8c;
  --tds-color-status-purple: #863ee1;
  --tds-color-status-blue: #3e6be2;
  --tds-color-status-teal: #3eade1;
  --tds-color-status-green: #02b028;
  --tds-color-yellow: #fbb01b;
  --tds-color-white: #ffffff;
  --tds-color-red-20: #ed4e3b;
  --tds-color-red-10: #b74134;
  --tds-color-grey-70: #f4f4f4;
  --tds-color-grey-65: #eeeeee;
  --tds-color-grey-60: #e2e3e3;
  --tds-color-grey-50: #d0d1d2;
  --tds-color-grey-45: #bbbbbb;
  --tds-color-grey-40: #a2a3a5;
  --tds-color-grey-35: #8e8e8e;
  --tds-color-grey-33: #707070;
  --tds-color-grey-30: #5c5e62;
  --tds-color-grey-25: #444444;
  --tds-color-grey-20: #393c41;
  --tds-color-grey-15: #222222;
  --tds-color-grey-10: #171a20;
  --tds-color-green: #12bb00;
  --tds-color-blue-40: #3368ff;
  --tds-color-blue-30: #3e6ae1;
  --tds-color-blue-20: #3457b1;
  --tds-color-blue-10: #2e4994;
  --tds-color-black: #000000;
  --tds-border-width-small: 1px;
  --tds-border-width-medium: 2px;
  --tds-border-width-large: 3px;
  --tds-border-width-hairline: 0.5px;
  --tds-border-style: solid;
  --tds-border-radius-outline-only: 0.001px;
  --tds-border-radius-circle: 100%;
  --tds-ui-box-shadow-small: 0 var(--tds-size-half) var(--tds-size-base) 0 rgba(0, 0, 0, 0.08);
  --tds-ui-box-shadow-medium: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, 0.12);
  --tds-ui-box-shadow-large-reverse: 0 -8px var(--tds-size-2x) 0 rgba(0, 0, 0, 0.16);
  --tds-ui-box-shadow-large: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, 0.16);
  --tds-component-pill-padding-block: var(--tds-size-2x);
  --tds-component-pill-height: var(--tds-size-5x);
  --tds-component-card-padding: var(--tds-size-2x);
  --tds-size-1x: var(--tds-size-base);
  --tds-font-family-thai-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-thai-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans Thai",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-thai-text:
    var(--tds-font-family-base-text),
    "Noto Sans Thai",
    var(--tds-font-family-fallback-text);
  --tds-font-family-thai-monospace:
    var(--tds-font-family-base-monospace),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-thai-display:
    var(--tds-font-family-base-display),
    "Noto Sans Thai",
    var(--tds-font-family-fallback-display);
  --tds-font-family-latin-speed: var(--tds-font-family-base-speed), var(--tds-font-family-fallback-speed);
  --tds-font-family-latin-blender: var(--tds-font-family-base-blender), var(--tds-font-family-fallback-blender);
  --tds-font-family-latin-text: var(--tds-font-family-base-text), var(--tds-font-family-fallback-text);
  --tds-font-family-latin-monospace: var(--tds-font-family-base-monospace), var(--tds-font-family-fallback-monospace);
  --tds-font-family-latin-display: var(--tds-font-family-base-display), var(--tds-font-family-fallback-display);
  --tds-font-family-korean-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-korean-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans KR",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-korean-text:
    var(--tds-font-family-base-text),
    "Noto Sans KR",
    var(--tds-font-family-fallback-text);
  --tds-font-family-korean-monospace: var(--tds-font-family-base-monospace), var(--tds-font-family-fallback-monospace);
  --tds-font-family-korean-display:
    var(--tds-font-family-base-display),
    "Noto Sans KR",
    var(--tds-font-family-fallback-display);
  --tds-font-family-japanese-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-japanese-blender:
    var(--tds-font-family-base-blender),
    "AXIS Font Japanese W55",
    "Hiragino Sans",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-japanese-text:
    var(--tds-font-family-base-text),
    "AXIS Font Japanese W55",
    "Hiragino Sans",
    var(--tds-font-family-fallback-text);
  --tds-font-family-japanese-monospace: var(--tds-font-family-base-monospace), var(--tds-font-family-fallback-monospace);
  --tds-font-family-japanese-display:
    var(--tds-font-family-base-display),
    "AXIS Font Japanese W55",
    "Hiragino Sans",
    var(--tds-font-family-fallback-display);
  --tds-font-family-hebrew-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-hebrew-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-hebrew-text:
    var(--tds-font-family-base-text),
    "Noto Sans Hebrew",
    var(--tds-font-family-fallback-text);
  --tds-font-family-hebrew-monospace:
    var(--tds-font-family-base-monospace),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-hebrew-display:
    var(--tds-font-family-base-display),
    "Noto Sans Hebrew",
    var(--tds-font-family-fallback-display);
  --tds-font-family-greek-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-greek-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-greek-text:
    var(--tds-font-family-base-text),
    "Noto Sans",
    var(--tds-font-family-fallback-text);
  --tds-font-family-greek-monospace:
    var(--tds-font-family-base-monospace),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-greek-display:
    var(--tds-font-family-base-display),
    "Noto Sans",
    var(--tds-font-family-fallback-display);
  --tds-font-family-fallback-speed: var(--tds-font-family-fallback-monospace);
  --tds-font-family-fallback-blender: var(--tds-font-family-fallback-text);
  --tds-font-family-cyrillic-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-cyrillic-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-cyrillic-text:
    var(--tds-font-family-base-text),
    "Noto Sans",
    var(--tds-font-family-fallback-text);
  --tds-font-family-cyrillic-monospace:
    var(--tds-font-family-base-monospace),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-cyrillic-display:
    var(--tds-font-family-base-display),
    "Noto Sans",
    var(--tds-font-family-fallback-display);
  --tds-font-family-chinese-traditional-speed:
    var(--tds-font-family-base-speed),
    "PingFang Mono TC",
    "Microsoft YaHei Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-chinese-traditional-blender:
    var(--tds-font-family-base-blender),
    "PingFang TC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-chinese-traditional-text:
    var(--tds-font-family-base-text),
    "PingFang TC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-text);
  --tds-font-family-chinese-traditional-monospace:
    var(--tds-font-family-base-monospace),
    "PingFang Mono TC",
    "Microsoft YaHei Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-chinese-traditional-display:
    var(--tds-font-family-base-display),
    "PingFang TC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-display);
  --tds-font-family-chinese-simplified-speed:
    var(--tds-font-family-base-speed),
    "PingFang Mono SC",
    "Microsoft YaHei Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-chinese-simplified-blender:
    var(--tds-font-family-base-blender),
    "PingFang SC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-chinese-simplified-text:
    var(--tds-font-family-base-text),
    "PingFang SC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-text);
  --tds-font-family-chinese-simplified-monospace:
    var(--tds-font-family-base-monospace),
    "PingFang Mono SC",
    "Microsoft YaHei Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-chinese-simplified-display:
    var(--tds-font-family-base-display),
    "PingFang SC",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-display);
  --tds-font-family-chinese-hk-speed:
    var(--tds-font-family-base-speed),
    "PingFang Mono HK",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-chinese-hk-blender:
    var(--tds-font-family-base-blender),
    "PingFang HK",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-chinese-hk-text:
    var(--tds-font-family-base-text),
    "PingFang HK",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-text);
  --tds-font-family-chinese-hk-monospace:
    var(--tds-font-family-base-monospace),
    "PingFang Mono HK",
    "Microsoft YaHei Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-chinese-hk-display:
    var(--tds-font-family-base-display),
    "PingFang HK",
    "Microsoft YaHei",
    var(--tds-font-family-fallback-display);
  --tds-font-family-arabic-speed:
    var(--tds-font-family-base-speed),
    "Noto Sans Arabic",
    "Noto Sans Mono",
    var(--tds-font-family-fallback-speed);
  --tds-font-family-arabic-blender:
    var(--tds-font-family-base-blender),
    "Noto Sans Arabic",
    var(--tds-font-family-fallback-blender);
  --tds-font-family-arabic-text:
    var(--tds-font-family-base-text),
    "Noto Sans Arabic",
    var(--tds-font-family-fallback-text);
  --tds-font-family-arabic-monospace:
    var(--tds-font-family-base-monospace),
    "Noto Sans Mono",
    var(--tds-font-family-fallback-monospace);
  --tds-font-family-arabic-display:
    var(--tds-font-family-base-display),
    "Noto Sans Arabic",
    var(--tds-font-family-fallback-display);
  --tds-color-status-grey: var(--tds-color-grey-33);
  --tds-border-radius-pill: var(--tds-size-half);
  --tds-border-radius-card-dense: var(--tds-size-half);
  --tds-border-radius-card-base: var(--tds-size-half);
  --tds-border-radius-base: var(--tds-size-half);
}

/* node_modules/@tesla/design-system-tokens/dist/css/white/theme.css */
:root,
.tds-colorscheme--light,
.tds-scrim--white {
  --tds-theme-background-container-alt-highlight: rgba(0,0,0,0.075);
  --tds-theme-background-container-alt: rgba(0,0,0,0.05);
  --tds-theme-status-yellow-pastel: rgba(255, 193, 7, 0.2);
  --tds-theme-status-orange-pastel: rgba(242, 145, 55, 0.2);
  --tds-theme-status-red-pastel: rgba(235, 67, 47, 0.175);
  --tds-theme-status-magenta-pastel: rgba(225, 62, 140, 0.175);
  --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
  --tds-theme-status-purple-pastel: rgba(134, 62, 225, 0.175);
  --tds-theme-status-blue-pastel: rgba(62, 107, 226, 0.175);
  --tds-theme-status-teal-pastel: rgba(62, 173, 225, 0.15);
  --tds-theme-status-green-pastel: rgba(2, 176, 40, 0.175);
  --tds-theme-status-grey-pastel: rgba(93, 94, 98, 0.175);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-30);
  --tds-theme-foreground-inverse: var(--tds-color-black);
  --tds-theme-foreground-high-contrast: var(--tds-color-grey-10);
  --tds-theme-foreground: var(--tds-color-grey-20);
  --tds-theme-border-low-contrast: var(--tds-color-grey-60);
  --tds-theme-border: var(--tds-color-grey-50);
  --tds-theme-background-dialog: var(--tds-color-white);
  --tds-theme-background: var(--tds-color-white);
  --tds-theme-background-container-highlight: var(--tds-color-grey-65);
  --tds-theme-background-container: var(--tds-color-grey-70);
}

/* node_modules/@tesla/design-system-tokens/dist/css/light/theme.css */
.tds-scrim--light {
  --tds-theme-background-container-alt-highlight: rgba(0,0,0,0.075);
  --tds-theme-background-container-alt: rgba(0,0,0,0.05);
  --tds-theme-status-yellow-pastel: rgba(255, 193, 7, 0.2);
  --tds-theme-status-orange-pastel: rgba(242, 145, 55, 0.2);
  --tds-theme-status-red-pastel: rgba(235, 67, 47, 0.175);
  --tds-theme-status-magenta-pastel: rgba(225, 62, 140, 0.175);
  --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
  --tds-theme-status-purple-pastel: rgba(134, 62, 225, 0.175);
  --tds-theme-status-blue-pastel: rgba(62, 107, 226, 0.175);
  --tds-theme-status-teal-pastel: rgba(62, 173, 225, 0.15);
  --tds-theme-status-green-pastel: rgba(2, 176, 40, 0.175);
  --tds-theme-status-grey-pastel: rgba(93, 94, 98, 0.175);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-20);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-30);
  --tds-theme-foreground-inverse: var(--tds-color-black);
  --tds-theme-foreground-high-contrast: var(--tds-color-grey-10);
  --tds-theme-foreground: var(--tds-color-grey-20);
  --tds-theme-border-low-contrast: var(--tds-color-grey-60);
  --tds-theme-border: var(--tds-color-grey-50);
  --tds-theme-background-dialog: var(--tds-color-white);
  --tds-theme-background: var(--tds-color-grey-70);
  --tds-theme-background-container-highlight: var(--tds-color-grey-65);
  --tds-theme-background-container: var(--tds-color-white);
}

/* node_modules/@tesla/design-system-tokens/dist/css/black/theme.css */
.tds-colorscheme--dark,
.tds-scrim--black {
  --tds-theme-background-container-alt-highlight: rgba(255,255,255,0.25);
  --tds-theme-background-container-alt: rgba(255,255,255,0.135);
  --tds-theme-status-yellow-pastel: rgba(255, 193, 7, 0.225);
  --tds-theme-status-orange-pastel: rgba(242, 145, 55, 0.225);
  --tds-theme-status-red-pastel: rgba(235, 67, 47, 0.25);
  --tds-theme-status-magenta-pastel: rgba(225, 62, 140, 0.25);
  --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
  --tds-theme-status-purple-pastel: rgba(134, 62, 225, 0.275);
  --tds-theme-status-blue-pastel: rgba(62, 107, 226, 0.275);
  --tds-theme-status-teal-pastel: rgba(62, 173, 225, 0.25);
  --tds-theme-status-green-pastel: rgba(2, 176, 40, 0.25);
  --tds-theme-status-grey-pastel: rgba(93, 94, 98, 0.25);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-40);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-50);
  --tds-theme-foreground-inverse: var(--tds-color-white);
  --tds-theme-foreground-high-contrast: var(--tds-color-white);
  --tds-theme-foreground: var(--tds-color-grey-65);
  --tds-theme-border-low-contrast: var(--tds-color-grey-25);
  --tds-theme-border: var(--tds-color-grey-30);
  --tds-theme-background-dialog: var(--tds-color-grey-15);
  --tds-theme-background: var(--tds-color-black);
  --tds-theme-background-container-highlight: var(--tds-color-grey-20);
  --tds-theme-background-container: var(--tds-color-grey-15);
}

/* node_modules/@tesla/design-system-tokens/dist/props.css */
:root,
.tds-component-preview {
  --tds-bezier: cubic-bezier(0.5, 0, 0, 0.75);
  --tds-size: 8px;
  --tds-size--10x: 80px;
  --tds-size--11x: 88px;
  --tds-size--12x: 96px;
  --tds-size--13x: 104px;
  --tds-size--1x: 8px;
  --tds-size--2x: 16px;
  --tds-size--3x: 24px;
  --tds-size--4x: 32px;
  --tds-size--5x: 40px;
  --tds-size--6x: 48px;
  --tds-size--7x: 56px;
  --tds-size--8x: 64px;
  --tds-size--9x: 72px;
  --tds-size--half: 4px;
  --tds-color--black: #000;
  --tds-color--blue10: #2e4994;
  --tds-color--blue20: #3457b1;
  --tds-color--blue30: #3e6ae1;
  --tds-color--green: #12bb00;
  --tds-color--grey10: #171a20;
  --tds-color--grey15: #222;
  --tds-color--grey20: #393c41;
  --tds-color--grey25: #444;
  --tds-color--grey30: #5c5e62;
  --tds-color--grey35: #8e8e8e;
  --tds-color--grey40: #a2a3a5;
  --tds-color--grey45: #bbb;
  --tds-color--grey50: #d0d1d2;
  --tds-color--grey60: #e2e3e3;
  --tds-color--grey65: #eee;
  --tds-color--grey70: #f4f4f4;
  --tds-color--red10: #b74134;
  --tds-color--red20: #ed4e3b;
  --tds-color--white: #fff;
  --tds-color--yellow: #fbb01b;
  --tds-blur--button: 16px;
  --tds-blur--large: 8px;
  --tds-blur--small: 4px;
  --tds-border-radius: 4px;
  --tds-border-radius--card: 4px;
  --tds-border-radius--card--dense: 4px;
  --tds-border-radius--circle: 100%;
  --tds-border-radius--pill: 4px;
  --tds-border-radius--outline-only: 0.001px;
  --tds-border-style: solid;
  --tds-border-width--hairline: 1px;
  --tds-border-width--large: 3px;
  --tds-border-width--medium: 2px;
  --tds-border-width--small: 1px;
  --tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  --tds-box-shadow--large-reverse: 0 -8px 16px 0 rgba(0, 0, 0, 0.16);
  --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  --tds-box-shadow--off: 0 0 0 0 rgba(0, 0, 0, 0);
  --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  --tds-height--choice: 24px;
  --tds-height--pill: 40px;
  --tds-max-paragraph-width: 75ch;
  --tds-opacity--100: 1;
  --tds-opacity--30: 0.3;
  --tds-opacity--50: 0.5;
  --tds-opacity--70: 0.7;
  --tds-opacity--transparent: 0;
  --tds-padding--card: 24px;
  --tds-padding--card--dense: 16px;
}
@media (min-resolution: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :root,
  .tds-component-preview {
    --tds-border-width--hairline: 0.5px;
  }
}

/* src/base/normalize.css */
:root {
  --tds-paragraph-gap: var(--tds-font-size-30);
}
* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  block-size: -webkit-fill-available;
}
body {
  margin: 0;
  min-block-size: 100vh;
  min-block-size: -webkit-fill-available;
}
ol,
ul,
dl,
dt,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
figure,
figcaption {
  margin: 0;
  padding: 0;
}
p,
li {
  max-inline-size: var(--tds-max-paragraph-width);
}
li {
  margin: 0;
}
p {
  font-size: var(--tds-font-size-30);
  line-height: var(--tds-line-height-30);
}
p + p,
:is(ul, ol) + p,
p + :is(ul, ol) {
  padding-block-start: var(--tds-paragraph-gap);
}
small {
  font-size: var(--tds-font-size-20);
  line-height: var(--tds-line-height-10);
}
.tds-normalize-text {
  color: var(--tds-theme-foreground);
  text-align: initial;
  text-wrap: initial;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
small {
  display: block;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
small {
  line-height: var(--tds-line-height-30);
}
hr {
  background: var(--tds-color--grey50, #d0d1d2);
  block-size: 1px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
abbr[title] {
  border-block-end: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: 500;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-inline-size: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  block-size: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
       appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
}
:focus {
  outline: none;
}
* {
  outline-offset: 2px;
}
:not(input):focus-visible {
  outline: var(--tds-outline--focus);
}
:where(.tds--indicate-focus) :focus {
  outline: var(--tds-outline--focus);
}
details {
  display: block;
}
summary {
  display: list-item;
}
[disabled],
[disabled] ~ [class*=tds-form-label],
.tds--disabled {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
:is(.tds--disabled, [disabled]) :is(.tds--disabled, [disabled]) {
  opacity: unset;
}
[disabled] *,
[disabled]::before,
[disabled]::after,
[disabled] ~ [class*=tds-form-label],
[disabled] ~ [class*=tds-form-label]::before,
[disabled] ~ [class*=tds-form-label]::after,
.tds--disabled * {
  pointer-events: none;
}
tds-form-input-dropdown,
tds-form-input,
tds-form-input-date,
tds-form-input-search,
tds-form-input-file-upload {
  display: block;
}

/* src/base/fonts.css */
@font-face {
  font-family: "Universal Sans Display";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Display";
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Display";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Display";
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Display";
  font-weight: 100;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Thin.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Text";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Text";
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Text";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Text";
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Universal Sans Text";
  font-weight: 100;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Thin.woff2) format("woff2");
}
@font-face {
  font-family: "Blender TSL";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Blender TSL";
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Blender TSL";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Book.woff2) format("woff2");
}
@font-face {
  font-family: "CT Speed";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/ct-speed/web/CT-Speed.woff2) format("woff2");
  unicode-range:
    U+0044,
    U+0050,
    U+0052,
    U+004E,
    U+0030-0039;
}
@font-face {
  font-family: "Noto Sans Arabic";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0898-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EFD-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1,
    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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Noto Sans Arabic";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0898-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EFD-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1,
    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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic-Ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic-Ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek.woff2) format("woff2");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek-Ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek.woff2) format("woff2");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek-Ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Devanagari.woff2) format("woff2");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Devanagari.woff2) format("woff2");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Noto Sans Hebrew";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717099946/static/fonts/intl-fonts/Noto-Sans-Hebrew.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F,
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Noto Sans Hebrew";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717099946/static/fonts/intl-fonts/Noto-Sans-Hebrew.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F,
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Noto Sans Thai";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717100930/static/fonts/intl-fonts/Noto-Sans-Thai.woff2) format("woff2");
  unicode-range:
    U+0E01-0E5B,
    U+200C-200D,
    U+25CC;
}
@font-face {
  font-family: "Noto Sans Thai";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717100930/static/fonts/intl-fonts/Noto-Sans-Thai.woff2) format("woff2");
  unicode-range:
    U+0E01-0E5B,
    U+200C-200D,
    U+25CC;
}
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code-Ext.woff2) format("woff2");
  unicode-range:
    U+0100-02AF,
    U+0304,
    U+0308,
    U+0329,
    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: "Fira Code";
  font-style: normal;
  font-weight: 400;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 400;
  src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code-Ext.woff2) format("woff2");
  unicode-range:
    U+0100-02AF,
    U+0304,
    U+0308,
    U+0329,
    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: "PingFang SC";
  font-weight: 500;
  src: local("PingFang SC Semibold");
}
@font-face {
  font-family: "PingFang SC";
  font-weight: 400;
  src: local("PingFang SC Regular");
}
@font-face {
  font-family: "PingFang TC";
  font-weight: 500;
  src: local("PingFang TC Semibold");
}
@font-face {
  font-family: "PingFang TC";
  font-weight: 400;
  src: local("PingFang TC Regular");
}
@font-face {
  font-family: "PingFang HK";
  font-weight: 400;
  src: local("PingFang HK Regular");
}
@font-face {
  font-family: "PingFang HK";
  font-weight: 500;
  src: local("PingFang HK Semibold");
}
:root,
.tds-normalize-text {
  font-size: var(--tds-font-size-30);
  font-weight: var(--tds-font-weight-regular);
  line-height: var(--tds-line-height-30);
}
:root {
  font-family: var(--tds-font-family-latin-text);
  text-rendering: optimizelegibility;
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4) {
  font-family: var(--tds-font-family-latin-display);
}
:is(h5, h6, .tds-text--h5, .tds-text--h6) {
  font-family: var(--tds-font-family-latin-text);
}
:is(small, sub, sup) {
  font-family: var(--tds-font-family-latin-text);
}
:is(code, .tds-text--monospace) {
  font-family: var(--tds-font-family-latin-monospace);
}
:lang(ar) {
  font-family: var(--tds-font-family-arabic-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ar) {
  font-family: var(--tds-font-family-arabic-display);
}
:is(small, sub, sup):lang(ar) {
  font-family: var(--tds-font-family-arabic-text);
}
:is(code, .tds-text--monospace):lang(ar) {
  font-family: var(--tds-font-family-arabic-monospace);
}
:lang(el) {
  font-family: var(--tds-font-family-greek-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(el) {
  font-family: var(--tds-font-family-greek-display);
}
:is(small, sub, sup):lang(el) {
  font-family: var(--tds-font-family-greek-text);
}
:is(code, .tds-text--monospace):lang(el) {
  font-family: var(--tds-font-family-greek-monospace);
}
:lang(he) {
  font-family: var(--tds-font-family-hebrew-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(he) {
  font-family: var(--tds-font-family-hebrew-display);
}
:is(small, sub, sup):lang(he) {
  font-family: var(--tds-font-family-hebrew-text);
}
:is(code, .tds-text--monospace):lang(he) {
  font-family: var(--tds-font-family-hebrew-monospace);
}
:lang(th) {
  font-family: var(--tds-font-family-thai-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(th) {
  font-family: var(--tds-font-family-thai-display);
}
:is(small, sub, sup):lang(th) {
  font-family: var(--tds-font-family-thai-text);
}
:is(code, .tds-text--monospace):lang(th) {
  font-family: var(--tds-font-family-thai-monospace);
}
:lang(ko) {
  font-family: var(--tds-font-family-korean-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ko) {
  font-family: var(--tds-font-family-korean-display);
}
:is(small, sub, sup):lang(ko) {
  font-family: var(--tds-font-family-korean-text);
}
:is(code, .tds-text--monospace):lang(ko) {
  font-family: var(--tds-font-family-korean-monospace);
}
:lang(ja) {
  font-family: var(--tds-font-family-japanese-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ja) {
  font-family: var(--tds-font-family-japanese-display);
}
:is(small, sub, sup):lang(ja) {
  font-family: var(--tds-font-family-japanese-text);
}
:is(code, .tds-text--monospace):lang(ja) {
  font-family: var(--tds-font-family-japanese-monospace);
}
:lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-display);
}
:is(small, sub, sup):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-text);
}
:is(code, .tds-text--monospace):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-monospace);
}
:lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-display);
}
:is(small, sub, sup):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-text);
}
:is(code, .tds-text--monospace):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-monospace);
}
:is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-text);
}
:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-display);
}
:is(small, sub, sup):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-text);
}
:is(code, .tds-text--monospace):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-monospace);
}
.tds-font-family--blender {
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family-latin-blender);
  font-weight: 500;
  text-rendering: optimizelegibility;
}
.tds-font-family--blender :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) {
  color: var(--tds-theme-foreground-high-contrast);
  font-family: var(--tds-font-family-latin-blender);
  font-weight: 700;
}
.tds-font-family--blender :is(small, sub, sup, .tds-text--caption) {
  color: var(--tds-theme-foreground-low-contrast);
  font-family: var(--tds-font-family-latin-blender);
}
.tds-font-family--blender :is(code, .tds-text--monospace) {
  font-family: var(--tds-font-family-latin-monospace);
}
:is(.tds-font-family--blender):lang(ar) {
  font-family: var(--tds-font-family-arabic-blender);
}
:is(.tds-font-family--blender):lang(el) {
  font-family: var(--tds-font-family-greek-blender);
}
:is(.tds-font-family--blender):lang(he) {
  font-family: var(--tds-font-family-hebrew-blender);
}
:is(.tds-font-family--blender):lang(th) {
  font-family: var(--tds-font-family-thai-blender);
}
:is(.tds-font-family--blender):lang(ko) {
  font-family: var(--tds-font-family-korean-blender);
}
:is(.tds-font-family--blender):lang(ja) {
  font-family: var(--tds-font-family-japanese-blender);
}
:is(.tds-font-family--blender):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-blender);
}
:is(.tds-font-family--blender):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-blender);
}
:is(.tds-font-family--blender):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-blender);
}
.tds-font-family--speed {
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family-latin-speed);
  font-weight: 400;
  text-rendering: optimizelegibility;
}
.tds-font-family--speed :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) {
  color: var(--tds-theme-foreground-high-contrast);
  font-family: var(--tds-font-family-latin-speed);
}
.tds-font-family--speed :is(small, sub, sup, .tds-text--caption) {
  color: var(--tds-theme-foreground-low-contrast);
  font-family: var(--tds-font-family-latin-speed);
}
:is(.tds-font-family--speed):lang(ar) {
  font-family: var(--tds-font-family-arabic-speed);
}
:is(.tds-font-family--speed):lang(el) {
  font-family: var(--tds-font-family-greek-speed);
}
:is(.tds-font-family--speed):lang(he) {
  font-family: var(--tds-font-family-hebrew-speed);
}
:is(.tds-font-family--speed):lang(th) {
  font-family: var(--tds-font-family-thai-speed);
}
:is(.tds-font-family--speed):lang(ko) {
  font-family: var(--tds-font-family-korean-speed);
}
:is(.tds-font-family--speed):lang(ja) {
  font-family: var(--tds-font-family-japanese-speed);
}
:is(.tds-font-family--speed):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-speed);
}
:is(.tds-font-family--speed):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-speed);
}
:is(.tds-font-family--speed):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-speed);
}
.tds-font-family--universal-text {
  font-family: var(--tds-font-family-latin-text) !important;
  text-rendering: optimizelegibility;
}
.tds-font-family--universal-text :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tds-font-family-latin-text) !important;
}
.tds-font-family--universal-text :is(small, sub, sup) {
  font-family: var(--tds-font-family-latin-text) !important;
}
:is(.tds-font-family--universal-text):lang(ar) {
  font-family: var(--tds-font-family-arabic-text) !important;
}
:is(.tds-font-family--universal-text):lang(el) {
  font-family: var(--tds-font-family-greek-text) !important;
}
:is(.tds-font-family--universal-text):lang(he) {
  font-family: var(--tds-font-family-hebrew-text) !important;
}
:is(.tds-font-family--universal-text):lang(th) {
  font-family: var(--tds-font-family-thai-text) !important;
}
:is(.tds-font-family--universal-text):lang(ko) {
  font-family: var(--tds-font-family-korean-text) !important;
}
:is(.tds-font-family--universal-text):lang(ja) {
  font-family: var(--tds-font-family-japanese-text) !important;
}
:is(.tds-font-family--universal-text):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-text) !important;
}
:is(.tds-font-family--universal-text):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-text) !important;
}
:is(.tds-font-family--universal-text):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-text) !important;
}
.tds-font-family--universal-display {
  font-family: var(--tds-font-family-latin-text) !important;
  text-rendering: optimizelegibility;
}
.tds-font-family--universal-display :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tds-font-family-latin-display) !important;
}
.tds-font-family--universal-display :is(small, sub, sup) {
  font-family: var(--tds-font-family-latin-display) !important;
}
:is(.tds-font-family--universal-display):lang(ar) {
  font-family: var(--tds-font-family-arabic-display) !important;
}
:is(.tds-font-family--universal-display):lang(el) {
  font-family: var(--tds-font-family-greek-display) !important;
}
:is(.tds-font-family--universal-display):lang(he) {
  font-family: var(--tds-font-family-hebrew-display) !important;
}
:is(.tds-font-family--universal-display):lang(th) {
  font-family: var(--tds-font-family-thai-display) !important;
}
:is(.tds-font-family--universal-display):lang(ko) {
  font-family: var(--tds-font-family-korean-display) !important;
}
:is(.tds-font-family--universal-display):lang(ja) {
  font-family: var(--tds-font-family-japanese-display) !important;
}
:is(.tds-font-family--universal-display):lang(zh) {
  font-family: var(--tds-font-family-chinese-simplified-display) !important;
}
:is(.tds-font-family--universal-display):lang(zh-HK) {
  font-family: var(--tds-font-family-chinese-hk-display) !important;
}
:is(.tds-font-family--universal-display):is(:lang(zh-MO), :lang(zh-TW)) {
  font-family: var(--tds-font-family-chinese-traditional-display) !important;
}

/* src/base/scrims.css */
[class*=tds-scrim--] {
  background-color: var(--tds-theme-background);
}
:root,
.tds-colorscheme--light,
.tds-scrim--white,
.tds-scrim--light {
  --tds-color--error: var(--tds-color-red-10);
  --tds-color--hairline: var(--tds-color-grey-50);
  --tds-color--inverse: var(--tds-color-white);
  --tds-color--primary: var(--tds-color-blue-30);
  --tds-color--primary-highlight: var(--tds-color-blue-20);
  --tds-color--rgb-shade:
    0,
    0,
    0;
  --tds-color--rgb-shade--inverse:
    255,
    255,
    255;
  --tds-color--scrim--semitransparent: rgba(255, 255, 255, 0.7);
  --tds-color--secondary: var(--tds-color-grey-10);
  --tds-color--secondary-accent: var(--tds-color-grey-50);
  --tds-color--secondary-highlight: var(--tds-color-black);
  --tds-color--tertiary: var(--tds-color-grey-70);
  --tds-color--tertiary-highlight: var(--tds-color-grey-65);
  --tds-caption--color: var(--tds-color-grey-30);
  --tds-dialog--background-color: var(--tds-color-white);
  --tds-form-label--color: var(--tds-color-grey-30);
  --tds-heading--color: var(--tds-color-grey-10);
  --tds-pill--blur-color: rgba(0, 0, 0, 0.048);
  --tds-pill--blur-color-highlight: rgba(0, 0, 0, 0.072);
  --tds-text--color: var(--tds-color-grey-20);
  --tds-text--color--light: var(--tds-color-grey-30);
  --tds-text--color--placeholder: var(--tds-color-grey-40);
  --tds-text--color--primary: var(--tds-color-blue-30);
  --tds-toggle--background-color: rgba(150, 150, 150, 0.1);
  --tds-toggle--fill-color: var(--tds-color-white);
  --tds-text--contrast-high: var(--tds-color-grey-10);
  --tds-text--contrast-low: var(--tds-color-grey-30);
  --tds-text--contrast-medium: var(--tds-color-grey-20);
  --tds-code-bg-color: var(--tds-color-grey-70);
  --tds-code-border-color: var(--tds-color-grey-60);
  --tds-code-color: var(--tds-text--color);
  --tds-color--focus: var(--tds-color-grey-35);
  --tds-outline--focus: 2px solid var(--tds-color--focus);
  --tds-background-image--check: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(218, 7%, 24%)' d='M6.592 11.58a.748.748 0 0 1-.53-.22L3.22 8.517a.75.75 0 1 1 1.06-1.061l2.312 2.312L11.72 4.64a.75.75 0 1 1 1.06 1.06l-5.658 5.66a.748.748 0 0 1-.53.22z' /></svg>");
  --tds-background-image--minus: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(218, 7%, 24%)' d='M13 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 13 8z' /></svg>");
  color: var(--tds-theme-foreground);
  color-scheme: light;
}
.tds-scrim--white {
  --tds-dialog--background-color: var(--tds-color-white);
  --tds-scrim--background: var(--tds-color-white);
}
.tds-scrim--light {
  --tds-color--tertiary: var(--tds-color-white);
  --tds-scrim--background: var(--tds-color-grey-70);
  --tds-text--color--primary: #3865e0;
  --tds-code-bg-color: var(--tds-color-grey-60);
  --tds-code-border-color: var(--tds-color-grey-50);
  --tds-code-color: var(--tds-text--color);
  --tds-color--focus: var(--tds-color-grey-30);
  --tds-outline--focus: 2px solid var(--tds-color--focus);
}
.tds-scrim--light .tds-tooltip > *,
.tds-scrim--light .tds-modal > *,
.tds-scrim--light .tds-card > * {
  --tds-code-bg-color: var(--tds-color-grey-70);
  --tds-code-border-color: var(--tds-color-grey-60);
  --tds-color--tertiary: var(--tds-color-grey-70);
}
.tds-colorscheme--dark,
.tds-scrim--black {
  --tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, 0.8);
  --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
  --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  --tds-color--error: var(--tds-color--red20);
  --tds-color--hairline: var(--tds-color-grey-35);
  --tds-color--inverse: var(--tds-color-black);
  --tds-color--rgb-shade:
    255,
    255,
    255;
  --tds-color--rgb-shade--inverse:
    0,
    0,
    0;
  --tds-color--scrim--semitransparent: rgba(0, 0, 0, 0.7);
  --tds-color--secondary: var(--tds-color-grey-70);
  --tds-color--secondary-accent: var(--tds-color-grey-35);
  --tds-color--secondary-highlight: var(--tds-color-white);
  --tds-color--tertiary: var(--tds-color-grey-15);
  --tds-color--tertiary-highlight: var(--tds-color-grey-20);
  --tds-caption--color: var(--tds-color-grey-50);
  --tds-dialog--background-color: var(--tds-color-grey-15);
  --tds-form-label--color: var(--tds-color-grey-50);
  --tds-heading--color: var(--tds-color-white);
  --tds-pill--blur-color: rgba(255, 255, 255, 0.13);
  --tds-pill--blur-color-highlight: rgba(255, 255, 255, 0.24);
  --tds-text--color: var(--tds-color-grey-60);
  --tds-text--color--light: var(--tds-color-grey-50);
  --tds-text--color--primary: #3368ff;
  --tds-toggle--background-color: rgba(255, 255, 255, 0.2);
  --tds-toggle--fill-color: var(--tds-color-grey-30);
  --tds-text--contrast-high: var(--tds-color-white);
  --tds-text--contrast-low: var(--tds-color-grey-40);
  --tds-text--contrast-medium: var(--tds-color-grey-60);
  --tds-code-bg-color: var(--tds-color-grey-10);
  --tds-code-border-color: var(--tds-color-grey-15);
  --tds-code-color: var(--tds-text--color);
  --tds-background-image--check: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(180, 2%, 89%)' d='M6.592 11.58a.748.748 0 0 1-.53-.22L3.22 8.517a.75.75 0 1 1 1.06-1.061l2.312 2.312L11.72 4.64a.75.75 0 1 1 1.06 1.06l-5.658 5.66a.748.748 0 0 1-.53.22z' /></svg>");
  --tds-background-image--minus: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(180, 2%, 89%)' d='M13 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 13 8z' /></svg>");
  color: var(--tds-theme-foreground);
  color-scheme: dark;
}
.tds-scrim--black {
  --tds-scrim--background: var(--tds-color-black);
}
.tds-colorscheme--dark :is(option, optgroup),
.tds-scrim--black :is(option, optgroup) {
  background-color: var(--tds-theme-background);
}

/* src/base/density.css */
:root,
.tds-density--default {
  --tds-border-radius--pill: var(--tds-size--half);
  --tds-data-table--font-size: 14px;
  --tds-height--pill: var(--tds-size--5x);
  --tds-form--gap: var(--tds-size--3x);
  --tds-form--indent: 0px;
  --tds-form-input--collapsed-inline-size: var(--tds-size--5x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--1x);
  --tds-form-input-choice--check-size: var(--tds-size--2x);
  --tds-form-input-choice--radio-size: 10px;
  --tds-height--choice: var(--tds-size--3x);
}
.tds-density--dense {
  --tds-card--border-radius: var(--tds-border-radius--card--dense);
  --tds-card--padding: var(--tds-padding--card--dense);
  --tds-data-table--font-size: 12px;
  --tds-form--gap: var(--tds-size--2x);
  --tds-form--indent: 0px;
  --tds-form-input--collapsed-inline-size: var(--tds-size--4x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--half);
  --tds-form-input-choice--check-size: 14px;
  --tds-form-input-choice--radio-size: var(--tds-size--1x);
  --tds-height--choice: var(--tds-size--2x);
}
.tds-density--low {
  --tds-border-radius--pill: var(--tds-size--1x);
  --tds-form--indent: 0px;
  --tds-height--pill: var(--tds-size--6x);
  --tds-form--gap: var(--tds-size--4x);
  --tds-form-input-choice--check-size: 20px;
  --tds-form-input-choice--radio-size: var(--tds-size--2x);
  --tds-height--choice: var(--tds-size--3x);
}

/* src/base/base.css */
:root {
  --tds-text--border-high-contrast: var(--tds-border-width-small) solid var(--tds-theme-border-high-contrast);
  --tds-text--border-low-contrast: var(--tds-border-width-small) solid var(--tds-theme-border-low-contrast);
}

/* src/themes/marketing.css */
.tds-theme--marketing,
.tds-theme--marketing.tds-colorscheme--light,
.tds-theme--marketing .tds-colorscheme--light,
.tds-colorscheme--light .tds-theme--marketing,
.tds-theme--marketing.tds-scrim--white,
.tds-theme--marketing .tds-scrim--white,
.tds-scrim--white .tds-theme--marketing,
.tds-theme--marketing.tds-scrim--light,
.tds-theme--marketing .tds-scrim--light,
.tds-scrim--light .tds-theme--marketing {
  --tds-color--primary: var(--tds-color-grey-10);
  --tds-color--primary-highlight: var(--tds-color-grey-20);
  --tds-theme-foreground-on-primary: var(--tds-color--white);
  --tds-theme-primary: var(--tds-color-grey-10);
  --tds-theme-primary-highlight: var(--tds-color-grey-20);
}
.tds-theme--marketing.tds-colorscheme--dark,
.tds-theme--marketing .tds-colorscheme--dark,
.tds-colorscheme--dark .tds-theme--marketing,
.tds-theme--marketing.tds-scrim--black,
.tds-theme--marketing .tds-scrim--black,
.tds-scrim--black .tds-theme--marketing {
  --tds-color--primary: var(--tds-color-white);
  --tds-color--primary-highlight: var(--tds-color-grey-60);
  --tds-theme-foreground-on-primary: var(--tds-color--black);
  --tds-theme-primary: var(--tds-color-white);
  --tds-theme-primary-highlight: var(--tds-color-grey-60);
}
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--marketing .tds-date-picker,
.tds-theme--marketing :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
.tds-theme--marketing:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker {
  --tds-date-selected--color: var(--tds-color-grey-20);
}
@media (prefers-color-scheme: dark) {
  .tds--supports-darkmode.tds-theme--marketing,
  .tds--supports-darkmode.tds-theme--marketing.tds-colorscheme--light,
  .tds--supports-darkmode.tds-theme--marketing .tds-colorscheme--light,
  .tds--supports-darkmode.tds-theme--marketing.tds-scrim--white,
  .tds--supports-darkmode.tds-theme--marketing .tds-scrim--white,
  .tds--supports-darkmode.tds-theme--marketing.tds-scrim--light,
  .tds--supports-darkmode.tds-theme--marketing .tds-scrim--light,
  .tds--supports-darkmode.tds-colorscheme--light .tds-theme--marketing {
    --tds-color--primary: var(--tds-color-white);
    --tds-color--primary-highlight: var(--tds-color-grey-60);
    --tds-theme-primary: var(--tds-color-white);
    --tds-theme-primary-highlight: var(--tds-color-grey-60);
    --tds-theme-foreground-on-primary: var(--tds-color--black);
  }
}

/* src/themes/replicant.css */
.tds-theme--replicant {
  --tds-glow--bright: drop-shadow(0 0 var(--tds-size--2x) rgb(var(--tds-color--rgb-shade) 0.5));
  --tds-glow--medium: drop-shadow(0 0 var(--tds-size--1x) rgb(var(--tds-color--rgb-shade) 0.33));
  --tds-glow--off: drop-shadow(0 0 0 rgb(var(--tds-color--rgb-shade) 0.33));
  --tds-theme-background-container: transparent;
  --tds-theme-foreground-primary: var(--tds-color--white);
  --tds-notch: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
  --tds-notch--outline: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 4px, 4px 4px, 4px calc(100% - 4px), calc(100% - 12px) calc(100% - 4px), calc(100% - 4px) calc(100% - 12px), calc(100% - 4px) 4px, 0 4px );
  --tds-notch--outline-thin: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 11.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 11.5px), calc(100% - 1.5px) 1.5px, 0 1.5px );
  --tds-fading-line: linear-gradient( to right, rgb(var(--tds-color--rgb-shade) 1) 0%, rgb(var(--tds-color--rgb-shade) 1) 50%, rgb(var(--tds-color--rgb-shade) 0.1) 100% );
  --tds-border-radius: 0;
  --tds-border-radius--card: 0;
  --tds-border-radius--card--dense: 0;
  --tds-border-radius--outline-only: 0;
  --tds-border-radius--pill: 0;
  --tds-heading--text-transform: uppercase;
  --tds-form--indent: 0px;
  --tds-form-input-choice--check-size: 16px;
  --tds-form-input-choice--radio-size: 10px;
  --tds-height--choice: var(--tds-size--2x);
  font-size: var(--tds-font-size-20);
  line-height: var(--tds-line-height-30);
}
.tds-theme--replicant [class*=tds-scrim--]:not(.tds-scrim--blur) {
  color: var(--tds-theme-foreground);
}
.tds-theme--replicant--has_img [class*=tds-scrim--]:not(.tds-scrim--blur) {
  --tds-theme-background: transparent;
}
@media (prefers-color-scheme: dark) {
  .tds-theme--replicant.tds--supports-darkmode:not([class*=tds-colorscheme--]) {
    --tds-color--primary: var(--tds-color--white);
    --tds-color--primary-highlight: var(--tds-color--white);
    --tds-color--secondary: var(--tds-color--white);
    --tds-color--tertiary: transparent;
    --tds-dialog--background-color: var(--tds-color--black);
    --tds-text--color: var(--tds-color--grey45);
    --tds-text--color--light: var(--tds-color--grey35);
  }
  .tds-theme--replicant.tds--supports-darkmode:not([class*=tds-scrim--], [class*=tds-colorscheme--]) {
    background-color: var(--tds-color--black);
  }
}
.tds-theme--replicant,
.tds-theme--replicant .tds-scrim--white,
.tds-theme--replicant .tds-scrim--light,
.tds-scrim--white .tds-theme--replicant,
.tds-scrim--light .tds-theme--replicant,
.tds-theme--replicant.tds-scrim--white,
.tds-theme--replicant.tds-scrim--light,
.tds-colorscheme--light .tds-theme--replicant,
.tds-theme--replicant.tds-colorscheme--light,
.tds-theme--replicant .tds-colorscheme--light {
  --tds-color--primary: var(--tds-color--black);
  --tds-color--primary-highlight: var(--tds-color--black);
  --tds-color--secondary: var(--tds-color--black);
  --tds-color--tertiary: transparent;
  --tds-theme-foreground-on-primary: var(--tds-color--white);
  --tds-theme-primary: var(--tds-color-grey-10);
  --tds-theme-primary-highlight: var(--tds-color-grey-10);
}
.tds-colorscheme--dark .tds-theme--replicant,
.tds-theme--replicant .tds-scrim--black,
.tds-scrim--black .tds-theme--replicant,
.tds-theme--replicant.tds-scrim--black,
.tds-theme--replicant.tds-colorscheme--dark,
.tds-theme--replicant .tds-colorscheme--dark {
  --tds-color--primary: var(--tds-color--white);
  --tds-color--primary-highlight: var(--tds-color--white);
  --tds-color--secondary: var(--tds-color--white);
  --tds-color--tertiary: transparent;
  --tds-dialog--background-color: var(--tds-color--black);
  --tds-text--color: var(--tds-color--grey45);
  --tds-text--color--light: var(--tds-color--grey35);
  --tds-text--color--placeholder: var(--tds-color--grey45);
  --tds-theme-foreground-on-primary: var(--tds-color--black);
  --tds-theme-primary: var(--tds-color-white);
  --tds-theme-primary-highlight: var(--tds-color-grey-60);
}
@keyframes tds-flicker-on--soft {
  0% {
    opacity: 0.25;
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 0.25;
  }
  24% {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tds-flicker--soft {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.25;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.25;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.25;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--replicant .tds-date-picker,
.tds-theme--replicant :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
.tds-theme--replicant:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker {
  --tds-date-selected--color: var(--tds-color--grey20);
}

/* src/themes/factory.css */
.tds-theme--factory {
  --tds-size: 12px;
}

/* src/components/accordion/accordion.css */
.tds-accordion {
  --tds-accordion--gap: var(--tds-size--1x);
  max-inline-size: 75ch;
}
tds-accordion + tds-accordion .tds-accordion,
.tds-accordion + .tds-accordion {
  margin-block-start: var(--tds-size--2x);
}
.tds-accordion-summary {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: grid;
  grid-template: "title icon" "caption .";
  grid-template-columns: min-content 1fr;
  grid-gap: 0 var(--tds-accordion--gap);
  align-items: center;
  padding-block-end: var(--tds-size--1x);
  border-radius: var(--tds-border-radius--outline-only);
  color: var(--tds-theme-foreground-high-contrast);
  transition: color 0.33s ease;
}
.tds-accordion-summary::-webkit-details-marker {
  display: none;
}
.tds-accordion--chevron-leading > .tds-accordion-summary {
  grid-gap: 0 var(--tds-accordion--gap);
  grid-template: "icon title" ". caption";
  grid-template-columns: min-content 1fr;
}
.tds-accordion--chevron-trailing > .tds-accordion-summary {
  grid-gap: 0 var(--tds-accordion--gap);
  grid-template: "title icon" "caption caption ";
  grid-template-columns: auto 1fr;
}
.tds-accordion--chevron-ending > .tds-accordion-summary {
  grid-gap: 0 var(--tds-accordion--gap);
  grid-template: "title icon" "caption .";
}
.tds-accordion.tds-accordion--border .tds-accordion-summary {
  box-shadow: 0 1px 0 0 var(--tds-theme-border-low-contrast);
}
.tds-accordion-summary .tds-icon {
  grid-area: icon;
}
.tds-accordion--chevron-ending > .tds-accordion-summary .tds-icon {
  justify-self: end;
}
.tds-accordion--chevron-trailing > .tds-accordion-summary .tds-icon {
  justify-self: start;
}
.tds-accordion-summary .tds-text--h5 {
  grid-area: title;
  padding: 0;
}
.tds-accordion-summary .tds-text--caption {
  grid-area: caption;
}
.tds-accordion-summary .tds-text--h5 + .tds-text--caption {
  margin-block-start: var(--tds-size--half);
}
.tds-accordion-content {
  padding-block-start: var(--tds-size--1x);
}
.tds-accordion--chevron-leading > .tds-accordion-summary + .tds-accordion-content {
  padding-inline-start: calc(var(--tds-accordion--gap) + var(--tds-size--2x));
}
:is(.tds-density--dense.tds-accordion-summary, .tds-density--dense .tds-accordion-summary) :is(h5, .tds-text--h5) {
  font-size: 14px;
}
.tds-accordion-summary > [class*=tds-icon-chevron] {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-accordion-summary:hover > .tds-text--h5 {
  color: var(--tds-theme-foreground-low-contrast);
}

/* src/components/app-switcher/app-switcher.css */
.tds-app-switcher {
  display: inline-block;
}
.tds-app-switcher .tds-menu-btn--active .tds-app-title::before,
.tds-app-switcher .tds-menu-btn:hover .tds-app-title::before {
  opacity: 0;
}
.tds-app-switcher-layout {
  block-size: 262px;
  display: flex;
  flex-direction: column;
  inline-size: 360px;
  overflow: hidden;
}
.tds-app-switcher-scroll-shadow {
  box-shadow: var(--tds-box-shadow--small);
}
.tds-app-switcher-toolbar,
.tds-app-switcher-subapps-header {
  transition: box-shadow 0.33s ease;
}
.tds-app-switcher-toolbar {
  display: flex;
  flex-direction: row;
  gap: var(--tds-size--1x);
  justify-content: space-between;
  padding: var(--tds-size--2x);
}
.tds-app-switcher-search {
  flex-grow: 1;
}
.tds-app-switcher-apps,
.tds-app-switcher-apps--list {
  block-size: 100%;
  overflow-y: auto;
  padding: 0 var(--tds-size--2x);
  padding-block-end: var(--tds-size--2x);
}
.tds-app-switcher-apps {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tds-app-switcher-apps--list {
  align-content: flex-start;
  display: flex;
  flex-flow: column nowrap;
}
.tds-app-switcher-noapps {
  align-items: center;
  block-size: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--tds-size--1x);
  inline-size: 100%;
  justify-content: center;
  padding: var(--tds-size-3x);
  text-align: center;
}
.tds-app-switcher-noapps > * {
  margin: 0;
  padding: 0;
}
.tds-app-switcher .tds-app-title-text {
  max-inline-size: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-app-switcher-apps-item {
  align-items: center;
  block-size: calc(var(--tds-size--1x) * 10 + var(--tds-size--half));
  border-radius: var(--tds-border-radius--card);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--tds-size--half);
  justify-content: center;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  overflow: hidden;
  padding: var(--tds-size--2x) var(--tds-size--1x) calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x);
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-app-switcher-apps-item,
.tds-app-switcher-subapps-item,
.tds-app-switcher-search-result {
  transition: background 0.33s ease;
}
.tds-app-switcher-subapps-item {
  align-items: center;
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  padding-block: calc(var(--tds-size--half));
  padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half));
  text-align: start;
}
.tds-app-switcher-search-result {
  align-items: center;
  color: var(--tds-theme-foreground);
  cursor: pointer;
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  padding-block: calc(var(--tds-size--half));
  padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half));
  text-align: start;
}
.tds-app-switcher-apps-item:hover,
.tds-app-switcher-subapps-item:hover,
.tds-app-switcher-search-result:hover {
  background: var(--tds-theme-background-container-alt);
}
.tds-app-switcher-apps-item:focus-visible,
.tds-app-switcher-subapps-item:focus-visible,
.tds-app-switcher-search-result:focus-visible {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds-app-switcher-apps-item > * {
  pointer-events: none;
}
.tds-app-switcher-apps--list .tds-app-switcher-apps-item {
  align-items: center;
  block-size: var(--tds-size--6x);
  flex-direction: row;
  gap: var(--tds-size--1x);
  inline-size: 100%;
  justify-content: flex-start;
  overflow: visible;
  padding: var(--tds-size--1x);
}
.tds-app-switcher-apps-item-logo,
.tds-app-switcher-apps-item-logo > * {
  background: var(--tds-theme-background-container-alt);
  block-size: var(--tds-size--4x);
  border-radius: var(--tds-border-radius--circle);
  flex: none;
  inline-size: var(--tds-size--4x);
}
.tds-app-switcher-apps-item-logo.tds-app-switcher-apps-item-logo--has-image,
.tds-app-switcher-apps-item-logo.tds-app-switcher-apps-item-logo--has-image > * {
  background: transparent;
  border-radius: 0;
}
.tds-app-switcher-apps-item-title {
  font-size: var(--tds-font-size-20);
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-app-switcher-subapps-header {
  padding-block: var(--tds-size--2x);
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--tds-size--half);
  padding-inline: calc(var(--tds-size--1x) + var(--tds-size--half));
}
.tds-app-switcher-subapps,
.tds-app-switcher-search-results {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.tds-app-switcher-search-result-title {
  padding-block: var(--tds-size--1x) var(--tds-size--half);
  padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half));
}
.tds-app-switcher-search-result-divider {
  align-self: center;
  background: var(--tds-theme-background-container-alt);
  background-clip: content-box;
  block-size: 1px;
  flex-shrink: 0;
  inline-size: 100%;
  margin-block: var(--tds-size--1x);
  padding-inline: calc(var(--tds-size--half) + var(--tds-size--2x));
}
.tds-app-switcher-search-result > .tds-icon,
.tds-app-switcher-subapps-item > .tds-icon {
  opacity: 0;
  transition: opacity 0.33s ease;
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-app-switcher-search-result:hover > .tds-icon,
.tds-app-switcher-subapps-item:hover > .tds-icon {
  opacity: 1;
}
.tds-app-switcher-search-result:last-of-type {
  margin-block-end: var(--tds-size--2x);
}

/* src/components/app-layout/app-layout.css */
.tds-app-layout {
  min-block-size: 100vh;
  display: flex;
  flex-direction: column;
}
.tds-app-layout.tds-app-layout--internal {
  --tds-page-layout--title-start-space: var(--tds-size--3x);
  --tds-page-layout--title-top-slot-space: 0;
}
.tds-app-layout-header,
.tds-app-layout-footer {
  inline-size: 100%;
}
.tds-app-layout-content {
  flex-grow: 1;
  display: flex;
  min-block-size: 100%;
}
.tds-app-layout-sidenav,
.tds-app-layout-main {
  padding: 0 var(--tds-size--3x);
}
.tds-app-layout-sidenav {
  padding-block-start: var(--tds-page-layout--title-start-space);
}
.tds-app-layout-main {
  flex-grow: 1;
}

/* src/components/banner/banner.css */
:root,
.tds-density--default,
.tds-component-preview {
  --tds-banner--padding: var(--tds-size--2x);
}
.tds-density--dense {
  --tds-banner--padding: var(--tds-size--1x);
}
.tds-banner {
  inline-size: 100%;
  padding: var(--tds-banner--padding);
  position: relative;
  text-align: center;
  transition: background-color 0.5s ease, color 0.5s ease;
}
.tds-banner + .tds-banner {
  border-block-start: var(--tds-text--border-low-contrast);
}
.tds-banner:not([class*=tds-scrim--]) {
  background-color: var(--tds-theme-background-container);
}
.tds-banner strong {
  transition: color 0.5s ease;
}
@media (width >= 1200px) {
  .tds-banner--precedes-header {
    z-index: 500;
  }
}

/* src/components/breadcrumbs/breadcrumbs.css */
:root,
.tds-density--default {
  --tds-breadcrumb--chevron-size: var(--tds-size--2x);
  --tds-breadcrumb--font-size: var(--tds-font-size-30);
  --tds-breadcrumb--height: var(--tds-size--4x);
  --tds-breadcrumb--line-height: var(--tds-line-height-30);
  --tds-breadcrumb--padding-inline: 12px;
  --tds-breadcrumb-padding: 6px;
}
.tds-density--dense {
  --tds-breadcrumb--chevron-size: 12px;
  --tds-breadcrumb--font-size: var(--tds-font-size-20);
  --tds-breadcrumb--height: 28px;
  --tds-breadcrumb--line-height: var(--tds-line-height-20);
  --tds-breadcrumb--padding-inline: calc(var(--tds-size--1x) + 2px);
  --tds-breadcrumb-padding: 3px;
}
.tds-breadcrumbs {
  align-items: center;
  color: var(--tds-theme-foreground-low-contrast);
  display: flex;
  font-size: var(--tds-breadcrumb--font-size);
  line-height: var(--tds-breadcrumb--line-height);
  margin-inline-start: calc(-1 * var(--tds-breadcrumb--padding-inline));
}
.tds-breadcrumbs .tds-icon--small {
  --tds-icon--size: var(--tds-breadcrumb--chevron-size);
}
.tds-breadcrumb {
  align-items: center;
  border-radius: var(--tds-border-radius--pill);
  -moz-column-gap: calc(var(--tds-size--half) / 2);
       column-gap: calc(var(--tds-size--half) / 2);
  display: flex;
  min-block-size: var(--tds-breadcrumb--height);
  padding: 0 var(--tds-breadcrumb--padding-inline);
  transition: color 0.33s ease, background-color 0.33s ease;
}
.tds-breadcrumb--overflow {
  block-size: var(--tds-breadcrumb--height);
  inline-size: var(--tds-breadcrumb--height);
  justify-content: center;
}
.tds-breadcrumb-tooltip-actions .tds-breadcrumb {
  border-radius: unset;
  padding: var(--tds-breadcrumb-padding) calc(var(--tds-size--3x) - var(--tds-size--half));
}
.tds-breadcrumb:only-child .tds-icon {
  margin-inline-start: calc(-1 * var(--tds-size--half));
}
.tds-breadcrumb:not([disabled], .tds--disabled, :last-child),
.tds-breadcrumb:only-child:not([disabled], .tds--disabled) {
  cursor: pointer;
}
.tds-breadcrumb-tooltip-actions .tds-breadcrumb:is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds-breadcrumb:not(:last-child):hover,
.tds-breadcrumb-tooltip-actions .tds-breadcrumb:hover,
.tds-breadcrumb:only-child:hover {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-breadcrumb:not(.tds-breadcrumb-tooltip-actions .tds-breadcrumb):hover,
.tds-breadcrumb:not(.tds-breadcrumb-tooltip-actions .tds-breadcrumb):last-child:not(:first-child) {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-breadcrumb-tooltip-actions {
  display: grid;
  padding-block: var(--tds-size--1x) var(--tds-size--1x);
}

/* src/components/button/button.css */
:root,
.tds-component-preview {
  --tds-btn--font-size: var(--tds-font-size-30);
  --tds-btn--min-width: 204px;
}
:lang(ar),
:lang(he) {
  --tds-btn--font-size: var(--tds-font-size-40);
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  padding: 0;
}
button:where(:focus, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
}
[role=button] {
  cursor: pointer;
}
.tds-btn {
  --tds-btn--background-color: var(--tds-theme-primary);
  --tds-btn--border-color: transparent;
  --tds-btn--border-radius: var(--tds-border-radius--pill);
  align-items: center;
  block-size: var(--tds-height--pill);
  border-radius: var(--tds-btn--border-radius);
  box-shadow: inset 0 0 0 var(--tds-border-width--medium) transparent;
  color: var(--tds-theme-foreground-on-primary);
  display: inline-flex;
  font-size: var(--tds-btn--font-size);
  font-weight: var(--tds-font-weight-medium);
  justify-content: center;
  line-height: 1.2;
  padding: var(--tds-size--half) var(--tds-size--3x);
  position: relative;
  text-align: center;
  text-transform: inherit;
  border: var(--tds-border-width--large) solid var(--tds-btn--border-color);
  background-color: var(--tds-btn--background-color);
  transition:
    border-color 0.33s ease,
    background-color 0.33s ease,
    color 0.33s ease,
    box-shadow 0.25s ease;
}
button.tds-btn {
  vertical-align: middle;
}
@media (min-width: 600px) {
  .tds-btn {
    inline-size: auto;
  }
  .tds-btn--width-full {
    inline-size: 100%;
    inline-size: -webkit-fill-available;
  }
  .tds-btn--width-min {
    min-inline-size: var(--tds-btn--min-width);
  }
}
@media (max-width: 599px) {
  .tds-btn {
    inline-size: 100%;
    inline-size: -webkit-fill-available;
  }
  .tds-btn--width-auto {
    inline-size: auto;
  }
}
.tds-btn--small {
  --tds-height--pill: 28px;
  font-size: var(--tds-font-size-20);
}
.tds-density--dense,
.tds-btn--medium {
  --tds-height--pill: var(--tds-size--4x);
}
.tds-btn--large {
  --tds-border-radius--pill: var(--tds-size--half);
  --tds-height--pill: var(--tds-size--5x);
}
.tds-btn--secondary {
  --tds-btn--background-color: transparent;
  --tds-btn--border-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-theme-foreground-high-contrast);
}
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-btn--secondary {
  --tds-btn--border-color: var(--tds-color-white);
  color: var(--tds-color-white);
}
.tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-theme-background-container);
  color: var(--tds-theme-foreground);
}
:is(button, .tds-btn):not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  cursor: pointer;
}
.tds-btn:is(:focus, .tds--focus) {
  box-shadow: inset 0 0 0 var(--tds-border-width--medium);
  outline: none;
}
.tds-btn:not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  --tds-btn--background-color: var(--tds-theme-primary-highlight);
}
.tds-btn--secondary:not([disabled], .tds--disabled):is(:hover, .tds--hover, :focus, .tds--focus) {
  --tds-btn--background-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-color--inverse);
}
.tds-btn--tertiary:not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  --tds-btn--background-color: var(--tds-color--tertiary-highlight);
}
.tds-btn > .tds-icon--inline:first-child {
  margin-inline-start: calc(var(--tds-size--1x) * -1);
}
.tds-btn > .tds-icon--inline:last-child {
  margin-inline-end: calc(var(--tds-size--1x) * -1);
}
:is(.tds-scrim--light, .tds-scrim--black) .tds-modal .tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-theme-background);
}
.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-theme-background);
}

/* src/components/button-group/button-group.css */
.tds-btn_group {
  align-items: center;
  display: grid;
  gap: var(--tds-size--2x) var(--tds-size--3x);
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  justify-content: stretch;
  margin: var(--tds-size--2x) 0;
}
@media (max-width: 599px) {
  .tds-btn_group {
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  }
  .tds-btn_group--horizontal {
    grid-template-rows: none;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}
@media (min-width: 600px) {
  .tds-btn_group {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
  .tds-btn_group--vertical {
    grid-template-columns: none;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  }
}
.tds-btn_group--grouped {
  gap: 0;
  grid-auto-flow: column;
}
.tds-btn_group--grouped > .tds-btn {
  border-inline-end-width: 0;
  border-inline-start-width: 0;
  border-radius: 0;
}
.tds-btn_group--grouped > .tds-btn:first-child {
  border-inline-start-width: var(--tds-border-width--large);
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
.tds-btn_group--grouped > .tds-btn:last-child {
  border-inline-end-width: var(--tds-border-width--large);
  border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0;
}
[dir=rtl] .tds-btn_group--grouped > .tds-btn:first-child {
  border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0;
}
[dir=rtl] .tds-btn_group--grouped > .tds-btn:last-child {
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
.tds-btn_group > .tds-link {
  justify-self: center;
}
.tds-form-fieldset .tds-btn_group--grouped,
.tds-form-layout .tds-btn_group--grouped {
  grid-auto-flow: row;
}

/* src/components/card/card.css */
:root,
.tds-component-preview {
  --tds-card--border-radius: var(--tds-border-radius--card);
  --tds-card--padding: var(--tds-padding--card);
}
.tds-card {
  --tds-card--background-color: var(--tds-theme-background-container);
  --tds-card--cancel-padding: calc(var(--tds-card--padding) * -1);
  --tds-card--gap: var(--tds-card--padding);
  --tds-card--width: calc(var(--tds-max-paragraph-width) + (var(--tds-padding--card--dense) * 2));
  background-color: var(--tds-card--background-color);
  border-radius: var(--tds-border-radius--card);
  display: flex;
  max-inline-size: var(--tds-card--width);
  overflow: hidden;
  transition: background-color 0.33s ease;
  max-block-size: -moz-min-content;
  max-block-size: min-content;
  block-size: -moz-min-content;
  block-size: min-content;
}
.tds-card-asset {
  align-items: center;
  display: flex;
  inline-size: 100%;
  justify-content: center;
}
.tds-card-body {
  flex-grow: 1;
  padding: var(--tds-card--padding);
  padding-inline-end: max(var(--tds-size--3x), var(--tds-card--padding));
}
.tds-card img {
  display: block;
  inline-size: 100%;
}
.tds-card *:is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6, .tds-text--caption-header) {
  padding-block-start: 0;
}
:is(.tds-card, .tds-card--asset) > .tds-icon,
:is(.tds-card, .tds-card--asset) > tds-icon > .tds-icon {
  margin-block: var(--tds-card--padding) var(--tds-card--padding);
  margin-inline-start: var(--tds-card--padding);
}
.tds-card > tds-icon + .tds-card-body,
.tds-card > .tds-icon + .tds-card-body {
  padding-block-start: calc(var(--tds-card--padding) + 2px);
  padding-inline-start: calc(var(--tds-card--padding) / 3);
}
.tds-card--layout-vertical {
  flex-direction: column;
}
.tds-card--layout-vertical > .tds-icon + .tds-card-body {
  padding-block-start: calc(var(--tds-card--padding) / 3);
  padding-inline: var(--tds-card--padding) var(--tds-card--padding);
}
.tds-card--full-width {
  --tds-card--width: 100%;
}
.tds-card--highlighted {
  --tds-card--background-color: var(--tds-theme-background-dialog);
  box-shadow: var(--tds-box-shadow--medium);
}
.tds-scrim--white .tds-card--highlighted,
.tds-scrim--light .tds-card--highlighted {
  --tds-card--background-color: var(--tds-color-white);
}
.tds-card--outline {
  --tds-card--background-color: transparent;
  border-color: var(--tds-theme-border-low-contrast);
  border-radius: var(--tds-border-radius--card);
  border-style: solid;
  border-width: var(--tds-border-width--hairline);
}

/* src/components/chip/chip.css */
:root,
.tds-density--default {
  --tds-chip--font-size: var(--tds-font-size-30);
  --tds-chip--height: var(--tds-size--4x);
  --tds-chip--padding: 6px 10px;
  --tds-chip-caption--margin-inline-start: var(--tds-size--1x);
  --tds-chip-icon-btn--size: calc(var(--tds-size--3x) - var(--tds-size--half));
}
.tds-density--dense {
  --tds-chip--font-size: var(--tds-font-size-20);
  --tds-chip--height: var(--tds-size--3x);
  --tds-chip--padding: var(--tds-size--half) var(--tds-size--1x);
  --tds-chip-caption--margin-inline-start: var(--tds-size--half);
  --tds-chip-icon-btn--size: var(--tds-size--2x);
}
.tds-chip {
  --tds-chip--background-color: var(--tds-theme-background-container);
  align-items: center;
  background-color: var(--tds-chip--background-color);
  block-size: var(--tds-chip--height);
  border-radius: var(--tds-border-radius--pill);
  color: var(--tds-theme-foreground-high-contrast);
  display: inline-flex;
  font-size: var(--tds-chip--font-size);
  font-weight: var(--tds-font-weight-medium);
  inline-size: var(--tds-chip--width);
  justify-content: center;
  min-inline-size: var(--tds-chip--height);
  overflow: hidden;
  padding: var(--tds-chip--padding);
  text-overflow: ellipsis;
}
.tds-chip-caption {
  color: var(--tds-caption--color);
  font-weight: var(--tds-font-weight-regular);
  margin-inline-start: var(--tds-chip-caption--margin-inline-start);
}
.tds-chip--truncated {
  max-inline-size: 20ch;
}
.tds-chip--truncated:has(> .tds-chip-caption) {
  max-inline-size: unset;
}
.tds-chip--truncated .tds-chip-caption {
  max-inline-size: 20ch;
}
.tds-chip--unencapsulated {
  --tds-chip--height: auto;
  --tds-chip--padding: 0;
  background-color: transparent !important;
  justify-content: flex-start;
}
.tds-chip--full-width {
  --tds-chip--width: 100%;
}
.tds-form-input .tds-chip {
  font-size: var(--tds-font-size-30);
}
.tds-form-input--inline .tds-chip--unencapsulated {
  --tds-chip--height: var(--tds-size--3x);
  margin: 0;
  padding-inline-start: 0;
}
.tds-form-input--default .tds-chip {
  --tds-chip--inset: calc(var(--tds-form--indent) - var(--tds-size--half));
  background-color: var(--tds-theme-background, var(--tds-color-white));
  border-radius: calc(var(--tds-border-radius--pill) - 2px);
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-block: calc(var(--tds-size--half) * -1) calc(var(--tds-size--half) * -1);
  margin-inline: 0 var(--tds-size--half);
  padding-inline-start: var(--tds-chip--inset);
}
.tds-chip-group .tds-chip {
  margin: 0;
}
.tds-form-input--default .tds-chip:first-child {
  margin-inline-start: calc(var(--tds-chip--inset) * -1);
}
.tds-form-input--default .tds-chip:last-child {
  margin-inline-end: var(--tds-size--1x);
}
.tds-chip-text,
.tds-chip-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-chip-circle-container {
  align-items: center;
  block-size: var(--tds-size--2x);
  display: flex;
  inline-size: var(--tds-size--2x);
  justify-content: center;
  margin-inline-end: var(--tds-size--half);
}
.tds-chip-circle {
  background-color: var(--tds-chip--background-color);
  block-size: 12px;
  border-radius: 50%;
  inline-size: 12px;
}
.tds-chip .tds-icon {
  --tds-icon--size: var(--tds-size--2x);
}
.tds-chip > .tds-icon,
.tds-chip > tds-icon .tds-icon {
  margin-inline-end: var(--tds-size--half);
}
.tds-chip .tds-icon-btn {
  --tds-icon-btn--border-width: 1px;
  block-size: var(--tds-chip-icon-btn--size);
  inline-size: var(--tds-chip-icon-btn--size);
}
.tds-chip .tds-icon-btn:first-child {
  margin-inline: -3px 2px;
}
.tds-chip .tds-icon-btn:last-child {
  color: var(--tds-theme-foreground-low-contrast);
  margin-inline: 2px -3px;
}
.tds-chip-group {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: var(--tds-size--1x);
}
.tds-chip--grey,
.tds-chip--color-grey {
  --tds-chip--background-color: var(--tds-color-status-grey);
}
.tds-chip--grey-pastel,
.tds-chip--color-grey-pastel {
  --tds-chip--background-color: var(--tds-theme-status-grey-pastel);
}
.tds-chip--green,
.tds-chip--color-green {
  --tds-chip--background-color: var(--tds-color-status-green);
}
.tds-chip--green-pastel,
.tds-chip--color-green-pastel {
  --tds-chip--background-color: var(--tds-theme-status-green-pastel);
}
.tds-chip--teal,
.tds-chip--color-teal {
  --tds-chip--background-color: var(--tds-color-status-teal);
}
.tds-chip--teal-pastel,
.tds-chip--color-teal-pastel {
  --tds-chip--background-color: var(--tds-theme-status-teal-pastel);
}
.tds-chip--blue,
.tds-chip--color-blue {
  --tds-chip--background-color: var(--tds-color-status-blue);
}
.tds-chip--blue-pastel,
.tds-chip--color-blue-pastel {
  --tds-chip--background-color: var(--tds-theme-status-blue-pastel);
}
.tds-chip--purple,
.tds-chip--color-purple {
  --tds-chip--background-color: var(--tds-color-status-purple);
}
.tds-chip--purple-pastel,
.tds-chip--color-purple-pastel {
  --tds-chip--background-color: var(--tds-theme-status-purple-pastel);
}
.tds-chip--magenta,
.tds-chip--color-magenta {
  --tds-chip--background-color: var(--tds-color-status-magenta);
}
.tds-chip--magenta-pastel,
.tds-chip--color-magenta-pastel {
  --tds-chip--background-color: var(--tds-theme-status-magenta-pastel);
}
.tds-chip--red,
.tds-chip--color-red {
  --tds-chip--background-color: var(--tds-color-status-red);
}
.tds-chip--red-pastel,
.tds-chip--color-red-pastel {
  --tds-chip--background-color: var(--tds-theme-status-red-pastel);
}
.tds-chip--orange,
.tds-chip--color-orange {
  --tds-chip--background-color: var(--tds-color-status-orange);
}
.tds-chip--orange-pastel,
.tds-chip--color-orange-pastel {
  --tds-chip--background-color: var(--tds-theme-status-orange-pastel);
}
.tds-chip--yellow,
.tds-chip--color-yellow {
  --tds-chip--background-color: var(--tds-color-status-yellow);
}
.tds-chip--yellow-pastel,
.tds-chip--color-yellow-pastel {
  --tds-chip--background-color: var(--tds-theme-status-yellow-pastel);
}

/* src/components/content-container/content-container.css */
:root,
.tds-component-preview {
  --tds-content_container--gutter: var(--tds-size--3x);
  --tds-content_container--inline-size: 100%;
  --tds-content_container--max_width: 1060px;
}
.tds-content_container {
  display: block;
  inline-size: var(--tds-content_container--inline-size);
  margin-inline: auto auto;
  padding-inline: var(--tds-content_container--gutter) var(--tds-content_container--gutter);
}
@media (max-width: 599px) {
  :root {
    --tds-content_container--gutter: var(--tds-size--3x);
  }
}
@media (min-width: 600px) {
  :root {
    --tds-content_container--gutter: 36px;
  }
}
@media (min-width: 1200px) {
  :root {
    --tds-content_container--gutter: var(--tds-size--6x);
  }
}
.tds-content_container--max_width {
  max-inline-size: var(--tds-content_container--max_width);
}
@media (min-width: 900px) {
  .tds-content_container--small {
    --tds-content_container--inline-size: 50%;
  }
  .tds-content_container--medium {
    --tds-content_container--inline-size: 70%;
  }
  .tds-content_container--large,
  .tds-content_container--extra-large {
    --tds-content_container--inline-size: 90%;
  }
  .tds-content_container--max_width.tds-content_container--small {
    --tds-content_container--max_width: 530px;
  }
  .tds-content_container--max_width.tds-content_container--medium {
    --tds-content_container--max_width: 742px;
  }
  .tds-content_container--max_width.tds-content_container--large {
    --tds-content_container--max_width: 954px;
  }
  .tds-content_container--max_width.tds-content_container--extra-large {
    --tds-content_container--max_width: 1824px;
  }
}

/* src/components/context-block/context-block.css */
.context-block {
  position: absolute;
  left: var(--tds-context-block-position--left);
  top: var(--tds-context-block-position--top);
}

/* src/components/date-picker/date-picker.css */
.tds-date-picker {
  --tds-date-picker--day-font-size: var(--tds-font-size-30);
  --tds-date-picker--day-size: var(--tds-size--5x);
  --tds-date-picker--grid-size: 327px;
  --tds-date-picker--label-font-size: var(--tds-font-size-50);
  --tds-date-selected--color: var(--tds-color-white);
  --tds-day-radius: var(--tds-size--half);
  --tds-end-of-week-radius: var(--tds-size--half);
  inline-size: var(--tds-date-picker--grid-size);
}
.tds-density--dense .tds-date-picker {
  --tds-date-picker--day-font-size: var(--tds-font-size-20);
  --tds-date-picker--day-size: var(--tds-size--4x);
  --tds-date-picker--label-font-size: var(--tds-font-size-30);
  inline-size: calc(var(--tds-date-picker--grid-size) - var(--tds-size--3x) * 2);
}
.tds-date-picker--range {
  --tds-date-picker--grid-gap: var(--tds-size--6x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--tds-size--2x) var(--tds-date-picker--grid-gap);
  position: relative;
}
.tds-date-picker--range.tds-date-picker--horizontal {
  inline-size: calc(var(--tds-date-picker--grid-size) * 2 + var(--tds-date-picker--grid-gap));
}
.tds-date-picker-calendar {
  --tds-column-count: 7;
  flex-grow: 1;
}
.tds-date-picker-month {
  align-items: center;
  display: flex;
  flex-grow: 1;
  inline-size: 100%;
  min-block-size: var(--tds-date-picker--day-size);
}
tds-month-header {
  inline-size: 100%;
}
.tds-date-picker-month:focus {
  border-radius: var(--tds-size--half);
}
.tds-date-picker-month button {
  align-items: center;
  align-self: stretch;
  display: flex;
  min-inline-size: calc(var(--tds-date-picker--day-size) * 1.5);
  z-index: 1;
}
.tds-date-picker-month button:first-child {
  justify-content: flex-end;
}
.tds-date-picker-month button:last-child {
  justify-content: flex-start;
}
.tds-date-picker-month label {
  flex-grow: 1;
  font-size: var(--tds-date-picker--label-font-size);
  font-weight: var(--tds-font-weight-medium);
  padding: 0;
  text-align: center;
}
.tds-date-picker-month button:not(:hover) .tds-icon {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-date-picker-days-label,
.tds-date-picker-days-grid {
  --tds-date-picker--row-gap: var(--tds-size--half);
  align-items: center;
  display: grid;
  gap: var(--tds-date-picker--row-gap) 0;
  grid-template-columns: repeat(var(--tds-column-count, 7), 1fr);
  margin: var(--tds-size--1x) 0;
}
.tds-date-picker-days-label {
  pointer-events: none;
}
.tds-day {
  cursor: pointer;
  display: flex;
  justify-content: center;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
tds-day .tds-day {
  inline-size: 100%;
}
.tds-day--not-this-month {
  pointer-events: none;
  visibility: hidden;
}
.tds-day span {
  align-items: center;
  block-size: var(--tds-date-picker--day-size);
  border-radius: var(--tds-day-radius);
  display: flex;
  font-size: var(--tds-date-picker--day-font-size);
  inline-size: var(--tds-date-picker--day-size);
  justify-content: center;
  outline-offset: 2px;
}
.tds-day--today span {
  border: 1px solid var(--tds-theme-border);
}
.tds-day[disabled] {
  color: var(--tds-color-grey-30);
  cursor: not allowed;
  font-weight: var(--tds-font-weight-regular);
}
.tds-day:where(:hover, .tds-day--highlighted:not(.tds-day--between)) span {
  background-color: var(--tds-theme-background-container);
  border: none;
}
.tds-day--selected:not(.tds-day--between) span {
  background-color: var(--tds-theme-primary);
}
.tds-day--selected:hover span {
  background-color: var(--tds-theme-primary-highlight);
}
.tds-day--selected span {
  color: var(--tds-date-selected--color);
  font-weight: var(--tds-font-weight-medium);
  border: none;
  outline-offset: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.tds-day::before {
  background-color: var(--tds-theme-background);
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
}
.tds-date-picker-days-grid button:focus-visible {
  outline: none;
}
.tds--indicate-focus .tds-date-picker-days-grid button:focus {
  outline: none;
}
.tds-date-picker-days-grid button:focus-visible span {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-date-picker-days-grid button:focus span {
  outline: var(--tds-outline--focus);
}
.tds-date-picker-days-grid .tds-day--selected:focus-visible span {
  outline-offset: 2px;
}
.tds--indicate-focus .tds-date-picker-days-grid .tds-day--selected:focus span {
  outline-offset: 2px;
}
.tds-date-picker-days-grid.tds-date-picker-days-grid--with-indicators {
  --tds-date-picker--row-gap: var(--tds-size--1x);
}
.tds-tooltip.tds-date-picker-tooltip {
  inline-size: var(--tds-date-picker--grid-size);
}
.tds-tooltip.tds-date-range-picker-tooltip {
  max-inline-size: calc(100vw - 48px);
}
.tds-date-picker--selected .tds-day--selected::before {
  background-color: var(--tds-theme-primary);
  color: var(--tds-color-white);
  font-weight: var(--tds-font-weight-medium);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.tds-date-picker--hovering .tds-day--highlighted::before,
.tds-date-picker--hovering:not(.tds-date-picker--selected) .tds-day--selected:not(:hover):not(:hover ~ .tds-day--selected)::before {
  background-color: var(--tds-theme-background-container);
}
.tds-day--start:not(.tds-day--highlighted ~ .tds-day--start)::before {
  inset-inline-end: 0;
  inset-inline-start: 50%;
}
.tds-day--between::before {
  inset-inline-end: 0;
  inset-inline-start: 0;
}
.tds-day--highlighted:not(.tds-day--between)::before,
.tds-day--end::before {
  inset-inline-end: 50%;
  inset-inline-start: 0;
}
.tds-day--start.tds-day--end::before {
  display: none;
}
.tds-day--error span {
  background-color: transparent;
  color: inherit;
  box-shadow: inset 0 0 0 3px var(--tds-color-red-10);
}
.tds-day-status-indicators {
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  transform: translateY(50%);
  width: 100%;
}
.tds-date-picker-year-month-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--tds-size--2x);
}

/* src/components/figure/figure.css */
.tds-figure {
  --tds-figure--padding: var(--tds-padding--card);
  --tds-figure--radius: var(--tds-border-radius--card);
  block-size: -moz-min-content;
  block-size: min-content;
  display: flex;
  max-block-size: -moz-min-content;
  max-block-size: min-content;
  max-inline-size: var(--tds-figure--width);
  overflow: hidden;
  padding: 0;
  transition: background-color 0.33s ease;
}
.tds-figure img {
  border-radius: var(--tds-figure--radius);
  inline-size: 100%;
}
.tds-density--dense .tds-figure {
  --tds-figure--padding: var(--tds-padding--card--dense);
  --tds-figure--radius: var(--tds-border-radius--card--dense);
}
.tds-figure > .tds-card-body {
  padding: 0;
}
.tds-figure--layout-vertical > img + figcaption,
.tds-figure--layout-vertical > figcaption + img {
  margin-block-start: var(--tds-figure--padding);
}
.tds-figure--layout-vertical > .tds-icon + figcaption,
.tds-figure--layout-vertical > figcaption + .tds-icon {
  margin-block-start: calc(var(--tds-figure--padding) / 3);
}
.tds-figure:not(.tds-figure--layout-vertical) > img + figcaption,
.tds-figure:not(.tds-figure--layout-vertical) > figcaption + img {
  margin-inline-start: var(--tds-figure--padding);
}
.tds-figure:not(.tds-figure--layout-vertical) > .tds-icon + figcaption,
.tds-figure:not(.tds-figure--layout-vertical) > figcaption + .tds-icon {
  margin-inline-start: calc(var(--tds-figure--padding) / 3);
}
.tds-figure--layout-vertical {
  flex-direction: column;
}
.tds-figure *:is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6, .tds-text--caption-header) {
  padding-block-start: 0;
}

/* src/components/form/form.css */
.tds-form--indent {
  --tds-form--indent: 12px;
}
.tds-density--dense .tds-form--indent {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-form--outdent {
  --tds-form--indent: 0px;
}
.tds-form--error {
  --tds-form-feedback--color: var(--tds-theme-secondary-negative);
  --tds-form-input--border-color: var(--tds-theme-secondary-negative);
}
.tds-density--default.tds-form--indent {
  --tds-form--indent: 12px;
}
.tds-density--dense.tds-form--indent {
  --tds-form--indent: 10px;
}
.tds-density--default.tds-form--outdent {
  --tds-form--indent: 0px;
}
.tds-density--dense.tds-form--outdent {
  --tds-form--indent: 0px;
}

/* src/components/form-fieldset/form-fieldset.css */
.tds-form-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.tds-form-fieldset,
.tds-form-layout {
  display: grid;
  gap: var(--tds-form--gap);
}
.tds-form-layout--horizontal {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.tds-form-layout--2col {
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.tds-form-fieldset > :is(legend, .tds-text--h3, .tds-text--h4, .tds-text--h5),
tds-form-legend legend {
  padding-inline-start: var(--tds-form--indent);
}

/* src/components/form-item/form-item.css */
fieldset.tds-form-item {
  border: 0;
  margin: 0;
  min-inline-size: auto;
  padding: 0;
}
.tds-form-item.tds-tooltip-wrapper {
  display: inherit;
}

/* src/components/form-input/form-input.css */
.tds-form-input-group {
  display: flex;
  flex-direction: column;
}
.tds-form-input-group--layout-horizontal {
  flex-direction: row;
  margin-block-start: calc(-1 * var(--tds-size--half));
  margin-inline: calc(-1 * var(--tds-size--half));
  overflow-x: auto;
  padding-block-start: var(--tds-size--half);
  padding-inline: var(--tds-size--half);
  margin-block-end: -12px;
  padding-block-end: 12px;
}
.tds-form-input {
  align-items: center;
  border-radius: var(--tds-border-radius--outline-only);
  display: flex;
  font-size: var(--tds-form-input--font-size, inherit);
  position: relative;
  transition:
    color 0.33s ease,
    background-color 0.33s ease,
    box-shadow 0.33s ease;
}
@media (max-width: 599px) {
  .tds-form-input--default,
  .tds-form-input--option {
    --tds-form-input--font-size: var(--tds-size--2x);
  }
}
.tds-form-input:-moz-placeholder-shown, .tds-form-input :-moz-placeholder-shown {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-form-input:placeholder-shown,
.tds-form-input :placeholder-shown,
.tds-placeholder {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-placeholder {
  font-weight: var(--tds-font-weight-medium);
  white-space: nowrap;
}
:is(tds-form-label, .tds-form-label, .tds-form-caption, .tds-form-feedback) + :is(.tds-form-input, .tds-form-input-group, tds-form-input-dropdown, tds-form-input-search) {
  margin-block-start: var(--tds-size--1x);
}
:is(tds-form-label, .tds-form-label, .tds-form-caption, .tds-form-feedback) + :is(.tds-form-input--readonly, .tds-form-input-group--layout-horizontal) {
  margin-block-start: var(--tds-size--half);
}
.tds-form-input--inline {
  display: inline-flex;
  vertical-align: baseline;
}
.tds-form-input--default {
  --tds-form--indent: 12px;
  background-color: var(--tds-theme-background-container);
  block-size: auto;
  border-radius: var(--tds-border-radius--pill);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-background-container));
  inline-size: var(--tds-form-input--inline-size, 100%);
  justify-content: space-between;
  min-block-size: var(--tds-height--pill);
  outline-offset: 2px;
  padding: 0 var(--tds-form--indent);
  transition:
    inline-size 0.5s var(--tds-bezier),
    padding 0.5s var(--tds-bezier),
    background-color 0.33s ease,
    box-shadow 0.33s ease;
}
.tds-density--dense .tds-form-input--default {
  --tds-form--indent: 10px;
}
.tds-density--default .tds-form-input--default {
  --tds-form--indent: 12px;
}
:is(.tds-scrim--light, .tds-scrim--black) :is(.tds-modal, .tds-tooltip) .tds-form-input--default {
  --tds-form-input--border-color: var(--tds-theme-background-container-alt);
  background-color: var(--tds-theme-background-container-alt);
}
:is(.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted), .tds-scrim--black .tds-modal) .tds-form-input--default {
  --tds-form-input--border-color: var(--tds-theme-background);
  background-color: var(--tds-theme-background);
}
.tds-form-input--default.tds-form-input--readonly {
  --tds-form--indent: 0;
  background: none;
  border-radius: var(--tds-border-radius--outline-only);
  box-shadow: none;
  margin-inline: var(--tds-form--indent);
  min-block-size: auto;
  padding: 0;
}
:is(.tds-form--indent .tds-density--dense, .tds-density--dense .tds-form--indent, .tds-form--indent.tds-density--dense) .tds-form-input--default.tds-form-input--readonly {
  --tds-form--indent: 10px;
}
:is(.tds-form--indent, .tds-form--indent .tds-density--default, .tds-density--default .tds-form--indent, .tds-form--indent.tds-density--default) .tds-form-input--default.tds-form-input--readonly {
  --tds-form--indent: 12px;
}
.tds-form-input--readonly {
  --tds-form-input--inline-size: auto;
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-form-input.tds--disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-form-input:has(.tds-form-input-dropdown, .tds-form-input-select):not(.tds--disabled) {
  cursor: pointer;
}
.tds-form-input:focus-within,
.tds-card .tds-form-input:focus-within,
.tds-modal .tds-form-input:focus-within {
  --tds-form-input--border-color: var(--tds-theme-border);
  --tds-form-input--border-width: 1px;
}
.tds--indicate-focus .tds-form-input:focus-within {
  --tds-form-input--border-color: var(--tds-theme-background-container);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input:has(.tds-dropdown):has(.tds-form-input-search:focus),
.tds--indicate-focus .tds-form-input:has(.tds-dropdown):has(.tds-form-input-dropdown:focus ~ .tds-tooltip--open),
.tds--indicate-focus .tds-form-input:has(.tds-form-input-file-upload:focus),
.tds--indicate-focus .tds-form-input:has(.tds-form-input-range:focus),
.tds--indicate-focus .tds-form-input:has(.tds-form-input-choice:focus) {
  --tds-form-input--border-color: var(--tds-theme-background-container);
  outline: none;
}
.tds-form-input:not(.tds-form-input--default) .tds-form-input-leading .tds-dropdown-trigger {
  border-radius: var(--tds-size--half);
  outline-offset: -2px;
}
.tds-form-input:not(.tds-form-input--default) .tds-form-input-leading .tds-dropdown-trigger:focus-visible {
  margin-inline-start: 0;
}
.tds-form-input--collapsed {
  --tds-form-input--border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  inline-size: var(--tds-form-input--collapsed-inline-size);
  padding-inline-start: var(--tds-form-input--collapsed-padding-inline-start);
}
.tds-form-input--collapsed:is(.tds-form-input--highlighted, :hover) {
  background-color: var(--tds-theme-background-container);
}
.tds-form-input--collapsed.tds-form-input--highlighted:hover {
  background-color: var(--tds-color--tertiary-highlight);
}
.tds-form-input-group > .tds-form-input:not(:last-child),
tds-form-input-choice-group > tds-form-input-choice:not(:last-child),
tds-form-input-checkbox-group > tds-form-input-checkbox:not(:last-child),
tds-form-input-radio-group > tds-form-input-radio:not(:last-child) {
  margin-block-end: var(--tds-size--1x);
}
.tds-form-input-group--layout-horizontal > .tds-form-input {
  max-inline-size: calc(100% - var(--tds-size--6x));
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
}
.tds-form-input-group--layout-horizontal > .tds-form-input:not(:last-child),
.tds-form-input-group--layout-horizontal > tds-form-input-choice:not(:last-child):has(.tds-form-input) {
  margin-block-end: 0;
  margin-inline-end: var(--tds-size--2x);
}
.tds-form-input-leading {
  max-inline-size: calc(100% - 20px);
  padding-inline-end: var(--tds-size--half);
}
.tds-form-input-trailing {
  padding-inline-start: var(--tds-size--half);
}
.tds-form-input-leading + .tds-form-input-trailing {
  padding-inline-start: var(--tds-size--1x);
}
.tds-form-input-group--layout-horizontal .tds-form-input-leading + .tds-form-input-trailing {
  padding-inline-start: var(--tds-size--2x);
}
.tds-form-input--default :where(.tds-form-input-leading, .tds-form-input-trailing) {
  align-items: center;
  display: flex;
  inline-size: -moz-max-content;
  inline-size: max-content;
}
:is(.tds-form-input--default, .tds-listbox-search) :where(.tds-form-input-leading, .tds-form-input-trailing) {
  padding-block-end: var(--tds-size--half);
  padding-block-start: var(--tds-size--half);
}
.tds-form-input img {
  block-size: 100%;
  border-radius: inherit;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

/* src/components/form-input-choice/form-input-choice.css */
.tds-form-input-choice {
  align-self: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: inherit;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast);
  transition: box-shadow 0.33s var(--tds-bezier);
  max-block-size: var(--tds-height--choice);
  max-inline-size: var(--tds-height--choice);
  min-block-size: var(--tds-height--choice);
  min-inline-size: var(--tds-height--choice);
  vertical-align: middle;
}
.tds-form-input-choice:focus {
  box-shadow: inset 0 0 0 2px var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-choice[type=checkbox] {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size);
  border-radius: 2px;
}
.tds-form-input-choice[type=radio] {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--radio-size);
  border-radius: calc(var(--tds-height--choice) / 2);
}
.tds-form-input-choice::after {
  content: "";
  inline-size: var(--tds-form-input-choice--fill-size);
  block-size: var(--tds-form-input-choice--fill-size);
  margin: auto;
  display: block;
  transform: scale(0);
  transition: transform 0.33s var(--tds-bezier);
}
.tds-form-input-choice:checked::after {
  transform: scale(1);
}
.tds-form-input-choice[type=checkbox]::after {
  background-image: var(--tds-background-image--check);
}
.tds-form-input-choice[type=checkbox]:indeterminate::after {
  background-image: var(--tds-background-image--minus);
  transform: scale(1);
}
.tds-form-input-choice[type=radio]::after {
  background-color: currentcolor;
  border-radius: inherit;
}
:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice {
  margin-block-start: var(--tds-size--1x);
}
:is(.tds-theme--replicant, .tds-density--dense) .tds-form-input-group .tds-form-input-choice {
  margin-block-start: 0;
}
.tds-form-item .tds-form-input-choice,
.tds-form-input-group--layout-horizontal .tds-form-input:first-child .tds-form-input-choice {
  margin-inline-start: var(--tds-form--indent);
}
.tds-form-input-group--layout-horizontal .tds-form-input:not(:first-child) .tds-form-input-choice {
  margin-inline-start: 0;
}
.tds-form-input-choice-label {
  --tds-form--indent: var(--tds-size--1x);
  align-self: normal;
  padding-block-start: 2px;
}
:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice + .tds-form-input-choice-label {
  margin-block-start: var(--tds-size--1x);
}
:is(.tds-theme--replicant, .tds-density--dense) :is(.tds-form-input-group .tds-form-input-choice, .tds-form-input-choice) + .tds-form-input-choice-label {
  margin-block-start: -4px;
}
.tds-form-input-choice-label label[for] {
  cursor: pointer;
}
.tds-form-input-choice + .tds-form-input-choice-label:hover .tds-form-label,
.tds-form-input-choice:hover + .tds-form-input-choice-label .tds-form-label,
.tds-form-input-choice:checked + .tds-form-input-choice-label .tds-form-label {
  color: var(--tds-theme-foreground-high-contrast);
}

/* src/components/form-input-dropdown/form-input-dropdown.css */
.tds-form-input-dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-weight: var(--tds-font-weight-medium);
  flex-grow: 1;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  border-radius: var(--tds-border-radius--outline-only);
  inline-size: 0;
  opacity: 0;
}
.tds-form-input-dropdown:disabled {
  opacity: 0;
}
.tds-form-input-dropdown:focus {
  outline: none;
}
.tds-form-input--inline .tds-form-input-dropdown + .tds-form-input-trailing {
  padding-inline-start: 0;
}
.tds-dropdown.tds-tooltip {
  --tds-tooltip--padding: var(--tds-form--indent);
  cursor: default;
  padding: 0;
}
.tds-form-input--inline .tds-dropdown.tds-tooltip {
  --tds-form--indent: var(--tds-size--2x);
  --tds-tooltip--padding: var(--tds-form--indent);
}
.tds--indicate-focus .tds-form-input > input:focus ~ .tds-dropdown.tds-tooltip {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:has(.tds-form-input-search:focus) {
  outline: var(--tds-outline--focus);
}
.tds-dropdown-trigger {
  align-items: center;
  display: flex;
  font-weight: var(--tds-font-weight-medium);
  margin-inline-start: calc(var(--tds-size--half) * -1);
  padding-inline-start: var(--tds-size--half);
  white-space: nowrap;
}
.tds-form-input-leading .tds-dropdown-trigger {
  padding-inline-end: var(--tds-size--half);
}

/* src/components/form-input-file-upload/form-input-file-upload.css */
.tds-form-label-files {
  padding-inline-end: var(--tds-form--indent);
  padding-inline-start: var(--tds-form--indent);
}
.tds-list-item--file {
  align-items: center;
  color: var(--tds-theme-foreground);
  display: flex;
  justify-content: space-between;
  max-inline-size: unset;
}
:is(.tds-form-label, .tds-form-caption) + .tds-form-label-files .tds-list-item--file:first-of-type {
  padding-block-start: var(--tds-size--1x);
}
.tds-list-item--file > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-list-item--file > button {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-list-item--file > button .tds-icon {
  margin: 0;
}
.tds-form-feedback.tds-form-feedback-file {
  padding-inline-start: 0;
}
.tds-form-feedback-file .tds-form-feedback-text {
  display: flex;
}
.tds-form-feedback-file .tds-form-feedback-text .tds-icon {
  margin-block-start: calc(var(--tds-size--1x) / 4);
  margin-inline-end: var(--tds-size--half);
}
.tds-form-input-file-upload {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  block-size: 1px;
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.tds-form-input-file-upload[disabled] + .tds-btn {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
.tds-form-input-file-upload:not([disabled]):focus-visible + .tds-btn {
  box-shadow: inset 0 0 0 var(--tds-border-width--medium);
  outline: none;
}
.tds-form-input-file-upload:focus {
  outline: none;
}

/* src/components/form-input-password/form-input-password.css */
.tds-form-input-password {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  font-weight: var(--tds-font-weight-medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  border-radius: var(--tds-border-radius--outline-only);
}
.tds-form-input-password:focus {
  outline: none;
}

/* src/components/form-input-code-verification/form-input-code-verification.css */
.tds-form-input-code-verification-group {
  --tds-form-input--inline-size: 40px;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-start;
}
.tds-form-input-code-verification-group--center {
  justify-content: center;
}
.tds-form-input-code-verification {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: var(--tds-font-size-50);
  font-weight: var(--tds-font-weight-medium);
  margin: 0;
  padding: 0;
  border-radius: var(--tds-border-radius--outline-only);
  text-align: center;
  overflow: hidden;
}
.tds-form-input-code-verification:focus {
  outline: none;
}

/* src/components/form-input-range/form-input-range.css */
.tds-form-input-range {
  --tds-form-input-range--thumb-size: var(--tds-height--choice);
  --tds-form-input-range--track-size: calc(var(--tds-height--choice) / 2);
  --tds-form-input-range--track-radius: calc(var(--tds-form-input-range--track-size) / 2);
  --tds-form-input-range--background-color: var(--tds-theme-primary);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color: inherit;
  cursor: ew-resize;
  inline-size: 100%;
  margin: var(--tds-size--half) var(--tds-form--indent);
}
.tds-form-input-range--progress {
  position: relative;
}
.tds-form-input-range:focus {
  outline: none;
}
.tds-form-input-range--progress::before {
  background-color: var(--tds-form-input-range--background-color);
  block-size: 100%;
  border-radius: var(--tds-size--1x);
  content: "";
  display: block;
  inline-size: var(--tds-form-input-range--progress-width, 100%);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
[dir=rtl] .tds-form-input-range--progress::before {
  left: auto;
  right: 0;
}
.tds-form-input-range--progress::-moz-range-progress {
  background-color: var(--tds-form-input-range--background-color);
  block-size: var(--tds-form-input-range--track-size);
  border-radius: var(--tds-form-input-range--track-radius);
}
.tds-form-input-range::-webkit-slider-runnable-track {
  background-color: var(--tds-color-grey-50);
  block-size: var(--tds-form-input-range--track-size);
  border-radius: var(--tds-form-input-range--track-radius);
  inline-size: 100%;
}
.tds-form-input-range::-moz-range-track {
  -moz-appearance: none;
       appearance: none;
  background-color: var(--tds-color-grey-50);
  block-size: var(--tds-form-input-range--track-size);
  border: none;
  border-radius: var(--tds-form-input-range--track-radius);
  inline-size: 100%;
}
.tds-form-input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--tds-color-white);
  block-size: var(--tds-form-input-range--thumb-size);
  border-radius: calc(var(--tds-form-input-range--thumb-size) / 2);
  box-shadow:
    inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-border)),
    var(--tds-range-slider--box-shadow, 0 0 0 0 transparent),
    var(--tds-box-shadow--small);
  inline-size: var(--tds-form-input-range--thumb-size);
  margin-block-start: calc(var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2);
  outline: var(--tds-range-slider--outline, none);
  position: relative;
  outline-offset: 2px;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.tds--indicate-focus ::-webkit-slider-thumb {
  -webkit-transition: none;
  transition: none;
}
.tds-form-input-range:focus-visible {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-range:focus {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds-form-input-range::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  background-color: var(--tds-color-white);
  block-size: var(--tds-form-input-range--thumb-size);
  border: none;
  border-radius: calc(var(--tds-form-input-range--thumb-size) / 2);
  box-shadow:
    inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-border)),
    var(--tds-range-slider--box-shadow, 0 0 0 0 transparent),
    var(--tds-box-shadow--small);
  inline-size: var(--tds-form-input-range--thumb-size);
  margin-block-start: calc(var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2);
  outline: var(--tds-range-slider--outline, none);
  z-index: 2;
  outline-offset: 2px;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.tds--indicate-focus ::-moz-range-thumb {
  -moz-transition: none;
  transition: none;
}
.tds-form-input-range:focus-visible ::-moz-range-thumb {
  --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-range:focus ::-moz-range-thumb {
  --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds-form-label-range.tds-form-label-range {
  align-items: baseline;
  display: flex;
}
.tds-form-label-range .tds-form-caption {
  flex-grow: 1;
  text-align: end;
}

/* src/components/form-input-select/form-input-select.css */
.tds-form-input-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: inherit;
  border: none;
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight-medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  padding-inline-end: var(--tds-size--3x);
  text-overflow: ellipsis;
  border-radius: var(--tds-border-radius--outline-only);
}
.tds-form-input--default {
  --tds-form-input-select--chevron-inset: var(--tds-form--indent);
}
.tds-form-input-select:focus {
  outline: none;
}
.tds-form-input-select + .tds-form-input-trailing {
  align-self: center;
  left: auto;
  pointer-events: none;
  position: absolute;
  right: var(--tds-form-input-select--chevron-inset, 0);
}
[dir=rtl] .tds-form-input-select + .tds-form-input-trailing {
  left: var(--tds-form-input-select--chevron-inset, 0);
  position: absolute;
  right: auto;
}
.tds-colorscheme--dark .tds-form-input--default .tds-form-input-select:focus,
.tds-scrim--black .tds-form-input--default .tds-form-input-select:focus {
  background-color: var(--tds-theme-background-container);
}
.tds-colorscheme--dark .tds-form-input--default :is(option, optgroup),
.tds-scrim--black .tds-form-input--default :is(option, optgroup) {
  background-color: var(--tds-theme-background-container);
}

/* src/components/form-input-search/form-input-search.css */
.tds-form-input-search {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  font-weight: var(--tds-font-weight-medium);
  flex-grow: 1;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  border-radius: var(--tds-border-radius--outline-only);
  inline-size: 100%;
  transition: opacity 0.33s ease;
}
.tds-form-input--collapsed .tds-form-input-search {
  opacity: 0;
}
.tds-form-input-search:focus {
  outline: none;
}
.tds-form-input-search:is([inputmode=search], [type=search])::-webkit-search-cancel-button,
.tds-form-input-search:is([inputmode=search], [type=search])::-webkit-calendar-picker-indicator {
  display: none !important;
}
.tds-form-input-search-clear {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.33s ease,
    background-color 0.33s ease,
    visibility 0s 0.33s;
}
.tds-form-input:not(.tds-form-input--collapsed)[data-tds-value] .tds-form-input-search-clear {
  opacity: 1;
  visibility: inherit;
  pointer-events: inherit;
  transition:
    opacity 0.33s ease,
    background-color 0.33s ease,
    visibility 0s 0s;
}
.tds-form-input-search-wrapper--center {
  display: flex;
  justify-content: center;
}
.tds-form-input-search-wrapper--leading {
  display: flex;
  justify-content: flex-end;
}

/* src/components/form-input-option/form-input-option.css */
label.tds-form-input {
  color: var(--tds-form-label--color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-form-input--option {
  --tds-form--indent: 12px;
  align-items: center;
  block-size: auto;
  border-radius: var(--tds-border-radius--pill);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-border));
  inline-size: auto;
  justify-content: space-between;
  min-block-size: var(--tds-height--pill);
  padding: var(--tds-size--half) var(--tds-form--indent);
}
.tds-density--dense .tds-form-input--option {
  --tds-form--indent: 10px;
}
.tds-density--default .tds-form-input--option {
  --tds-form--indent: 12px;
}
.tds-form-input--option.tds-form-input--circle,
.tds-form-input-group--layout-horizontal > .tds-form-input--option.tds-form-input--circle {
  border-radius: var(--tds-border-radius--circle);
  justify-content: center;
  max-block-size: var(--tds-height--pill);
  max-inline-size: var(--tds-height--pill);
  min-inline-size: var(--tds-height--pill);
  padding: var(--tds-size--1x);
}
input.tds-form-input-hidden-choice {
  block-size: 0;
  clip-path: inset(100%);
  inline-size: 0;
  opacity: 0;
  pointer-events: none;
}
.tds-form-input-hidden-choice + .tds-form-input {
  cursor: pointer;
}
.tds-form-input-hidden-choice[disabled] + .tds-form-input {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
  pointer-events: none;
}
.tds-form-input-hidden-choice:checked + .tds-form-input {
  font-weight: var(--tds-font-weight-medium);
}
.tds-form-input-hidden-choice:checked + .tds-form-input.tds-form-input--option,
.tds-form-input--option .tds-form-input-hidden-choice:checked + .tds-form-input {
  --tds-form-input--border-color: var(--tds-theme-primary);
  --tds-form-input--border-width: var(--tds-border-width--large);
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-hidden-choice:focus-visible + .tds-form-input {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-hidden-choice:focus + .tds-form-input {
  outline: var(--tds-outline--focus);
}
.tds-form-input-visual-checkbox {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  max-block-size: var(--tds-height--choice);
  max-inline-size: var(--tds-height--choice);
  min-block-size: var(--tds-height--choice);
  min-inline-size: var(--tds-height--choice);
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast);
  border-radius: var(--tds-size--half);
  transition: box-shadow 0.33s ease;
}
.tds-form-input-leading .tds-form-input-visual-checkbox {
  margin-inline-end: var(--tds-size--1x);
}
.tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox {
  box-shadow: inset 0 0 0 2px var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-visual-checkbox::after {
  content: "";
  inline-size: var(--tds-form-input-choice--fill-size);
  block-size: var(--tds-form-input-choice--fill-size);
  margin: auto;
  background-image: var(--tds-background-image--check);
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 0.33s var(--tds-bezier);
}
.tds-form-input-hidden-choice:checked + .tds-form-input .tds-form-input-visual-checkbox::after {
  transform: scale(1);
}
.tds-form-input--swatch {
  block-size: var(--tds-size--3x);
  border-radius: inherit;
  box-shadow: 0 0 0 1px rgb(51 51 51);
  display: block;
  inline-size: var(--tds-size--3x);
}

/* src/components/form-input-phone/form-input-phone.css */
.tds-country-phone-label--long .tds-country-code {
  display: inline-block;
  inline-size: 32px;
  padding-inline-end: var(--tds-size--half);
}

/* src/components/form-input-text/form-input-text.css */
.tds-form-input-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  font-weight: var(--tds-font-weight-medium);
  flex-grow: 1;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  border-radius: var(--tds-border-radius--outline-only);
  inline-size: 100%;
}
.tds-form-input-text:focus {
  outline: none;
}
.tds-form-input-text[inputmode=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

/* src/components/form-input-time/form-input-time.css */
.tds-form-input-time {
  --tds-form-input-time--padding: var(--tds-padding--card);
  background-color: var(--tds-theme-background-dialog);
  border-radius: var(--tds-border-radius--card);
  padding: var(--tds-form-input-time--padding);
}

/* src/components/form-input-date/form-input-date.css */
.tds-form-input-date {
  caret-color: transparent;
}
.tds-form-input-date--placeholder {
  color: var(--tds-text--color--placeholder);
}

/* src/components/form-input-textarea/form-input-textarea.css */
.tds-form-input-textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight-medium);
  margin: 0;
  min-block-size: calc(var(--tds-height--pill) * 3);
  padding: 0;
  resize: none;
  border-radius: var(--tds-border-radius--outline-only);
}
.tds-form-input--default .tds-form-input-textarea {
  margin: 0 calc(var(--tds-form--indent) * -1);
  padding: var(--tds-size--1x) var(--tds-form--indent);
}
.tds-form-input--readonly .tds-form-input-textarea {
  margin: 0;
  padding: 0;
}
.tds-form-input-textarea:focus {
  outline: none;
}
.tds-form-input-textarea:is(:hover, :focus, :active) {
  resize: vertical;
}
.tds-form-input--readonly .tds-form-input-textarea:is(:hover, :focus, :active) {
  resize: none;
}

/* src/components/form-feedback/form-feedback.css */
.tds-form-feedback {
  color: var(--tds-form-feedback--color, var(--tds-form-label--color));
  display: flex;
  font-size: var(--tds-font-size-20);
  justify-content: space-between;
  padding-inline: var(--tds-form--indent) var(--tds-form--indent);
}
:is(.tds-form-input, .tds-form-input-group, .tds-form-label, .tds-form-caption, .tds-form-input-code-verification-group, tds-form-input-dropdown, tds-form-input, tds-form-input-date, tds-form-label, tds-form-input-search, tds-form-input-file-upload) + .tds-form-feedback {
  margin-block-start: var(--tds-size--1x);
}
.tds-form-feedback-text {
  flex-grow: 1;
  text-align: end;
}
.tds-form--error .tds-form-helper-text {
  display: none;
}
.tds-form--error .tds-form-feedback-text {
  font-weight: var(--tds-font-weight-medium);
  text-align: start;
}
.tds-form-input-code-verification-group--center + .tds-form-feedback > .tds-form-feedback-text {
  text-align: center;
}

/* src/components/form-label/form-label.css */
.tds-form-label {
  display: block;
  color: var(--tds-form-label--color);
  font-weight: var(--tds-font-weight-medium);
  padding-inline: var(--tds-form--indent) calc(var(--tds-form--indent) / 2);
  transition: color 0.33s ease;
}
.tds-form-label-tooltip {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.tds-form-label-tooltip .tds-icon--inline:is(:first-child, :last-child) {
  margin-inline: 0 0;
}
.tds-form-caption {
  color: var(--tds-theme-foreground-low-contrast);
  font-size: var(--tds-font-size-20);
  line-height: var(--tds-line-height-10);
  padding-inline: var(--tds-form--indent) calc(var(--tds-form--indent) / 2);
}
:is(.tds-form-input, .tds-form-input-group) + .tds-form-caption {
  margin-block-start: var(--tds-size--1x);
}

/* src/components/icon-button/icon-button.css */
.tds-icon-btn {
  --tds-icon-btn--background: transparent;
  --tds-icon-btn--border-width: var(--tds-border-width--medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--tds-height--pill);
  block-size: var(--tds-height--pill);
  padding: var(--tds-size--half);
  border-radius: var(--tds-border-radius--pill);
  vertical-align: middle;
  background-color: var(--tds-icon-btn--background);
  box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width) transparent;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition:
    color 0.33s ease,
    background-color 0.33s ease,
    box-shadow 0.25s ease,
    transform 0.33s var(--tds-bezier);
  border: var(--tds-icon-btn--border-width) solid transparent;
}
:where(.tds-density--default) .tds-icon-btn,
.tds-icon-btn.tds-icon-btn--large {
  --tds-height--pill: var(--tds-size--5x);
  --tds-icon-btn--border-width: var(--tds-border-width--medium);
}
:where(.tds-density--dense) .tds-icon-btn,
.tds-icon-btn.tds-icon-btn--medium {
  --tds-height--pill: var(--tds-size--4x);
  --tds-icon-btn--border-width: var(--tds-border-width--small);
}
.tds-icon-btn:focus {
  box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width);
  outline: none;
}
:is(.tds-form-input-leading, .tds-form-input-trailing) .tds-icon-btn {
  margin-block-end: calc(var(--tds-size--1x) * -1);
  margin-block-start: calc(var(--tds-size--1x) * -1);
}
.tds-form-input .tds-icon-btn {
  --tds-icon-btn--border-width: 1px;
  block-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
  inline-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
}
.tds-form-input--default .tds-form-input-trailing .tds-icon-btn:last-child {
  margin-inline-end: calc(var(--tds-size--half) * -1);
}
.tds-form-input--default .tds-form-input-leading .tds-icon-btn:first-child {
  margin-inline-start: calc(var(--tds-size--half) * -1);
}
.tds-icon-btn.tds--highlighted,
.tds-data-table tbody tr.tds--highlighted .tds-td--actions .tds-icon-btn {
  --tds-icon-btn--background: var(--tds-theme-background-container-alt);
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
          backdrop-filter: blur(var(--tds-blur--button));
}
@media (hover: hover) {
  .tds-icon-btn:not([disabled]):hover,
  .tds-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]) {
    --tds-icon-btn--background: var(--tds-theme-background-container-alt);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
            backdrop-filter: blur(var(--tds-blur--button));
  }
  .tds-icon-btn.tds--highlighted:not([disabled]):hover {
    --tds-icon-btn--background: var(--tds-theme-background-container-alt-highlight);
  }
}
.tds-icon-btn.tds-icon-btn--small {
  --tds-height--pill: 28px;
  --tds-icon-btn--border-width: var(--tds-border-width--small);
}

/* src/components/icon/icon.css */
:root,
.tds-component-preview {
  --tds-icon--bg: transparent;
  --tds-icon--rotate-x: 0deg;
  --tds-icon--size: var(--tds-size--3x);
  --tds-icon--transform: ;
  --tds-icon--color-stop-1: currentcolor;
  --tds-icon--color-stop-2: currentcolor;
}
:root,
[dir=ltr] {
  --tds-icon--rotate-y: 0deg;
}
[dir=rtl] {
  --tds-icon--rotate-y: 180deg;
}
.tds-icon {
  background: var(--tds-icon--bg);
  block-size: var(--tds-icon--size);
  content: "";
  display: block;
  inline-size: var(--tds-icon--size);
  max-inline-size: 100%;
  min-block-size: var(--tds-icon--size);
  min-inline-size: var(--tds-icon--size);
  overflow: hidden;
  text-indent: -9999px;
  transform: var(--tds-icon--transform);
  transition: color 0.33s ease, transform 0.5s var(--tds-bezier);
}
.tds-icon--small {
  --tds-icon--size: var(--tds-size--2x);
}
.tds-icon--large {
  --tds-icon--size: var(--tds-size--4x);
}
.tds-icon--xl {
  --tds-icon--size: var(--tds-size--6x);
}
.tds-icon--xxl {
  --tds-icon--size: var(--tds-size--8x);
}
:is([class*=tds-icon-arrow], [class*=tds-icon-chevron], [class*=tds-icon-speaker]) {
  transform: rotateY(var(--tds-icon--rotate-y)) rotateX(var(--tds-icon--rotate-x)) var(--tds-icon--transform);
}
.tds-icon--flip-x,
.tds-accordion[open] > .tds-accordion-summary > [class*=tds-icon-chevron],
.tds-sidenav .tds-site-nav-item.tds--expanded [class*=tds-icon-chevron]:last-child {
  --tds-icon--rotate-x: 180deg;
}
.tds-icon--inline {
  display: inline-block;
}
.tds-icon--inline:last-child {
  margin-inline-start: var(--tds-size--half);
}
.tds-icon--inline:first-child {
  margin-inline-end: var(--tds-size--half);
}
.tds-icon--text-bottom {
  vertical-align: text-bottom;
}
.tds-icon--text-top {
  vertical-align: text-top;
}
.tds-icon--text-middle {
  vertical-align: middle;
  margin-block-start: -0.2em;
}
.tds-icon-logo-wordmark {
  inline-size: calc(var(--tds-icon--size) * 5);
}
.tds-icon-loader {
  background: conic-gradient(from 30deg, rgb(119 119 119 / 0%), rgb(119 119 119 / 48%), rgb(119 119 119 / 80%), rgb(119 119 119 / 100%));
  color: rgb(255 255 255 / 0%);
  -webkit-mask: url("data:image/svg+xml,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z' fill='black'/></svg>");
          mask: url("data:image/svg+xml,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z' fill='black'/></svg>");
  -webkit-mask-size: cover;
          mask-size: cover;
  opacity: var(--tds-ui-opacity-70);
}
.tds-icon * {
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* src/components/icon-badge/icon-badge.css */
.tds-icon-badge {
  --tds-badge--color: var(--tds-theme-primary);
  --tds-badge--text-color: var(--tds-color-white);
  font-variant-numeric: tabular-nums;
  overflow: visible;
}
.tds-theme--replicant .tds-icon-badge {
  --tds-badge--text-color: var(--tds-color--black);
}

/* src/components/icon-trigger/icon-trigger.css */
.tds-icon-trigger {
  --tds-icon-trigger--animation:
    color 900ms var(--tds-bezier),
    border 900ms var(--tds-bezier),
    opacity 900ms var(--tds-bezier),
    transform 900ms var(--tds-bezier),
    box-shadow 250ms var(--tds-bezier),
    background-color 900ms var(--tds-bezier);
  --tds-icon-trigger--border_size: 2px;
  --tds-icon-trigger--padding-inline-end: var(--tds-size--1x);
  --tds-icon-trigger--padding-inline-start: var(--tds-size--4x);
  align-items: center;
  background: none;
  border: none;
  color: var(--tds-theme-foreground);
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  font-size: var(--tds-font-size-30);
  font-weight: var(--tds-font-weight-medium);
  min-block-size: var(--tds-size--5x);
  min-inline-size: var(--tds-size--3x);
  padding-block: var(--tds-size--1x) var(--tds-size--1x);
  padding-inline: var(--tds-icon-trigger--padding-inline-start) var(--tds-icon-trigger--padding-inline-end);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-icon-trigger:disabled,
.tds-icon-trigger.tds--disabled {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
.tds-icon-trigger::after {
  border: none;
  opacity: 0;
}
.tds-icon-trigger .tds-label-title {
  text-transform: inherit;
}
.tds-icon-crosshatch {
  --tds-icon-crosshatch--border-radius: var(--tds-border-radius--pill);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  block-size: var(--tds-size--3x);
  border: var(--tds-icon-trigger--border_size) solid var(--tds-color--secondary-highlight);
  border-radius: var(--tds-icon-crosshatch--border-radius);
  inline-size: var(--tds-size--3x);
  left: 0;
  padding: 0;
  position: absolute;
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-crosshatch::before,
.tds-icon-crosshatch::after {
  background-color: var(--tds-color--secondary-highlight);
  border-radius: var(--tds-icon-crosshatch--border-radius);
  content: "";
  inset: 0;
  margin: auto;
  position: absolute;
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-crosshatch::before {
  block-size: calc(var(--tds-size--2x) - 4px);
  inline-size: var(--tds-icon-trigger--border_size);
}
.tds-icon-crosshatch::after {
  block-size: var(--tds-icon-trigger--border_size);
  inline-size: calc(var(--tds-size--2x) - 4px);
}
.tds-icon-trigger--small {
  --tds-icon-trigger--padding-inline-start: calc(var(--tds-size--2x) + 8px);
  min-block-size: calc(var(--tds-size--2x) + 10px);
}
.tds-icon-trigger--small .tds-icon-crosshatch {
  block-size: var(--tds-size--2x);
  inline-size: var(--tds-size--2x);
}
.tds-icon-trigger--small .tds-icon-crosshatch::before {
  block-size: calc(var(--tds-size--2x) - 10px);
}
.tds-icon-trigger--small .tds-icon-crosshatch::after {
  inline-size: calc(var(--tds-size--2x) - 10px);
}
.tds-icon-trigger--unenclosed {
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-trigger--unenclosed .tds-icon-crosshatch {
  border: none;
}
.tds-icon-trigger--unenclosed .tds-label-title {
  margin-inline-end: var(--tds-size--1x);
}
.tds-icon-trigger--reversed {
  --tds-icon-trigger--padding-inline-end: var(--tds-size--4x);
  --tds-icon-trigger--padding-inline-start: 0;
}
.tds-icon-trigger--reversed .tds-icon-crosshatch {
  left: auto;
  right: 0;
}
[dir=rtl] .tds-icon-crosshatch {
  left: initial;
  right: 0;
}
[dir=rtl] .tds-icon-trigger--reversed,
[dir=rtl] .tds-icon-trigger--reversed .tds-icon-crosshatch {
  left: 0;
  right: initial;
}
[aria-pressed=true] .tds-icon-crosshatch::before {
  transform: rotateZ(90deg);
}
[aria-pressed=true] .tds-icon-crosshatch::after {
  opacity: var(--tds-ui-opacity-0);
  transform: rotateZ(180deg);
}
.tds-icon-trigger--rotate[aria-pressed=true] .tds-icon-crosshatch::before {
  transform: rotateZ(135deg);
}
.tds-icon-trigger--rotate[aria-pressed=true] .tds-icon-crosshatch::after {
  opacity: var(--tds-ui-opacity-100);
  transform: rotateZ(315deg);
}
.tds-icon-trigger--invert-colors[aria-pressed=true] .tds-icon-crosshatch {
  background-color: var(--tds-color--secondary-highlight);
}
.tds-icon-trigger--invert-colors[aria-pressed=true] .tds-icon-crosshatch::before,
.tds-icon-trigger--invert-colors[aria-pressed=true] .tds-icon-crosshatch::after {
  background-color: var(--tds-color--inverse);
}
.tds-icon-trigger--chevron .tds-icon {
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-trigger--chevron[aria-pressed=true] .tds-icon {
  transform: rotateX(180deg);
}
.tds-icon-trigger--chevron {
  --tds-icon-trigger--padding-inline-end: 0;
  --tds-icon-trigger--padding-inline-start: 0;
  gap: var(--tds-size--half);
}

/* src/components/indicator/indicator.css */
.tds-indicator {
  --tds-indicator--circle-size: var(--tds-size-base);
  --tds-status-color--background-color: var(--tds-theme-background-container);
  block-size: var(--tds-indicator--circle-size);
  inline-size: var(--tds-indicator--circle-size);
}
.tds-indicator--large {
  --tds-indicator--circle-size: calc(var(--tds-size-base) * 1.5);
}
.tds-indicator--small {
  --tds-indicator--circle-size: var(--tds-size-half);
}

/* src/components/indicator-group/indicator-group.css */
.tds-indicator-group {
  --tds-indicator-group--circle-size: var(--tds-size-base);
  block-size: var(--tds-indicator-group--circle-size);
}
.tds-indicator-group--large-indicators {
  --tds-indicator-group--circle-size: calc(var(--tds-size-base) * 1.5);
}
.tds-indicator-group--small-indicators {
  --tds-indicator-group--circle-size: var(--tds-size-half);
}

/* src/components/layout-flex/flex.css */
:root,
.tds-component-preview {
  --tds-gutter: var(--tds-size--3x);
  --tds-flex-gutter: var(--tds-size--3x);
  --tds-gutter--half: calc(var(--tds-size--3x) / 2);
  --tds-gutter--negative: calc(var(--tds-size--3x) * -1);
  --tds-gutter--half_negative: calc(var(--tds-gutter--negative) / 2);
}
.tds-flex {
  display: flex;
  flex-flow: column wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .tds-flex {
    flex-flow: row wrap;
  }
}
.tds-flex-gutters {
  margin-block: var(--tds-gutter--negative) var(--tds-flex-gutter);
  margin-inline-start: var(--tds-gutter--negative);
}
@media (max-width: 599px) {
  .tds-flex-small-gutters > * {
    margin-block: var(--tds-size--1x) var(--tds-size--1x);
  }
  .tds-flex-small-gutters > :first-child {
    margin-block-start: 0;
  }
  .tds-flex-small-gutters > :last-child {
    margin-block-end: 0;
  }
}
@media (min-width: 600px) {
  .tds-flex-small-gutters > * {
    margin-inline: var(--tds-size--1x) var(--tds-size--1x);
  }
  .tds-flex-small-gutters > :first-child {
    margin-inline-start: 0;
  }
  .tds-flex-small-gutters > :last-child {
    margin-inline-end: 0;
  }
}
.tds-flex--nowrap {
  flex-wrap: nowrap;
}
.tds-flex-item {
  flex: 1;
}
.tds-grid--show_grid .tds-flex-item {
  overflow: hidden;
  position: relative;
}
.tds-grid--show_grid .tds-flex-item::before {
  background-color: rgb(149 236 255 / 10%);
  block-size: 100%;
  border-inline-end: 1px solid rgb(149 236 255 / 30%);
  border-inline-start: 1px solid rgb(149 236 255 / 30%);
  content: "";
  display: block;
  inline-size: calc(100% - 2px);
  left: 1px;
  position: absolute;
  top: 0;
}
.tds-grid--show_grid.tds-flex-gutters .tds-flex-item::before,
.tds-grid--show_grid .tds-flex-gutters .tds-flex-item::before {
  inline-size: calc(100% - 26px);
  left: var(--tds-flex-gutter);
  top: var(--tds-flex-gutter);
}
.tds-flex-gutters .tds-flex-item {
  padding-block-start: var(--tds-flex-gutter);
  padding-inline-start: var(--tds-flex-gutter);
}
.tds-flex--flex_cells > .tds-flex-item {
  display: flex;
}
.tds-flex-item--no_gutter {
  padding-block-start: 0;
  padding-inline-start: 0;
}
.tds-flex-gutters .tds-flex-gutters {
  margin-block-end: 0;
}
[class*=tds-flex--col_] {
  flex: none;
  transition: inline-size 250ms ease-in-out;
}
@media (min-width: 600px) {
  .tds-flex--col_1of2 {
    inline-size: 50%;
  }
  .tds-flex--col_1of3 {
    inline-size: 33.3333%;
  }
  .tds-flex--col_2of3 {
    inline-size: 66.6667%;
  }
  .tds-flex--col_1of4 {
    inline-size: 25%;
  }
  .tds-flex--col_3of4 {
    inline-size: 75%;
  }
  .tds-flex--col_1of1 {
    inline-size: 100%;
  }
}
.tds-flex--top {
  align-items: flex-start;
}
.tds-flex--bottom {
  align-items: flex-end;
}
.tds-flex--center {
  align-items: center;
}
.tds-flex--align-inline-start {
  justify-content: flex-start;
}
.tds-flex--align-inline-center {
  justify-content: center;
}
.tds-flex--align-inline-end {
  justify-content: flex-end;
}
.tds-flex--align-inline-start > .tds-flex-item,
.tds-flex--align-inline-center > .tds-flex-item,
.tds-flex--align-inline-end > .tds-flex-item {
  flex: unset;
}
.tds-flex-item--top {
  align-self: flex-start;
}
.tds-flex-item--bottom {
  align-self: flex-end;
}
.tds-flex-item--center {
  align-self: center;
}
.tds-flex--fit > .tds-flex-item {
  flex: 1;
}
@media (min-width: 600px) {
  .tds-flex--full > .tds-flex-item {
    flex: 0 0 100%;
  }
  .tds-flex--halfs > .tds-flex-item {
    flex: 0 0 50%;
  }
  .tds-flex--thirds > .tds-flex-item {
    flex: 0 0 33.3333%;
  }
  .tds-flex--quarters > .tds-flex-item {
    flex: 0 0 25%;
  }
  .tds-flex--large_fit > .tds-flex-item {
    flex: 1;
  }
  .tds-flex--large_full > .tds-flex-item {
    flex: 0 0 100%;
  }
  .tds-flex--large_halfs > .tds-flex-item {
    flex: 0 0 50%;
  }
  .tds-flex--large_thirds > .tds-flex-item {
    flex: 0 0 33.3333%;
  }
  .tds-flex--large_quarters > .tds-flex-item {
    flex: 0 0 25%;
  }
}
.tds-flex--as_columns {
  flex-flow: column wrap;
}
.tds-flex--as-rows {
  display: flex;
  flex-flow: row wrap;
}

/* src/components/layout-flex/flex-layouts.css */
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1),
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(1) {
  min-inline-size: 70%;
}
.tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1) {
  min-inline-size: 60%;
}
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(2),
.tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(2) {
  order: -1;
}
@media (max-width: 599px) {
  .tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1),
  .tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(1) {
    order: -1;
  }
}
@media (max-width: 599px) {
  .tds-flex-item {
    inline-size: 100%;
    min-inline-size: 112px;
    flex: 100%;
  }
  .tds-flex-gutters {
    margin-block: 0 0;
  }
  .tds-flex-gutters .tds-flex-item {
    padding-block-start: 0;
  }
}

/* src/components/layout-grid/layout.css */
.tds-layout-main {
  grid-area: main;
}
.tds-layout-aside {
  grid-area: aside--primary;
}
.tds-layout-aside + .tds-layout-aside {
  grid-area: aside--secondary;
}
.tds-layout.tds-layout--no_offset,
.tds-layout :is(.tds-layout, .tds-layout--no_offset) {
  padding-inline: 0 0;
}
.tds-layout--constrained,
.tds-layout--constrained_small {
  margin-inline: auto auto;
}
.tds-layout--constrained_small {
  max-inline-size: 840px;
}
.tds-layout--constrained {
  max-inline-size: 1440px;
}
.tds-layout {
  --tds-layout-gutter--end: var(--tds-content_container--gutter);
  --tds-layout-gutter--start: var(--tds-content_container--gutter);
  padding-inline: var(--tds-layout-gutter--end) var(--tds-layout-gutter--start);
}
.tds-content_container > .tds-layout {
  padding-inline: 0 0;
}
@media (min-width: 600px) {
  .tds-layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0 var(--tds-size--3x);
    margin: auto;
  }
}
.tds-layout-item:first-child:last-child {
  grid-column: 1 / 13;
}

/* src/components/layout-grid/layout--2col.css */
[class*=tds-layout-2col] .tds-layout-aside {
  grid-area: aside;
}
.tds-layout-main--left .tds-layout-aside,
.tds-layout-main--right .tds-layout-main {
  padding-inline-start: 0;
}
.tds-layout-2col.tds-layout-2col {
  grid-template: 1fr / repeat(2, 6fr);
}
.tds-layout-2col-has_main,
.tds-layout-2col-has_main--large,
.tds-layout-2col-spacious {
  grid-template: 1fr / repeat(12, 1fr);
}
.tds-layout-2col-has_main.tds-layout-main--left {
  grid-template-areas: "main main main main main main main main aside aside aside aside";
}
.tds-layout-2col-has_main.tds-layout-main--right {
  grid-template-areas: "aside aside aside aside main main main main main main main main";
}
.tds-layout-2col-has_main--large.tds-layout-main--left {
  grid-template-areas: "main main main main main main main main main aside aside aside";
}
.tds-layout-2col-has_main--large.tds-layout-main--right {
  grid-template-areas: "aside aside aside main main main main main main main main main";
}
.tds-layout-2col-static_sidebar.tds-layout-main--left {
  grid-template: "main aside" 1fr / 10fr minmax(204px, 2fr);
}
.tds-layout-2col-static_sidebar.tds-layout-main--right {
  grid-template: "aside main" 1fr / minmax(204px, 2fr) 10fr;
}
.tds-layout-2col-static_sidebar--large.tds-layout-main--left {
  grid-template: "main aside" 1fr / 9fr minmax(318px, 3fr);
}
.tds-layout-2col-static_sidebar--large.tds-layout-main--right {
  grid-template: "aside main" 1fr / minmax(318px, 3fr) 9fr;
}
@media (min-width: 600px) {
  .tds-layout-main--left .tds-layout-aside,
  .tds-layout-main--right .tds-layout-main {
    padding-inline-start: 24px;
  }
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main,
  .tds-layout-2col-content_heavy.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-content_heavy.tds-layout-main--right .tds-layout-main {
    padding-inline-start: 0;
  }
}
@media (min-width: 900px) {
  .tds-layout-2col-spacious.tds-layout-main--left {
    grid-template-areas: ". main main main main main main . aside aside aside .";
  }
  .tds-layout-2col-spacious.tds-layout-main--right {
    grid-template-areas: ". aside aside aside . main main main main main main .";
  }
  .tds-layout-2col-content_heavy.tds-layout-main--left {
    grid-template: ". . main aside" 1fr / 1fr 1fr 7fr minmax(min-content, 318px);
  }
  .tds-layout-2col-content_heavy.tds-layout-main--right {
    grid-template: "aside main . . " 1fr / minmax(min-content, 318px) 7fr 1fr 1fr;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tds-layout-2col-spacious.tds-layout-main--left {
    grid-template-areas: "main main main main main main main aside aside aside aside aside";
  }
  .tds-layout-2col-spacious.tds-layout-main--right {
    grid-template-areas: "aside aside aside aside aside main main main main main main main";
  }
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main {
    padding-inline-start: 24px;
  }
  .tds-layout-2col-content_heavy.tds-layout-main--left {
    grid-template: "main aside" 1fr / 9fr minmax(min-content, 318px);
  }
  .tds-layout-2col-content_heavy.tds-layout-main--right {
    grid-template: "aside main" 1fr / minmax(min-content, 318px) 9fr;
  }
}

/* src/components/layout-grid/layout--3col.css */
.tds-layout-3col,
.tds-layout-3col-has_main,
.tds-layout-3col-has_main--large {
  grid-template-areas: "aside--primary main aside--secondary";
}
.tds-layout-3col {
  grid-template: 1fr / repeat(3, 4fr);
}
.tds-layout-3col-has_main,
.tds-layout-3col-has_main--large {
  grid-template: 1fr / repeat(12, 1fr);
}
.tds-layout-3col-has_main .tds-layout-main {
  grid-column: 4 / 10;
}
.tds-layout-3col-has_main .tds-layout-aside + .tds-layout-aside {
  grid-column: 10 / 13;
}
.tds-layout-3col-has_main .tds-layout-main + .tds-layout-aside {
  grid-column: 1 / 4;
}
.tds-layout-3col-has_main--large .tds-layout-main {
  grid-column: 3 / 11;
}
.tds-layout-3col-has_main--large .tds-layout-aside + .tds-layout-aside {
  grid-column: 11 / 13;
}
.tds-layout-3col-has_main--large .tds-layout-main + .tds-layout-aside {
  grid-column: 1 / 3;
}
.tds-layout-3col-has_main--inset .tds-layout-main {
  grid-column: 4 / 10;
}
.tds-layout-3col-has_main--inset .tds-layout-aside + .tds-layout-aside {
  grid-column: 10 / 12;
}
.tds-layout-3col-has_main--inset .tds-layout-main + .tds-layout-aside {
  grid-column: 2 / 4;
}
.tds-layout-3col-has_main--spread .tds-layout-main {
  grid-column: 4 / 10;
}
.tds-layout-3col-has_main--spread .tds-layout-aside + .tds-layout-aside {
  grid-column: 11 / 13;
}
.tds-layout-3col-has_main--spread .tds-layout-main + .tds-layout-aside {
  grid-column: 1 / 3;
}

/* src/components/layout-grid/layout--4col.css */
.tds-layout--4col {
  grid-template-columns: repeat(4, 1fr);
}

/* src/components/layout-grid/layout--checkerboard.css */
@media (min-width: 600px) {
  .tds-layout-checkerboard {
    grid-template: "checkboard--row" 1fr / 1fr;
    grid-gap: 0;
  }
  .tds-layout-checkerboard .tds-layout-item {
    display: grid;
    grid-template: "checkerboard-asset checkerboard-caption" 1fr / 1fr 1fr;
    place-content: center center;
    align-items: stretch;
  }
  .tds-layout-checkerboard .tds-layout-checkerboard--caption {
    grid-area: checkerboard-caption;
    padding-inline: var(--tds-size--8x) var(--tds-size--8x);
    place-self: center stretch;
    text-align: start;
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(odd) {
    grid-template-areas: "checkerboard-caption checkerboard-asset";
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(even) {
    grid-template-areas: "checkerboard-asset checkerboard-caption";
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(odd) .tds-layout-checkerboard--caption {
    text-align: end;
  }
}
.tds-layout-checkerboard .tds-layout-checkboard--asset {
  display: block;
  grid-area: checkerboard-asset;
  inline-size: 100%;
  max-inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* src/components/layout-shell/shell.css */
:root,
.tds-component-preview {
  --tds-shell-footer-height: initial;
  --tds-shell-header-height: var(--tds-size--7x);
}
.tds-shell {
  --tds-shell-content-height: calc( 100vh - var(--tds-shell-header-height) - var(--tds-shell-footer-height) );
  display: grid;
  grid-gap: 0 24px;
  grid-template-columns: auto;
  grid-template-rows: var(--tds-shell-header-height) 1fr var(--tds-shell-footer-height);
  min-block-size: 100vh;
  min-block-size: -webkit-fill-available;
  grid-template-areas: "tds-shell-masthead" "tds-shell-content" "tds-shell-footer";
}
.tds-shell.tds-shell--no_footer {
  --tds-shell-footer-height: 0px;
}
@media (min-width: 600px) {
  .tds-shell {
    --tds-shell-footer-height: 52px;
  }
}
.tds-shell-masthead,
.tds-shell-footer {
  display: flex;
  flex-flow: row nowrap;
}
.tds-shell-masthead {
  grid-area: tds-shell-masthead;
}
.tds-shell-masthead--is_sticky,
.tds-shell-footer--is_sticky {
  position: sticky;
}
.tds-shell-masthead--is_sticky {
  top: 0;
}
.tds-shell-footer--is_sticky {
  bottom: 0;
}
.tds-shell-footer {
  grid-area: tds-shell-footer;
}
.tds-shell-footer .tds-footer-nav {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tds-shell-content {
  grid-area: tds-shell-content;
  min-block-size: var(--tds-shell-content-height);
}

/* src/components/link/link.css */
a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
a:where(:focus, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
:where(h1, h2) a:where(:focus, .tds--focus) {
  border-radius: var(--tds-size--half);
}
button.tds-link {
  display: inline;
  line-height: initial;
}
.tds-link {
  --tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tds-size--half)) * -1);
  --tds-link--box-shadow--default: 0 calc(1px + var(--tds-border-width--small)) 0 -1px currentcolor;
  --tds-link--box-shadow--hover: 0 calc(1px + var(--tds-border-width--medium)) 0 -1px currentcolor;
  --tds-link--box-shadow--none: 0 0 0 0 transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  text-align: initial;
  color: var(--tds-theme-foreground);
  transition: box-shadow 0.33s var(--tds-bezier), color 0.33s ease;
  box-shadow: var(--tds-link--box-shadow--default);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
:is(.tds-link, .tds-link--interaction):is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
:is(.tds-link, .tds-link--interaction):is([disabled], .tds--disabled) {
  cursor: not-allowed;
  outline: none;
}
.tds-link--secondary {
  box-shadow: var(--tds-link--box-shadow--none);
  color: var(--tds-theme-foreground-low-contrast);
  font-weight: var(--tds-font-weight-medium);
}
.tds-link--primary {
  box-shadow: var(--tds-link--box-shadow--none);
  color: var(--tds-theme-foreground-primary);
  font-weight: var(--tds-font-weight-medium);
}
.tds-link--vertical {
  box-shadow: var(--tds-link--box-shadow--none);
  padding-inline-start: var(--tds-size--half);
}
.tds-link--interaction {
  box-shadow: var(--tds-link--box-shadow--none);
  color: var(--tds-theme-foreground-high-contrast);
  cursor: pointer;
  display: inline-block;
  font-weight: var(--tds-font-weight-medium);
  position: relative;
}
.tds-link--interaction::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  inline-size: 100%;
  block-size: 3px;
  background-image: radial-gradient(circle, var(--tds-theme-foreground-low-contrast) 1px, transparent 1px);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 6px 3px;
  transform: translateY(0.2em);
  transition: transform 300ms, background-image 0.3s ease;
}
.tds-link--interaction:hover::after,
.tds-link--interaction:focus::after {
  background-image: radial-gradient(circle, var(--tds-theme-foreground-high-contrast) 1px, transparent 1px);
  transform: translateY(0.15em);
}
@media (hover: hover) {
  .tds-link:is(:hover, .tds--hover):not(.tds-link--primary, .tds-link--vertical, .tds-link--interaction, [disabled], .tds--disabled) {
    box-shadow: var(--tds-link--box-shadow--hover);
    color: var(--tds-theme-foreground-high-contrast);
  }
  .tds-link--primary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    color: var(--tds-theme-primary-highlight);
    box-shadow: var(--tds-link--box-shadow--none);
  }
  .tds-link--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    color: var(--tds-theme-foreground);
  }
  .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    box-shadow: -4px 0 0 0 currentcolor;
  }
  [dir=rtl] .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    box-shadow: 4px 0 0 0 currentcolor;
  }
  .tds-link--interaction:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    color: var(--tds-theme-foreground-high-contrast);
    box-shadow: var(--tds-link--box-shadow--none);
  }
}
.tds-link--icon-leading {
  margin-inline-start: 28px;
}
.tds-link--icon-trailing {
  margin-inline-end: 28px;
}
:is(.tds-link, .tds-link--icon-leading, .tds-link--icon-trailing) > :is(.tds-icon--inline, .tds-icon) {
  position: absolute;
  top: -4px;
}
.tds-link > .tds-icon--inline:first-child,
.tds-link--icon-leading > .tds-icon {
  left: var(--tds-link--icon-margin);
}
.tds-link > .tds-icon--inline:last-child,
.tds-link--icon-trailing > .tds-icon {
  right: var(--tds-link--icon-margin);
}
[dir=rtl] .tds-link > .tds-icon--inline:first-child,
[dir=rtl] .tds-link--icon-leading > .tds-icon {
  left: unset;
  right: var(--tds-link--icon-margin);
}
[dir=rtl] .tds-link > .tds-icon--inline:last-child,
[dir=rtl] .tds-link--icon-trailing > .tds-icon {
  left: var(--tds-link--icon-margin);
  right: unset;
}

/* src/components/list/list.css */
.tds-list {
  --tds-list--separator-color: var(--tds-color--secondary-accent);
  --tds-list--timeline-color: var(--tds-theme-foreground);
  --tds-list-item--margin-block: var(--tds-size--1x);
  --tds-list-item--padding-inline: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
p + .tds-list,
.tds-list + p {
  padding-block-start: var(--tds-paragraph-gap);
}
.tds-list--ordered,
.tds-list--unordered,
.tds-list--padded,
.tds-list--timeline {
  --tds-list-item--padding-inline: var(--tds-size--half);
  padding-inline-start: var(--tds-size--3x);
}
.tds-list--ordered {
  list-style-type: decimal;
}
.tds-list--unordered {
  list-style-type: disc;
}
.tds-list--align-end {
  list-style-type: none;
  text-align: end;
}
.tds-list--borders {
  --tds-list-item--margin-block: var(--tds-size--2x);
}
.tds-list--small-borders {
  --tds-list-item--margin-block: var(--tds-size--3x);
}
.tds-list--timeline {
  --tds-list-item--margin-block: var(--tds-size--2x);
  --tds-list-item--padding-inline: 12px;
}
.tds--vertical-rhythm .tds-list > .tds-list {
  --tds-spacer-top: 0;
}
.tds-list--light {
  --tds-list--timeline-color: var(--tds-color--secondary-accent);
}
.tds-list--caption {
  --tds-list--timeline-color: var(--tds-theme-border);
  --tds-list-item--margin-block: var(--tds-size--half);
  font-size: 12px;
}
.tds-list > :is(li, dd) {
  padding-inline: var(--tds-list-item--padding-inline) var(--tds-list-item--padding-inline);
  position: relative;
}
.tds-list--horizontal > li {
  display: inline-block;
}
:is(.tds-list--light, .tds-list--caption) > li {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-list > :is(li, dd):not(:last-of-type) {
  margin-block-end: var(--tds-list-item--margin-block);
}
@media (min-width: 600px) {
  .tds-list--horizontal > li:not(:last-of-type) {
    margin-block-end: 0;
    margin-inline-end: calc(var(--tds-list-item--margin-block) + 0.5em);
  }
}
.tds-list > li > .tds-icon:first-child {
  --tds-icon--list-inset: calc((var(--tds-size--3x) / 2 * -1) - (var(--tds-icon--size) / 2) - 1px);
  position: absolute;
  left: var(--tds-icon--list-inset);
  top: calc(var(--tds-size--1x) + 2px);
  transform: translateY(-50%);
  z-index: 1;
  background-color: var(--tds-theme-background, var(--tds-theme-foreground-on-primary));
  transition: background-color 0.3s ease;
}
[dir=rtl] .tds-list > li > .tds-icon:first-child {
  left: auto;
  right: var(--tds-icon--list-inset);
}
.tds-modal .tds-list > li > .tds-icon:first-child {
  background-color: var(--tds-theme-background-dialog);
}
.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-list > li > .tds-icon:first-child {
  background-color: var(--tds-theme-background-container);
}
.tds-list--borders > li::before,
.tds-list--small-borders > li::before,
.tds-list > li.tds-list-item--separated::before {
  background-color: var(--tds-list--separator-color);
  block-size: 1px;
  content: "";
  display: block;
}
.tds-list--borders > li::before {
  margin-block-end: var(--tds-list-item--margin-block);
}
.tds-list--small-borders > li::before {
  margin-block-end: calc(var(--tds-list-item--margin-block) / 2);
  max-inline-size: var(--tds-size--4x);
}
.tds-list > li.tds-list-item--separated::before {
  margin-block-end: var(--tds-list-item--margin-block);
}
.tds-list--timeline > li::before,
.tds-list--timeline > li:not(:last-of-type)::after {
  background-color: currentcolor;
  content: "";
  left: -14px;
  position: absolute;
  top: 0.5em;
}
.tds-list--timeline > li::before {
  block-size: var(--tds-size--1x);
  border-radius: var(--tds-size--1x);
  inline-size: var(--tds-size--1x);
  margin-inline-start: -3px;
}
.tds-list--timeline > li:not(:last-of-type)::after {
  block-size: calc(100% + var(--tds-list-item--margin-block));
  display: block;
  inline-size: 2px;
}
[dir=rtl] .tds-list--timeline > li::before,
[dir=rtl] .tds-list--timeline > li:not(:last-of-type)::after {
  left: auto;
  right: -14px;
}

/* src/components/listbox/listbox.css */
.tds-listbox {
  --tds-listbox--padding-block: var(--tds-size--2x);
  border-radius: var(--tds-border-radius--outline-only);
  max-block-size: 300px;
  overflow-y: auto;
  scroll-behavior: auto;
}
.tds-dropdown.tds-tooltip > .tds-listbox {
  padding: var(--tds-listbox--padding-block) 0;
}
.tds-listbox-search {
  border-block-end: 1px solid var(--tds-theme-background-container-alt);
  padding: var(--tds-size--half) var(--tds-size--2x);
}
.tds-tooltip > .tds-listbox-search:first-child {
  padding-block-start: var(--tds-size--half);
}
.tds-listbox-search .tds-form-input:focus-within {
  outline: none;
}
.tds-listbox-search:has(.tds-form-input-search:focus-visible) ~ .tds-listbox {
  outline: var(--tds-outline--focus);
}
.tds-dropdown.tds-tooltip .tds-listbox-search:has(.tds-form-input-search:focus-visible) ~ .tds-listbox {
  outline: none;
}
.tds-listbox-option {
  --tds-form--indent: var(--tds-component-pill-padding-inline);
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  margin: 0;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  inline-size: 100%;
  max-inline-size: 100%;
  outline-offset: -2px;
  transition: background-color 0.3s ease;
}
.tds-listbox-option--add {
  --tds-form--indent: var(--tds-component-pill-padding-inline);
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  margin: 0;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  inline-size: 100%;
  max-inline-size: 100%;
  outline-offset: -2px;
  transition: background-color 0.3s ease;
  border-block-start: solid;
  border-color: var(--tds-theme-border-low-contrast);
  border-width: 1px;
}
.tds-listbox-group {
  --tds-form--indent: var(--tds-component-pill-padding-inline);
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  margin: 0;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  inline-size: 100%;
  max-inline-size: 100%;
  outline-offset: -2px;
  transition: background-color 0.3s ease;
}
.tds-listbox .tds-listbox--lined:not(:last-child) {
  border-block-end: solid;
  border-color: var(--tds-theme-border-low-contrast);
  border-width: 1px;
}
.tds-listbox-group--single {
  --tds-form--indent: var(--tds-component-pill-padding-inline);
  align-items: center;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  margin: 0;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  inline-size: 100%;
  max-inline-size: 100%;
  outline-offset: -2px;
  transition: background-color 0.3s ease;
  border-block-end: solid;
  border-block-end-width: 1px;
  border-color: var(--tds-theme-border-low-contrast);
}
.tds-listbox .tds-listbox-group--option {
  --tds-form--indent: 50px;
}
.tds-listbox-option:is(.tds--disabled, [aria-disabled=true]),
.tds-listbox-group:is(.tds--disabled, [aria-disabled=true]) {
  cursor: not-allowed;
}
.tds-density--dense.tds-listbox-option,
.tds-density--dense .tds-listbox-option,
.tds-density--dense.tds-listbox-group--multiselect,
.tds-density--dense .tds-listbox-group--multiselect {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-density--dense.tds-listbox-group--option,
.tds-density--dense .tds-listbox-group--option {
  --tds-form--indent: var(--tds-size--5x);
}
[aria-multiselectable=true] .tds-listbox-option,
[aria-multiselectable=true] .tds-listbox-group,
[aria-multiselectable=true] .tds-listbox-option--add {
  justify-content: flex-start;
}
.tds-listbox-option:focus,
.tds-listbox-group--multiselect {
  outline: none;
}
.tds-listbox-option:is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-listbox-option:is(:focus, .tds--focus),
.tds--indicate-focus .tds-listbox-group:is(:focus, .tds--focus),
.tds--indicate-focus .tds-listbox-option--add:is(:focus, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds-listbox-option:is(:hover, .tds--hover):not(.tds--disabled, [aria-disabled=true]),
.tds-listbox-group:is(:hover, .tds--hover):not(.tds--disabled, [aria-disabled=true]),
.tds-listbox-option--add:is(:hover, .tds--hover):not(.tds--disabled, [aria-disabled=true]) {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-listbox-option.tds--selected,
.tds-listbox-group.tds--selected {
  background-color: var(--tds-theme-background-container-alt-highlight);
}
.tds-listbox-option .tds-multiselect-icon,
.tds-listbox-group .tds-multiselect-icon,
.tds-listbox-option .tds-singleselect-icon,
.tds-listbox-group .tds-singleselect-icon {
  color: transparent;
  transform: scale(0);
  position: relative;
  transition: color 0.3s ease, transform 0.3s ease;
}
.tds--selected .tds-multiselect-icon.tds-icon,
.tds--selected .tds-singleselect-icon.tds-icon,
.tds--selected tds-icon.tds-multiselect-icon,
.tds--selected tds-icon.tds-singleselect-icon {
  color: currentcolor;
  transform: scale(1);
}
.tds-singleselect-icon {
  margin-inline-start: var(--tds-size--1x);
  top: 0;
}
.tds-multiselect-box {
  display: inline-block;
  block-size: calc(var(--tds-size--2x) + 2px);
  inline-size: calc(var(--tds-size--2x) + 2px);
  border: 1px solid var(--tds-theme-border);
  border-radius: var(--tds-size--half);
  margin-inline-end: 12px;
  pointer-events: none;
  transition: border-color 0.3s ease;
}
.tds-addoption-box {
  block-size: calc(var(--tds-size--2x) + 2px);
  display: inline-block;
  inline-size: calc(var(--tds-size--2x) + 2px);
  margin-inline-end: 12px;
  pointer-events: none;
  transition: border-color 0.3s ease;
}
.tds--selected .tds-multiselect-box {
  border-color: var(--tds-theme-foreground-high-contrast);
}

/* src/components/loader/loader.css */
.tds-loader {
  inset: 0;
  position: absolute;
  background-color: var(--tds-color--scrim--semitransparent);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1010;
}
.tds-loader--fullscreen {
  position: fixed;
}
.tds-loader--show {
  opacity: 1;
  pointer-events: inherit;
}
.tds-loader .tds-icon {
  inset: 0;
  margin: auto;
  position: absolute;
}
.tds-loader .tds-icon-loader {
  --tds-icon--size: var(--tds-size--6x);
  animation: var(--tds--rotating);
  border-radius: 50%;
  opacity: var(--tds-ui-opacity-70);
  overflow: hidden;
}
.tds-loader .tds-icon-logo {
  animation: var(--tds--pulsing);
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-loader-container {
  position: relative;
}

/* src/components/locale-selector/locale-selector.css */
.tds-locale-selector {
  display: flex;
  inline-size: 100%;
  justify-content: center;
  max-inline-size: 1260px;
  padding: 0 var(--tds-size--2x);
}
.tds-locale-selector--narrow {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
.tds-locale-selector-trigger {
  display: flex;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.33s ease;
}
.tds-locale-selector-column {
  inline-size: 100%;
  margin: 0 auto;
  max-inline-size: 700px;
}
.tds-locale-selector-superregion {
  padding: 0 12px var(--tds-size--3x);
}
.tds-locale-selector-region {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: var(--tds-size--2x);
       column-gap: var(--tds-size--2x);
  margin-inline-end: -12px;
  margin-inline-start: -12px;
}
.tds-locale-selector--narrow .tds-locale-selector-region {
  -moz-column-count: 1;
       column-count: 1;
}
.tds-locale-selector-region-name {
  padding-block-end: 12px;
  padding-block-start: var(--tds-size--2x);
}
.tds-locale-selector--narrow .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > .tds-locale-selector-region-name {
  padding-block-start: 0;
}
.tds-locale-selector-country {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  flex-flow: row wrap;
  transition: background-color 0.33s ease;
}
.tds-locale-selector-country:not(:last-child) {
  margin-block-end: var(--tds-size--half);
}
.tds-card.tds-locale-selector-trigger,
.tds-card.tds-locale-selector-country {
  background-color: transparent;
  border-radius: var(--tds-border-radius--card);
}
.tds-card.tds-locale-selector-trigger .tds-card-body,
.tds-card.tds-locale-selector-country {
  padding: var(--tds-size--1x) 12px;
}
.tds-card.tds-locale-selector-trigger .tds-card-body {
  padding-inline-start: var(--tds-size--1x);
}
.tds-card.tds-locale-selector-trigger .tds-icon {
  margin-block-start: calc(var(--tds-size--1x) - 2px);
  margin-inline-start: 12px;
}
.tds-locale-selector-trigger:focus {
  outline: none;
}
.tds--indicate-focus .tds-locale-selector-trigger:focus {
  outline: var(--tds-outline--focus);
}
@media (hover: hover) {
  .tds-card.tds-locale-selector-trigger:hover,
  .tds-card.tds-locale-selector-country:hover {
    background-color: var(--tds-theme-background-container);
  }
}
.tds-card.tds-locale-selector-country--selected {
  background-color: var(--tds-theme-background-container);
}
.tds-locale-selector-language {
  font-size: 12px;
  margin-block-start: 2px;
}
.tds-locale-selector-language:not(:last-child) {
  margin-inline-end: var(--tds-size--2x);
}
.tds-locale-selector-language--selected {
  color: var(--tds-theme-foreground-high-contrast);
  pointer-events: none;
}
@media (max-width: 1240px) {
  .tds-locale-selector {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (max-width: 599px) {
  .tds-locale-selector-region {
    -moz-column-count: 1;
         column-count: 1;
  }
  .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > tds-locale-selector-region-name {
    padding-block-start: 0;
  }
}
.tds-card.tds-locale-selector-country .tds-text--h6 {
  inline-size: 100%;
}
.tds-card.tds-locale-selector-country > .tds-list {
  margin: 0;
}
@media (min-width: 1200px) {
  .tds-locale-selector.tds-locale-selector--multicolumn {
    padding: 0;
    margin: 0 -12px;
    inline-size: auto;
    max-inline-size: inherit;
    gap: var(--tds-size--3x);
    flex-direction: row;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-column {
    flex-basis: 25%;
    inline-size: auto;
    max-inline-size: 100%;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-column--europe {
    flex-basis: 50%;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-region {
    -moz-column-count: 1;
         column-count: 1;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region {
    -moz-column-count: 2;
         column-count: 2;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-country {
    max-inline-size: 240px;
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-region-name {
    padding-block-start: var(--tds-size--3x);
  }
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion:first-child .tds-locale-selector-region-name {
    padding-block-start: var(--tds-size--half);
  }
}
@media (min-width: 1440px) {
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region {
    -moz-column-count: 3;
         column-count: 3;
  }
}

/* src/components/media-player/media-player.css */
.tds-media-player {
  --tds-media-player--color: var(--tds-color-white, #fff);
  visibility: hidden;
}
.tds-media-player.ready {
  visibility: visible;
}
.tds-media-player .tds-form-label {
  padding: 0;
}
.tds-media-player-range {
  --tds-form-item--grid-template-areas: "label input";
  align-items: center;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: unset;
}
.tds-media-player-range .tds-form-label-wrap {
  --tds-form-label--color: var(--tds-media-player--color, #fff);
  padding-inline-end: 12px;
  padding-inline-start: 0;
}
.tds-media-player .tds-icon {
  --tds-icon--size: 28px;
  fill: var(--tds-media-player--color, #fff);
}
.tds-media-player .tds-icon > g {
  display: none;
}
.tds-media-player [aria-pressed=false] .tds-icon > g:first-of-type {
  display: initial;
}
.tds-media-player [aria-pressed=true] .tds-icon:not(.tds-icon-speaker) > g:last-of-type {
  display: initial;
}
.tds-media-player [aria-pressed=true] .tds-icon.tds-icon-speaker--low > g:not(:first-of-type, :last-of-type) {
  display: initial;
}
.tds-media-player [aria-pressed=true] .tds-icon.tds-icon-speaker--high > g:is(:last-of-type) {
  display: initial;
}

/* src/components/menu/menu.css */
.tds-menu {
  display: inline;
}
.tds-menu--content {
  inline-size: -moz-max-content;
  inline-size: max-content;
  position: relative;
}
.tds-menu-wrapper {
  display: inline-block;
}
.tds-menu--inline {
}
.tds-menu--inline .tds-site-nav-item {
  --tds-nav-item--padding-inline: var(--tds-size--1x);
  --tds-nav-item--padding-block: 0px;
  min-block-size: auto;
}
.tds-menu-btn {
  border-radius: var(--tds-border-radius--pill);
  transition: background 0.33s ease;
}
.tds-menu-btn:hover,
.tds-menu-btn--active {
  background: var(--tds-theme-background-container-alt);
}
.tds-menu .tds-tooltip {
  --tds-tooltip--padding: 0;
  max-inline-size: unset;
  padding: unset;
}

/* src/components/modal/modal.css */
.tds-modal--is-open {
  overflow: hidden;
}
.tds-modal {
  --tds-modal-border-radius: var(--tds-size--1x);
  block-size: var(--tds-modal--height);
  bottom: 0;
  display: flex;
  flex-direction: column;
  inline-size: var(--tds-modal--width);
  left: 0;
  position: fixed;
  right: 0;
  background-color: var(--tds-theme-background-dialog);
  border: none;
  border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
  box-shadow: var(--tds-box-shadow--large-reverse);
  color: var(--tds-theme-foreground);
  max-block-size: calc(100% - var(--tds-size--3x));
  overflow-y: auto;
  padding: 0;
  z-index: 1000;
  overscroll-behavior: contain;
}
.tds-modal img {
  display: block;
  min-inline-size: 100%;
}
.tds-modal--fullscreen,
.tds-modal--sheet-left,
.tds-modal--sheet-right {
  --tds-modal--height: 100%;
  --tds-modal--height: 100dvh;
  border-radius: 0;
  bottom: 0;
  max-block-size: var(--tds-modal--height);
  min-block-size: var(--tds-modal--height);
  top: 0;
}
.tds-modal--fullscreen {
  --tds-modal--width: 100vw;
  max-inline-size: 100vw;
}
.tds-modal--sheet-left,
.tds-modal--sheet-right {
  --tds-modal--width: 414px;
  max-inline-size: calc(100vw - var(--tds-size--6x));
}
.tds-modal--sheet-small {
  --tds-modal--width: 311px;
}
.tds-modal--sheet-left,
[dir=rtl] .tds-modal--sheet-right {
  left: 0;
  right: auto;
}
.tds-modal--sheet-right,
[dir=rtl] .tds-modal--sheet-left {
  left: auto;
  right: 0;
}
.tds-modal:not([open]) {
  opacity: 0;
  transform: translateX(0) translateY(50%);
  pointer-events: none;
  visibility: hidden;
  transition:
    opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0.5s;
}
.tds-modal--fullscreen:not([open]) {
  transform: translateX(0) translateY(50%);
}
.tds-modal--sheet-left:not([open]),
[dir=rtl] .tds-modal--sheet-right:not([open]) {
  transform: translateX(-50%) translateY(0);
}
.tds-modal--sheet-right:not([open]),
[dir=rtl] .tds-modal--sheet-left:not([open]) {
  transform: translateX(50%) translateY(0);
}
.tds-modal[open] {
  opacity: 1;
  transform: translateX(0) translateY(0);
  pointer-events: inherit;
  visibility: inherit;
  transition:
    opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0s;
}
@media (max-width: 599px) {
  :root,
  .tds-component-preview {
    --tds-modal--height: auto;
    --tds-modal--width: 100vw;
  }
  .tds-modal {
    min-block-size: 25vh;
  }
}
@media (min-width: 600px) {
  :root,
  .tds-component-preview {
    --tds-modal--height: auto;
    --tds-modal--width: 772px;
  }
  .tds-modal {
    --tds-modal-border-radius: var(--tds-size--2x);
    bottom: 50%;
    margin: auto;
    max-inline-size: calc(100vw - var(--tds-size--12x));
    min-block-size: var(--tds-size--8x);
    max-block-size: calc(100% - var(--tds-size--12x));
    border-radius: var(--tds-modal-border-radius);
    box-shadow: var(--tds-box-shadow--large);
  }
  .tds-modal--fullscreen,
  .tds-modal--sheet-left,
  .tds-modal--sheet-right {
    border-radius: 0;
    max-block-size: 100vh;
    bottom: 0;
  }
  .tds-modal--fullscreen {
    max-inline-size: 100vw;
  }
  .tds-modal:not([open]) {
    transform: translateX(0) translateY(100%);
  }
  .tds-modal--sheet-left:not([open]),
  [dir=rtl] .tds-modal--sheet-right:not([open]) {
    transform: translateX(-50%) translateY(0);
  }
  .tds-modal--sheet-right:not([open]),
  [dir=rtl] .tds-modal--sheet-left:not([open]) {
    transform: translateX(50%) translateY(0);
  }
  .tds-modal[open] {
    transform: translateX(0) translateY(50%);
  }
  .tds-modal--fullscreen[open],
  .tds-modal--sheet-left[open],
  .tds-modal--sheet-right[open] {
    transform: translateX(0) translateY(0);
  }
}
dialog.tds-modal::backdrop {
  display: none !important;
}
.tds-modal-backdrop {
  --tds-modal-backdrop--opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  inline-size: 120vw;
  block-size: 120vh;
  background-color: rgb(0 0 0 / var(--tds-modal-backdrop--opacity));
  z-index: 999;
  transition: background-color 0.5s ease, -webkit-backdrop-filter 0.5s ease;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease;
}
.tds-modal:not([open]) + .tds-modal-backdrop {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  pointer-events: none;
}
.tds-modal[open] + .tds-modal-backdrop {
  --tds-modal-backdrop--opacity: 0.3;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  pointer-events: inherit;
}
.tds-modal-header {
  align-items: flex-start;
  background-color: var(--tds-theme-background-dialog);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: var(--tds-size--2x);
  padding-inline-start: var(--tds-size--3x);
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 -2px 0 0 var(--tds-theme-background-dialog);
}
.tds-modal-close {
  padding: var(--tds-size--1x);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  z-index: 10;
  border-radius: var(--tds-border-radius--pill);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: background-color 0.33s ease;
}
[dir=rtl] .tds-modal-close {
  left: 0;
  right: auto;
}
.tds-modal-close:hover {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-modal-close:focus {
  outline: none;
}
.tds-modal-close:focus-visible {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds--indicate-focus .tds-modal-close:focus {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-modal-close--over-image:hover {
  background-color: rgb(var(--tds-color--rgb-shade) 0.16);
}
.tds-modal-close--over-image .tds-modal-close-icon {
  color: var(--tds-theme-foreground-on-primary);
}
.tds-modal-header > :is(h1, h2, h3) {
  padding-block-end: 0;
  transition:
    padding 0.33s var(--tds-bezier),
    font-size 0.33s var(--tds-bezier),
    line-height 0.33s var(--tds-bezier);
}
.tds-modal-footer {
  background-color: var(--tds-theme-background-dialog);
  bottom: calc(var(--tds-size--3x) * -1);
  padding: var(--tds-size--3x) var(--tds-size--3x) var(--tds-size--6x);
  position: sticky;
  transition: padding 0.33s var(--tds-bezier);
  z-index: 11;
}
.tds-modal--scrolling .tds-modal-header > :is(h1, h2, h3) {
  font-size: var(--tds-font-size-40);
  line-height: var(--tds-line-height-50);
  padding-block-start: var(--tds-size--1x);
}
.tds-modal-content {
  padding: 0 var(--tds-size--3x) var(--tds-size--6x);
}
.tds-modal-header + .tds-modal-content {
  padding-block-start: var(--tds-size--half);
}
.tds-modal-content:not(:last-child) {
  padding-block-end: var(--tds-size--half);
}
.tds-modal-overflow--visible {
  overflow-y: visible;
}
.tds-modal-overflow--visible .tds-modal-header {
  border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
  position: unset;
}
.tds-modal-overflow--visible .tds-modal-footer {
  border-radius: 0 0 var(--tds-modal-border-radius) var(--tds-modal-border-radius);
  position: unset;
}
@media (min-width: 600px) {
  .tds-modal-header {
    padding-inline-start: var(--tds-size--6x);
  }
  .tds-modal-content,
  .tds-modal-footer {
    padding-inline: var(--tds-size--6x) var(--tds-size--6x);
  }
  .tds-modal--sheet-small .tds-modal-content,
  .tds-modal--sheet-small .tds-modal-footer {
    padding-inline: var(--tds-size--4x) var(--tds-size--4x);
  }
}
.tds-modal .tds-status_msg {
  --tds-card--background-color: var(--tds-theme-background-container-alt);
}
.tds-modal .tds-card.tds-locale-selector-country--selected {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-modal .tds-chip:not(.tds-chip--unencapsulated, [class*=tds-chip--color], [class*=tds-chip--grey], [class*=tds-chip--green], [class*=tds-chip--teal], [class*=tds-chip--blue], [class*=tds-chip--purple], [class*=tds-chip--magenta], [class*=tds-chip--red], [class*=tds-chip--orange], [class*=tds-chip--yellow]) {
  --tds-chip--background-color: var(--tds-theme-background-container-alt-highlight);
}

/* src/components/page-layout/page-layout.css */
:root,
.tds-density--default,
.tds-page-layout--medium-space {
  --tds-page-layout--footer-start-space: var(--tds-size--12x);
  --tds-page-layout--title-end-space: var(--tds-size--4x);
  --tds-page-layout--title-start-space: var(--tds-size--6x);
  --tds-page-layout--title-top-slot-space: var(--tds-size--1x);
}
.tds-page-layout--large-space {
  --tds-page-layout--footer-start-space: 128px;
  --tds-page-layout--title-end-space: var(--tds-size--6x);
  --tds-page-layout--title-start-space: var(--tds-size--8x);
}
.tds-density--dense,
.tds-page-layout--small-space {
  --tds-page-layout--footer-start-space: var(--tds-size--8x);
  --tds-page-layout--title-end-space: var(--tds-size--3x);
  --tds-page-layout--title-start-space: var(--tds-size--4x);
  --tds-page-layout--title-top-slot-space: var(--tds-size--half);
}
.tds-page-layout {
  display: grid;
  grid-gap: 0 var(--tds-size--3x);
  grid-template-areas: "title title" "open open" "main main" "aside aside";
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content min-content 1fr min-content;
  margin-block-end: var(--tds-page-layout--footer-start-space);
  padding-inline-end: var(--tds-content_container--gutter);
  padding-inline-start: var(--tds-content_container--gutter);
}
.tds-content_container .tds-page-layout {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.tds-page-aside {
  grid-area: aside;
}
.tds-page-open {
  grid-area: open;
}
.tds-page-title {
  display: grid;
  grid-area: title;
  grid-template: "top" "text" "bottom" "trailing";
  grid-template-rows: var(--tds-page-layout--title-start-space) auto auto auto;
  margin-block-end: var(--tds-page-layout--title-end-space);
}
.tds-page-title-top {
  align-items: flex-end;
  display: flex;
  grid-area: top;
  padding-block-end: var(--tds-page-layout--title-top-slot-space);
  padding-block-start: var(--tds-page-layout--title-top-slot-space);
}
.tds-page-title-text {
  grid-area: text;
}
h1.tds-page-title-text {
  padding-block-end: 0;
  padding-block-start: 0;
}
.tds-page-title-trailing {
  align-self: center;
  grid-area: trailing;
  margin-block-start: var(--tds-size--2x);
}
.tds-page-title-bottom {
  grid-area: bottom;
  padding-block-start: var(--tds-size--2x);
}
.tds-page-title-bottom .tds-status_msg,
.tds-page-title-trailing .tds-btn_group {
  margin: 0;
}
@media (min-width: 600px) {
  .tds-page-layout--narrow-main {
    grid-template-areas: ". title title title title title title title title title title ." ". main main main main main main main main main main .";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content 1fr;
  }
  .tds-page-layout--content-level-aside {
    grid-template-areas: "title title title title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content min-content 1fr;
  }
  .tds-page-layout--top-level-aside {
    grid-template-areas: "aside aside aside title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content min-content 1fr;
  }
  .tds-page-title {
    grid-template-areas: "top ." "text trailing" "bottom .";
    grid-template-rows: var(--tds-page-layout--title-start-space) auto auto;
  }
  .tds-page-title-trailing {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-block-start: 0;
    margin-inline-start: var(--tds-size--3x);
  }
}
@media (min-width: 1200px) {
  .tds-page-layout--narrow-main {
    grid-template-areas: ". . title title title title title title title title . ." ". . main main main main main main main main . .";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content 1fr;
  }
  .tds-page-layout--content-level-aside.tds-page-layout--narrow-main {
    grid-template-areas: "title title title title title title title title title title title title" "aside aside aside main main main main main main open open open";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content 1fr;
  }
  .tds-page-layout--top-level-aside.tds-page-layout--narrow-main {
    grid-template-areas: "aside aside aside title title title title title title title title title" "aside aside aside main main main main main main open open open";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content 1fr;
  }
}
.tds-page-main {
  grid-area: main;
}
@media (min-width: 600px) {
  .tds-page-layout--top-level-aside .tds-page-aside {
    margin-block-start: var(--tds-page-layout--title-start-space);
  }
}

/* src/components/pagination/pagination.css */
.tds-pagination {
  --pagination-primary--display: initial;
  --pagination-primary-select--margin-horiz: var(--tds-size--1x);
  --pagination-secondary--display: none;
  text-align: center;
}
.tds-pagination,
.tds-pagination-navigation {
  color: var(--tds-theme-foreground);
  font-weight: var(--tds-font-weight-medium);
}
.tds-pagination-navigation {
  line-height: initial;
}
.tds-pagination-navigation[aria-disabled=true] {
  box-shadow: 0 0 0 transparent;
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
  pointer-events: none;
}
.tds-pagination select {
  background-color: transparent;
  border: 0;
  border-radius: var(--tds-border-radius--outline-only);
  color: var(--tds-theme-foreground);
  margin: auto;
}
@media (max-width: 599px) {
  .tds-pagination-primary > select {
    display: block;
    margin: var(--tds-size--1x) auto;
  }
}
.tds-pagination .tds-pagination-current {
  display: inline-block;
  position: relative;
}
.tds-pagination-primary .tds-pagination-current {
  margin: 0 var(--tds-size--1x);
}
.tds-pagination .tds-pagination-current select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-inline-end: var(--tds-size--3x);
  position: relative;
}
.tds-pagination-primary .tds-pagination-current select {
  padding-inline-start: var(--tds-size--1x);
}
.tds-pagination-secondary .tds-pagination-current select {
  padding-inline-start: var(--tds-size--half);
}
.tds-pagination .tds-pagination-current select:focus {
  outline: var(--tds-outline--focus);
}
.tds-pagination-primary .tds-pagination-current select:focus {
  outline-offset: 2px;
}
.tds-pagination .tds-pagination-current .tds-icon {
  position: absolute;
  right: var(--tds-size--half);
  pointer-events: none;
  top: calc(50% - 5px);
  z-index: 0;
}
@media (max-width: 599px) {
  .tds-pagination select {
    font-size: var(--tds-size--2x);
  }
}
@media (min-width: 600px) {
  .tds-pagination-primary > select {
    margin: 0 var(--tds-size--2x);
  }
  .tds-pagination-primary .tds-pagination-current {
    margin: 0 var(--tds-size--2x);
  }
}
.tds-pagination-primary {
  display: var(--pagination-primary--display);
  justify-content: space-around;
}
.tds-pagination-secondary {
  display: var(--pagination-secondary--display);
  inline-size: -moz-max-content;
  inline-size: max-content;
  white-space: nowrap;
}
.tds-pagination-secondary--value {
  color: var(--tds-theme-foreground);
}
.tds-pagination-navigation + .tds-pagination-navigation {
  margin-inline-start: var(--tds-size--3x);
  position: relative;
}
button.tds-pagination-navigation:has(+ .tds-pagination-navigation) {
  margin-inline-end: 2px;
}
.tds-pagination-navigation + .tds-pagination-navigation::before {
  background-color: var(--tds-theme-foreground-high-contrast);
  block-size: 100%;
  content: "";
  display: block;
  inline-size: 1px;
  inset-inline-start: -14px;
  position: absolute;
  top: 0;
}
@media (min-width: 900px) {
  .tds-pagination {
    --pagination-primary-select--margin-horiz: var(--tds-size--2x);
    display: flex;
    justify-content: space-between;
  }
  .tds-pagination-primary {
    --pagination-primary--display: initial;
    inline-size: 100%;
  }
  .tds-pagination-secondary {
    --pagination-secondary--display: initial;
  }
  .tds-pagination-secondary label {
    color: var(--tds-theme-foreground);
  }
}
.tds-density--dense .tds-pagination,
.tds-density--dense .tds-pagination p {
  font-size: var(--tds-font-size-20);
  line-height: var(--tds-line-height-30);
}
@media (min-width: 900px) {
  .tds-density--dense .tds-pagination {
    --pagination-primary-select--margin-horiz: var(--tds-size--2x);
  }
}
.tds-pagination--show-numbers .tds-pagination-primary {
  --pagination-primary--display: flex;
  justify-content: center;
}
.tds-pagination--show-numbers .tds-pagination-current {
  line-height: 16px;
  margin: 0 var(--pagination-primary-select--margin-horiz);
}
.tds-pagination--show-numbers .tds-pagination-secondary .tds-pagination-current {
  margin: 0;
}
.tds-pagination--show-numbers .tds-pagination-navigation {
  align-items: center;
  display: flex;
  place-content: center center;
}
.tds-pagination .tds-pagination-current tds-icon .tds-icon {
  top: calc(50% - 8px);
}

/* src/components/popover/popover.css */
:root {
  --tds-popover-trigger-gap: var(--tds-size--1x);
}
.tds-popover-container {
  position: relative;
}
.tds-popover-container--inline {
  display: inline-block;
}
.tds-popover-container--embedded {
  display: flex;
}
.tds-popover-container--embedded.tds-popover-container--inline {
  display: inline-flex;
}
.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-start {
  flex-direction: row-reverse;
}
.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-end {
  flex-direction: row;
}
.tds-popover-container--embedded.tds-popover-container--anchor-side-block-start {
  flex-direction: column-reverse;
}
.tds-popover-container--embedded.tds-popover-container--anchor-side-block-end {
  flex-direction: column;
}
.tds-popover {
  --tds-popover-center-value: 50%;
  background-color: var(--tds-theme-background-dialog);
  border-radius: var(--tds-border-radius--card);
  box-shadow: var(--tds-box-shadow--medium);
  inset: unset;
  margin: unset;
  position: absolute;
  z-index: 15;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.33s ease, transform 0.33s ease;
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family-base);
  font-size: var(--tds-base-font_size);
  font-weight: 400;
  line-height: var(--tds-base-line_height);
  text-align: initial;
  text-wrap: initial;
}
[class*=tds-popover-container--anchor-side-inline-] .tds-popover {
  top: var(--tds-popover-center-value);
  transform: translateY(calc(var(--tds-popover-center-value) * -1)) translateX(var(--tds-popover-animation-space));
}
.tds-popover-container--anchor-side-inline-start .tds-popover {
  inset-inline-end: calc(100% + var(--tds-popover-trigger-gap));
}
.tds-popover-container--anchor-side-inline-end .tds-popover {
  inset-inline-start: calc(100% + var(--tds-popover-trigger-gap));
}
[class*=tds-popover-container--anchor-side-block-] .tds-popover {
  left: var(--tds-popover-center-value);
  transform: translateX(calc(var(--tds-popover-center-value) * -1)) translateY(var(--tds-popover-animation-space));
}
.tds-popover-container--anchor-side-block-start .tds-popover {
  inset-block-end: calc(100% + var(--tds-popover-trigger-gap));
}
.tds-popover-container--anchor-side-block-end .tds-popover {
  inset-block-start: calc(100% + var(--tds-popover-trigger-gap));
}
:where(.tds-popover-container--anchor-side-inline-start, .tds-popover-container--anchor-side-block-start) .tds-popover {
  --tds-popover-animation-space: var(--tds-popover-trigger-gap);
}
:where(.tds-popover-container--anchor-side-inline-end, .tds-popover-container--anchor-side-block-end) .tds-popover {
  --tds-popover-animation-space: calc(var(--tds-popover-trigger-gap) * -1);
}
[class*=tds-popover-container--anchor-side-] [class*=tds-popover--align-] {
  --tds-popover-center-value: 0%;
}
[class*=tds-popover-container--anchor-side-inline-] [class*=tds-popover--align-] {
  top: unset;
}
[class*=tds-popover-container--anchor-side-block-] [class*=tds-popover--align-] {
  left: unset;
}
[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-start {
  inset-block-start: 0;
}
[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-end {
  inset-block-end: 0;
}
[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-full-width {
  inset-block: 0 0;
}
[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-start {
  inset-inline-start: 0;
}
[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-end {
  inset-inline-end: 0;
}
[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-full-width {
  inset-inline: 0 0;
}
.tds-popover-container--embedded .tds-popover {
  order: 2;
  display: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
  inset: unset;
  position: unset;
  transform: unset;
}
.tds-popover-container--embedded [data-tds-popover-trigger] {
  order: 1;
}
.tds-popover--open {
  --tds-popover-animation-space: 0;
  opacity: 1;
  pointer-events: inherit;
}
.tds-popover-container--embedded .tds-popover--open {
  display: block;
}
.tds-popover::before {
  content: "";
  display: block;
  inset: calc(var(--tds-popover-trigger-gap) * -1);
  position: absolute;
}
.tds-popover-container--embedded .tds-popover::before {
  display: none;
}
.tds-popover--content {
  inline-size: -moz-max-content;
  inline-size: max-content;
  position: relative;
}

/* src/components/selector/selector.css */
.tds-selector {
  --tds-selector-font-color--selected: var(--tds-color-white);
  display: grid;
  grid-gap: var(--tds-size--1x) calc(var(--tds-size--1x) * 1.5);
  grid-template-columns: repeat(var(--tds-column-count, auto-fill), var(--tds-column-width, minmax(200px, 1fr)));
  justify-items: stretch;
  padding: var(--tds-size--1x) 0 12px;
}
.tds-density--dense .tds-selector {
  --tds-height--pill: var(--tds-size--4x);
}
:is(.tds-theme--replicant, .tds-theme--marketing) .tds-scrim--black .tds-selector,
.tds-scrim--black:is(.tds-theme--replicant, .tds-theme--marketing) .tds-selector {
  --tds-selector-font-color--selected: var(--tds-color-grey-20);
}
.tds-selector--col4 {
  --tds-column-count: 4;
  --tds-column-width: minmax(max-content, 1fr);
}
.tds-selector-input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tds-selector-label {
  align-items: center;
  block-size: var(--tds-height--pill);
  border-radius: var(--tds-border-radius--pill);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0 calc(var(--tds-size--1x) * 1.5);
  text-align: center;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    opacity 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-selector-label:hover {
  background-color: var(--tds-theme-background-container);
}
.tds-selector-input:checked + .tds-selector-label {
  background-color: var(--tds-theme-primary);
  color: var(--tds-selector-font-color--selected);
  font-weight: var(--tds-font-weight-medium);
}
.tds-selector-input:checked + .tds-selector-label:hover {
  background-color: var(--tds-theme-primary-highlight);
}
.tds-selector-input:focus-visible + .tds-selector-label {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-selector-input:focus + .tds-selector-label {
  outline: var(--tds-outline--focus);
}

/* src/components/stepper/stepper.css */
.tds-stepper {
  --tds-stepper--stroke: calc(var(--tds-size--half) / 2);
  --tds-stepper--circle-stroke: calc(var(--tds-size--half) / 2);
  --tds-stepper--line-top: 0;
  --tds-stepper--line-left: calc(var(--tds-icon--size) / 2 - var(--tds-stepper--stroke) / 2);
  --tds-stepper--mask-color: var(--tds-theme-background, var(--tds-color-white));
  --tds-stepper--icon-color: var(--tds-theme-border);
  --tds-stepper--text-color: var(--tds-theme-foreground-low-contrast);
  --tds-stepper--line-mask-end: calc(50% + calc(var(--tds-icon--size) / 2));
  position: relative;
}
.tds-modal .tds-stepper {
  --tds-stepper--mask-color: var( --tds-theme-background-dialog, var(--tds-theme-background, var(--tds-color-white)) );
}
.tds-stepper::before {
  background-color: var(--tds-color--tertiary-highlight);
  block-size: 100%;
  content: "";
  inline-size: var(--tds-stepper--stroke);
  left: var(--tds-stepper--line-left);
  position: absolute;
  top: var(--tds-stepper--line-top);
}
[dir=rtl] .tds-stepper::before {
  right: var(--tds-stepper--line-left);
}
.tds-stepper-item,
.tds-stepper-item-action {
  align-items: start;
  border-radius: var(--tds-size--1x);
  color: var(--tds-stepper--icon-color);
  -moz-column-gap: var(--tds-size--2x);
       column-gap: var(--tds-size--2x);
  display: grid;
  grid-template: "circle text" min-content / var(--tds-icon--size) max-content;
  position: relative;
  text-align: start;
}
.tds-stepper-item:not(:first-of-type) {
  margin-block-start: var(--tds-size--3x);
}
.tds-stepper-item-action {
  grid-area: circle / circle / text / text;
}
.tds--indicate-focus .tds-stepper-item-action:focus {
  outline: var(--tds-outline--focus);
  z-index: 1;
}
.tds-stepper-item .tds-icon {
  background-color: var(--tds-stepper--mask-color);
  grid-area: circle;
}
.tds-stepper-item-text {
  align-items: center;
  color: var(--tds-stepper--text-color);
  display: flex;
  grid-area: text;
  min-block-size: var(--tds-icon--size);
  padding-inline-end: 3px;
}
.tds-stepper-item--current {
  --tds-stepper--circle-stroke: var(--tds-size--half);
  --tds-stepper--icon-color: var(--tds-theme-foreground-low-contrast);
  --tds-stepper--text-color: var(--tds-theme-foreground-high-contrast);
}
.tds-stepper-item--complete {
  --tds-stepper--icon-color: var(--tds-color-green);
}
.tds-stepper-item--disabled {
  --tds-stepper--icon-color: var(--tds-color--tertiary-highlight);
  --tds-stepper--text-color: var(--tds-color--tertiary-highlight);
}
.tds-stepper-item--error {
  --tds-stepper--icon-color: var(--tds-theme-secondary-negative);
  --tds-stepper--text-color: var(--tds-theme-secondary-negative);
}
.tds-stepper-item::before,
.tds-stepper-item-action::before {
  block-size: var(--tds-size--2x);
  border-radius: 50%;
  content: "";
  grid-area: circle;
  inline-size: var(--tds-size--2x);
  box-shadow: inset 0 0 0 var(--tds-stepper--circle-stroke) currentcolor;
  box-sizing: unset;
  background-color: var(--tds-stepper--mask-color);
  border: var(--tds-size--half) solid var(--tds-stepper--mask-color);
}
@media (min-width: 600px) {
  .tds-stepper:not(.tds-stepper--vertical) {
    --tds-stepper--icon-grid-area-height: calc(var(--tds-size--4x) - var(--tds-size--half));
    --tds-stepper--text-grid-area-height: min-content;
    --tds-stepper--line-top: calc( var(--tds-stepper--icon-grid-area-height) / 2 - var(--tds-stepper--stroke) / 2 );
    --tds-stepper--line-left: 0;
    --tds-setpper-item--text-width: calc(var(--tds-size) * 12);
    display: inline-flex;
  }
  .tds-stepper.tds-stepper--width-full {
    display: flex;
  }
  .tds-stepper:not(.tds-stepper--vertical)::before {
    writing-mode: vertical-lr;
  }
  .tds-stepper.tds-stepper--vertical::before {
    block-size: calc(100% - 2px);
  }
  .tds-stepper--width-full .tds-stepper-item {
    flex-basis: 0;
    flex-grow: 1;
  }
  .tds-stepper:not(.tds-stepper--vertical) :is(.tds-stepper-item, .tds-stepper-item-action) {
    grid-template: "circle" var(--tds-stepper--icon-grid-area-height) "text" var(--tds-stepper--text-grid-area-height) / minmax(min-content, 1fr);
    justify-items: center;
  }
  .tds-stepper.tds-stepper--vertical .tds-stepper-item-action {
    -moz-column-gap: var(--tds-size--half);
         column-gap: var(--tds-size--half);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:not(:first-of-type) {
    margin-block-start: unset;
    margin-inline-start: var(--tds-size--1x);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item::before {
    border-width: var(--tds-size--1x);
  }
  .tds-stepper.tds-stepper--vertical :is(.tds-stepper-item, .tds-stepper-item-action)::before {
    margin-block-start: 2px;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:is(:first-of-type, :last-of-type)::after {
    background-color: var(--tds-stepper--mask-color);
    block-size: calc(var(--tds-stepper--stroke) + 2px);
    content: "";
    inline-size: calc(50% - calc(var(--tds-icon--size) / 2));
    position: absolute;
    top: calc(var(--tds-stepper--line-top) - 1px);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type::after {
    left: 0;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type::after {
    left: var(--tds-stepper--line-mask-end);
  }
  [dir=rtl] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type::after {
    left: unset;
    right: 0;
  }
  [dir=rtl] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type::after {
    left: unset;
    right: var(--tds-stepper--line-mask-end);
  }
  .tds-stepper-item-text {
    padding-block-end: var(--tds-size--half);
    padding-block-start: var(--tds-size--half);
    min-inline-size: var(--tds-setpper-item--text-width);
    max-inline-size: var(--tds-setpper-item--text-width);
    overflow: hidden;
    overflow-wrap: break-word;
    transition: color 0.33s ease, background-color 0.33s ease;
  }
  .tds-stepper-item-action .tds-stepper-item-text {
    border-radius: var(--tds-border-radius--pill);
    padding: var(--tds-size--half) 12px;
  }
  .tds-stepper--width-full .tds-stepper-item-text,
  .tds-stepper--width-large .tds-stepper-item-text {
    --tds-setpper-item--text-width: calc(var(--tds-size) * 17);
  }
  .tds-stepper--width-full .tds-stepper-item-text {
    max-inline-size: unset;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
  }
  .tds-stepper-item:not(.tds-stepper-item--disabled) .tds-stepper-item-action:hover .tds-stepper-item-text {
    background-color: var(--tds-theme-background-container);
  }
  .tds-stepper-item:not(.tds-stepper-item--disabled):not(.tds-stepper-item--error) .tds-stepper-item-action:hover .tds-stepper-item-text {
    --tds-stepper--text-color: var(--tds-theme-foreground-high-contrast);
  }
}

/* src/components/sidenav/sidenav.css */
:root {
  --tds-sidenav--inline-size: auto;
  --tds-sidenav--scroll-padding: var(--tds-size--3x);
  --tds-sidenav--inline-scroll-padding: var(--tds-size--3x);
}
.tds-sidenav {
  --tds-nav-item--color: var(--tds-theme-foreground-low-contrast);
  --tds-sidenav-group--indent-from-icons: 0px;
  inline-size: var(--tds-sidenav--inline-size);
}
.tds-sidenav,
.tds-density--default .tds-sidenav,
.tds-sidenav .tds-density--default,
.tds-sidenav.tds-density--default {
  --tds-nav-item--block-size: var(--tds-size--5x);
}
.tds-density--dense .tds-sidenav,
.tds-sidenav .tds-density--dense,
.tds-sidenav.tds-density--dense {
  --tds-nav-item--block-size: var(--tds-size--4x);
}
.tds-sidenav--sticky {
  bottom: 0;
  margin-block: calc(var(--tds-sidenav--scroll-padding) * -1);
  max-block-size: 100vh;
  padding-block: var(--tds-sidenav--scroll-padding);
  position: sticky;
  top: 0;
  margin-inline: calc(var(--tds-sidenav--inline-scroll-padding) * -1);
  overflow-y: auto;
  padding-inline: var(--tds-sidenav--inline-scroll-padding);
}
.tds-sidenav--icons .tds-site-nav-item {
  --tds-sidenav-group--indent-from-icons: calc( var(--tds-icon--size) - var(--tds-size--half) - var(--tds-size--1x) + var(--tds-nav-item-leading--gap, 0px) );
}
@media (min-width: 600px) {
  .tds-sidenav--internal {
    --tds-sidenav--inline-size: calc(200px + var(--tds-sidenav--inline-scroll-padding) * 2);
  }
}
.tds-sidenav--collapsed {
  display: none;
}
.tds-sidenav--persistent.tds-sidenav--collapsed {
  --tds-sidenav--inline-size: min-content;
  display: block;
}
.tds-sidenav--internal.tds-sidenav--sticky {
  max-block-size: calc(100vh - var(--tds-shell-header-height));
  top: var(--tds-site-header--height);
}
.tds-sidenav-group {
  --tds-nav-item--block-size: var(--tds-size--4x);
  display: none;
  font-size: var(--tds-font-size-20);
  padding-block-end: var(--tds-size--1x);
  padding-inline-start: 0;
}
:where(.tds-density--dense .tds-sidenav, .tds-density--dense.tds-sidenav, .tds-sidenav .tds-density--dense) .tds-sidenav-group {
  --tds-nav-item--block-size: 28px;
}
.tds-sidenav--internal .tds-sidenav-group {
  padding-block-start: var(--tds-size--half);
}
.tds-sidenav-group .tds-sidenav-group {
  padding-block-start: 0;
}
.tds-site-nav-item.tds--expanded + .tds-sidenav-group,
.tds-site-nav-item.tds--expanded + :where(tds-side-nav-item-group) > .tds-sidenav-group,
.tds-sidenav-group--always-expanded {
  display: block;
}
.tds-sidenav .tds-sidenav-group li:not(:last-child),
.tds-sidenav .tds-sidenav-group tds-side-nav-item:not(:last-child) li {
  margin-block-end: 0;
}
.tds-sidenav .tds-sidenav-group .tds-site-nav-item {
  --tds-sidenav-group--level-indent: var(--tds-size--1x);
  --tds-sidenav-group--static-indent: var(--tds-nav-item--padding-inline) + var(--tds-sidenav-group--indent-from-icons);
  padding-inline-start: calc(var(--tds-sidenav-group--static-indent) + var(--tds-sidenav-group--level-indent));
}
.tds-sidenav .tds-site-nav-item.tds--highlighted {
  --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
}
.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item {
  --tds-sidenav-group--level-indent: var(--tds-size--2x);
}
.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item {
  --tds-sidenav-group--level-indent: var(--tds-size--3x);
}
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > :not(.tds-icon:first-child, .tds-site-nav-item-leading),
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item-leading > :not(.tds-icon:first-child, tds-content:first-child:has(.tds-icon)),
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > tds-icon:last-child .tds-icon,
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-sidenav-group,
.tds-sidenav--persistent.tds-sidenav--collapsed:not(.tds-sidenav--icons) {
  display: none;
}
.tds-sidenav--persistent.tds-sidenav--collapsed.tds-sidenav--sticky {
  overflow: visible;
  position: relative;
  top: 0;
  z-index: 1;
}
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-items--vertical {
  overflow: visible;
}
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-popover {
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 300px;
  padding: var(--tds-size--1x) 12px;
}

/* src/components/switch-toggle/switch-toggle.css */
:root,
.tds-component-preview {
  --tds-switch_toggle--font-size: var(--tds-font-size-20);
  --tds-switch_toggle--size: 32px;
}
.tds-switch_toggle {
  --tds-switch_toggle--radius: calc(var(--tds-switch_toggle--size) / 2);
  --tds-switch_toggle--spacer: var(--tds-size--1x);
  align-items: center;
  display: flex;
  inline-size: -moz-min-content;
  inline-size: min-content;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-switch_toggle * {
  cursor: pointer;
}
.tds-switch_toggle--large {
  --tds-switch_toggle--font-size: var(--tds-font-size-30);
  --tds-switch_toggle--size: 40px;
}
.tds-density--default,
.tds-switch_toggle--medium {
  --tds-switch_toggle--font-size: var(--tds-font-size-20);
  --tds-switch_toggle--size: 32px;
}
.tds-density--dense,
.tds-switch_toggle--small {
  --tds-switch_toggle--font-size: var(--tds-font-size-10);
  --tds-switch_toggle--size: 28px;
}
.tds-switch_toggle-checkbox,
.tds--disabled .tds-switch_toggle-checkbox {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tds-switch_toggle-track {
  display: block;
  position: relative;
  block-size: var(--tds-switch_toggle--size);
  inline-size: calc(var(--tds-switch_toggle--size) * 2);
  background-color: var(--tds-theme-background-container-alt);
  border-radius: var(--tds-switch_toggle--radius);
  transition: background-color 0.5s ease;
}
.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
  background-color: var(--tds-theme-primary);
}
.tds-switch_toggle-checkbox:focus-visible + .tds-switch_toggle-track {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds--indicate-focus .tds-switch_toggle-checkbox:focus + .tds-switch_toggle-track {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-switch_toggle-btn {
  font-size: var(--tds-switch_toggle--font-size);
  margin-inline: var(--tds-switch_toggle--spacer) var(--tds-switch_toggle--spacer);
  text-transform: none;
  color: var(--tds-theme-foreground-high-contrast);
  transition: color 0.5s ease;
  line-height: 1;
}
.tds-switch_toggle-btn:nth-last-child(2) {
  order: -1;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn {
  --tds-switch_toggle--spacer: 0;
  --tds-switch_toggle-btn--indent: 1px;
  align-items: center;
  block-size: 100%;
  display: flex;
  inline-size: calc(50% + var(--tds-switch_toggle-btn--indent));
  justify-content: center;
  position: absolute;
}
.tds-switch_toggle--large .tds-switch_toggle-btn {
  --tds-switch_toggle-btn--indent: 4px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
  left: 2px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
  right: 2px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
  color: var(--tds-color-white);
}
.tds-switch_toggle-track::after {
  background-color: var(--tds-color-white);
  block-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
  border-radius: var(--tds-border-radius--circle);
  box-shadow: var(--tds-box-shadow--small);
  content: "";
  display: block;
  inline-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
  margin: var(--tds-size--half);
  position: absolute;
  transform: translateX(0);
  transition: transform 0.5s var(--tds-bezier), color 0.5s var(--tds-bezier);
  z-index: 10;
}
.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after {
  transform: translateX(var(--tds-switch_toggle--size));
}
[dir=rtl] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox ~ .tds-switch_toggle-track::after,
[dir=rtl] .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after {
  transform: translateX(calc(var(--tds-switch_toggle--size) * -1));
}
[dir=rtl] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after {
  transform: translateX(0);
}

/* src/components/switch-toggle-next/switch-toggle-next.css */
:root {
  --tds-switch-toggle--radius: var(--tds-size--4x);
}
:root,
.tds-density--default {
  --tds-switch-toggle-group--caption-gap: var(--tds-size-base);
  --tds-switch-toggle-group--gap: var(--tds-size--2x);
  --tds-switch-toggle-group--legend-gap: 14px;
}
.tds-density--dense {
  --tds-switch-toggle-group--caption-gap: var(--tds-size-half);
  --tds-switch-toggle-group--gap: var(--tds-size--1x);
  --tds-switch-toggle-group--legend-gap: var(--tds-size-base);
}
:root,
.tds-density--default,
.tds-switch-toggle--large {
  --tds-switch-toggle--block-size: var(--tds-size--4x);
  --tds-switch-toggle--inline-size: var(--tds-size--7x);
  --tds-switch-toggle--padding: var(--tds-size--half);
  --tds-switch-toggle-indicator--block-size: 12px;
  --tds-switch-toggle-indicator--stroke: 2px;
  --tds-switch-toggle-off-indicator--inline-size: 10px;
}
.tds-density--dense,
.tds-switch-toggle--medium {
  --tds-switch-toggle--block-size: var(--tds-size--3x);
  --tds-switch-toggle--inline-size: var(--tds-size--5x);
  --tds-switch-toggle--padding: 3px;
  --tds-switch-toggle-indicator--block-size: 8px;
  --tds-switch-toggle-indicator--stroke: 1.5px;
  --tds-switch-toggle-off-indicator--inline-size: 6px;
}
.tds-switch-toggle--small {
  --tds-switch-toggle--block-size: var(--tds-size--2x);
  --tds-switch-toggle--inline-size: 28px;
  --tds-switch-toggle--padding: 2px;
  --tds-switch-toggle-indicator--block-size: 6px;
  --tds-switch-toggle-indicator--stroke: 1px;
  --tds-switch-toggle-off-indicator--inline-size: 5px;
}
:root,
.tds-scrim--white,
.tds-scrim--light {
  --tds-switch-toggle-off-indicator--opacity: 0.1;
}
.tds-scrim--black {
  --tds-switch-toggle-off-indicator--opacity: 0.15;
}
.tds-form-input-group:has(.tds-switch-toggle-wrapper) {
  gap: var(--tds-switch-toggle-group--gap);
}
.tds-switch-toggle-group.tds-form-fieldset {
  gap: 0;
}
.tds-switch-toggle-group .tds-form-input-group + .tds-text--caption {
  padding-block-start: var(--tds-switch-toggle-group--caption-gap);
}
.tds-switch-toggle-hidden-choice {
  block-size: 0;
  clip-path: inset(100%);
  inline-size: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tds-switch-toggle-label-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--tds-size--1x);
}
.tds-switch-toggle {
  --tds-switch-toggle-handle--size: calc( var(--tds-switch-toggle--block-size) - (var(--tds-switch-toggle--padding) * 2) );
  --tds-switch-toggle-handle--translate: calc( var(--tds-switch-toggle--inline-size) - var(--tds-switch-toggle-handle--size) - (var(--tds-switch-toggle--padding) * 2) );
  background-color: var(--tds-theme-background-container-alt);
  block-size: var(--tds-switch-toggle--block-size);
  inline-size: var(--tds-switch-toggle--inline-size);
  min-inline-size: var(--tds-switch-toggle--inline-size);
  border-radius: var(--tds-switch-toggle--radius);
  padding: var(--tds-switch-toggle--padding);
  display: flex;
  align-items: center;
  position: relative;
  transition: background-color 0.33s ease;
}
.tds-switch-toggle:dir(rtl) {
  flex-direction: row-reverse;
}
.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle {
  background-color: var(--tds-theme-primary);
}
.tds-switch-toggle-hidden-choice:focus-visible + .tds-switch-toggle-label-wrapper .tds-switch-toggle {
  outline: var(--tds-outline--focus);
}
.tds-switch-toggle--error {
  border: 1px solid var(--tds-theme-secondary-negative);
}
.tds-switch-toggle--a11y-indicators::before,
.tds-switch-toggle--a11y-indicators::after {
  block-size: var(--tds-switch-toggle-indicator--block-size);
  border-radius: var(--tds-switch-toggle--radius);
  box-shadow: inset 0 0 0 var(--tds-switch-toggle-indicator--stroke) var(--tds-theme-foreground-high-contrast);
  box-sizing: border-box;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  transition: opacity 0.33s ease;
}
.tds-switch-toggle--a11y-indicators::before {
  border-width: calc(var(--tds-switch-toggle-indicator--stroke) / 2);
  inline-size: var(--tds-switch-toggle-indicator--stroke);
  left: calc((var(--tds-switch-toggle-handle--translate) / 2) - (var(--tds-switch-toggle-indicator--stroke) / 2) + var(--tds-switch-toggle--padding));
}
.tds-switch-toggle--a11y-indicators::after {
  border-width: var(--tds-switch-toggle-indicator--stroke);
  inline-size: var(--tds-switch-toggle-off-indicator--inline-size);
  right: calc((var(--tds-switch-toggle-handle--translate) / 2) - (var(--tds-switch-toggle-off-indicator--inline-size) / 2) + var(--tds-switch-toggle--padding));
}
.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::before,
.tds-switch-toggle-hidden-choice:not(:checked) + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::after {
  transition: opacity 0.33s ease 0.33s;
}
.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::before {
  opacity: 0.25;
}
.tds-switch-toggle-hidden-choice:not(:checked) + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::after {
  opacity: var(--tds-switch-toggle-off-indicator--opacity);
  transition: opacity 0.33s ease 0.33s;
}
.tds-switch-toggle-handle {
  background-color: var(--tds-theme-foreground-on-primary);
  block-size: var(--tds-switch-toggle-handle--size);
  border-radius: var(--tds-switch-toggle--radius);
  box-shadow: var(--tds-ui-box-shadow-small);
  display: block;
  inline-size: var(--tds-switch-toggle-handle--size);
  z-index: 1;
  transition: transform 0.33s var(--tds-bezier);
}
.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle-handle {
  transform: translateX(var(--tds-switch-toggle-handle--translate));
}
.tds-switch-toggle-label {
  flex-basis: 0;
  flex-grow: 1;
}
.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-form-label {
  color: var(--tds-theme-foreground-high-contrast);
}

/* src/components/time-picker/time-picker.css */
.tds-time-picker {
  display: flex;
  justify-content: center;
}
.tds-time-picker--listbox {
  border-radius: var(--tds-border-radius--outline-only);
  max-block-size: calc(7 * var(--tds-size--4x));
  overflow-y: auto;
  scroll-behavior: auto;
}
.tds-time-picker--listbox::after {
  block-size: calc(6 * var(--tds-size--4x));
  content: "";
  display: block;
}
.tds-time-picker--listbox:not(:first-of-type) {
  border-inline-start: 1px solid var(--tds-theme-background-container-alt-highlight);
}
.tds-time-picker--option {
  --tds-form--indent: 20px;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  background-color: transparent;
  margin: 0;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  inline-size: 100%;
  max-inline-size: 100%;
  outline-offset: -2px;
  transition: background-color 0.3s ease;
}
.tds-time-picker--option:is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-time-picker--option:is(:focus, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds-time-picker--option.tds--selected {
  background-color: var(--tds-theme-background-container-alt-highlight);
}

/* src/components/toast/toast.css */
:root,
.tds-scrim--white,
.tds-scrim--light {
  --tds-toast--background: var(--tds-color-grey-15);
  --tds-toast--foreground: var(--tds-color-grey-65);
  --tds-toast--foreground-high-contrast: var(--tds-color-white);
  --tds-toast--highlight: var(--tds-color-grey-20);
}
.tds-scrim--black {
  --tds-toast--background: var(--tds-color-white);
  --tds-toast--foreground: var(--tds-color-grey-20);
  --tds-toast--foreground-high-contrast: var(--tds-color-grey-10);
  --tds-toast--highlight: var(--tds-color-grey-65);
}
.tds-toast-container {
  display: flex;
  flex-direction: column;
  inline-size: calc(100vw - var(--tds-size--6x));
  left: 50%;
  max-block-size: max(300px, 30vh);
  max-inline-size: 432px;
  overflow: auto;
  position: fixed;
  top: var(--tds-size-8x);
  transform: translate(-50%, 0);
  z-index: 1001;
}
.tds-raw-toast-container,
.tds-toast-container {
  display: flex;
  flex-direction: column;
  inline-size: 432px;
  max-inline-size: calc(100vw - var(--tds-size--6x));
}
.tds-toast {
  background-color: var(--tds-toast--background);
  color: var(--tds-toast--foreground);
  padding: var(--tds-size--2x);
  padding-inline-end: calc(var(--tds-size--1x) * 3 / 2);
  flex: none;
  display: flex;
  flex-direction: row;
  -moz-column-gap: var(--tds-size--1x);
       column-gap: var(--tds-size--1x);
  align-items: flex-start;
  border-radius: calc(var(--tds-size--1x) / 2);
}
.tds-toast-container .tds-toast {
  margin-block: 0 calc(var(--tds-size--1x));
  opacity: 1;
  transition:
    margin-block-start 1s ease,
    margin-block-end 1s ease,
    opacity 1s ease;
}
.tds-toast.tds-toast--fade-in {
  margin-block: calc(var(--intrinsic-height) * -1) 0;
  opacity: 0;
  transition:
    margin-block-start 0s,
    margin-block-end 0s,
    opacity 0s;
}
.tds-toast.tds-toast--fade-out {
  margin-block: calc(var(--intrinsic-height) * -1) 0;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.tds-toast strong {
  color: var(--tds-toast--foreground-high-contrast);
}
.tds-toast--default {
  padding-block: calc(var(--tds-size--2x) * 9 / 8);
  padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)) calc(var(--tds-size--1x) + var(--tds-size--half));
}
.tds-toast-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: var(--tds-line-height-40);
  row-gap: calc(var(--tds-size--1x) / 2);
}
.tds-toast-close {
  position: relative;
  top: -2px;
}
.tds-toast-close:hover {
  background-color: var(--tds-toast--highlight);
}
.tds-toast-loader,
.tds-toast-status {
  block-size: var(--tds-size--3x);
  inline-size: var(--tds-size--3x);
  opacity: 1;
  position: relative;
}
.tds-toast-loader {
  transition: opacity 0.5s ease;
}
.tds-toast-loader .tds-icon {
  margin: auto;
  position: absolute;
}
.tds-toast-loader .tds-icon-loader {
  --tds-icon--size: var(--tds-size--3x);
  animation: var(--tds--rotating);
  border-radius: 50%;
  opacity: var(--tds-ui-opacity-70);
}
.tds-toast-loader .tds-icon-logo {
  --tds-icon--size: calc(var(--tds-size-2x) + 1.25px);
  animation: var(--tds--pulsing);
  color: var(--tds-theme-foreground-low-contrast);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* src/components/site-footer/site-footer.css */
.tds-site-footer {
  font-size: var(--tds-font-size-20);
  inline-size: 100%;
}
.tds-site-footer--sticky {
  bottom: 0;
  position: sticky;
}
.tds-footer-nav {
  inline-size: 100%;
}
.tds-footer-nav > ul {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.tds-site-footer--align_start .tds-footer-nav > ul {
  justify-content: flex-start;
}
.tds-footer-nav > ul > li {
  padding: var(--tds-size--half) 0;
}
.tds-footer-nav .tds-footer-item {
  color: var(--tds-theme-foreground-low-contrast);
  font-weight: var(--tds-font-weight-medium);
}
.tds-footer-item .tds-link:not(.tds--disabled, .tds-link--primary) {
  box-shadow: none;
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-footer-item .tds-link:not(.tds--disabled, .tds-link--primary):hover {
  box-shadow: none;
}
@media (min-width: 600px) {
  .tds-footer-nav > ul {
    flex-flow: row wrap;
  }
  .tds-footer-nav > ul > li {
    padding-block: var(--tds-size--1x) var(--tds-size--1x);
  }
  .tds-footer-nav > ul > li:first-child {
    padding-inline-start: 0;
  }
  .tds-footer-nav > ul > li:last-child {
    padding-inline-end: 0;
  }
}

/* src/components/site-header/site-header.css */
:root,
.tds-component-preview {
  --tds-site-header--gap: var(--tds-size--half);
  --tds-site-header--height: var(--tds-size--7x);
}
.tds-site-header {
  display: flex;
  flex-flow: row wrap;
  inline-size: 100%;
  justify-content: space-between;
  min-block-size: var(--tds-site-header--height);
  position: relative;
  transition: background-color 0.33s ease, box-shadow 0.33s ease;
  z-index: 10;
}
.tds-global-menu {
  inline-size: 100%;
}
.tds-site-header--sticky {
  position: sticky;
  top: 0;
}
.tds-site-header--internal.tds-site-header--sticky.tds-site-header--stuck {
  background-color: var(--tds-theme-background);
}
.tds-site-header .tds-align--start {
  flex-basis: 0;
  flex-grow: 1;
  justify-content: flex-start;
  padding-inline-start: var(--tds-size--1x);
}
.tds-site-header .tds-align--center {
  flex-basis: 0;
  flex-grow: 1;
  justify-content: center;
  padding-inline: var(--tds-size--1x);
}
.tds-site-header .tds-align--end {
  flex-basis: 0;
  flex-grow: 1;
  justify-content: flex-end;
  padding-inline-end: var(--tds-size--1x);
}
.tds-site-header.tds-site-header--internal .tds-align--start {
  padding-inline-start: var(--tds-size--3x);
}
.tds-site-header.tds-site-header--internal .tds-align--end {
  padding-inline-end: var(--tds-size--3x);
}
@media (min-width: 600px) {
  .tds-site-header .tds-align--start {
    padding-inline-start: 20px;
  }
  .tds-site-header .tds-align--end {
    padding-inline-end: 20px;
  }
}
@media (min-width: 1200px) {
  .tds-site-header .tds-align--start {
    padding-inline-start: var(--tds-size--4x);
  }
  .tds-site-header .tds-align--end {
    padding-inline-end: var(--tds-size--4x);
  }
}
.tds-site-header-modal {
  padding-block-end: var(--tds-size--6x);
}
.tds-site-header-modal .tds-modal-header {
  padding: 20px;
}
.tds-site-header-leading,
.tds-site-header-trailing {
  align-items: center;
  display: flex;
  gap: var(--tds-site-header--gap);
}
.tds-site-header-leading {
  justify-content: flex-start;
}
.tds-site-header-trailing {
  justify-content: flex-end;
}
.tds-site-logo {
  align-items: center;
  display: flex;
}
h1.tds-site-logo {
  padding: 0;
  position: relative;
}
.tds-site-header--internal :is(.tds-site-header-leading, .tds-site-header-trailing) {
  --tds-site-header--gap: 14px;
}
.tds-site-header--internal .tds-site-menu-btn,
.tds-site-header--internal .tds-site-logo {
  margin-inline-start: calc(-1 * var(--tds-size--1x));
}
.tds-site-header--internal .tds-site-logo ~ .tds-app-switcher {
  margin-inline-start: -10px;
}
.tds-site-header--internal .tds-site-menu-btn {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-site-header--internal .tds-site-menu-btn + .tds-site-logo,
.tds-site-header--internal tds-internal-menu-trigger + tds-internal-logo .tds-site-logo {
  margin-inline-start: 0;
}
.tds-site-logo-link {
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  padding: 0 var(--tds-size--2x);
}
.tds-site-header--internal .tds-site-logo-link {
  padding: 0;
}
.tds-app-title,
.tds-site-app-title {
  align-items: center;
  block-size: var(--tds-size--4x);
  display: inline-flex;
  flex-direction: row;
  gap: var(--tds-size--half);
  padding-block: var(--tds-size--half);
  padding-inline: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x);
  position: relative;
}
.tds-site-app-title.tds-text--h6 {
  display: flex;
  padding-block-start: 0;
}
.tds-app-title::before,
.tds-site-app-title::before {
  background: var(--tds-theme-border-low-contrast);
  block-size: var(--tds-size--2x);
  border-radius: 1px;
  content: "";
  inline-size: 1px;
  inset-inline-start: 0;
  position: absolute;
  transition: opacity 0.33s ease;
}
.tds-app-title-text {
  color: var(--tds-theme-foreground-high-contrast);
  font-size: var(--tds-font-size-30);
  font-weight: var(--tds-font-weight-regular);
  line-height: var(--tds-line-height-30);
  text-wrap: nowrap;
}
.tds-skip-to-content {
  align-items: center;
  font-size: var(--tds-font-size-20);
  line-height: 1.414;
  padding: var(--tds-size--1x) var(--tds-size--2x);
  position: absolute;
  top: var(--tds-size--6x);
  white-space: nowrap;
}
.tds-site-logo :focus {
  border-radius: var(--tds-border-radius--pill);
  outline: none;
}
.tds-site-logo :focus-visible {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-site-logo :focus {
  outline: var(--tds-outline--focus);
  outline-offset: 0;
}
.tds-site-header-search {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  max-inline-size: calc(329px + var(--tds-size--2x));
}
.tds-mock-app-switcher {
  align-items: center;
  color: var(--tds-theme-foreground-high-contrast);
  display: flex;
  gap: var(--tds-size--half);
}
.tds-mock-app-switcher .tds-icon-chevron-small-180 {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-mock-location {
  align-items: center;
  display: flex;
  gap: var(--tds-size--half);
  padding-inline-end: 12px;
}

/* src/components/site-header/site-header-panel.css */
:root {
  --tds-site-header-panel--padding-inline: calc(var(--tds-size--3x) + var(--tds-size--half));
}
.tds-site-header-panel {
  --tds-modal--width: 100%;
  border-radius: 0;
  inset: 0;
  max-block-size: 100%;
  max-block-size: 100dvh;
  max-inline-size: 100%;
  min-block-size: 100%;
  min-block-size: 100dvh;
  z-index: 490;
}
.tds-site-header-panel:not([open]) {
  transform: translateY(0);
}
.tds-site-header-panel[open] {
  transform: translateY(0);
}
.tds-site-header-panel-header {
  align-items: center;
  padding-inline-start: var(--tds-size--2x);
}
.tds-site-header-panel-content {
  flex-grow: 1;
  padding: 0 var(--tds-site-header-panel--padding-inline);
}
.tds-site-header-panel-footer-content {
  border-block-start: var(--tds-text--border-low-contrast);
  margin: var(--tds-site-header-panel--padding-inline);
  padding-block-start: var(--tds-site-header-panel--padding-inline);
}
.tds-site-header-panel + .tds-modal-backdrop {
  display: none;
}
.tds-site-header-panel--internal {
  --tds-site-header-panel--padding-inline: var(--tds-size--3x);
}
@media (min-width: 1200px) {
  .tds-site-header {
    z-index: 500;
  }
  .tds-site-header-panel {
    min-block-size: 0;
    max-block-size: 90%;
    max-block-size: 90dvh;
    top: 0;
    bottom: auto;
    overflow-y: hidden;
    transition: 0.5s var(--tds-bezier);
  }
  .tds-site-header-panel:not([open]) {
    transform: translateY(calc(-1 * var(--tds-size--12x)));
  }
  .tds-site-header-panel-content {
    margin-block-start: calc(var(--tds-shell-header-height) + var(--tds-banner-offset-height, 0px));
    padding-block-end: var(--tds-size--6x);
    overflow-y: auto;
    transition: transform 0.5s var(--tds-bezier);
  }
  .tds-site-header-panel:not([open]) .tds-site-header-panel-content {
    transform: translateY(var(--tds-size--9x));
  }
  .tds-site-header-panel[open] .tds-site-header-panel-content {
    transform: translateY(0);
  }
  .tds-site-header-panel + .tds-modal-backdrop {
    display: block;
    z-index: 480;
  }
  .tds-site-header-panel[open] + .tds-modal-backdrop {
    transition-delay: 0.25s;
  }
  .tds-site-header .tds-site-nav-items.tds-align--end li:last-child .tds-site-nav-item--icon-only {
    margin-inline-end: var(--tds-size--2x);
  }
}

/* src/components/site-nav-item/site-nav-item.css */
:root {
  --tds-nav-item--block-size: var(--tds-size--4x);
  --tds-nav-item--color: inherit;
  --tds-nav-item--padding-block: var(--tds-size--half);
  --tds-nav-item--padding-inline: var(--tds-size--2x);
  --tds-nav-item--width: auto;
  --tds-nav-item-leading--gap: var(--tds-size--1x);
  --tds-nav-item-trailing--gap: var(--tds-size--half);
}
.tds-site-nav-item {
  align-items: center;
  border-radius: var(--tds-border-radius--pill);
  color: var(--tds-nav-item--color);
  display: inline-flex;
  justify-content: space-between;
  font-weight: var(--tds-font-weight-medium);
  gap: var(--tds-nav-item-leading--gap);
  inline-size: var(--tds-nav-item--width);
  min-block-size: var(--tds-nav-item--block-size);
  padding: var(--tds-nav-item--padding-block) var(--tds-nav-item--padding-inline);
  transition: color 0.33s ease, background-color 0.33s ease;
}
.tds-site-nav-items--vertical .tds-site-nav-item {
  inline-size: 100%;
  outline-offset: -2px;
}
.tds-site-nav-item--with-caption {
  --tds-nav-item--padding-block: var(--tds-size--1x);
}
.tds-site-nav-item--large {
  --tds-nav-item--padding-block: var(--tds-size--2x);
  --tds-nav-item-leading--gap: 12px;
  font-size: var(--tds-font-size-40);
  line-height: var(--tds-line-height-40);
}
.tds-site-nav-item.tds--highlighted,
.tds-site-nav-item.tds-animate--backdrop.tds--highlighted {
  --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
          backdrop-filter: blur(var(--tds-blur--button));
  background-color: var(--tds-theme-background-container-alt);
}
@media (hover: hover) {
  :is(.tds-site-nav-item, .tds-site-nav-item.tds-animate--backdrop):where(:not(.tds-site-nav-item--read-only)):hover {
    --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
            backdrop-filter: blur(var(--tds-blur--button));
    background-color: var(--tds-theme-background-container-alt);
  }
  .tds-site-nav-item.tds--highlighted:where(:not(.tds-site-nav-item--read-only):not(.tds-animate--backdrop)):hover {
    background-color: var(--tds-theme-background-container-alt-highlight);
  }
}
.tds-site-nav-item:focus {
  outline: none;
}
.tds-site-nav-item:focus-visible {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-site-nav-item:focus {
  outline: var(--tds-outline--focus);
}
.tds-site-nav-item--icon-only,
.tds-site-nav-item:has(> .tds-icon:only-child),
.tds-site-nav-item:has(> tds-content:only-child tds-icon:only-child .tds-icon) {
  block-size: var(--tds-size--4x);
  inline-size: var(--tds-size--4x);
  justify-content: center;
  padding: 0;
}
.tds-modal-header .tds-nav-back {
  background: none;
  font-size: 12px;
  margin: 4px 0;
  position: relative;
  top: 1px;
}
@media (max-width: 599px) {
  .tds-nav-menu {
    min-block-size: 28px;
    font-size: 12px;
    padding: 0 var(--tds-size--1x);
  }
}
.tds-site-nav-item.tds-animate--backdrop {
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  background-color: transparent;
}
.tds-site-nav-items--vertical .tds-site-nav-item-text {
  flex-grow: 1;
  text-align: start;
}
.tds-nav-back .tds-site-nav-item-text {
  margin: 0;
}
.tds-site-nav-item-caption {
  color: var(--tds-theme-foreground-low-contrast);
  display: block;
  font-size: var(--tds-font-size-20);
  font-weight: var(--tds-font-weight-regular);
  line-height: var(--tds-line-height-20);
}
.tds-site-nav-item--large .tds-site-nav-item-caption {
  font-size: var(--tds-font-size-30);
  line-height: var(--tds-line-height-30);
}
.tds-site-nav-item--with-caption:not(.tds-site-nav-item--large) .tds-site-nav-item-text {
  padding-block-start: 2px;
}
.tds-site-nav-item--with-caption:not(.tds-site-nav-item--large) .tds-site-nav-item-caption {
  padding-block-end: 2px;
}
:is(.tds-sidenav--internal, .tds-site-header-panel--internal) {
  --tds-nav-item-leading--gap: 12px;
  --tds-nav-item-trailing--gap: var(--tds-size--half);
}
.tds-site-nav-item-leading,
.tds-site-nav-item-trailing {
  align-items: center;
  display: flex;
}
.tds-site-nav-item-leading {
  gap: var(--tds-nav-item-leading--gap);
  text-align: start;
}
.tds-site-nav-item-trailing {
  gap: var(--tds-nav-item-trailing--gap);
  text-align: end;
}
.tds-site-nav-item .tds-icon {
  transition: none;
}
.tds-site-nav-item > .tds-icon:first-child,
.tds-site-nav-item .tds-site-nav-item-leading .tds-icon {
  margin-inline-start: calc(var(--tds-size--half) * -1);
}
.tds-site-nav-item--with-caption .tds-icon:first-child:not(tds-icon .tds-icon),
.tds-site-nav-item--with-caption tds-content:has(tds-icon):first-child tds-icon:first-child .tds-icon {
  align-self: start;
}
.tds-site-nav-item > .tds-icon:last-child,
.tds-site-nav-item > tds-content:has(tds-icon):last-child tds-icon:last-child .tds-icon,
.tds-site-nav-item > .tds-site-nav-item-trailing .tds-icon {
  margin-inline-end: calc(var(--tds-size--half) * -1);
}
.tds-site-nav-items--vertical .tds-site-nav-item > .tds-icon:last-child:not(tds-icon .tds-icon),
.tds-site-nav-items--vertical .tds-site-nav-item > tds-icon:last-child .tds-icon,
.tds-site-nav-items--vertical .tds-site-nav-item > tds-content:has(tds-icon):last-child tds-icon .tds-icon,
.tds-site-nav-items--vertical .tds-site-nav-item > .tds-site-nav-item-trailing .tds-icon {
  margin-inline-end: 2px;
}
.tds-site-nav-item .tds-icon:only-child:not(tds-icon .tds-icon),
.tds-site-nav-item tds-content:has(tds-icon):only-child tds-icon:only-child .tds-icon,
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-icon:first-child,
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > tds-content:has(tds-icon):first-child .tds-icon,
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-site-nav-item-leading .tds-icon:first-child,
.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-site-nav-item-leading tds-content:has(tds-icon):first-child .tds-icon {
  margin-inline: calc((var(--tds-nav-item--padding-inline) - var(--tds-nav-item--padding-block)) * -1);
}
.tds-site-nav-item :is(.tds-site-nav-item-trailing, .tds-icon[class*=chevron]:last-child) {
  color: var(--tds-theme-foreground-low-contrast);
  transition: color 0.33s ease, transform 0.5s var(--tds-bezier);
}
.tds-site-nav-item.tds--highlighted :is(.tds-site-nav-item-trailing, .tds-icon[class*=chevron]:last-child) {
  color: var(--tds-theme-foreground-high-contrast);
}
@media (hover: hover) {
  .tds-site-nav-item:hover :is(.tds-site-nav-item-trailing, .tds-icon[class*=chevron]:last-child) {
    color: var(--tds-theme-foreground-high-contrast);
  }
}
.tds-site-nav-item > .tds-chip:last-child,
.tds-site-nav-item .tds-site-nav-item-trailing .tds-chip:last-child {
  margin-inline-end: calc(var(--tds-size--half) * -1);
}
.tds-density--dense .tds-site-nav-item > .tds-chip:last-child,
.tds-density--dense .tds-site-nav-item .tds-site-nav-item-trailing .tds-chip:last-child {
  margin-inline-end: calc(var(--tds-size--half) * -1);
}

/* src/components/site-nav-item/site-nav-items.css */
.tds-site-nav-items {
  align-items: center;
  display: flex;
  margin: 0;
  transition: transform 0.5s ease;
  position: relative;
  z-index: 1;
}
.tds-site-header > .tds-site-nav-items {
  min-block-size: var(--tds-site-header--height);
  position: static;
}
.tds-site-nav-items--vertical {
  --tds-nav-item--padding-inline: 12px;
  align-items: initial;
  flex-direction: column;
  overflow-y: auto;
  text-align: start;
}
.tds-site-nav-items--vertical > li:not(:last-child),
.tds-site-nav-items--vertical > tds-side-nav-item:not(:last-child) > li {
  margin-block-end: var(--tds-size--1x);
}
.tds-site-nav-items--spacious.tds-site-nav-items--vertical > li:not(:last-child) {
  margin-block-end: var(--tds-size--2x);
}
:is(.tds-site-header-panel, .tds-sidenav) .tds-site-nav-items--vertical {
  margin-inline: calc(var(--tds-nav-item--padding-inline) * -1) calc(var(--tds-nav-item--padding-inline) * -1);
}
.tds-site-nav-items--vertical .tds-site-nav-items--vertical {
  margin-inline: 0 0;
}
:is(.tds-sidenav--internal, .tds-site-header-panel--internal) .tds-site-nav-items--vertical {
  --tds-nav-item--padding-inline: var(--tds-size--1x);
}
@media (min-width: 900px) {
  .tds-site-header-panel .tds-site-nav-items--vertical {
    align-items: flex-start;
  }
}

/* src/components/status-message/status-message.css */
.tds-status_msg {
  --tds-card--padding: var(--tds-padding--card--dense);
  display: flex;
  margin: var(--tds-size--3x) 0;
}
.tds-status_msg-heading {
  padding: 0;
}
.tds-status_msg :is(.tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6) {
  padding-block-start: 0;
}
.tds-status_msg:not(.tds-card) .tds-card-body {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: calc(var(--tds-card--padding) / 3);
}
.tds-status_msg:not(.tds-card) .tds-icon + .tds-card-body {
  padding-block-end: 2px;
  padding-block-start: 2px;
}

/* src/components/table-deprecated/table-deprecated.css */
:root,
.tds-component-preview {
  --tds-table-deprecated--background-color: transparent;
  --tds-table-deprecated--border_color: var(--tds-color-grey-50);
  --tds-table-deprecated--border_spacing: 0;
  --tds-table-deprecated--border_width: 1px;
  --tds-table-deprecated--caption-background-color: transparent;
  --tds-table-deprecated--caption-top: 0;
  --tds-table-deprecated--header-font_size: var(--tds-font-size-30);
  --tds-table-deprecated--padding--horizontal: var(--tds-size--2x);
  --tds-table-deprecated--padding--vertical: var(--tds-size--2x);
  --tds-table-deprecated--vertical-align: middle;
}
.tds-density--dense {
  --tds-table-deprecated--border_spacing: 0;
  --tds-table-deprecated--border_width: 1px;
  --tds-table-deprecated--header-font_size: var(--tds-font-size-20);
  --tds-table-deprecated--padding--horizontal: var(--tds-size--1x);
  --tds-table-deprecated--padding--vertical: var(--tds-size--1x);
}
.tds-table-deprecated--align_middle {
  --tds-table-deprecated--vertical-align: middle;
}
.tds-table-deprecated--align_top {
  --tds-table-deprecated--vertical-align: top;
}
.tds-table-deprecated--align_bottom {
  --tds-table-deprecated--vertical-align: bottom;
}
.tds-table-deprecated {
  border-collapse: collapse;
  border-spacing: var(--tds-table-deprecated--border_spacing);
  font-size: var(--tds-font-size-30);
  inline-size: 100%;
  text-align: start;
}
.tds-table-deprecated--bordered th,
.tds-table-deprecated--bordered td {
  border: var(--tds-table-deprecated--border_width) solid var(--tds-theme-border);
}
.tds-table-deprecated-caption {
  background-color: var(--tds-table-deprecated--caption-background-color);
}
.tds-table-deprecated-row th,
.tds-table-deprecated-row td {
  background-color: var(--tds-table-deprecated--background-color);
  font-size: var(--tds-table-deprecated--header-font_size);
  padding-block: var(--tds-table-deprecated--padding--vertical) var(--tds-table-deprecated--padding--vertical);
  text-align: start;
  vertical-align: var(--tds-table-deprecated--vertical-align);
}
.tds-table-deprecated-row p {
  margin: 0;
}
.tds-table-col--selected,
.tds-table-deprecated-row--selected th,
.tds-table-deprecated-row--selected td {
  --tds-table-deprecated--background-color: var(--tds-theme-background-container);
}
.tds-table-deprecated--padded_cells th,
.tds-table-deprecated--padded_cells td {
  padding-inline: var(--tds-table-deprecated--padding--horizontal) var(--tds-table-deprecated--padding--horizontal);
}
.tds-table-deprecated--thead_border .tds-table-deprecated-head th {
  border-block-end: var(--tds-table-deprecated--border_width) solid var(--tds-theme-border);
}
.tds-scrim--black {
  --tds-table-deprecated--background-color: var(--tds-color-grey-15);
}
.tds-scrim--black .tds-table-deprecated th,
.tds-scrim--black .tds-table-deprecated td {
  color: var(--tds-color-white);
}
.tds-table-deprecated-head .tds-table-deprecated-row th {
  color: var(--tds-theme-foreground);
  font-weight: var(--tds-font-weight-medium);
}
.tds-table-deprecated--hoverable .tds-table-deprecated-body .tds-table-deprecated-row:hover th,
.tds-table-deprecated--hoverable .tds-table-deprecated-body .tds-table-deprecated-row:hover td {
  background-color: var(--tds-theme-background-container);
}
@media (max-width: 599px) {
  .tds-table-deprecated--responsive .tds-table-deprecated {
    display: flex;
    flex-flow: row wrap;
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-caption {
    position: sticky;
    top: var(--tds-table-deprecated--caption-top);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    border-block-end: 1px solid var(--tds-color-grey-50);
    padding: var(--tds-size--2x);
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-caption--white {
    --tds-table-deprecated--caption-background-color: rgb(255 255 255 / 50%);
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-caption--light {
    --tds-table-deprecated--caption-background-color: rgb(125 125 125 / 50%);
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-caption--black {
    --tds-table-deprecated--caption-background-color: rgb(0 0 0 / 50%);
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h1,
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h2,
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h3,
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h4,
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h5,
  .tds-table-deprecated--responsive .tds-table-deprecated-caption h6 {
    padding-block-start: 0;
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-head,
  .tds-table-deprecated--responsive .tds-table-deprecated-body,
  .tds-table-deprecated--responsive .tds-table-deprecated-foot,
  .tds-table-deprecated--responsive .tds-table-deprecated-row {
    display: block;
    overflow: scroll;
    max-inline-size: calc(100vw - (var(--tds-size--3x) * 2));
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-row td {
    inline-size: 100%;
    display: inline-flex;
    flex-flow: row wrap;
    padding-block-end: 0;
  }
  .tds-table-deprecated--bordered .tds-table-deprecated-row {
    padding-block-start: 0;
    padding-inline-end: 0;
    margin-block-end: var(--tds-size--1x);
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-head {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tds-table-deprecated--responsive th::before,
  .tds-table-deprecated--responsive td::before {
    content: var(--columnHeader) ": ";
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 100%;
    font-weight: var(--tds-font-weight-medium);
    font-size: var(--tds-font-size-40);
    line-height: var(--tds-line-height-40);
  }
  .tds-table-deprecated-responsive .tds-table-deprecated-row {
    padding-block: var(--tds-size--2x) var(--tds-size--2x);
    border-block-end: 1px solid var(--tds-color-grey-50);
  }
  .tds-table-deprecated--responsive.tds-table-deprecated--padded_cells th {
    padding-block-end: 0;
  }
  .tds-table-deprecated--responsive .tds-table-deprecated-body th:first-child {
    font-weight: 400;
  }
}
@media (min-width: 600px) {
  .tds-table-deprecated--row_border .tds-table-deprecated-body th,
  .tds-table-deprecated--row_border .tds-table-deprecated-body td {
    border-block-start: var(--tds-table-deprecated--border_width) solid var(--tds-theme-border);
  }
  .tds-table-deprecated--striped .tds-table-deprecated-body > .tds-table-deprecated-row:nth-child(odd) > td,
  .tds-table-deprecated--striped .tds-table-deprecated-body > .tds-table-deprecated-row:nth-child(odd) > th {
    --tds-table-deprecated--background-color: var(--tds-color--tertiary-highlight);
  }
}
.tds-table-deprecated--data {
  font-variant-numeric: tabular-nums;
}

/* src/components/table/table.css */
:root,
.tds-component-preview {
  --tds-table-border-width: 1px;
  --tds-table-cell-align-items: normal;
  --tds-table-cell-before-padding-block-end: 0;
  --tds-table-cell-padding-horizontal: var(--tds-size--1x);
  --tds-table-cell-padding-vertical: var(--tds-size--1x);
  --tds-table-cell-position: static;
  --tds-table-cell-vertical-align: middle;
  --tds-table-column-inline-size: auto;
  --tds-table-column-min-inline-size: 0;
  --tds-table-header-font-size: var(--tds-table-header-font_size);
  --tds-table-header-font-weight: var(--tds-font-weight-regular);
  --tds-table-header-line-height: var(--tds-base-line_height);
}
table {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.tds-table-wrapper {
  inline-size: calc(100% + var(--tds-size--2x));
  margin-inline: calc(-1 * var(--tds-size--1x)) calc(-1 * var(--tds-size--1x));
  overflow-x: auto;
}
.tds-table {
  --tds-table-cell-border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast);
  --tds-table-cell-border-block-start: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: var(--tds-font-size-30);
  min-inline-size: 100%;
  text-align: start;
}
.tds-table-head {
  --tds-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half));
}
.tds-table-foot {
  --tds-table-cell-border-block-end: none;
  --tds-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half));
  position: var(--tds-table-cell-position);
}
.tds-table-column {
  inline-size: var(--tds-table-column-inline-size);
  min-inline-size: var(--tds-table-column-min-inline-size);
}
.tds-table--grouped-row .tds-table-column:first-child {
  --tds-table-column-inline-size: 40%;
  --tds-table-column-min-inline-size: 20ch;
}
.tds-table-row td,
.tds-table-row th {
  border-block-end: var(--tds-table-cell-border-block-end);
  line-height: var(--tds-base-line_height);
  min-inline-size: 12ch;
  padding-block: var(--tds-table-cell-padding-vertical) var(--tds-table-cell-padding-vertical);
  padding-inline: var(--tds-table-cell-padding-horizontal) var(--tds-table-cell-padding-horizontal);
  position: var(--tds-table-cell-position);
  text-align: start;
  vertical-align: var(--tds-table-cell-vertical-align);
}
.tds-table-row--selected td,
.tds-table-row--selected th {
  background-color: var(--tds-theme-background-container-highlight);
}
.tds-table-column--selected {
  background-color: var(--tds-theme-background-container-highlight);
}
.tds-table-row td {
  align-items: var(--tds-table-cell-align-items);
  border-block-start: var(--tds-table-cell-border-block-start);
  font-size: var(--tds-font-size-30);
}
.tds-table-row td::before,
.tds-table-row th::before {
  color: var(--tds-heading--color);
  display: block;
  font-weight: var(--tds-font-weight-medium);
  padding-block-end: var(--tds-table-cell-before-padding-block-end);
}
.tds-table-row td:first-child {
  border-block-start: none;
}
.tds-table-row th {
  border-block-start: var(--tds-table-cell-border-block-start);
  color: var(--tds-heading--color);
  font-size: var(--tds-table-header-font-size);
  font-weight: var(--tds-table-header-font-weight);
  line-height: var(--tds-table-header-line-height);
}
.tds-table-row th.tds-th--caption,
.tds-th--caption {
  align-items: var(--tds-table-cell-align-items);
  color: var(--tds-caption--color);
  font-size: var(--tds-font-size-20);
  font-weight: var(--tds-font-weight-medium);
}
.tds-table-row th:first-child::after {
  background: var(--tds-scrim--background);
  inset-block: 1px;
  inset-inline: 0;
  position: absolute;
  transition: background-color 0.3s ease;
  z-index: -2;
}
.tds-table-row th:not(.tds-th--caption) {
  --tds-table-header-font-weight: var(--tds-font-weight-medium);
}
.tds-table--sticky-first-col .tds-table-row th:first-child,
.tds-table--sticky-first-col + .tds-table-foot {
  --tds-table-cell-position: sticky;
  left: 0;
  z-index: 1;
}
.tds-table--sticky-first-col + .tds-table-foot {
  --tds-table-foot-display: block;
  padding: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x);
}
[dir=rtl] .tds-table--sticky-first-col .tds-table-row th:first-child {
  left: auto;
  right: 0;
}
.tds-table--sticky-first-col .tds-table-row th:first-child::after {
  content: "";
}
.tds-table--align-top {
  --tds-table-cell-vertical-align: top;
}
.tds-table--align-bottom {
  --tds-table-cell-vertical-align: bottom;
}
@media (max-width: 599px) {
  .tds-table[class*=-stacked-list] {
    --tds-table-cell-border-block-end: none;
    --tds-table-cell-last-child-padding-block-end: var(--tds-size--3x);
    --tds-table-cell-padding-horizontal: 0;
    --tds-table-cell-position: static;
    --tds-table-header-first-child-margin-block-start: 0;
    --tds-table-header-font-size: var(--tds-font-size-40);
    --tds-table-header-line-height: var(--tds-line-height-20);
    display: flex;
    flex-flow: row wrap;
    padding-inline: var(--tds-size--1x) var(--tds-size--1x);
  }
  .tds-table[class*=-stacked-list] .tds-table-head {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .tds-table[class*=-stacked-list] .tds-table-head,
  .tds-table[class*=-stacked-list] .tds-table-body,
  .tds-table[class*=-stacked-list] .tds-table-foot,
  .tds-table[class*=-stacked-list] .tds-table-row {
    display: block;
    inline-size: 100%;
  }
  .tds-table[class*=-stacked-list] .tds-table-row td,
  .tds-table[class*=-stacked-list] .tds-table-row th {
    display: inline-flex;
    inline-size: 100%;
  }
  .tds-table--vertical-stacked-list[class*=-stacked-list] {
    --tds-table-cell-before-padding-block-end: var(--tds-size--half);
  }
  .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row td,
  .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row th.tds-th--caption {
    flex-flow: column nowrap;
  }
  .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row td::before,
  .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row th::before {
    inline-size: 100%;
  }
  .tds-table--horizontal-stacked-list[class*=-stacked-list] {
    --tds-table-cell-align-items: center;
  }
  .tds-table--horizontal-stacked-list[class*=-stacked-list] .tds-table-row td,
  .tds-table--horizontal-stacked-list[class*=-stacked-list] .tds-table-row th.tds-th--caption {
    justify-content: space-between;
  }
  .tds-table[class*=-stacked-list] .tds-table-row td:first-child {
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table[class*=-stacked-list] .tds-table-row th:first-child {
    margin-block-start: var(--tds-table-header-first-child-margin-block-start);
  }
  .tds-table[class*=-stacked-list] .tds-table-row td:last-child {
    border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast);
    padding-block-end: var(--tds-table-cell-last-child-padding-block-end);
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row th:not(.tds-th--caption) {
    --tds-table-cell-border-block-start: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast);
    --tds-table-header-first-child-margin-block-start: var(--tds-size--2x);
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row:first-child th {
    --tds-table-header-first-child-margin-block-start: 0;
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row {
    --tds-table-cell-last-child-padding-block-end: var(--tds-size--1x);
  }
  .tds-table[class*=-stacked-list] .tds-table-row td:empty {
    display: none;
  }
  .tds-table[class*=-stacked-list]:not(.tds-table--grouped-row) {
    --tds-table-header-last-child-padding-block-end: var(--tds-size--3x);
  }
  .tds-table[class*=-stacked-list]:not(.tds-table--grouped-row) .tds-table-row th:first-child {
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table--grouped-row[class*=-stacked-list] .tds-table-row:last-child {
    --tds-table-cell-last-child-padding-block-end: var(--tds-size--3x);
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row td:last-child {
    border-block-end: none;
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row:last-child td:last-child {
    border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast);
  }
  .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row:first-child th:not(.tds-th--caption) {
    --tds-table-cell-border-block-start: none;
  }
  .tds-table[class*=-stacked-list] .tds-table-row td::before,
  .tds-table[class*=-stacked-list] .tds-table-row th::before {
    content: var(--columnHeader);
  }
}

/* src/components/data-table/data-table.css */
table {
  color: inherit;
}
.tds-data-table-wrapper {
  --tds-data-table--row-hover-radius: 4px;
  --tds-data-table--row-outdent-size: 8px;
  --tds-data-table--vertical-align: middle;
  inline-size: calc(100% + ((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * 2));
  margin-inline-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  margin-inline-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  overflow-x: auto;
  overflow-y: visible;
}
* + .tds-data-table-toolbar {
  margin-block-start: var(--tds-size--3x);
}
* + .tds-data-table-wrapper {
  margin-block-start: var(--tds-size--1x);
}
.tds-data-table-wrapper + .tds-pagination {
  margin-block-start: var(--tds-size--3x);
}
.tds-data-table-toolbar {
  align-items: center;
  display: flex;
  gap: var(--tds-size--2x);
  justify-content: space-between;
}
.tds-data-table-tools {
  align-items: center;
  display: flex;
  gap: var(--tds-size--2x);
}
.tds-density--dense .tds-data-table-tools {
  gap: var(--tds-size--1x);
}
.tds-data-table {
  border-spacing: 0;
  font-size: var(--tds-data-table--font-size);
  font-variant-numeric: tabular-nums;
  inline-size: calc(100% - var(--tds-data-table--row-hover-radius) * 2);
  margin: 0 var(--tds-data-table--row-hover-radius);
  position: relative;
  z-index: 1;
}
.tds-data-table--align-top {
  --tds-data-table--vertical-align: top;
}
.tds-data-table--align-bottom {
  --tds-data-table--vertical-align: bottom;
}
.tds-data-table tr {
  background-color: transparent;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.tds-data-table :where(th, td) {
  block-size: var(--tds-size--5x);
  border-block-end: 1px solid var(--tds-theme-background-container);
  position: relative;
  text-align: start;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  vertical-align: var(--tds-data-table--vertical-align);
  white-space: nowrap;
}
.tds-data-table :where(th, td):is(:first-child, :last-child)::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  z-index: -1;
  border-color: transparent;
  transition: background-color 0.3s ease, top 0.3s ease;
}
.tds-data-table :where(th, td):first-child::before,
[dir=rtl] .tds-data-table :where(th, td):last-child::before {
  border-radius: var(--tds-data-table--row-hover-radius) 0 0 var(--tds-data-table--row-hover-radius);
  left: calc(var(--tds-data-table--row-hover-radius) * -1);
  right: 100%;
}
.tds-data-table :where(th, td):last-child::before,
[dir=rtl] .tds-data-table :where(th, td):first-child::before {
  border-radius: 0 var(--tds-data-table--row-hover-radius) var(--tds-data-table--row-hover-radius) 0;
  left: 100%;
  right: calc(var(--tds-data-table--row-hover-radius) * -1);
}
.tds-data-table th {
  font-weight: var(--tds-font-weight-medium);
}
.tds-data-table thead :where(th, td) {
  padding: 12px var(--tds-data-table--row-outdent-size);
}
.tds-data-table tbody :where(th, td) {
  padding: var(--tds-size--1x) var(--tds-data-table--row-outdent-size);
}
.tds-data-table tbody tr:is(:hover, .tds--highlighted),
.tds-data-table tbody tr:is(:hover, .tds--highlighted) :where(th, td)::before {
  background-color: var(--tds-theme-background-container);
}
.tds-data-table tbody .tds-tr--selected:is(:hover, .tds--highlighted),
.tds-data-table tbody .tds-tr--selected:is(:hover, .tds--highlighted) :where(th, td)::before,
.tds-data-table tbody .tds-tr--selected:has(.tds-tooltip),
.tds-data-table tbody .tds-tr--selected:has(.tds-tooltip) :where(th, td)::before {
  z-index: 3;
}
.tds-data-table tbody tr.tds-tr--selected {
  background-color: var(--tds-theme-background-container-highlight);
  position: relative;
  z-index: 2;
}
.tds-data-table tbody tr.tds-tr--selected :where(th, td) {
  border-color: var(--tds-theme-background-container-highlight);
  box-shadow: 0 -1px 0 0 var(--tds-theme-background-container-highlight);
}
.tds-data-table tbody tr.tds-tr--selected :where(th, td)::before,
.tds-data-table tbody tr.tds-tr--selected :where(th, td)::after {
  background-color: var(--tds-theme-background-container-highlight);
}
.tds-data-table tbody tr.tds-tr--selected + tr.tds-tr--selected :where(th, td)::before {
  top: -6px;
}
.tds--indicate-focus .tds-data-table tbody tr:focus-within {
  outline: var(--tds-outline--focus);
  outline-offset: -5px;
  z-index: 4;
}
.tds-td--actions {
  padding-inline-end: var(--tds-data-table--row-outdent-size);
  padding-inline-start: var(--tds-data-table--row-outdent-size);
  text-align: end;
}
.tds-data-table tbody tr:is(:hover, .tds--highlighted) .tds-td--actions {
  position: sticky;
  right: 0;
  z-index: 3;
}
.tds-td--select {
  padding-inline-end: var(--tds-data-table--row-outdent-size);
  padding-inline-start: var(--tds-data-table--row-outdent-size);
  white-space: nowrap;
  width: 0;
}
.tds-th--sortable {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tds-data-table thead :where(th, td).tds-th--sortable {
  block-size: var(--tds-size--6x);
  padding: 0;
}
.tds-th--sortable :focus {
  outline: none;
}
.tds-th--sortable .tds-th--inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--tds-size--half);
  border-radius: var(--tds-size--half);
  background-color: transparent;
  transition: background-color 0.3s ease, transform 0.3s ease;
  z-index: -1;
}
.tds-th--sortable:hover .tds-th--inner::before {
  background-color: var(--tds-theme-background-container);
}
.tds-th--sortable .tds-th--inner:focus-visible::before {
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds--indicate-focus .tds-th--sortable .tds-th--inner:focus::before {
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds-data-table--prototype-animated-th-hover .tds-th--sortable .tds-th--inner::before {
  transform: scale(0.7);
}
.tds-data-table--prototype-animated-th-hover .tds-th--sortable:hover .tds-th--inner::before {
  transform: scale(1);
}
.tds-th--sortable .tds-th--inner {
  padding: 12px var(--tds-data-table--row-outdent-size);
  text-align: inherit;
  width: 100%;
}
.tds-th--sortable .tds-icon {
  margin-inline-start: var(--tds-size--half);
  vertical-align: middle;
}
:where(.tds-data-table) th [class*=tds-icon-double-chevron] {
  --tds-icon-double-chevron-down--fill: var(--tds-theme-border);
  --tds-icon-double-chevron-up--fill: var(--tds-theme-border);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.tds-th--sort-asc [class*=tds-icon-double-chevron] {
  --tds-icon-double-chevron-up--fill: var(--tds-theme-foreground-high-contrast);
}
.tds-th--sort-desc [class*=tds-icon-double-chevron] {
  --tds-icon-double-chevron-down--fill: var(--tds-theme-foreground-high-contrast);
}
:is(.tds-th--sortable:hover, .tds-th--sort-asc, .tds-th--sort-desc) [class*=tds-icon-double-chevron] {
  opacity: 1;
}
.tds-th--sortable :focus-visible [class*=tds-icon-double-chevron] {
  opacity: 1;
}
.tds--indicate-focus .tds-th--sortable :focus [class*=tds-icon-double-chevron] {
  opacity: 1;
}
.tds-data-table--sticky-first-col th:first-child {
  left: var(--tds-data-table--row-hover-radius);
  position: sticky;
  z-index: 1;
}
[dir=rtl] .tds-data-table--sticky-first-col th:first-child {
  left: auto;
  right: var(--tds-data-table--row-hover-radius);
}
.tds-data-table--sticky-first-col .tds-td--select {
  left: var(--tds-data-table--row-hover-radius);
  position: sticky;
  z-index: 1;
}
[dir=rtl] .tds-data-table--sticky-first-col .tds-td--select {
  left: auto;
  right: var(--tds-data-table--row-hover-radius);
}
.tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type) {
  left: calc(var(--tds-form-input-choice--check-size) + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius));
  position: sticky;
  z-index: 1;
}
[dir=rtl] .tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type) {
  left: auto;
  right: calc(var(--tds-form-input-choice--check-size) + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius));
}
.tds-data-table--sticky-first-col.tds-density--dense th:not(:first-child):is(:first-of-type) {
  left: calc(var(--tds-form-input-choice--check-size) + 2px + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius));
}
[dir=rtl] .tds-data-table--sticky-first-col.tds-density--dense th:not(:first-child):is(:first-of-type) {
  left: auto;
  right: calc(var(--tds-form-input-choice--check-size) + 2px + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius));
}
.tds-data-table--sticky-first-col th:first-child::after,
.tds-data-table--sticky-first-col .tds-td--select::after,
.tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  right: 0;
  background: var(--tds-theme-background, var(--tds-color-white));
  transition: background-color 0.3s ease;
  z-index: -2;
}
.tds-data-table--sticky-first-col :where(th, td):first-child::before {
  background: var(--tds-theme-background, var(--tds-color-white));
}
.tds-data-table--sticky-first-col tbody tr.tds-tr--selected:not(:hover, .tds--highlighted) th:first-child::after,
.tds-data-table--sticky-first-col tbody tr.tds-tr--selected:not(:hover, .tds--highlighted) .tds-td--select::after,
.tds-data-table--sticky-first-col tbody tr.tds-tr--selected th:not(:first-child):is(:first-of-type)::after {
  background: var(--tds-theme-background-container-highlight);
}
.tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) th:first-child::after,
.tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) .tds-td--select::after,
.tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) th:not(:first-child):is(:first-of-type)::after {
  background: var(--tds-theme-background-container);
}
.tds-data-table-null-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: clamp(100px, 10vh, 200px) 40px;
}

/* src/components/tabs/panels.css */
.tds-tab-panel-list {
  inline-size: 100%;
}
.tds-tab-panel {
  display: none;
  visibility: hidden;
  transition: visibility 0.5s 0.5s;
}
.tds-tab-panel--active {
  display: block;
  visibility: inherit;
  transition: visibility 0.5s 0s;
}

/* src/components/tabs/tabs.css */
.tds-tab-list {
  --tds-tab--background-color-off: transparent;
  --tds-tab--background-color-on: var(--tds-theme-background-container);
  --tds-tab--border-radius: var(--tds-border-radius--pill);
  --tds-tab--box-shadow--focus-off: inset 0 0 0 0 transparent;
  --tds-tab--box-shadow--focus-on: inset 0 0 0 3px rgb(var(--tds-color--rgb-shade) 0.08);
  --tds-tab--box-shadow--highlight-off: 0 0 0 0 transparent;
  --tds-tab--box-shadow--highlight-on: 0 0 0 0 transparent;
  --tds-tab--font-size: var(--tds-font-size-30);
  --tds-tab--font-weight: var(--tds-font-weight-medium);
  --tds-tab--gap: var(--tds-size--half);
  --tds-tab-list--height: var(--tds-height--pill);
  align-items: center;
  block-size: var(--tds-tab-list--height);
  display: grid;
  gap: var(--tds-tab--gap);
  grid-auto-flow: column;
  overflow-x: auto;
  position: relative;
}
.tds-tab-list--toggle {
  --tds-tab--background-color-on: var(--tds-color-white);
  --tds-tab--border-radius: calc(var(--tds-border-radius--pill) - 2px);
  --tds-tab--box-shadow--highlight-on: var(--tds-box-shadow--small);
  background-color: var(--tds-theme-background-container-alt);
  border-radius: var(--tds-border-radius--pill);
  padding: var(--tds-size--half);
}
:is(.tds-scrim--black, .tds-colorscheme--dark) .tds-tab-list--toggle {
  --tds-tab--background-color-on: var(--tds-color-grey-20);
}
:is(.tds-scrim--black, .tds-colorscheme--dark) :is(.tds-modal, .tds-tooltip) .tds-tab-list--toggle {
  --tds-tab--background-color-on: var(--tds-theme-background-container-alt);
}
.tds-tab-list--vertical,
.tds-tab-list--legacy-vertical,
.tds-tab-list--underline {
  --tds-tab--border-radius: 0;
  gap: 0;
}
.tds-tab-list--vertical,
.tds-tab-list--legacy-vertical {
  --tds-tab--justify-content: start;
  --tds-tab-list--height: auto;
  grid-auto-flow: row;
}
.tds-tab-list--legacy-vertical {
  --tds-tab--background-color-on: transparent;
  --tds-tab--box-shadow--highlight-off: inset 0 0 0 0 transparent;
  --tds-tab--box-shadow--highlight-on: inset -4px 0 0 0 var(--tds-theme-primary);
}
.tds-tab-list--underline {
  --tds-tab--background-color-on: transparent;
  --tds-tab--box-shadow--highlight-off: inset 0 -1px 0 0 var(--tds-theme-foreground-high-contrast);
  --tds-tab--box-shadow--highlight-on: inset 0 -4px 0 0 var(--tds-theme-foreground-high-contrast);
  --tds-tab-list--height: var(--tds-size--7x);
  --tds-tab--box-shadow--highlight-off: none;
  --tds-tab--box-shadow--highlight-on: none;
  --tds-tab-list--underline--max_width: auto;
  --tds-tab-list--underline--size: var(--tds-border-width-small);
  --tds-tab-list--tab-underline--border-radius: 2px;
  --tds-tab-list--tab-underline--bottom: 0;
  --tds-tab-list--tab-underline--size: var(--tds-border-width-large);
  display: inline-grid;
}
.tds-tab-list--underline.tds-tab-list--full-width {
  display: flex;
  inline-size: 100%;
  justify-content: center;
}
.tds-tab-list--underline.tds-tab-list--full-width.tds-tab-list--align-start {
  justify-content: flex-start;
}
.tds-tab-list--underline--inner {
  display: inline-grid;
  grid-auto-columns: 1fr;
}
.tds-density--dense .tds-tab-list--underline {
  max-block-size: var(--tds-tab-list--underline--max_width);
}
.tds-tab-list--underline::after {
  background: var(--tds-theme-border);
  block-size: var(--tds-tab-list--underline--size);
  bottom: var(--tds-tab-list--underline--size);
  content: "";
  inline-size: 100%;
  position: absolute;
}
.tds-tab-list--underline .tds-tab::after {
  content: "";
  position: absolute;
  block-size: var(--tds-tab-list--tab-underline--size);
  inline-size: 100%;
  border-radius: var(--tds-tab-list--tab-underline--border-radius);
  background: var(--tds-theme-foreground-high-contrast);
  bottom: var(--tds-tab-list--tab-underline--bottom);
  z-index: 1;
  opacity: 0;
  transform: scale(1, 0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.tds-tab-list--underline.tds-tab-list--animated .tds-tab::after {
  display: none;
}
.tds-tab-list--underline .tds-tab--active::after,
.tds-tab-list--underline .tds-tab[aria-selected=true]::after {
  opacity: 1;
  transform: scale(1, 1);
}
.tds-tab-list--dots {
  --tds-tab--background-color-off: var(--tds-theme-border);
  --tds-tab--background-color-on: var(--tds-theme-foreground-high-contrast);
  --tds-tab-list--height: 12px;
  justify-content: center;
}
.tds-tab-list--animated {
  --tds-animate-backdrop-visibility: inherit;
}
.tds-tab {
  --tds-tab--background-color: var(--tds-tab--background-color-off);
  --tds-tab--box-shadow--focus: var(--tds-tab--box-shadow--focus-off);
  --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-off);
  align-items: center;
  block-size: calc(var(--tds-tab-list--height) - 8px);
  border-radius: var(--tds-tab--border-radius);
  display: inline-flex;
  font-size: var(--tds-tab--font-size);
  font-weight: var(--tds-tab--font-weight);
  justify-content: var(--tds-tab--justify-content, center);
  line-height: 1.2;
  outline-offset: -2px;
  padding: var(--tds-size--half) var(--tds-size--3x);
  position: relative;
  color: var(--tds-theme-foreground-low-contrast);
  background-color: var(--tds-tab--background-color);
  scroll-snap-align: center;
  box-shadow: var(--tds-tab--box-shadow--focus), var(--tds-tab--box-shadow--highlight);
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    color 0.3s ease;
}
.tds-tab-list--icons .tds-tab {
  block-size: var(--tds-tab-list--height);
  inline-size: var(--tds-tab-list--height);
  padding: 0;
}
.tds-tab-list--toggle.tds-tab-list--icons {
  padding: 2px;
}
.tds-tab-list--vertical .tds-tab,
.tds-tab-list--legacy-vertical .tds-tab {
  min-block-size: var(--tds-height--pill);
}
.tds-tab-list--underline .tds-tab {
  grid-row: 1;
  min-block-size: var(--tds-tab-list--height);
  text-align: center;
  white-space: nowrap;
}
.tds-tab-list--dots .tds-tab {
  font-size: 0;
  outline-offset: 0;
  padding: var(--tds-size--half);
  text-indent: -10000px;
}
.tds-tab-list--animated .tds-tab {
  --tds-tab--background-color-on: var(--tds-tab--background-color-off);
  --tds-tab--box-shadow--highlight-on: var(--tds-tab--box-shadow--highlight-off);
}
.tds-tab:focus-visible {
  outline: var(--tds-outline--focus);
}
.tds-tab-list--toggle.tds-tab-list--icons .tds-tab {
  block-size: calc(var(--tds-tab-list--height) - var(--tds-size--half));
  inline-size: calc(var(--tds-tab-list--height) - var(--tds-size--half));
  padding: 0;
}
:is(.tds-density--dense .tds-tab-list--toggle.tds-tab-list--icons, .tds-density--dense.tds-tab-list--toggle.tds-tab-list--icons) .tds-icon {
  --tds-icon--size: 20px;
}
.tds--indicate-focus .tds-tab:focus {
  outline: var(--tds-outline--focus);
}
.tds-tab--active,
.tds-tab[aria-selected=true] {
  --tds-tab--background-color: var(--tds-tab--background-color-on);
  --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-on);
  cursor: inherit;
  color: var(--tds-theme-foreground-high-contrast);
  background-color: var(--tds-tab--background-color);
}
.tds-tab-list--animated .tds--animated-backdrop {
  background-color: var(--tds-tab--background-color-on);
  border-radius: var(--tds-tab--border-radius);
  box-shadow: var(--tds-tab--box-shadow--highlight-on);
}
.tds--indicate-focus .tds--animated-backdrop {
  transition: none;
}
.tds-tab-list--dots .tds--animated-backdrop {
  z-index: 1;
}
.tds-tab-list--animated.tds-tab-list--underline .tds--animated-backdrop {
  background: var(--tds-theme-foreground-high-contrast);
  block-size: var(--tds-tab-list--tab-underline--size);
  border-radius: var(--tds-tab-list--tab-underline--border-radius);
  bottom: var(--tds-tab-list--tab-underline--bottom);
  position: absolute;
  top: unset;
  z-index: 1;
}

/* src/components/tabs/index.css */

/* src/components/tooltip/tooltip.css */
.tds-tooltip {
  --tds-tooltip--padding: var(--tds-padding--card);
  --tds-tooltip--translate-y: var(--tds-size--1x);
  --tds-tooltip--safe-space: var(--tds-size--1x);
  --tds-tooltip--x-offset: 0px;
  --tds-tooltip--offset-align: 8;
  --tds-tooltip--offset-padding: 24;
  background-color: var(--tds-theme-background-dialog);
  border-radius: var(--tds-border-radius--card);
  bottom: calc(100% + var(--tds-tooltip--safe-space));
  box-shadow: var(--tds-box-shadow--medium);
  inline-size: -moz-max-content;
  inline-size: max-content;
  left: 50%;
  max-inline-size: min(calc(100vw - 48px), 400px);
  padding: var(--tds-tooltip--padding);
  position: absolute;
  text-align: initial;
  top: auto;
  writing-mode: horizontal-tb;
  z-index: 550;
}
.tds-tooltip.tds-tooltip--overlay {
  backface-visibility: hidden;
  bottom: unset;
  position: fixed;
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
}
.tds-tooltip.tds-tooltip--overlay.tds-tooltip--width-full {
  max-inline-size: min(calc(100vw - 48px), 400px);
}
.tds-tooltip,
.tds-tooltip--closed {
  opacity: 0;
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset)));
  pointer-events: none;
  visibility: hidden;
  transition:
    opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0.5s;
}
.tds-tooltip.tds-tooltip--open {
  --tds-tooltip--translate-y: 0;
  opacity: 1;
  pointer-events: inherit;
  visibility: inherit;
  transition:
    opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0s;
}
.tds-density--dense .tds-tooltip,
.tds-density--dense.tds-tooltip {
  --tds-tooltip--offset-padding: 16;
  --tds-tooltip--padding: var(--tds-padding--card--dense);
}
.tds-tooltip--orientation-down {
  --tds-tooltip--translate-y: calc(var(--tds-size--1x) * -1);
  bottom: unset;
  top: calc(100% + var(--tds-tooltip--safe-space));
}
.tds-tooltip--align-start,
.tds-tooltip--align-end {
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
}
.tds-tooltip--align-start {
  inset-inline-start: calc(var(--tds-tooltip--padding) * -1);
  left: unset;
}
.tds-tooltip--align-end {
  inset-inline-end: calc(var(--tds-tooltip--padding) * -1);
  left: unset;
}
.tds-tooltip--width-full {
  inline-size: auto;
  left: 0;
  max-inline-size: 100%;
  right: 0;
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
  writing-mode: horizontal-tb;
}
.tds-tooltip::before {
  content: "";
  inset: calc(var(--tds-tooltip--safe-space) * -1);
  position: absolute;
}
[data-tds-tooltip-trigger] {
  cursor: pointer;
}
.tds-tooltip-wrapper,
.tds-tooltip-wrapper--inline {
  position: relative;
}
.tds-tooltip-wrapper {
  display: flex;
}
.tds-tooltip-wrapper--inline {
  display: inline-flex;
  vertical-align: middle;
}
.tds-tooltip > * {
  position: relative;
  z-index: 2;
}
:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > *:first-child {
  margin-block-start: 0;
  padding-block-start: 0;
}
:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > *:last-child {
  margin-block-end: 0;
  padding-block-end: 0;
}

/* src/components/typography/text.css */
.tds-text--h1,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6,
.tds-text--caption-header,
.tds-text--section_subtitle,
.tds-text--body_large,
.tds-text--body {
  display: block;
  margin: 0;
}
strong {
  color: var(--tds-theme-foreground-high-contrast);
}
h1,
h2,
h3,
h4,
h5,
h6,
.tds-text--h1,
.tds-text--h1-alt,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6,
.tds-text--caption-header {
  font-weight: var(--tds-font-weight-medium);
  padding-block: var(--tds-size--4x) var(--tds-size--1x);
  color: var(--tds-theme-foreground-high-contrast);
  transition:
    font 0.33s ease,
    color 0.33s ease,
    opacity 0.33s ease,
    padding 0.33s ease;
}
h6,
.tds-text--h6 {
  padding-block-end: 0;
}
:is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) + :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) {
  padding-block-start: var(--tds-size--2x);
}
@media (max-width: 599px) {
  h1,
  .tds-text--h1,
  .tds-text--h1-alt {
    font-size: var(--tds-font-size-70);
    line-height: var(--tds-line-height-70);
  }
  h2,
  .tds-text--h2 {
    font-size: var(--tds-font-size-60);
    line-height: var(--tds-line-height-60);
  }
  h3,
  .tds-text--h3 {
    font-size: var(--tds-font-size-50);
    line-height: var(--tds-line-height-60);
  }
  h4,
  .tds-text--h4 {
    font-size: var(--tds-font-size-40);
    line-height: var(--tds-line-height-30);
  }
  h5,
  .tds-text--h5 {
    font-size: var(--tds-font-size-30);
    line-height: var(--tds-line-height-30);
  }
  h6,
  .tds-text--h6 {
    font-size: var(--tds-font-size-30);
    line-height: var(--tds-line-height-30);
  }
  .tds-text--caption-header {
    font-size: var(--tds-font-size-20);
    line-height: var(--tds-line-height-10);
  }
}
@media (min-width: 600px) {
  h1,
  .tds-text--h1 {
    font-size: var(--tds-font-size-80);
    line-height: var(--tds-line-height-80);
  }
  .tds-text--h1-alt {
    font-size: var(--tds-font-size-75);
    line-height: var(--tds-line-height-75);
  }
  h2,
  .tds-text--h2 {
    font-size: var(--tds-font-size-70);
    line-height: var(--tds-line-height-70);
  }
  h3,
  .tds-text--h3 {
    font-size: var(--tds-font-size-60);
    line-height: var(--tds-line-height-60);
  }
  h4,
  .tds-text--h4 {
    font-size: var(--tds-font-size-50);
    line-height: var(--tds-line-height-60);
  }
  h5,
  .tds-text--h5 {
    font-size: var(--tds-font-size-40);
    line-height: var(--tds-line-height-20);
  }
  h6,
  .tds-text--h6 {
    font-size: var(--tds-font-size-30);
    line-height: var(--tds-line-height-30);
  }
  .tds-text--caption-header {
    font-size: var(--tds-font-size-20);
    line-height: var(--tds-line-height-10);
  }
}
@media (max-width: 599px) {
  .tds-text--jumbo_mobile {
    font-size: 36px !important;
    line-height: 36px !important;
    font-weight: var(--tds-font-weight-medium) !important;
  }
}
.tds-text--body {
  font-size: var(--tds-font-size-30);
  line-height: var(--tds-line-height-30);
}
.tds-text--body + .tds-text--body {
  padding-block-start: var(--tds-paragraph-gap);
}
.tds-text--caption {
  color: var(--tds-theme-foreground-low-contrast);
  font-size: var(--tds-font-size-20);
  line-height: var(--tds-line-height-10);
}
:is(ul, ol, p) + :is(ul, ol, p).tds-text--caption {
  padding-block-start: 12px;
}
.tds-text--thin {
  font-weight: var(--tds-font-weight-thin) !important;
}
.tds-text--light {
  font-weight: var(--tds-font-weight-light) !important;
}
.tds-text--regular {
  font-weight: var(--tds-font-weight-regular) !important;
}
.tds-text--medium {
  font-weight: var(--tds-font-weight-medium) !important;
}
.tds-text--bold {
  font-weight: var(--tds-font-weight-bold) !important;
}
.tds-text--contrast-high {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-text--contrast-medium {
  color: var(--tds-theme-foreground);
}
.tds-text--contrast-low {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-text--center {
  margin-inline: auto auto;
  text-align: center !important;
}
.tds-text--end {
  text-align: end !important;
}
.tds-text--start {
  text-align: start !important;
}
.tds-text--full-width {
  max-inline-size: 100% !important;
}
.tds-text--full-width :is(ul, ol, li, p, div, details, summary) {
  max-inline-size: 100%;
}
.tds-text--with_divider {
  align-items: center;
  display: flex;
  overflow: hidden;
  place-content: center center;
}
.tds-text--with_divider::after {
  background-color: var(--tds-theme-foreground-high-contrast);
  block-size: 1px;
  content: "";
  display: block;
  inline-size: 100%;
  margin-inline-start: 0.5em;
}
.tds-text--capitalize {
  text-transform: capitalize;
}
.tds-text--uppercase {
  text-transform: uppercase;
}
.tds-text--lowercase {
  text-transform: lowercase;
}
.tds-text--nowrap {
  text-wrap: nowrap;
}
.tds-text--wrap-balanced {
  text-wrap: balance;
}
.tds-text--strikethrough {
  text-decoration: line-through;
}
.tds-text--border {
  border: var(--tds-text--border-low-contrast);
}
code {
  --tds-code--background-color: var(--tds-theme-background-container);
  --tds-code--border: var(--tds-text--border-low-contrast);
  --tds-code--font-color: var(--tds-theme-foreground);
  --tds-code--padding: var(--tds-size--1x);
  max-inline-size: 100%;
  padding: 0 0.414em;
  border-radius: 0.25em;
  color: var(--tds-code--font-color);
  border: var(--tds-code--border);
  background-color: var(--tds-code--background-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}
:is(ul, ol, p, strong, label) code {
  border: 0;
}
:is(ul, ol, p, strong, label) code.tds-text--border {
  border: var(--tds-code--border);
}
pre code {
  display: block;
  margin: 0;
  overflow-x: auto;
  padding: var(--tds-code--padding);
  white-space: pre;
}

/* src/components/typography-rhythm/rhythm.css */
:root,
.tds-component-preview {
  --tds-spacer-base: var(--tds-size--half);
  --tds-spacer-1x: var(--tds-spacer-base);
  --tds-spacer-2x: calc(var(--tds-spacer-base) * 2);
  --tds-spacer-3x: calc(var(--tds-spacer-base) * 3);
  --tds-spacer-4x: calc(var(--tds-spacer-base) * 4);
  --tds-spacer-5x: calc(var(--tds-spacer-base) * 5);
  --tds-spacer-6x: calc(var(--tds-spacer-base) * 6);
  --tds-spacer-8x: calc(var(--tds-spacer-base) * 8);
  --tds-spacer-10x: calc(var(--tds-spacer-base) * 10);
  --tds-spacer-12x: calc(var(--tds-spacer-base) * 12);
  --tds-spacer-14x: calc(var(--tds-spacer-base) * 14);
  --tds-spacer-16x: calc(var(--tds-spacer-base) * 16);
  --tds-spacer-18x: calc(var(--tds-spacer-base) * 18);
  --tds-spacer-20x: calc(var(--tds-spacer-base) * 20);
  --tds-spacer-24x: calc(var(--tds-spacer-base) * 24);
  --tds-spacer-32x: calc(var(--tds-spacer-base) * 32);
}
:is(h1, h2, h3, h4) + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-5x);
}
:is(h5, p, ul, ol, .tds-list, legend) + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-4x);
}
h6 + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-3x);
}
* + form {
  --tds-spacer-top: var(--tds-spacer-10x);
}
.tds--vertical-rhythm [class*=tds--pad-top-],
.tds--vertical-rhythm [class*=tds-spacer-],
.tds--vertical-rhythm :is(h1, h2, h3, h4, h5, h6) {
  padding-block-start: var(--tds-spacer-top);
}
.tds--vertical-rhythm :is(*) + :is(p, form, ul, ol, .tds-list, legend) {
  padding-block-start: var(--tds-spacer-top);
}
@media (max-width: 599px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 18);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 16);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4),
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h5, .tds-text--h5),
  :is(h6, .tds-text--h6),
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs),
  :is(h6, .tds-text--h6).tds--pad-top-xl,
  :is(h6, .tds-text--h6).tds--pad-top-lg {
    --tds-spacer-top: var(--tds-spacer-5x);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-20x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: var(--tds-spacer-18x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-16x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h4, .tds-text--h4),
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h6, .tds-text--h6).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, .tds-text--h5),
  :is(h6, .tds-text--h6),
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs),
  :is(h6, .tds-text--h6).tds--pad-top-lg {
    --tds-spacer-top: var(--tds-spacer-5x);
  }
}
@media (min-width: 900px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 22);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 20);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-18x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-16x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h4, .tds-text--h4),
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h6, .tds-text--h6).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h5, .tds-text--h5),
  :is(h6, .tds-text--h6) {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs) {
    --tds-spacer-top: var(--tds-spacer-4x);
  }
  :is(h6, .tds-text--h6).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 7);
  }
}
.tds--pad-top-1x {
  --tds-spacer-top: var(--tds-spacer-1x);
}
.tds--pad-top-2x {
  --tds-spacer-top: var(--tds-spacer-2x);
}
.tds--pad-top-3x {
  --tds-spacer-top: var(--tds-spacer-3x);
}
.tds--pad-top-4x {
  --tds-spacer-top: var(--tds-spacer-4x);
}
.tds--pad-top-6x {
  --tds-spacer-top: var(--tds-spacer-6x);
}
.tds--pad-top-8x {
  --tds-spacer-top: var(--tds-spacer-8x);
}
.tds--pad-top-10x {
  --tds-spacer-top: var(--tds-spacer-10x);
}
.tds--pad-top-12x {
  --tds-spacer-top: var(--tds-spacer-12x);
}
.tds--pad-top-14x {
  --tds-spacer-top: var(--tds-spacer-14x);
}
.tds--pad-top-16x {
  --tds-spacer-top: var(--tds-spacer-16x);
}
.tds--pad-top-18x {
  --tds-spacer-top: var(--tds-spacer-18x);
}
.tds--pad-top-24x {
  --tds-spacer-top: var(--tds-spacer-24x);
}
.tds--pad-top-32x {
  --tds-spacer-top: var(--tds-spacer-32x);
}

/* src/components/progress-bar/progress-bar.css */
.tds-progress_bar-wrapper {
  inline-size: 100%;
  position: relative;
}
.tds-progress_bar {
  --tds-progress-bar--background-color: transparent;
  --tds-progress-bar--bar-color: var(--tds-theme-background-container);
  --tds-progress-bar--border-radius: var(--tds-size--4x);
  --tds-progress-bar--height: var(--tds-size--2x);
  --tds-progress-bar--value-color: var(--tds-theme-primary);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  block-size: var(--tds-progress-bar--height);
  inline-size: 100%;
  display: block;
  border: none;
  border-radius: var(--tds-progress-bar--border-radius);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.tds-density--dense {
  --tds-progress-bar--height: 12px;
}
.tds-progress_bar--secondary {
  --tds-progress-bar--value-color: var(--tds-theme-foreground-high-contrast);
}
.tds-progress_bar::-webkit-progress-bar {
  border: none;
  border-radius: var(--tds-progress-bar--border-radius);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  background-color: var(--tds-progress-bar--bar-color);
}
.tds-progress_bar::-webkit-progress-value {
  background-color: var(--tds-progress-bar--value-color);
  border-radius: var(--tds-progress-bar--border-radius);
  -webkit-transition: inline-size 0.5s;
  transition: inline-size 0.5s;
}
.tds-progress_bar::-moz-progress-bar {
  background-color: var(--tds-progress-bar--value-color);
}

/* src/components/components.css */

/* src/components/button/button--replicant.css */
.tds-theme--replicant {
  --tds-btn--font-size: var(--tds-font-size-20);
}
.tds-theme--replicant .tds-btn {
  --tds-btn--background-color: transparent;
  border: none;
  color: var(--tds-theme-foreground-on-primary);
  filter: var(--tds-glow--medium);
  font-weight: var(--tds-font-weight-bold, 700);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: 0.5s ease;
  z-index: 0;
}
.tds-theme--replicant .tds-btn:focus-visible {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn,
.tds-theme--replicant.tds-scrim--black .tds-card .tds-btn,
.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn {
  color: var(--tds-color-black);
}
.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn--tertiary,
.tds-theme--replicant.tds-scrim--black .tds-card .tds-btn--tertiary,
.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn--tertiary {
  color: var(--tds-color-white);
}
.tds-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary) {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-btn:is(:disabled, .tds--disabled) {
  filter: none;
}
.tds-theme--replicant .tds-btn:is(:focus, .tds--focus) {
  box-shadow: none;
  outline: none;
}
.tds--indicate-focus .tds-theme--replicant .tds-btn:focus,
.tds--focus .tds-theme--replicant .tds-btn:focus,
.tds--focus.tds-theme--replicant .tds-btn:focus,
.tds-theme--replicant .tds--focus .tds-btn:focus {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-theme--replicant .tds-btn--secondary:not([disabled], .tds--disabled):is(:focus, .tds--focus) {
  --tds-btn--background-color: transparent;
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  --tds-btn--background-color: transparent;
  animation: tds-flicker--soft 1s forwards;
  filter: var(--tds-glow--bright);
  opacity: 1;
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  color: var(--tds-theme-foreground-on-primary);
}
.tds-theme--replicant .tds-btn::before,
.tds-theme--replicant .tds-btn::after {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-btn::before {
  background: var(--tds-theme-foreground-high-contrast);
  clip-path: var(--tds-notch);
  z-index: -1;
}
:is([dir=rtl].tds-theme--replicant, [dir=rtl] .tds-theme--replicant, .tds-theme--replicant [dir=rtl]) .tds-btn::before {
  transform: rotateY(180deg);
}
:is([dir=rtl].tds-theme--replicant, [dir=rtl] .tds-theme--replicant, .tds-theme--replicant [dir=rtl]) .tds-btn::after {
  transform: rotateY(180deg);
}
.tds-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary)::before {
  background: transparent;
}
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled)::before,
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled)::after {
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-btn--secondary::after {
  background: var(--tds-theme-foreground-high-contrast);
  clip-path: var(--tds-notch--outline);
}
.tds-theme--replicant .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled)::before {
  background: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-card .tds-btn--tertiary {
  background-color: inherit;
}

/* src/components/chip/chip--replicant.css */
:is(.tds-theme--replicant) .tds-chip {
  --tds-border-radius--pill: 0;
  background-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-theme-foreground-on-primary);
}
:is(.tds-theme--replicant) .tds-chip--unencapsulated {
  color: initial;
}

/* src/components/data-table/data-table--replicant.css */
.tds-theme--replicant .tds-th--sortable .tds-th--inner::before {
  border-radius: 0;
}

/* src/components/form/form--replicant.css */
.tds-theme--replicant,
.tds-theme--replicant [class*=tds-density--],
[class*=tds-density--] .tds-theme--replicant,
.tds-theme--replicant[class*=tds-density--],
.tds-theme--replicant .tds-form--indent,
.tds-theme--replicant.tds-form--indent,
.tds-form--indent .tds-theme--replicant {
  --tds-form--indent: 0px;
}

/* src/components/form-label/form-label--replicant.css */
.tds-theme--replicant .tds-form-label {
  --tds-form-label--font-size: var(--tds-font-size-20);
  color: var(--tds-theme-foreground-high-contrast);
  text-transform: var(--tds-heading--text-transform);
}

/* src/components/form-input/form-input--replicant.css */
.tds-theme--replicant .tds-form-input {
  background: none;
  box-shadow: none;
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input--default:not(.tds-form-input--collapsed) {
  --tds-form--indent: 12px;
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  border-radius: 0;
}
.tds-theme--replicant .tds-form--error .tds-form-input--default {
  --tds-form-input--border-color: var(--tds-theme-secondary-negative);
}
.tds-theme--replicant .tds-scrim--black .tds-card,
.tds-theme--replicant.tds-scrim--black .tds-card,
.tds-scrim--black .tds-theme--replicant .tds-card {
  --tds-color--secondary: var(--tds-color-white);
  --tds-form-input--border-color: var(--tds-color-white);
}
.tds-theme--replicant .tds-form-input--default::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--tds-form-input--border-color, var(--tds-theme-foreground-high-contrast));
  clip-path: var(--tds-notch--outline-thin);
  transition: clip-path 0.5s ease, background-color 0.5s ease;
}
.tds-theme--replicant .tds-form-input--default:focus-within {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  outline-offset: 2px;
}
:is([dir=rtl].tds-theme--replicant, [dir=rtl] .tds-theme--replicant, .tds-theme--replicant [dir=rtl]) .tds-form-input--default::before {
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-form-input--default.tds-form-input--readonly::before {
  display: none;
}
.tds-theme--replicant .tds-form-input--default:focus-within::before {
  clip-path: var(--tds-notch--outline);
}
.tds-theme--replicant .tds-form-input--default.tds-form-input.tds-form-input--focus,
.tds-theme--replicant .tds-form-input--default .tds-form-input.tds-form-input--focus {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input-trailing .tds-icon--small {
  margin-inline-end: 2px;
}
.tds-theme--replicant .tds-form-input-trailing .tds-icon-btn:last-child {
  margin-inline-end: -6px;
}
.tds-theme--replicant .tds-card .tds-form-input--default::before {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
}

/* src/components/form-input-choice/form-input-choice--replicant.css */
.tds-theme--replicant .tds-form-input-choice {
  --tds-text--color--light: var(--tds-theme-foreground-high-contrast);
  border-radius: 0;
  transition: opacity 0.33s ease;
}
.tds-theme--replicant .tds-form-input-choice::after {
  transform: none;
  opacity: 0;
  transition: opacity 0.33s ease;
}
.tds-theme--replicant :is(.tds-form-input-choice:checked, .tds-form-input-choice:indeterminate) {
  animation: tds-flicker--soft 1s forwards;
  opacity: 1;
}
.tds-theme--replicant .tds-form-input-choice:checked::after,
.tds-theme--replicant .tds-form-input-choice[type=checkbox]:indeterminate::after {
  opacity: 1;
  transition: opacity 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-form-input-choice-label .tds-form-label {
  font-weight: var(--tds-font-weight-medium);
  letter-spacing: inherit;
  text-transform: inherit;
}

/* src/components/form-input-option/form-input-option--replicant.css */
.tds-theme--replicant .tds-form-input--option {
  --tds-form--indent: 0px;
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input {
  --tds-plus--transform-size: calc((var(--tds-height--choice) + 12px) * -1);
  color: var(--tds-theme-foreground);
  text-transform: var(--tds-heading--text-transform);
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:hover,
.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input::after {
  background: var(--tds-fading-line);
  block-size: 3px;
  box-shadow: 0 0 0 0 rgb(var(--tds-color--rgb-shade) 0.15);
  content: "";
  display: block;
  inline-size: 100%;
  margin-block-start: var(--tds-size--half);
  opacity: 0.33;
  transition: opacity 0.33s ease, box-shadow 0.33s ease;
  position: absolute;
  bottom: 0;
}
[dir=rtl] .tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input::after {
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox] + .tds-form-input::after {
  transition: opacity 0.52s ease 0.48s, box-shadow 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input::after {
  box-shadow: -2px 0 6px 4px rgb(var(--tds-color--rgb-shade) 0.15);
  opacity: 1;
}
.tds-theme--replicant .tds-form-input-visual-checkbox {
  box-shadow: none;
  position: relative;
}
.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input {
  border-radius: 0;
}
.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox {
  box-shadow: none;
}
.tds-theme--replicant .tds-form-input-visual-checkbox::before,
.tds-theme--replicant .tds-form-input-visual-checkbox::after {
  animation: turn-off 1s;
  background: currentcolor;
  block-size: 1em;
  content: "";
  display: block;
  inline-size: 2px;
  inset: 0;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  margin: auto;
  transition: transform 0.52s var(--tds-bezier) 0.48s;
}
.tds-theme--replicant .tds-form-input-visual-checkbox::after {
  transform: rotate(90deg);
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox] + .tds-form-input .tds-form-input-leading {
  transition: transform 0.52s var(--tds-bezier) 0.48s;
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-leading {
  animation: turn-on 1s;
  transform: translateX(var(--tds-plus--transform-size));
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox::before,
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox::after {
  opacity: 0;
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox::before {
  animation: turn-on-before 1s;
  transform: rotate(-270deg);
}
.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox::after {
  animation: turn-on-after 1s;
  transform: rotate(-270deg);
}
@keyframes turn-on {
  0% {
    transform: translateX(0);
  }
  48% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--tds-plus--transform-size));
  }
}
@keyframes turn-on-before {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: rotate(-270deg);
  }
}
@keyframes turn-on-after {
  0% {
    opacity: 1;
    transform: rotate(90deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    transform: rotate(90deg);
  }
  100% {
    opacity: 0;
    transform: rotate(-270deg);
  }
}
@keyframes turn-off {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  16% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* src/components/link/link--replicant.css */
.tds-theme--replicant .tds-link {
  box-shadow: 0 0.5px 0 0 rgb(187 187 187 / 75%);
  transition: color 0.33s ease, box-shadow 0.33s ease;
}
.tds-theme--replicant .tds-link:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  --tds-text--color: var(--tds-theme-foreground-high-contrast);
  box-shadow: 0 1.5px 0 0 rgb(var(--tds-color--rgb-shade) 1);
  transition: color 0.33s ease, box-shadow 0.33s ease;
}
.tds-theme--replicant .tds-link--primary,
.tds-theme--replicant .tds-link--secondary {
  --tds-text--color: inherit;
  font-weight: var(--tds-font-weight-regular);
}

/* src/components/list/list--replicant.css */
.tds-theme--replicant .tds-card:not(.tds-card--outline) .tds-list > li > .tds-icon:first-child {
  background-color: var(--tds-color-black);
}
.tds-theme--replicant .tds-card.tds-card--highlighted .tds-list > li > .tds-icon:first-child {
  background-color: var(--tds-color--grey15);
}

/* src/components/modal/modal--replicant.css */
.tds-theme--replicant {
  --tds-modal--full-height: calc(100vh - var(--tds-size--8x));
  --tds-modal--full-width: calc(100vw - var(--tds-size--8x));
}
.tds-theme--replicant .tds-modal {
  background-color: transparent;
  border-radius: 0;
  bottom: auto;
  box-shadow: none;
  color: var(--tds-theme-foreground-high-contrast);
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.33));
}
.tds-theme--replicant .tds-modal-content {
  overflow: auto;
}
.tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) {
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.tds-theme--replicant [dir=rtl].tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
.tds-theme--replicant [dir=rtl] .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
[dir=rtl].tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
[dir=rtl] .tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) {
  left: unset;
  right: 50%;
  transform: translateY(-50%) translateX(50%);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-right {
  right: 0;
  top: 0;
  transform: translateX(100%) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-right.tds-modal[open] {
  transform: translateX(0) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-left {
  left: 0;
  top: 0;
  transform: translateX(-100%) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-left.tds-modal[open] {
  transform: translateX(0) translateY(0);
}
.tds-theme--replicant .tds-modal::before,
.tds-theme--replicant .tds-modal::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tds-theme--replicant .tds-modal::before {
  background-color: var(--tds-theme-foreground-high-contrast);
  clip-path: var(--tds-notch--outline);
  opacity: 1;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-modal::after {
  background-color: var(--tds-theme-background-dialog);
  clip-path: var(--tds-notch);
  opacity: 1;
  z-index: -1;
}
[dir=rtl].tds-theme--replicant .tds-modal::after,
.tds-theme--replicant [dir=rtl].tds-modal::after,
.tds-theme--replicant [dir=rtl] .tds-modal::after,
[dir=rtl] .tds-theme--replicant .tds-modal::after {
  transform: rotateY(180deg);
}
[dir=rtl].tds-theme--replicant .tds-modal::before,
.tds-theme--replicant [dir=rtl].tds-modal::before,
.tds-theme--replicant [dir=rtl] .tds-modal::before,
[dir=rtl] .tds-theme--replicant .tds-modal::before {
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-modal[open]::before {
  animation: turn-on-modal-before 1s forwards;
}
@keyframes turn-on-modal-before {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.5;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.5;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.tds-theme--replicant .tds-modal-header,
.tds-theme--replicant .tds-modal-footer {
  background-color: transparent;
}
@media (max-width: 599px) {
  .tds-theme--replicant .tds-modal {
    inline-size: var(--tds-modal--full-width) !important;
  }
  .tds-theme--replicant .tds-modal--fullscreen {
    block-size: var(--tds-modal--full-height) !important;
  }
}
@media (min-width: 600px) {
  .tds-theme--replicant .tds-modal {
    --tds-modal-border-radius: 0;
  }
  .tds-theme--replicant .tds-modal--fullscreen {
    inline-size: var(--tds-modal--full-width);
    block-size: var(--tds-modal--full-height);
  }
  .tds-modal--fullscreen + .tds-modal-backdrop {
    display: block;
  }
}
.tds-theme--replicant .tds-modal-close {
  background-color: transparent;
  border-radius: 0;
  filter: var(--tds-glow--off);
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-modal-close:hover,
.tds-theme--replicant .tds-modal-close:focus {
  animation: tds-flicker--soft 1s forwards;
  filter: var(--tds-glow--bright);
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-modal-close-icon {
  block-size: var(--tds-size--2x);
  inline-size: var(--tds-size--2x);
}
.tds-theme--replicant [dir=rtl].tds-modal.tds-modal--sheet-right,
.tds-theme--replicant [dir=rtl] .tds-modal.tds-modal--sheet-right,
[dir=rtl].tds-theme--replicant .tds-modal.tds-modal--sheet-right,
[dir=rtl] .tds-theme--replicant .tds-modal.tds-modal--sheet-right {
  left: unset;
  right: 0;
  top: 0;
  transform: translateX(100%) translateY(0);
}
.tds-theme--replicant [dir=rtl].tds-modal.tds-modal--sheet-left,
.tds-theme--replicant [dir=rtl] .tds-modal.tds-modal--sheet-left,
[dir=rtl].tds-theme--replicant .tds-modal.tds-modal--sheet-left,
[dir=rtl] .tds-theme--replicant .tds-modal.tds-modal--sheet-left {
  left: 0;
  right: unset;
  top: 0;
  transform: translateX(-100%) translateY(0);
}

/* src/components/progress-bar/progress-bar--replicant.css */
.tds-theme--replicant .tds-progress_bar {
  --tds-notch--outline-thin__progress: polygon( 0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 9.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 9.5px), calc(100% - 1.5px) 1.5px, 0 1.5px );
  --tds-notch_progress: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
  --tds-progress-bar--bar-color: transparent;
  --tds-progress-bar--border-radius: 1px;
  --tds-progress-bar--height: var(--tds-size--3x);
  background-color: transparent;
  box-shadow: none;
  padding: 4px;
}
.tds-theme--replicant .tds-progress_bar-wrapper::before {
  background: var(--tds-theme-foreground-high-contrast);
  bottom: 0;
  clip-path: var(--tds-notch--outline-thin);
  content: "";
  display: block;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-progress_bar::-webkit-progress-value {
  border-radius: 0;
  box-shadow: var(--tds-glow--medium);
  clip-path: var(--tds-notch_progress);
}
.tds-theme--replicant .tds-progress_bar::-webkit-progress-bar {
  box-shadow: none;
}
.tds-progress_bar--primary::-moz-progress-bar {
  border-radius: 0;
  box-shadow: var(--tds-glow--medium);
  clip-path: var(--tds-notch_progress);
}

/* src/components/status-message/status-message--replicant.css */
.tds-theme--replicant .tds-status_msg {
  --tds-card--padding: 0;
}
.tds-theme--replicant .tds-status_msg--enclosed {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: var(--tds-theme-background-container-alt);
}
.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon {
  --tds-card--padding: 0;
}
.tds-theme--replicant .tds-status_msg .tds-card-body {
  padding: 0;
}
.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon + .tds-card-body,
.tds-theme--replicant .tds-status_msg:not(.tds-card--layout-vertical) .tds-icon + .tds-card-body {
  padding-inline-start: var(--tds-size--1x);
}

/* src/components/switch-toggle/switch-toggle--replicant.css */
.tds-theme--replicant .tds-switch_toggle {
  --tds-border-radius--circle: 0;
  --tds-switch_toggle--radius: 0;
}
.tds-theme--replicant .tds-switch_toggle-track::after {
  background-color: var(--tds-theme-foreground-on-primary);
}
.tds-theme--replicant .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
  background-color: var(--tds-color-white);
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
  right: 0;
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
  left: 0;
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
  color: var(--tds-theme-foreground-on-primary);
}

/* src/components/typography/text--replicant.css */
.tds-theme--replicant :is(h1, h2, .tds-text--h1, .tds-text--h2) {
  text-shadow: 0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), 0.5);
}
.tds-theme--replicant .tds-text--caption {
  --tds-text--color: var(--tds-color-grey-55);
}

/* src/components/components--replicant.css */

/* src/utilities/align.css */
.tds--align_center {
  display: block !important;
  margin: 0 auto !important;
}
.tds--align_start {
  display: block !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
}
.tds--align_end {
  display: block !important;
  margin-inline-end: 0 !important;
  margin-inline-start: auto !important;
}

/* src/utilities/animate-backdrop.css */
.tds--animated-backdrop {
  position: absolute;
  block-size: var(--tds-animate-backdrop-height, 0);
  inline-size: var(--tds-animate-backdrop-width, 0);
  left: var(--tds-animate-backdrop-left, 0);
  top: var(--tds-animate-backdrop-top, 0);
  opacity: var(--tds-animate-backdrop-opacity, 0);
  visibility: var(--tds-animate-backdrop-visibility);
  transition: var(--tds-animate-backdrop-transition, opacity 0.5s ease, visibility 0s 0s);
}
.tds-animate--backdrop-backdrop {
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
          backdrop-filter: blur(var(--tds-blur--button));
  background-color: var(--tds-theme-background-container-alt);
  border-radius: var(--tds-border-radius--pill);
  display: block;
  position: absolute;
  block-size: var(--tds-animate-backdrop-height, 1px);
  inline-size: var(--tds-animate-backdrop-width, 1px);
  left: var(--tds-animate-backdrop-left, 0);
  top: var(--tds-animate-backdrop-top, 0);
  visibility: var(--tds-animate-backdrop-visibility);
  opacity: var(--tds-animate-backdrop-opacity, 0);
  z-index: -1;
  transition: var(--tds-animate-backdrop-transition, opacity 0.5s ease, visibility 0s 0s);
}

/* src/utilities/animate.css */
:root,
.tds-component-preview {
  --tds-animate-transition-duration--medium: 600ms;
  --tds-animate-transition-duration--short: 500ms;
  --tds-animate-transition-function--base: linear;
  --tds-animate-transition-function--mktg: cubic-bezier(0.165, 0.84, 0.44, 1);
  --tds-animate-transition-property: opacity;
  --tds-animate-transition_duration--long: 1500ms;
  --tds--fade-in: tds--fade-in 1s ease;
  --tds--pulsing: tds--pulsing 1.5s infinite ease-in-out;
  --tds--rotating: tds--rotating 1.5s infinite linear;
}
.tds-animate--fade_out {
  opacity: var(--tds-opacity--transparent);
  transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--base);
}
.tds-animate--fade_in {
  opacity: var(--tds-opacity--100);
  transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--base);
}
.tds-animate_small--to_reveal {
  z-index: -1;
  opacity: var(--tds-opacity--transparent);
  transform: translate3d(0, 30px, 0);
  transition: transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg), opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
}
.tds-animate_small--reveal .tds-animate_small--to_reveal {
  opacity: var(--tds-opacity--100);
  transform: translate3d(0, 0, 0);
  z-index: initial;
}
.tds-animate_large--to_reveal {
  opacity: var(--tds-opacity--transparent);
  transform: translate3d(0, 100px, 0);
  z-index: -1;
}
.tds-animate_large--revealed {
  z-index: initial;
  opacity: var(--tds-opacity--100);
  transform: translate3d(0, 0, 0);
  transition: transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg), opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
}
.tds-animate--squish {
  transition: translate 0.1s ease;
}
.tds-animate--bounce {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: tds-keyframe--bounce;
}
@keyframes tds-keyframe--fade_out {
  0% {
    opacity: var(--tds-opacity--100);
  }
  100% {
    opacity: var(--tds-opacity--transparent);
  }
}
@keyframes tds-keyframe--fade_in {
  0% {
    opacity: var(--tds-opacity--transparent);
  }
  100% {
    opacity: var(--tds-opacity--100);
  }
}
@keyframes tds-keyframe--make_smaller {
  0% {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
  100% {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
}
@keyframes tds-keyframe--make_larger {
  0% {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
  100% {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
}
@keyframes tds-keyframe--bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(5px);
  }
  60% {
    transform: translateY(3px);
  }
}
.tds--fade-in {
  animation: var(--tds--fade-in);
}
@keyframes tds--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tds--rotating {
  animation: var(--tds--rotating);
}
@keyframes tds--rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tds--pulsing {
  animation: var(--tds--pulsing);
}
@keyframes tds--pulsing {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}

/* src/utilities/columns.css */
.tds-columns {
  -moz-column-gap: 20px;
       column-gap: 20px;
  -moz-column-width: auto;
       column-width: auto;
  display: block;
}
.tds-columns--two {
  -moz-column-count: 2;
       column-count: 2;
}
.tds-columns--three {
  -moz-column-count: 3;
       column-count: 3;
}
@media (min-width: 600px) {
  .tds-columns--two_on_desktop {
    -moz-column-count: 2;
         column-count: 2;
  }
  .tds-columns--three_on_desktop {
    -moz-column-count: 3;
         column-count: 3;
  }
}

/* src/utilities/misc.css */
.tds--prevent-scroll {
  overflow: hidden;
}
.tds--product-name {
  white-space: nowrap;
}
.tds-fullscreen-ios {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

/* src/utilities/padding.css */
.tds--padding--small {
  padding: var(--tds-size--1x) !important;
}
.tds--padding {
  padding: var(--tds-size--2x) !important;
}
.tds--padding--large {
  padding: var(--tds-size--3x) !important;
}
.tds--no_horizontal_padding {
  padding-inline-end: 0 !important;
  padding-inline-start: 0 !important;
}
.tds--no_vertical_padding {
  padding-block-end: 0 !important;
  padding-block-start: 0 !important;
}
.tds--no_padding {
  padding: 0 !important;
}
.tds--horizontal_padding--small {
  padding-inline-end: var(--tds-size--1x) !important;
  padding-inline-start: var(--tds-size--1x) !important;
}
.tds--horizontal_padding {
  padding-inline-end: var(--tds-size--2x) !important;
  padding-inline-start: var(--tds-size--2x) !important;
}
.tds--horizontal_padding--large {
  padding-inline-end: var(--tds-size--3x) !important;
  padding-inline-start: var(--tds-size--3x) !important;
}
.tds--vertical_padding--small {
  padding-block-end: var(--tds-size--1x) !important;
  padding-block-start: var(--tds-size--1x) !important;
}
.tds--vertical_padding {
  padding-block-end: var(--tds-size--2x) !important;
  padding-block-start: var(--tds-size--2x) !important;
}
.tds--vertical_padding--large {
  padding-block-end: var(--tds-size--3x) !important;
  padding-block-start: var(--tds-size--3x) !important;
}
@media (max-width: 599px) {
  .tds--gutterless_on_small {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
}

/* src/utilities/sticky.css */
.tds-sticky--top,
.tds-sticky--left {
  margin: 0;
  position: sticky;
  z-index: 1;
}
.tds-sticky--top {
  top: -1px;
}
.tds-sticky--left {
  left: -1px;
}

/* src/utilities/visibility.css */
.tds--is_hidden {
  display: none !important;
}
.tds--is_visually_hidden:not(:focus):not(:active) {
  block-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.tds--is_visible {
  visibility: visible;
}
.tds--is_invisible {
  visibility: hidden;
}
@media (max-width: 599px) {
  .tds--hideon-phone-only {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tds--hideon-tablet-portrait-only {
    display: none !important;
  }
}
@media (min-width: 600px) {
  .tds--hideon-tablet-portrait-up {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .tds--hideon-tablet-landscape-only {
    display: none !important;
  }
}
@media (min-width: 900px) {
  .tds--hideon-tablet-landscape-up {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .tds--hideon-desktop-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .tds--hideon-desktop-up {
    display: none !important;
  }
}
@media (min-width: 1800px) {
  .tds--hideon-desktop-large-up {
    display: none !important;
  }
}

/* src/utilities/status-colors.css */
.tds-status-color--green {
  --tds-status-color--background-color: var(--tds-color-status-green);
}
.tds-status-color--green-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-green-pastel);
}
.tds-status-color--teal {
  --tds-status-color--background-color: var(--tds-color-status-teal);
}
.tds-status-color--teal-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-teal-pastel);
}
.tds-status-color--blue {
  --tds-status-color--background-color: var(--tds-color-status-blue);
}
.tds-status-color--blue-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-blue-pastel);
}
.tds-status-color--purple {
  --tds-status-color--background-color: var(--tds-color-status-purple);
}
.tds-status-color--purple-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-purple-pastel);
}
.tds-status-color--magenta {
  --tds-status-color--background-color: var(--tds-color-status-magenta);
}
.tds-status-color--magenta-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-magenta-pastel);
}
.tds-status-color--red {
  --tds-status-color--background-color: var(--tds-color-status-red);
}
.tds-status-color--red-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-red-pastel);
}
.tds-status-color--orange {
  --tds-status-color--background-color: var(--tds-color-status-orange);
}
.tds-status-color--orange-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-orange-pastel);
}
.tds-status-color--yellow {
  --tds-status-color--background-color: var(--tds-color-status-yellow);
}
.tds-status-color--yellow-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-yellow-pastel);
}
.tds-status-color--grey {
  --tds-status-color--background-color: var(--tds-color-status-grey);
}
.tds-status-color--grey-pastel {
  --tds-status-color--background-color: var(--tds-theme-status-grey-pastel);
}

/* src/utilities/utilities.css */

/* src/index.css */