/*!
 * TDS v9.0.0 - Built on 4/1/2024 https://digitalassets.tesla.com/tesla-design-system/raw/upload/design-system/9.x/index.css
 */
.tds-colorscheme--light,.tds-scrim--white,:root {
    --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-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-75: 44px;
    --tds-line-height-70: 36px;
    --tds-line-height-60: 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-75: 34px;
    --tds-font-size-70: 28px;
    --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-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-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-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-line-height-80: var(--tds-size-6x);
    --tds-line-height-50: var(--tds-size-3x);
    --tds-font-size-80: var(--tds-size-5x);
    --tds-font-size-60: var(--tds-size-3x);
    --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-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-text: var(--tds-font-family-base-text),"FB New Gothic",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),"FB New Gothic",var(--tds-font-family-fallback-display);
    --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-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-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-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-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-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-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-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-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)
}

.tds-colorscheme--light,.tds-scrim--white,:root {
    --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-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)
}

.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-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)
}

.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-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)
}

.tds-component-preview,:root {
    --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) {
    .tds-component-preview,:root {
        --tds-border-width--hairline:0.5px
    }
}

:root {
    --tds-paragraph-gap: var(--tds-font-size-30)
}

* {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body,html {
    -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
}

dd,dl,dt,ol,ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

figcaption,figure {
    margin: 0;
    padding: 0
}

li,p {
    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)
}

:is(ul,ol)+p,p+:is(ul,ol),p+p {
    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,li,p,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: -.25em
}

sup {
    top: -.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
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .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) {
    *,::after,::before {
        transition: none!important;
        animation: none!important
    }
}

:focus {
    outline: 0
}

* {
    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
}

.tds--disabled,[disabled],[disabled]~[class*=tds-form-label] {
    cursor: not-allowed;
    opacity: var(--tds-ui-opacity-50)
}

:is(.tds--disabled,[disabled]) :is(.tds--disabled,[disabled]) {
    opacity: unset
}

.tds--disabled *,[disabled] *,[disabled]::after,[disabled]::before,[disabled]~[class*=tds-form-label],[disabled]~[class*=tds-form-label]::after,[disabled]~[class*=tds-form-label]::before {
    pointer-events: none
}

/* @font-face {
    font-family: "Universal Sans Display";
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    src: url(fonts/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(fonts/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(fonts/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(fonts/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(fonts/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(fonts/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(fonts/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(fonts/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(fonts/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(fonts/Universal-Sans-Text-Thin.woff2) format("woff2")
} */

@font-face {
    font-family: "Noto Sans Arabic";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosansarabic/v10/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,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 Arabic";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosansarabic/v10/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,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";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosans/v35/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.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://fonts.gstatic.com/s/notosans/v35/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.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://fonts.gstatic.com/s/notosans/v35/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2")
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosans/v35/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@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")
}

@font-face {
    font-family: "Noto Sans Hebrew";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosanshebrew/v35/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.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://fonts.gstatic.com/s/notosanshebrew/v35/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.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://fonts.gstatic.com/s/notosansthai/v20/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.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://fonts.gstatic.com/s/notosansthai/v20/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format("woff2");
    unicode-range: U+0E01-0E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: "Fira Code";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh3dSDqFGedA.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;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh3dSDqFGedA.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
}

.tds-normalize-text,:root {
    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-base-text)
}

:is(h1,h2,h3,h4,.tds-text--h1,.tds-text--h2,.tds-text--h3,.tds-text--h4) {
    font-family: var(--tds-font-family-base-display)
}

:is(code,.tds-text--monospace) {
    font-family: var(--tds-font-family-base-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(code,.tds-text--monospace):lang(ar) {
    font-family: var(--tds-font-family-arabic-monospace)
}

:lang(gr) {
    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(gr) {
    font-family: var(--tds-font-family-greek-display)
}

:is(code,.tds-text--monospace):lang(gr) {
    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(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(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(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(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(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(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(code,.tds-text--monospace):is(:lang(zh-MO),:lang(zh-TW)) {
    font-family: var(--tds-font-family-chinese-traditional-monospace)
}

[class*=tds-scrim--] {
    background-color: var(--tds-theme-background)
}

.tds-colorscheme--light,.tds-scrim--light,.tds-scrim--white,:root {
    --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-card>*,.tds-scrim--light .tds-modal>*,.tds-scrim--light .tds-tooltip>* {
    --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)
}

.tds-density--default,:root {
    --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)
}

.tds-colorscheme--light .tds-theme--marketing,.tds-scrim--light .tds-theme--marketing,.tds-scrim--white .tds-theme--marketing,.tds-theme--marketing,.tds-theme--marketing .tds-colorscheme--light,.tds-theme--marketing .tds-scrim--light,.tds-theme--marketing .tds-scrim--white,.tds-theme--marketing.tds-colorscheme--light,.tds-theme--marketing.tds-scrim--light,.tds-theme--marketing.tds-scrim--white {
    --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-colorscheme--dark .tds-theme--marketing,.tds-scrim--black .tds-theme--marketing,.tds-theme--marketing .tds-colorscheme--dark,.tds-theme--marketing .tds-scrim--black,.tds-theme--marketing.tds-colorscheme--dark,.tds-theme--marketing.tds-scrim--black {
    --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)
}

.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,:is(.tds-colorscheme--dark,.tds-scrim--black) .tds-theme--marketing .tds-date-picker {
    --tds-date-selected--color: var(--tds-color-grey-20)
}

@media (prefers-color-scheme: dark) {
    .tds--supports-darkmode.tds-colorscheme--light .tds-theme--marketing,.tds--supports-darkmode.tds-theme--marketing,.tds--supports-darkmode.tds-theme--marketing .tds-colorscheme--light,.tds--supports-darkmode.tds-theme--marketing .tds-scrim--light,.tds--supports-darkmode.tds-theme--marketing .tds-scrim--white,.tds--supports-darkmode.tds-theme--marketing.tds-colorscheme--light,.tds--supports-darkmode.tds-theme--marketing.tds-scrim--light,.tds--supports-darkmode.tds-theme--marketing.tds-scrim--white {
        --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)
    }
}

.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-colorscheme--light .tds-theme--replicant,.tds-scrim--light .tds-theme--replicant,.tds-scrim--white .tds-theme--replicant,.tds-theme--replicant,.tds-theme--replicant .tds-colorscheme--light,.tds-theme--replicant .tds-scrim--light,.tds-theme--replicant .tds-scrim--white,.tds-theme--replicant.tds-colorscheme--light,.tds-theme--replicant.tds-scrim--light,.tds-theme--replicant.tds-scrim--white {
    --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-scrim--black .tds-theme--replicant,.tds-theme--replicant .tds-colorscheme--dark,.tds-theme--replicant .tds-scrim--black,.tds-theme--replicant.tds-colorscheme--dark,.tds-theme--replicant.tds-scrim--black {
    --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: .25
    }

    8% {
        opacity: 0
    }

    16% {
        opacity: .25
    }

    24% {
        opacity: 0
    }

    48% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tds-flicker--soft {
    0% {
        opacity: 1
    }

    8% {
        opacity: .25
    }

    16% {
        opacity: 1
    }

    24% {
        opacity: .25
    }

    32% {
        opacity: 1
    }

    40% {
        opacity: .25
    }

    48% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.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,:is(.tds-colorscheme--dark,.tds-scrim--black) .tds-theme--replicant .tds-date-picker {
    --tds-date-selected--color: var(--tds-color--grey20)
}

.tds-theme--factory {
    --tds-size: 12px
}

.tds-accordion {
    --tds-accordion--gap: var(--tds-size--1x);
    max-inline-size: 75ch
}

.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 .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)
}

.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-subapps-header,.tds-app-switcher-toolbar {
    transition: box-shadow .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-search-result,.tds-app-switcher-subapps-item {
    transition: background .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-search-result:hover,.tds-app-switcher-subapps-item:hover {
    background: var(--tds-theme-background-container-alt)
}

.tds-app-switcher-apps-item:focus-visible,.tds-app-switcher-search-result:focus-visible,.tds-app-switcher-subapps-item: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: 0 0;
    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-search-results,.tds-app-switcher-subapps {
    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 .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)}

.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-footer,.tds-app-layout-header {
    inline-size: 100%
}

.tds-app-layout-content {
    flex-grow: 1;
    display: flex;
    min-block-size: 100%
}

.tds-app-layout-main,.tds-app-layout-sidenav {
    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
}

.tds-component-preview,.tds-density--default,:root {
    --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 .5s ease,color .5s ease
}

.tds-banner+.tds-banner {
    border-block-start:1px solid var(--tds-theme-border-low-contrast)}

.tds-banner: not([class*=tds-scrim--]) {
    background-color:var(--tds-theme-background-container)
}

.tds-banner strong {
    transition: color .5s ease
}

@media (min-width: 1200px) {
    .tds-banner--precedes-header {
        z-index:500
    }
}

.tds-density--default,:root {
    --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 .33s ease,background-color .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-tooltip-actions .tds-breadcrumb:hover,.tds-breadcrumb:not(:last-child):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)}

.tds-component-preview,: root {
    --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 .33s ease,background-color .33s ease,color .33s ease,box-shadow .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-btn--medium,.tds-density--dense {
    --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: 0
}

.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)
}

.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
}

.tds-component-preview,:root {
    --tds-card--border-radius: var(--tds-border-radius--card);
    --tds-card--padding: var(--tds-padding--card)
}

.tds-card {
    --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-theme-background-container);
    border-radius: var(--tds-border-radius--card);
    display: flex;
    max-inline-size: var(--tds-card--width);
    overflow: hidden;
    transition: background-color .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 {
    background-color: var(--tds-theme-background-dialog);
    box-shadow: var(--tds-box-shadow--medium)
}

.tds-scrim--white .tds-card--highlighted {
    background-color: var(--tds-color-white)
}

.tds-card--outline {
    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)
}

.tds-density--default,:root {
    --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--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-caption,.tds-chip-text {
    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--green {
    --tds-chip--background-color: var(--tds-color-status-green)
}

.tds-chip--green-pastel {
    --tds-chip--background-color: var(--tds-theme-status-green-pastel)
}

.tds-chip--teal {
    --tds-chip--background-color: var(--tds-color-status-teal)
}

.tds-chip--teal-pastel {
    --tds-chip--background-color: var(--tds-theme-status-teal-pastel)
}

.tds-chip--blue {
    --tds-chip--background-color: var(--tds-color-status-blue)
}

.tds-chip--blue-pastel {
    --tds-chip--background-color: var(--tds-theme-status-blue-pastel)
}

.tds-chip--purple {
    --tds-chip--background-color: var(--tds-color-status-purple)
}

.tds-chip--purple-pastel {
    --tds-chip--background-color: var(--tds-theme-status-purple-pastel)
}

.tds-chip--magenta {
    --tds-chip--background-color: var(--tds-color-status-magenta)
}

.tds-chip--magenta-pastel {
    --tds-chip--background-color: var(--tds-theme-status-magenta-pastel)
}

.tds-chip--red {
    --tds-chip--background-color: var(--tds-color-status-red)
}

.tds-chip--red-pastel {
    --tds-chip--background-color: var(--tds-theme-status-red-pastel)
}

.tds-chip--orange {
    --tds-chip--background-color: var(--tds-color-status-orange)
}

.tds-chip--orange-pastel {
    --tds-chip--background-color: var(--tds-theme-status-orange-pastel)
}

.tds-chip--yellow {
    --tds-chip--background-color: var(--tds-color-status-yellow)
}

.tds-chip--yellow-pastel {
    --tds-chip--background-color: var(--tds-theme-status-yellow-pastel)
}

.tds-component-preview,:root {
    --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-end:auto;margin-inline-start:auto;padding-inline-end:var(--tds-content_container--gutter);padding-inline-start: var(--tds-content_container--gutter)
}

@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--extra-large,.tds-content_container--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
    }
}

.context-block {
    position: absolute;
    left: var(--tds-context-block-position--left);
    top: var(--tds-context-block-position--top)
}

.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-grid,.tds-date-picker-days-label {
    align-items: center;
    display: grid;
    gap: var(--tds-size--half) 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);
    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 .3s ease,color .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: 0
}

.tds--indicate-focus .tds-date-picker-days-grid button:focus {
    outline: 0
}

.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-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 .3s ease,color .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--end::before,.tds-day--highlighted:not(.tds-day--between)::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-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 .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>figcaption+img,.tds-figure--layout-vertical>img+figcaption {
    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)>figcaption+img,.tds-figure:not(.tds-figure--layout-vertical)>img+figcaption {
    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}

.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
}

.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)}

fieldset.tds-form-item {
    border: 0;
    margin: 0;
    min-inline-size: auto;
    padding: 0
}

.tds-form-item.tds-tooltip-wrapper {
    display: inherit
}

.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 .33s ease,background-color .33s ease,box-shadow .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-caption,.tds-form-feedback)+:is(.tds-form-input,.tds-form-input-group) {
    margin-block-start:var(--tds-size--1x)}

: is(.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 .5s var(--tds-bezier),padding .5s var(--tds-bezier),background-color .33s ease,box-shadow .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: 0 0;
    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-card .tds-form-input:focus-within,.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-dropdown:focus~.tds-tooltip--open),.tds--indicate-focus .tds-form-input:has(.tds-dropdown):has(.tds-form-input-search:focus),.tds--indicate-focus .tds-form-input:has(.tds-form-input-choice:focus),.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-form-input--border-color: var(--tds-theme-background-container);
    outline: 0
}

.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-checkbox-group>tds-form-input-checkbox:not(:last-child),tds-form-input-choice-group>tds-form-input-choice: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) {
    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
}

.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 .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 .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-input-group--layout-horizontal .tds-form-input:first-child .tds-form-input-choice,.tds-form-item .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:checked+.tds-form-input-choice-label .tds-form-label,.tds-form-input-choice:hover+.tds-form-input-choice-label .tds-form-label {
    color: var(--tds-theme-foreground-high-contrast)
}

.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: 0
}

.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)}

.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: 0 0;
    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: 0
}

.tds-form-input-file-upload:focus {
    outline: 0
}

.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: 0
}

.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: 0
}

.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);
    -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: 0
}

.tds-form-input-range--progress::before {
    background-color: var(--tds-theme-primary);
    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-theme-primary);
    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 .3s ease;
    transition: box-shadow .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 .3s ease;
    transition: box-shadow .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
}

.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: 0
}

.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)
}

.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 .33s ease
}

.tds-form-input--collapsed .tds-form-input-search {
    opacity: 0
}

.tds-form-input-search:focus {
    outline: 0
}

.tds-form-input-search:is([inputmode=search],[type=search])::-webkit-calendar-picker-indicator,.tds-form-input-search:is([inputmode=search],[type=search])::-webkit-search-cancel-button {
    display: none!important
}

.tds-form-input-search-clear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .33s ease,background-color .33s ease,visibility 0s .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 .33s ease,background-color .33s ease,visibility 0s 0s
}

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;
    -webkit-clip-path: inset(100%);
    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--option .tds-form-input-hidden-choice:checked+.tds-form-input,.tds-form-input-hidden-choice:checked+.tds-form-input.tds-form-input--option {
    --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 .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 .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)
}

.tds-country-phone-label--long .tds-country-code {
    display: inline-block;
    inline-size: 32px;
    padding-inline-end:var(--tds-size--half)}

.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: 0
}

.tds-form-input-text[inputmode=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.tds-form-input-date {
    caret-color: transparent
}

.tds-form-input-date--placeholder {
    color: var(--tds-text--color--placeholder)
}

.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: 0
}

.tds-form-input-textarea:is(:hover,:focus,:active) {
    resize: vertical
}

.tds-form-input--readonly .tds-form-input-textarea:is(:hover,:focus,:active) {
    resize: none
}

.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-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
}

.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 .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)
}

.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 .33s ease,background-color .33s ease,box-shadow .25s ease,transform .33s var(--tds-bezier);
    border: var(--tds-icon-btn--border-width) solid transparent
}

.tds-icon-btn.tds-icon-btn--large,:where(.tds-density--default) .tds-icon-btn {
    --tds-height--pill: var(--tds-size--5x);
    --tds-icon-btn--border-width: var(--tds-border-width--medium)
}

.tds-icon-btn.tds-icon-btn--medium,:where(.tds-density--dense) .tds-icon-btn {
    --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: 0
}

: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-data-table tbody tr.tds--highlighted .tds-td--actions .tds-icon-btn,.tds-icon-btn.tds--highlighted {
    --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-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]),.tds-icon-btn:not([disabled]):hover {
        --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)
}

.tds-component-preview,:root {
    --tds-icon--bg: transparent;
    --tds-icon--rotate-x: 0deg;
    --tds-icon--size: var(--tds-size--3x)
}

: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 .33s ease,transform .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-accordion[open]>.tds-accordion-summary>[class*=tds-icon-chevron],.tds-icon--flip-x,.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:-.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 .3s ease,stroke .3s ease
}

.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)
}

.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: 0 0;
    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.tds--disabled,.tds-icon-trigger: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::after,.tds-icon-crosshatch::before {
    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::after,.tds-icon-trigger--invert-colors[aria-pressed=true] .tds-icon-crosshatch::before {
    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)
}

.tds-component-preview,:root {
    --tds-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-end:var(--tds-size--3x);margin-block-start: var(--tds-gutter--negative);
    margin-inline-start:var(--tds-gutter--negative)}

@media (max-width: 599px) {
    .tds-flex-small-gutters>* {
        margin-block-start:var(--tds-size--1x);
        margin-block-end: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-start:var(--tds-size--1x);
        margin-inline-end: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: rgba(149,236,255,.1);
    block-size: 100%;
    border-inline-end:1px solid rgba(149,236,255,.3);border-inline-start:1px solid rgba(149,236,255,.3);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-size--3x);
    top: var(--tds-size--3x)
}

.tds-flex-gutters .tds-flex-item {
    padding-block-start:var(--tds-size--3x);padding-inline-start: var(--tds-size--3x)
}

.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-center>.tds-flex-item,.tds-flex--align-inline-end>.tds-flex-item,.tds-flex--align-inline-start>.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
}

.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--three_columns.tds-layout-flex--sidemenu>.tds-flex-item:nth-child(2),.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left>.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-start:0;margin-block-end:0}

    .tds-flex-gutters .tds-flex-item {
        padding-block-start:0}
}

.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 :is(.tds-layout,.tds-layout--no_offset),.tds-layout.tds-layout--no_offset {
    padding-inline-end:0;padding-inline-start:0}

.tds-layout--constrained,.tds-layout--constrained_small {
    margin-inline-end:auto;margin-inline-start:auto}

.tds-layout--constrained_small {
    max-inline-size: 840px
}

.tds-layout--constrained {
    max-inline-size: 1440px
}

.tds-layout {
    padding-inline-end:var(--tds-content_container--gutter);padding-inline-start: var(--tds-content_container--gutter)
}

.tds-content_container>.tds-layout {
    padding-inline-end:0;padding-inline-start: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
}

[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-content_heavy.tds-layout-main--left .tds-layout-aside,.tds-layout-2col-content_heavy.tds-layout-main--right .tds-layout-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: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
    }
}

.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
}

.tds-layout--4col {
    grid-template-columns: repeat(4,1fr)
}

@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;
        justify-content: center;
        align-content: center;
        align-items: stretch
    }

    .tds-layout-checkerboard .tds-layout-checkerboard--caption {
        grid-area: checkerboard-caption;
        padding-inline-start:var(--tds-size--8x);padding-inline-end: 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
}

.tds-component-preview,:root {
    --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-footer,.tds-shell-masthead {
    display: flex;
    flex-flow: row nowrap
}

.tds-shell-masthead {
    grid-area: tds-shell-masthead
}

.tds-shell-footer--is_sticky,.tds-shell-masthead--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)
}

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);
    font-family: inherit;
    transition: box-shadow .33s var(--tds-bezier),color .33s ease;
    box-shadow: var(--tds-link--box-shadow--default);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.tds-link:is(:focus-visible,.tds--focus) {
    border-radius: var(--tds-border-radius--outline-only);
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds-link:is([disabled],.tds--disabled) {
    cursor: not-allowed;
    outline: 0
}

.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)}

@media (hover: hover) {
    .tds-link:is(:hover,.tds--hover):not(.tds-link--primary,.tds-link--vertical,[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--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--icon-leading>.tds-icon,.tds-link>.tds-icon--inline:first-child {
    left: var(--tds-link--icon-margin)
}

.tds-link--icon-trailing>.tds-icon,.tds-link>.tds-icon--inline:last-child {
    right: var(--tds-link--icon-margin)
}

[dir=rtl] .tds-link--icon-leading>.tds-icon,[dir=rtl] .tds-link>.tds-icon--inline:first-child {
    left: unset;
    right: var(--tds-link--icon-margin)
}

[dir=rtl] .tds-link--icon-trailing>.tds-icon,[dir=rtl] .tds-link>.tds-icon--inline:last-child {
    left: var(--tds-link--icon-margin);
    right: unset
}

.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
}

.tds-list+p,p+.tds-list {
    padding-block-start:var(--tds-paragraph-gap)}

.tds-list--ordered,.tds-list--padded,.tds-list--timeline,.tds-list--unordered {
    --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) + .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 .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: .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
}

.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:0
}

.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: 0
}

.tds-listbox-option {
    --tds-form--indent: 20px;
    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 .3s ease
}

.tds-listbox-option:is(.tds--disabled,[aria-disabled=true]) {
    cursor: not-allowed
}

.tds-density--dense .tds-listbox-option,.tds-density--dense.tds-listbox-option {
    --tds-form--indent: var(--tds-size--2x)
}

[aria-multiselectable=true] .tds-listbox-option {
    justify-content: flex-start
}

.tds-listbox-option:focus {
    outline: 0
}

.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) {
    border-radius: var(--tds-size--half);
    outline: var(--tds-outline--focus)
}

.tds-listbox-option:is(:hover,.tds--hover):not(.tds--disabled,[aria-disabled=true]) {
    background-color: var(--tds-theme-background-container-alt)
}

.tds-listbox-option.tds--selected {
    background-color: var(--tds-theme-background-container-alt-highlight)
}

.tds-listbox-option .tds-icon {
    color: transparent;
    transform: scale(0);
    position: relative;
    transition: color .3s ease,transform .3s ease
}

.tds--selected .tds-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;transition: border-color .3s ease
}

.tds--selected .tds-multiselect-box {
    border-color: var(--tds-theme-foreground-high-contrast)
}

.tds-loader {
    inset: 0;
    position: absolute;
    background-color: var(--tds-color--scrim--semitransparent);
    pointer-events: none;
    opacity: 0;
    transition: opacity .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
}

.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 .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 .33s ease
}

.tds-locale-selector-country:not(:last-child) {
    margin-block-end:var(--tds-size--half)}

.tds-card.tds-locale-selector-country,.tds-card.tds-locale-selector-trigger {
    background-color: transparent;
    border-radius: var(--tds-border-radius--card)
}

.tds-card.tds-locale-selector-country,.tds-card.tds-locale-selector-trigger .tds-card-body {
    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: 0
}

.tds--indicate-focus .tds-locale-selector-trigger:focus {
    outline: var(--tds-outline--focus)
}

@media (hover: hover) {
    .tds-card.tds-locale-selector-country:hover,.tds-card.tds-locale-selector-trigger: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
    }
}

.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
}

.tds-menu {
    display: inline
}

.tds-menu-btn {
    border-radius: var(--tds-border-radius--pill);
    transition: background .33s ease
}

.tds-menu-btn--active,.tds-menu-btn:hover {
    background: var(--tds-theme-background-container-alt)
}

.tds-menu .tds-tooltip {
    --tds-tooltip--padding: 0;
    padding: unset;
    max-inline-size: unset
}

.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 .5s var(--tds-bezier),transform .5s var(--tds-bezier),visibility 0s .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 .5s var(--tds-bezier),transform .5s var(--tds-bezier),visibility 0s 0s
}

@media (max-width: 599px) {
    .tds-component-preview,:root {
        --tds-modal--height:auto;
        --tds-modal--width: 100vw
    }

    .tds-modal {
        min-block-size: 25vh
    }
}

@media (min-width: 600px) {
    .tds-component-preview,:root {
        --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 .5s ease,-webkit-backdrop-filter .5s ease;
    transition: background-color .5s ease,backdrop-filter .5s ease;
    transition: background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .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: 0;
    z-index: 10;
    border-radius: var(--tds-border-radius--pill);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: background-color .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: 0
}

.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) .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 .33s var(--tds-bezier),font-size .33s var(--tds-bezier),line-height .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 .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:0
}

.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-density--default,.tds-page-layout--medium-space,:root {
    --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)
    }
}

.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 select+.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
}

.tds-pagination-navigation+.tds-pagination-navigation::before {
    background-color: var(--tds-theme-foreground-high-contrast);
    block-size: 100%;
    content: "";
    display: block;
    inline-size: 1px;
    left: -14px;
    position: absolute;
    top: 0
}

[dir=rtl] .tds-pagination-navigation+.tds-pagination-navigation::before {
    left: auto;
    right: -14px
}

@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-pagination .tds-pagination-current select+.tds-icon {
        opacity: 1
    }
}

.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
}

:root {
    --tds-popover-trigger-gap: var(--tds-size--1x)
}

.tds-popover-container {
    position: relative;
    z-index: 1
}

.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 .33s ease,transform .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-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)
}

.tds-scrim--black:is(.tds-theme--replicant,.tds-theme--marketing) .tds-selector,:is(.tds-theme--replicant,.tds-theme--marketing) .tds-scrim--black .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 .3s ease,color .3s ease,opacity .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)
}

.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-action::before,.tds-stepper-item::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 .33s ease,background-color .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)
    }
}

: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-density--default .tds-sidenav,.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-sidenav-group--always-expanded,.tds-site-nav-item.tds--expanded+.tds-sidenav-group,.tds-site-nav-item.tds--expanded+:where(tds-side-nav-item-group)>.tds-sidenav-group {
    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-sidenav-group,.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>:not(.tds-icon:first-child,.tds-site-nav-item-leading),.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item>tds-icon:last-child .tds-icon,.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
}

.tds-scrim--light,.tds-scrim--white,:root {
    --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;
    row-gap: calc(var(--tds-size--1x)/ 2)
}

.tds-toast-close:hover {
    background-color: var(--tds-toast--highlight)
}

.tds-toast-close {
    position: relative;
    top: -2px
}

.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 .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%)
}

.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}
}

.tds-component-preview,:root {
    --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 .33s ease,box-shadow .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) 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 {
    align-items: center;
    display: flex;
    gap: var(--tds-size--half);
    justify-content: flex-start
}

.tds-site-logo {
    align-items: center;
    display: flex
}

h1.tds-site-logo {
    padding: 0;
    position: relative
}

.tds-site-header--internal .tds-site-logo,.tds-site-header--internal .tds-site-menu-btn {
    margin-inline-start:calc(-1 * var(--tds-size--1x))}

.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 .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: 0
}

.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-site-header-trailing {
    align-items: center;
    display: flex;
    gap: var(--tds-size--half);
    justify-content: flex-end
}

.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}

: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;
    bottom: 0;
    left: 0;
    max-block-size: 100%;
    max-block-size: 100dvh;
    max-inline-size: 100%;
    min-block-size: 100%;
    min-block-size: 100dvh;
    right: 0;
    top: 0;
    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 {
    margin: var(--tds-site-header-panel--padding-inline);
    padding-block-start:var(--tds-site-header-panel--padding-inline);border-block-start: 1px solid var(--tds-theme-border-low-contrast)
}

.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: .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 .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: .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)}
}

: 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 .33s ease,background-color .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-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) {
    .tds-site-nav-item: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: 0
}

.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-childtds-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: 0 0;
    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-site-nav-item-leading .tds-icon,.tds-site-nav-item>.tds-icon:first-child {
    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-site-nav-item-trailing .tds-icon,.tds-site-nav-item>tds-content:has(tds-icon):last-child tds-icon:last-child .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-site-nav-item-trailing .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-icon:last-child .tds-icon {
    margin-inline-end:2px
}

.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-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,.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item>tds-content:has(tds-icon):first-child .tds-icon,.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 {
    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 .33s ease,transform .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-site-nav-item-trailing .tds-chip:last-child,.tds-site-nav-item>.tds-chip:last-child {
    margin-inline-end:calc(var(--tds-size--half) * -1)}

.tds-density--dense .tds-site-nav-item .tds-site-nav-item-trailing .tds-chip: last-child,.tds-density--dense .tds-site-nav-item>.tds-chip:last-child {
    margin-inline-end:calc(var(--tds-size--half) * -1)
}

.tds-site-nav-items {
    align-items: center;
    display: flex;
    margin: 0;
    transition: transform .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
    }
}

.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}

.tds-component-preview,:root {
    --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--disabled .tds-switch_toggle-checkbox,.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 .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 .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 .5s var(--tds-bezier),color .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)
}

.tds-component-preview,:root {
    --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 td,.tds-table-deprecated--bordered th {
    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 td,.tds-table-deprecated-row th {
    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 td,.tds-table-deprecated-row--selected th {
    --tds-table-deprecated--background-color: var(--tds-theme-background-container)
}

.tds-table-deprecated--padded_cells td,.tds-table-deprecated--padded_cells th {
    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 td,.tds-scrim--black .tds-table-deprecated th {
    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 td,.tds-table-deprecated--hoverable .tds-table-deprecated-body .tds-table-deprecated-row:hover th {
    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-body,.tds-table-deprecated--responsive .tds-table-deprecated-foot,.tds-table-deprecated--responsive .tds-table-deprecated-head,.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 td::before,.tds-table-deprecated--responsive th::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 td,.tds-table-deprecated--row_border .tds-table-deprecated-body th {
        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
}

.tds-component-preview,:root {
    --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 .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-body,.tds-table[class*=-stacked-list] .tds-table-foot,.tds-table[class*=-stacked-list] .tds-table-head,.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)
    }
}

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 .3s ease,border-color .3s ease,box-shadow .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 .3s ease,border-color .3s ease,box-shadow .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 .3s ease,top .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:has(.tds-tooltip),.tds-data-table tbody .tds-tr--selected:has(.tds-tooltip) :where(th,td)::before,.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 {
    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)::after,.tds-data-table tbody tr.tds-tr--selected :where(th,td)::before {
    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: 0
}

.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 .3s ease,transform .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(.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 .3s ease,transform .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 .tds-td--select::after,.tds-data-table--sticky-first-col th:first-child::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 .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 th:not(:first-child):is(:first-of-type)::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:not(:hover,.tds--highlighted) th:first-child::after {
    background: var(--tds-theme-background-container-highlight)
}

.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:first-child::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
}

.tds-tab-panel-list {
    inline-size: 100%
}

.tds-tab-panel {
    display: none;
    visibility: hidden;
    transition: visibility .5s .5s
}

.tds-tab-panel--active {
    display: block;
    visibility: inherit;
    transition: visibility .5s 0s
}

.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-list--height: var(--tds-height--pill);
    align-items: center;
    block-size: var(--tds-tab-list--height);
    display: grid;
    gap: var(--tds-size--half);
    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--legacy-vertical,.tds-tab-list--underline,.tds-tab-list--vertical {
    --tds-tab--border-radius: 0;
    gap: 0
}

.tds-tab-list--legacy-vertical,.tds-tab-list--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;
    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-border-width-small);
    bottom: var(--tds-border-width-small);
    content: "";
    inline-size: 100%;
    position: absolute
}

.tds-tab-list--underline .tds-tab::after {
    content: "";
    position: absolute;
    block-size: var(--tds-border-width-large);
    inline-size: 100%;
    border-radius: 2px;
    background: var(--tds-theme-foreground-high-contrast);
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(1,0);
    transition: opacity .3s ease,transform .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-font-size-20);
    font-weight: var(--tds-font-weight-medium);
    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 .3s ease,box-shadow .3s ease,color .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--legacy-vertical .tds-tab,.tds-tab-list--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-border-width-large);
    border-radius: 2px;
    bottom: 0;
    position: absolute;
    top: unset;
    z-index: 1
}

.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 .5s var(--tds-bezier),transform .5s var(--tds-bezier),visibility 0s .5s
}

.tds-tooltip.tds-tooltip--open {
    --tds-tooltip--translate-y: 0;
    opacity: 1;
    pointer-events: inherit;
    visibility: inherit;
    transition: opacity .5s var(--tds-bezier),transform .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-end,.tds-tooltip--align-start {
    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
}

.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}

.tds-text--body,.tds-text--body_large,.tds-text--caption-header,.tds-text--h1,.tds-text--h2,.tds-text--h3,.tds-text--h4,.tds-text--h5,.tds-text--h6,.tds-text--section_subtitle {
    display: block;
    margin: 0
}

strong {
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-text--caption-header,.tds-text--h1,.tds-text--h1-alt,.tds-text--h2,.tds-text--h3,.tds-text--h4,.tds-text--h5,.tds-text--h6,h1,h2,h3,h4,h5,h6 {
    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 .33s ease,color .33s ease,opacity .33s ease,padding .33s ease
}

.tds-text--h6,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) {
    .tds-text--h1,.tds-text--h1-alt,h1 {
        font-size:var(--tds-font-size-70);
        line-height: var(--tds-line-height-70)
    }

    .tds-text--h2,h2 {
        font-size: var(--tds-font-size-60);
        line-height: var(--tds-line-height-60)
    }

    .tds-text--h3,h3 {
        font-size: var(--tds-font-size-50);
        line-height: var(--tds-line-height-60)
    }

    .tds-text--h4,h4 {
        font-size: var(--tds-font-size-40);
        line-height: var(--tds-line-height-30)
    }

    .tds-text--h5,h5 {
        font-size: var(--tds-font-size-30);
        line-height: var(--tds-line-height-30)
    }

    .tds-text--h6,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) {
    .tds-text--h1,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)
    }

    .tds-text--h2,h2 {
        font-size: var(--tds-font-size-70);
        line-height: var(--tds-line-height-70)
    }

    .tds-text--h3,h3 {
        font-size: var(--tds-font-size-60);
        line-height: var(--tds-line-height-60)
    }

    .tds-text--h4,h4 {
        font-size: var(--tds-font-size-50);
        line-height: var(--tds-line-height-60)
    }

    .tds-text--h5,h5 {
        font-size: var(--tds-font-size-40);
        line-height: var(--tds-line-height-20)
    }

    .tds-text--h6,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: 100!important
}

.tds-text--light {
    font-weight: 300!important
}

.tds-text--regular {
    font-weight: 400!important
}

.tds-text--medium {
    font-weight: 500!important
}

.tds-text--bold {
    font-weight: 700!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--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:.5em}

.tds-text--capitalize {
    text-transform: capitalize
}

.tds-text--uppercase {
    text-transform: uppercase
}

.tds-text--lowercase {
    text-transform: lowercase
}

code {
    max-inline-size: 100%;
    padding: .125em .414em;
    border-radius: .25em;
    color: var(--tds-theme-foreground);
    border: 1px solid var(--tds-theme-border-low-contrast);
    background-color: var(--tds-theme-background-container);
    transition: background-color .3s ease,color .3s ease
}

pre code {
    display: block;
    margin: 0;
    overflow-x: auto;
    padding: var(--tds-size--1x);
    white-space: pre
}

.tds-component-preview,:root {
    --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 :is(h1,h2,h3,h4,h5,h6),.tds--vertical-rhythm [class*=tds--pad-top-],.tds--vertical-rhythm [class*=tds-spacer-] {
    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),:is(h5,.tds-text--h5).tds--pad-top-lg,:is(h5,h6,.tds-text--h5,.tds-text--h6):is(.tds--pad-top-sm,.tds--pad-top-xs),:is(h6,.tds-text--h6),:is(h6,.tds-text--h6).tds--pad-top-lg,:is(h6,.tds-text--h6).tds--pad-top-xl {
        --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(h5,h6,.tds-text--h5,.tds-text--h6):is(.tds--pad-top-sm,.tds--pad-top-xs),:is(h6,.tds-text--h6),: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)
}

.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,.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,.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 .5s;
    transition: inline-size .5s
}

.tds-progress_bar::-moz-progress-bar {
    background-color: var(--tds-progress-bar--value-color)
}

.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: .1em;
    text-transform: uppercase;
    transition: .5s ease;
    z-index: 0
}

.tds-theme--replicant .tds-btn:focus-visible {
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn,.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn,.tds-theme--replicant.tds-scrim--black .tds-card .tds-btn {
    color: var(--tds-color-black)
}

.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn--tertiary,.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn--tertiary,.tds-theme--replicant.tds-scrim--black .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: 0
}

.tds--focus .tds-theme--replicant .tds-btn:focus,.tds--focus.tds-theme--replicant .tds-btn:focus,.tds--indicate-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: .52s ease .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::after,.tds-theme--replicant .tds-btn::before {
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    transition: .5s ease
}

.tds-theme--replicant .tds-btn::before {
    background: var(--tds-theme-foreground-high-contrast);
    -webkit-clip-path: var(--tds-notch);
    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: 0 0
}

.tds-theme--replicant .tds-btn:is(:hover,.tds--hover):not([disabled],.tds--disabled)::after,.tds-theme--replicant .tds-btn:is(:hover,.tds--hover):not([disabled],.tds--disabled)::before {
    transition: .52s ease .48s
}

.tds-theme--replicant .tds-btn--secondary::after {
    background: var(--tds-theme-foreground-high-contrast);
    -webkit-clip-path: var(--tds-notch--outline);
    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
}

:where(.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)
}

:where(.tds-theme--replicant) .tds-chip--unencapsulated {
    color: initial
}

.tds-theme--replicant .tds-th--sortable .tds-th--inner::before {
    border-radius: 0
}

.tds-form--indent .tds-theme--replicant,.tds-theme--replicant,.tds-theme--replicant .tds-form--indent,.tds-theme--replicant [class*=tds-density--],.tds-theme--replicant.tds-form--indent,.tds-theme--replicant[class*=tds-density--],[class*=tds-density--] .tds-theme--replicant {
    --tds-form--indent: 0px
}

.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)
}

.tds-theme--replicant .tds-form-input {
    background: 0 0;
    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-scrim--black .tds-theme--replicant .tds-card,.tds-theme--replicant .tds-scrim--black .tds-card,.tds-theme--replicant.tds-scrim--black .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));
    -webkit-clip-path: var(--tds-notch--outline-thin);
    clip-path: var(--tds-notch--outline-thin);
    transition: background-color .5s ease,-webkit-clip-path .5s ease;
    transition: clip-path .5s ease,background-color .5s ease;
    transition: clip-path .5s ease,background-color .5s ease,-webkit-clip-path .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 {
    -webkit-clip-path: var(--tds-notch--outline);
    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)
}

.tds-theme--replicant .tds-form-input-choice {
    --tds-text--color--light: var(--tds-theme-foreground-high-contrast);
    border-radius: 0;
    transition: opacity .33s ease
}

.tds-theme--replicant .tds-form-input-choice::after {
    transform: none;
    opacity: 0;
    transition: opacity .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 .52s ease .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
}

.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) .15);
    content: "";
    display: block;
    inline-size: 100%;
    margin-block-start:var(--tds-size--half);opacity: .33;
    transition: opacity .33s ease,box-shadow .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 .52s ease .48s,box-shadow .52s ease .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) .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::after,.tds-theme--replicant .tds-form-input-visual-checkbox::before {
    animation: turn-off 1s;
    background: currentcolor;
    block-size: 1em;
    content: "";
    display: block;
    inline-size: 2px;
    inset: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0);
    margin: auto;
    transition: transform .52s var(--tds-bezier) .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 .52s var(--tds-bezier) .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::after,.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked+.tds-form-input .tds-form-input-visual-checkbox::before {
    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(0)
    }

    8% {
        opacity: 0
    }

    16% {
        opacity: 1
    }

    24% {
        opacity: 0
    }

    32% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    48% {
        opacity: 1;
        transform: rotate(0)
    }

    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
    }
}

.tds-theme--replicant .tds-link {
    box-shadow: 0 .5px 0 0 rgb(187 187 187 / 75%);
    transition: color .33s ease,box-shadow .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 .33s ease,box-shadow .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)
}

.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)
}

.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, .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::after,.tds-theme--replicant .tds-modal::before {
    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);
    -webkit-clip-path: var(--tds-notch--outline);
    clip-path: var(--tds-notch--outline);
    opacity: 1;
    transition: .5s ease
}

.tds-theme--replicant .tds-modal::after {
    background-color: var(--tds-theme-background-dialog);
    -webkit-clip-path: var(--tds-notch);
    clip-path: var(--tds-notch);
    opacity: 1;
    z-index: -1
}

.tds-theme--replicant [dir=rtl] .tds-modal::after,.tds-theme--replicant [dir=rtl].tds-modal::after,[dir=rtl] .tds-theme--replicant .tds-modal::after,[dir=rtl].tds-theme--replicant .tds-modal::after {
    transform: rotateY(180deg)
}

.tds-theme--replicant [dir=rtl] .tds-modal::before,.tds-theme--replicant [dir=rtl].tds-modal::before,[dir=rtl] .tds-theme--replicant .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: .5
    }

    16% {
        opacity: 1
    }

    24% {
        opacity: .5
    }

    32% {
        opacity: 1
    }

    40% {
        opacity: .5
    }

    48% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.tds-theme--replicant .tds-modal-footer,.tds-theme--replicant .tds-modal-header {
    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: .5s ease
}

.tds-theme--replicant .tds-modal-close:focus,.tds-theme--replicant .tds-modal-close:hover {
    animation: tds-flicker--soft 1s forwards;
    filter: var(--tds-glow--bright);
    transition: .52s ease .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)
}

.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;
    -webkit-clip-path: var(--tds-notch--outline-thin);
    clip-path: var(--tds-notch--outline-thin);
    content: "";
    display: block;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s ease
}

.tds-theme--replicant .tds-progress_bar::-webkit-progress-value {
    border-radius: 0;
    box-shadow: var(--tds-glow--medium);
    -webkit-clip-path: var(--tds-notch_progress);
    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)
}

.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--layout-vertical) .tds-icon+.tds-card-body,.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon+.tds-card-body {
    padding-inline-start:var(--tds-size--1x)}

.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)
}

.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),.5)
}

.tds-theme--replicant .tds-text--caption {
    --tds-text--color: var(--tds-color-grey-55)
}

.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}

.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 .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 .5s ease,visibility 0s 0s)
}

.tds-component-preview,:root {
    --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 .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%,100%,20%,50%,80% {
        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(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.tds--pulsing {
    animation: var(--tds--pulsing)
}

@keyframes tds--pulsing {
    0% {
        opacity: 0
    }

    20% {
        opacity: .7
    }

    100% {
        opacity: 0
    }
}

.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
    }
}

.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)
}

.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}
}

.tds-sticky--left,.tds-sticky--top {
    margin: 0;
    position: sticky;
    z-index: 1
}

.tds-sticky--top {
    top: -1px
}

.tds-sticky--left {
    left: -1px
}

.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);
    -webkit-clip-path: inset(100%);
    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
    }
}