.applitools-activate .tcl-showcase__down-arrow {
    -webkit-animation: none;
    animation: none
}

.applitools-activate .tds-animate--bounce,
.applitools-activate [id=battery-fill] {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.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-box-shadow-off: 0 0 0 0 transparent;
    --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-font-weight-xlight: 200;
    --tds-font-weight-medium: 500;
    --tds-font-weight-light: 300;
    --tds-font-weight-book: 400;
    --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-line-height-unitless: 1.414;
    --tds-font-line-height-75: 45px;
    --tds-font-line-height-70: 36px;
    --tds-font-line-height-60: 28px;
    --tds-font-line-height-40: 23px;
    --tds-font-line-height-30: 21px;
    --tds-font-line-height-20: 20px;
    --tds-font-line-height-10: 18px;
    --tds-font-family-thai: "Noto Sans Thai";
    --tds-font-family-monospace: "Fira Code", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    --tds-font-family-latin-alt: "Universal Sans";
    --tds-font-family-latin: "Gotham SSm";
    --tds-font-family-korean: "FB New Gothic";
    --tds-font-family-japanese: "AXIS Font Japanese W55", "Hiragino Sans";
    --tds-font-family-hebrew: "Noto Sans Hebrew";
    --tds-font-family-chinese-traditional: "PingFang TC", "Microsoft YaHei";
    --tds-font-family-chinese-simplified: "PingFang SC", "Microsoft YaHei";
    --tds-font-family-chinese-hk: "PingFang HK", "Microsoft YaHei";
    --tds-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --tds-font-family-arabic: "Noto Sans Arabic";
    --tds-color-yellow: #fbb01b;
    --tds-color-white: #fff;
    --tds-color-red-20: #ed4e3b;
    --tds-color-red-10: #b74134;
    --tds-color-grey-70: #f4f4f4;
    --tds-color-grey-65: #eee;
    --tds-color-grey-60: #e2e3e3;
    --tds-color-grey-50: #d0d1d2;
    --tds-color-grey-45: #bbb;
    --tds-color-grey-40: #a2a3a5;
    --tds-color-grey-35: #8e8e8e;
    --tds-color-grey-30: #5c5e62;
    --tds-color-grey-25: #444;
    --tds-color-grey-20: #393c41;
    --tds-color-grey-15: #222;
    --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: #000;
    --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-form-item: 20px;
    --tds-border-radius-circle: 100%;
    --tds-ui-box-shadow-small: 0 var(--tds-size-half) var(--tds-size-base) 0 rgba(0, 0, 0, .08);
    --tds-ui-box-shadow-medium: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, .12);
    --tds-ui-box-shadow-large-reverse: 0 -8px var(--tds-size-2x) 0 rgba(0, 0, 0, .16);
    --tds-ui-box-shadow-large: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, .16);
    --tds-component-pill-padding-block: var(--tds-size-2x);
    --tds-component-pill-height: var(--tds-size-5x);
    --tds-component-card-padding: var(--tds-size-2x);
    --tds-size-1x: var(--tds-size-base);
    --tds-font-size-80: var(--tds-size-5x);
    --tds-font-size-60: var(--tds-size-3x);
    --tds-font-line-height-80: var(--tds-size-6x);
    --tds-font-line-height-50: var(--tds-size-3x);
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-base);
    --tds-border-radius-pill: var(--tds-size-4x);
    --tds-border-radius-card: var(--tds-size-base);
    --tds-border-radius-base: var(--tds-size-half);
    --tds-theme-background-container-alt-highlight: rgba(0, 0, 0, .075);
    --tds-theme-background-container-alt: rgba(0, 0, 0, .05);
    --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, .075);
    --tds-theme-background-container-alt: rgba(0, 0, 0, .05);
    --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: hsla(0, 0%, 100%, .25);
    --tds-theme-background-container-alt: hsla(0, 0%, 100%, .135);
    --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-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --tds-font-family--arabic: "Noto Sans Arabic";
    --tds-font-family--chinese-hk: "PingFang HK", "Microsoft YaHei";
    --tds-font-family--chinese-simplified: "PingFang SC", "Microsoft YaHei";
    --tds-font-family--chinese-traditional: "PingFang TC", "Microsoft YaHei";
    --tds-font-family--combined: "Gotham SSm", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --tds-font-family--hebrew: "Noto Sans Hebrew";
    --tds-font-family--japanese: "AXIS Font Japanese W55", "Hiragino Sans";
    --tds-font-family--korean: "FB New Gothic";
    --tds-font-family--latin: "Gotham SSm";
    --tds-font-family--monospace: "Fira Code", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    --tds-font-family--thai: "Noto Sans Thai";
    --tds-font-weight--bold: 700;
    --tds-font-weight--book: 400;
    --tds-font-weight--light: 300;
    --tds-font-weight--medium: 500;
    --tds-font-weight--xlight: 200;
    --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, .16);
    --tds-box-shadow--large-reverse: 0 -8px 16px 0 rgba(0, 0, 0, .16);
    --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, .12);
    --tds-box-shadow--off: 0 0 0 0 transparent;
    --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, .08);
    --tds-font-size--10: 10px;
    --tds-font-size--20: 12px;
    --tds-font-size--30: 14px;
    --tds-font-size--40: 17px;
    --tds-font-size--50: 20px;
    --tds-font-size--55: 23px;
    --tds-font-size--60: 24px;
    --tds-font-size--70: 28px;
    --tds-font-size--75: 34px;
    --tds-font-size--80: 40px;
    --tds-height--choice: 24px;
    --tds-height--pill: 40px;
    --tds-line-height--10: 18px;
    --tds-line-height--20: 20px;
    --tds-line-height--30: 20px;
    --tds-line-height--40: 24px;
    --tds-line-height--50: 24px;
    --tds-line-height--60: 28px;
    --tds-line-height--70: 36px;
    --tds-line-height--75: 44px;
    --tds-line-height--80: 48px;
    --tds-line-height--unitless: 1.414;
    --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 (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
(min-resolution:2) {
    .tds-component-preview,
    :root {
        --tds-border-width--hairline: 0.5px
    }
}

.tds-component-preview,
:root {
    --tds-base-font_family: var(--tds-font-family--combined);
    --tds-base-font_size: var(--tds-font-size--30);
    --tds-base-line_height: var(--tds-line-height--30)
}

@font-face {
    font-family: system;
    font-style: normal;
    font-weight: 300;
    src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma")
}

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

body,
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0
}

dd,
dl,
dt,
ol,
ul {
    list-style-type: none
}

dd,
dl,
dt,
figcaption,
figure,
ol,
ul {
    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
}

li,
p {
    max-inline-size: 75ch
}

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 {
    -webkit-padding-before: 14px;
    padding-block-start: 14px
}

small {
    font-size: var(--tds-font-size--20);
    line-height: var(--tds-line-height--10)
}

body,
html {
    font-family: var(--tds-font-family--combined, --tds-base-font_family, system);
    font-size: var(--tds-base-font_size);
    font-weight: 400;
    line-height: var(--tds-base-line_height)
}

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] {
    -webkit-border-after: none;
    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
}

[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;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    *,
    :after,
    :before {
        -webkit-animation: none !important;
        animation: none !important;
        transition: none !important
    }
}

:focus {
    outline: none
}

* {
    outline-offset: 2px
}

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

.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-display: swap;
    font-family: Gotham SSm;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/GothamSSm-Bold_Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gotham SSm;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/GothamSSm-Medium_Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gotham SSm;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/GothamSSm-Book_Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gotham SSm;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/GothamSSm-Light_Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gotham SSm;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/GothamSSm-XLight_Web.woff2) format("woff2")
}

@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-display: swap;
    font-family: Noto Sans Arabic;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2) format("woff2");
    unicode-range: U+06??, U+200c-200e, U+2010-2011, U+204f, U+2e41, U+fb50-fdff, U+fe80-fefc, U+00??, 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-display: swap;
    font-family: Noto Sans Arabic;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2) format("woff2");
    unicode-range: U+06??, U+200c-200e, U+2010-2011, U+204f, U+2e41, U+fb50-fdff, U+fe80-fefc, U+00??, 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-display: swap;
    font-family: Noto Sans Hebrew;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.woff2) format("woff2");
    unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f, U+00??, 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-display: swap;
    font-family: Noto Sans Hebrew;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.woff2) format("woff2");
    unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f, U+00??, 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-display: swap;
    font-family: Noto Sans Thai;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format("woff2");
    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc
}

@font-face {
    font-display: swap;
    font-family: Noto Sans Thai;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format("woff2");
    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc
}

[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: hsla(0, 0%, 100%, .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, .048);
    --tds-pill--blur-color-highlight: rgba(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: hsla(0, 0%, 59%, .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;charset=utf-8,<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;charset=utf-8,<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)
}

.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, .8);
    --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, .6);
    --tds-box-shadow--small: 0 4px 8px 0 rgba(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, .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: hsla(0, 0%, 100%, .13);
    --tds-pill--blur-color-highlight: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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;charset=utf-8,<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;charset=utf-8,<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)
}

.tds-scrim--black {
    --tds-scrim--background: var(--tds-color-black)
}

.tds-colorscheme--dark .tds-form-input-select:focus,
.tds-scrim--black .tds-form-input-select:focus {
    background-color: var(--tds-theme-background-container)
}

.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: 0;
    --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-banner--padding: var(--tds-size--1x);
    --tds-card--border-radius: var(--tds-border-radius--card--dense);
    --tds-card--padding: var(--tds-padding--card--dense);
    --tds-content_container--max_width: 1824px;
    --tds-data-table--font-size: 12px;
    --tds-form--gap: var(--tds-size--2x);
    --tds-form--indent: 0;
    --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: 0;
    --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-theme--v6 {
    --tds-form--indent: 20px
}

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

.tds-density--default .tds-theme--v6,
.tds-theme--v6 .tds-density--default,
.tds-theme--v6.tds-density--default {
    --tds-form--indent: 20px
}

.tds-density--low .tds-theme--v6,
.tds-theme--v6 .tds-density--low,
.tds-theme--v6.tds-density--low {
    --tds-border-radius--pill: calc(var(--tds-size--6x)/2)
}

.tds-theme--v6 :is(.tds-density--default,
.tds-density--dense),
.tds-theme--v6:is(.tds-density--default,
.tds-density--dense),
:is(.tds-density--default,
.tds-density--dense) .tds-theme--v6 {
    --tds-border-radius--pill: calc(var(--tds-size--5x)/2)
}

.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) rgba(var(--tds-color--rgb-shade), 0.5));
    --tds-glow--medium: drop-shadow(0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), 0.33));
    --tds-glow--off: drop-shadow(0 0 0 rgba(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, rgba(var(--tds-color--rgb-shade), 1) 0%, rgba(var(--tds-color--rgb-shade), 1) 50%, rgba(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--font-weight: var(--tds-font-weight--bold);
    --tds-heading--letter-spacing: 0.145em;
    --tds-heading--text-transform: uppercase;
    --tds-form--indent: 0;
    --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--]):not([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)
}

@-webkit-keyframes tds-flicker-on--soft {
    0% {
        opacity: .25
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: .25
    }
    24% {
        opacity: 0
    }
    48% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tds-flicker-on--soft {
    0% {
        opacity: .25
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: .25
    }
    24% {
        opacity: 0
    }
    48% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-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
    }
    to {
        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
    }
    to {
        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-theme--v6 {
    --tds-border-radius--card: 16px;
    --tds-border-radius--card--dense: 8px;
    --tds-border-radius--pill: 20px
}

.tds-component-preview,
:root {
    --tds-banner--padding: var(--tds-size--2x)
}

.tds-banner {
    inline-size: 100%;
    padding: var(--tds-banner--padding);
    text-align: center
}

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

.tds-breadcrumbs {
    --tds-breadcrumb-padding: 6px;
    -webkit-margin-start: calc(var(--tds-breadcrumb-padding)*-2);
    color: var(--tds-theme-foreground-low-contrast);
    font-size: var(--tds-font-size--30);
    margin-inline-start: calc(var(--tds-breadcrumb-padding)*-2)
}

.tds-breadcrumb,
.tds-breadcrumbs {
    align-items: center;
    display: flex
}

.tds-breadcrumb {
    border-radius: var(--tds-border-radius--pill);
    -webkit-column-gap: calc(var(--tds-size--half)/2);
    column-gap: calc(var(--tds-size--half)/2)
}

.tds-breadcrumb,
.tds-breadcrumbs-current {
    padding: var(--tds-breadcrumb-padding) calc(var(--tds-breadcrumb-padding)*2)
}

.tds-breadcrumb--overflow {
    padding: var(--tds-size--1x)
}

.tds-breadcrumb--shallow .tds-icon {
    -webkit-margin-start: calc(var(--tds-size--half)*-1);
    margin-inline-start: calc(var(--tds-size--half)*-1)
}

.tds-breadcrumb:not([disabled],
.tds--disabled) {
    cursor: pointer
}

.tds-breadcrumb:hover,
.tds-breadcrumbs-current {
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-breadcrumb-tooltip-actions {
    -webkit-padding-after: var(--tds-size--1x);
    -webkit-padding-before: var(--tds-size--1x);
    display: grid;
    padding-block-end: var(--tds-size--1x);
    padding-block-start: var(--tds-size--1x)
}

.tds-breadcrumb-tooltip-action {
    padding: var(--tds-breadcrumb-padding) calc(var(--tds-size--3x) - var(--tds-size--half))
}

.tds-breadcrumb-tooltip-action:is(:focus-visible,
.tds--focus) {
    border-radius: var(--tds-size--half);
    outline: var(--tds-outline--focus);
    outline-offset: -2px
}

.tds-breadcrumb-tooltip-action:hover,
.tds-breadcrumb:hover {
    background-color: var(--tds-theme-background-container-alt);
    transition: color .33s ease, background-color .33s ease
}

.tds-component-preview,
:root {
    --tds-btn--font-size: var(--tds-font-size--30)
}

[lang=ar-AE],
[lang=ar-AE] body,
[lang=he-IL],
[lang=he-IL] body,
html[lang=ar-AE],
html[lang=he-IL] {
    --tds-btn--font-size: var(--tds-font-size--40)
}

button {
    -webkit-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;
    background-color: var(--tds-btn--background-color);
    block-size: var(--tds-height--pill);
    border: var(--tds-border-width--large) solid var(--tds-btn--border-color);
    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-family: var(--tds-font-family--combined);
    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;
    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
    }
}

@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: none
}

.tds-btn:not([disabled],
.tds--disabled):is(:hover,
.tds--hover) {
    --tds-btn--background-color: var(--tds-theme-primary-highlight)
}

.tds-btn--secondary:not([disabled],
.tds--disabled):is(:hover,
.tds--hover,
:focus,
.tds--focus) {
    --tds-btn--background-color: var(--tds-theme-foreground-high-contrast);
    color: var(--tds-color--inverse)
}

.tds-btn--tertiary:not([disabled],
.tds--disabled):is(:hover,
.tds--hover) {
    --tds-btn--background-color: var(--tds-color--tertiary-highlight)
}

.tds-btn>.tds-icon--inline:first-child {
    -webkit-margin-start: calc(var(--tds-size--1x)*-1);
    margin-inline-start: calc(var(--tds-size--1x)*-1)
}

.tds-btn>.tds-icon--inline:last-child {
    -webkit-margin-end: calc(var(--tds-size--1x)*-1);
    margin-inline-end: calc(var(--tds-size--1x)*-1)
}

.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--tile-container {
    --tds-tile-spacer: var(--tds-size--4x);
    margin: var(--tds-size--3x) 0;
    position: relative
}

.tds-btn.tds-btn--tile {
    background: var(--tds-color-grey-70);
    border-radius: 10px;
    box-shadow: 0 0 0 0 transparent;
    color: #333;
    inline-size: 100%;
    padding: var(--tds-size--8x);
    transition: box-shadow .5s cubic-bezier(.5, 0, 0, .75)
}

@media (min-width:600px) {
    .tds-btn.tds-btn--tile {
        -webkit-margin-end: var(--tds-tile-spacer);
        inline-size: auto;
        margin-inline-end: var(--tds-tile-spacer);
        max-inline-size: 400px;
        min-inline-size: 300px
    }
}

.tds-btn--tile-container .tds-btn.tds-btn--tile {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    position: static
}

.tds-btn.tds-btn--tile:is(:hover,
.tds--hover) {
    box-shadow: 0 var(--tds-size--3x) var(--tds-size--4x) 0 var(--tds-color-grey-50)
}

.tds-btn.tds-btn--tile:is(:focus,
.tds--focus) {
    box-shadow: 0 var(--tds-size--3x) var(--tds-size--4x) 0 var(--tds-color-grey-50), inset 0 0 0 2px var(--tds-color-grey-70), inset 0 0 0 4px var(--tds-color-grey-50);
    outline: none
}

.tds-btn--tile-container .tds-btn.tds-btn--tile:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: var(--tds-tile-spacer);
    top: 0
}

.tds-btn--tile-description {
    color: var(--tds-color-grey-40);
    max-inline-size: 300px;
    padding: var(--tds-size--1x)
}

.tds-btn--tile+.tds-btn--tile-description {
    -webkit-margin-before: var(--tds-size--4x);
    margin-block-start: var(--tds-size--4x)
}

.tds-btn--tile-description:before {
    -webkit-margin-after: var(--tds-size--2x);
    background-color: var(--tds-color-grey-50);
    block-size: 2px;
    content: "";
    display: block;
    inline-size: var(--tds-size--2x);
    margin-block-end: var(--tds-size--2x)
}

.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-columns: repeat(auto-fit, minmax(0, 1fr));
        grid-template-rows: none
    }
}

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

.tds-btn_group--grouped>.tds-btn:last-child,
[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(75ch + var(--tds-padding--card--dense)*2);
    background-color: var(--tds-theme-background-container);
    block-size: -webkit-min-content;
    block-size: min-content;
    border-radius: var(--tds-border-radius--card);
    display: flex;
    max-block-size: -webkit-min-content;
    max-block-size: min-content;
    max-inline-size: var(--tds-card--width);
    overflow: hidden;
    transition: background-color .33s ease
}

.tds-card-asset {
    align-items: center;
    display: flex;
    inline-size: 100%;
    justify-content: center
}

.tds-card-body {
    -webkit-padding-end: max(var(--tds-size--3x), var(--tds-card--padding));
    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) {
    -webkit-padding-before: 0;
    padding-block-start: 0
}

:is(.tds-card,
.tds-card--asset)>.tds-icon {
    -webkit-margin-after: var(--tds-card--padding);
    -webkit-margin-before: var(--tds-card--padding);
    -webkit-margin-start: var(--tds-card--padding);
    margin-block-end: var(--tds-card--padding);
    margin-block-start: var(--tds-card--padding);
    margin-inline-start: var(--tds-card--padding)
}

.tds-card>.tds-icon+.tds-card-body {
    -webkit-padding-before: calc(var(--tds-card--padding) + 2px);
    -webkit-padding-start: calc(var(--tds-card--padding)/3);
    padding-block-start: calc(var(--tds-card--padding) + 2px);
    padding-inline-start: calc(var(--tds-card--padding)/3)
}

.tds-card--highlighted {
    background-color: var(--tds-theme-background-dialog);
    box-shadow: var(--tds-box-shadow--medium)
}

.tds-card--layout-vertical {
    flex-direction: column
}

.tds-card--layout-vertical>.tds-icon+.tds-card-body {
    -webkit-padding-before: calc(var(--tds-card--padding)/3);
    -webkit-padding-end: var(--tds-card--padding);
    -webkit-padding-start: var(--tds-card--padding);
    padding-block-start: calc(var(--tds-card--padding)/3);
    padding-inline-end: var(--tds-card--padding);
    padding-inline-start: var(--tds-card--padding)
}

.tds-card--full-width,
.tds-card--full_width {
    --tds-card--width: 100%
}

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

.tds-card.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-chip {
    --tds-chip--height: var(--tds-size--4x);
    -webkit-padding-end: var(--tds-size--half);
    -webkit-padding-start: var(--tds-size--2x);
    align-items: center;
    background-color: var(--tds-theme-background-container);
    block-size: var(--tds-chip--height);
    border-radius: var(--tds-border-radius--pill);
    display: inline-flex;
    font-weight: var(--tds-font-weight--medium);
    justify-content: space-between;
    margin: var(--tds-size--half);
    max-inline-size: 100%;
    overflow: hidden;
    padding-inline-end: var(--tds-size--half);
    padding-inline-start: var(--tds-size--2x)
}

.tds-density--dense .tds-chip {
    --tds-chip--height: var(--tds-size--3x);
    font-size: var(--tds-font-size--20);
    line-height: var(--tds-size--4x)
}

.tds-chip--open {
    background-color: transparent
}

.tds-form-input--inline .tds-chip--open {
    --tds-chip--height: var(--tds-size--3x);
    -webkit-padding-start: 0;
    margin: 0;
    padding-inline-start: 0
}

.tds-form-input--default .tds-chip {
    --tds-chip--height: calc(var(--tds-height--pill) - var(--tds-size--1x));
    --tds-chip--inset: calc(var(--tds-form--indent) - var(--tds-size--half));
    -webkit-margin-after: calc(var(--tds-size--half)*-1);
    -webkit-margin-before: calc(var(--tds-size--half)*-1);
    -webkit-margin-end: var(--tds-size--half);
    -webkit-margin-start: 0;
    -webkit-padding-start: var(--tds-chip--inset);
    background-color: var(--tds-theme-background, var(--tds-color-white));
    border-radius: calc(var(--tds-border-radius--pill) - 2px);
    inline-size: -webkit-max-content;
    inline-size: max-content;
    margin-block-end: calc(var(--tds-size--half)*-1);
    margin-block-start: calc(var(--tds-size--half)*-1);
    margin-inline-end: var(--tds-size--half);
    margin-inline-start: 0;
    padding-inline-start: var(--tds-chip--inset)
}

.tds-form-input--default .tds-chip:first-child {
    -webkit-margin-start: calc(var(--tds-chip--inset)*-1);
    margin-inline-start: calc(var(--tds-chip--inset)*-1)
}

.tds-form-input--default .tds-chip:last-child {
    -webkit-margin-end: var(--tds-size--1x);
    margin-inline-end: var(--tds-size--1x)
}

.tds-form-input--default .tds-chip--open {
    background-color: transparent
}

.tds-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tds-chip .tds-icon-btn {
    --tds-icon-btn--border-width: 1px;
    -webkit-margin-start: var(--tds-size--half);
    margin-inline-start: var(--tds-size--half)
}

.tds-chip .tds-icon-btn,
.tds-density--dense .tds-chip .tds-icon-btn,
.tds-form-input--default .tds-chip .tds-icon-btn {
    block-size: calc(var(--tds-chip--height) - var(--tds-size--1x));
    inline-size: calc(var(--tds-chip--height) - var(--tds-size--1x))
}

.tds-chip-group {
    display: flex;
    gap: var(--tds-size--1x)
}

.tds-chip-group .tds-chip {
    margin: 0
}

.tds-component-preview,
:root {
    --tds-content_container--gutter: var(--tds-size--3x);
    --tds-content_container--inline-size: 100%;
    --tds-content_container--max_width: 100%
}

.tds-content_container {
    -webkit-margin-end: auto;
    -webkit-margin-start: auto;
    -webkit-padding-end: var(--tds-content_container--gutter);
    -webkit-padding-start: var(--tds-content_container--gutter);
    display: block;
    inline-size: var(--tds-content_container--inline-size);
    margin-inline-end: auto;
    margin-inline-start: auto;
    max-inline-size: var(--tds-content_container--max_width);
    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 {
    --tds-content_container--max_width: 1060px
}

@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 {
    left: var(--tds-context-block-position--left);
    position: absolute;
    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-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--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--book)
}

.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 {
    border: none;
    color: var(--tds-date-selected--color);
    font-weight: var(--tds-font-weight--medium);
    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: none
}

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

.tds-date-picker-days-grid button:focus-visible span {
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-date-picker-days-grid button:focus span {
    outline: var(--tds-outline--focus)
}

.tds-date-picker-days-grid .tds-day--selected:focus-visible span {
    outline-offset: 2px
}

.tds--indicate-focus .tds-date-picker-days-grid .tds-day--selected:focus span {
    outline-offset: 2px
}

.tds-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--last:before,
.tds-day:nth-child(7n):before {
    border-bottom-right-radius: var(--tds-end-of-week-radius);
    border-top-right-radius: var(--tds-end-of-week-radius)
}

.tds-day--first:before,
.tds-day:nth-child(7n+1):before {
    border-bottom-left-radius: var(--tds-end-of-week-radius);
    border-top-left-radius: var(--tds-end-of-week-radius)
}

[dir=rtl] .tds-day--last:before,
[dir=rtl] .tds-day:nth-child(7n):before {
    border-bottom-left-radius: var(--tds-end-of-week-radius);
    border-radius: 0;
    border-top-left-radius: var(--tds-end-of-week-radius)
}

[dir=rtl] .tds-day--first:before,
[dir=rtl] .tds-day:nth-child(7n+1):before {
    border-bottom-right-radius: var(--tds-end-of-week-radius);
    border-radius: 0;
    border-top-right-radius: var(--tds-end-of-week-radius)
}

.tds-day--start:not(.tds-day--highlighted~.tds-day--start):before {
    left: 50%;
    right: 0
}

.tds-day--between:before {
    left: 0;
    right: 0
}

.tds-day--end:before,
.tds-day--highlighted:not(.tds-day--between):before,
[dir=rtl] .tds-day--start:not(.tds-day--highlighted~.tds-day--start):before {
    left: 0;
    right: 50%
}

[dir=rtl] .tds-day--end:before,
[dir=rtl] .tds-day--highlighted:not(.tds-day--between):before {
    left: 50%;
    right: 0
}

.tds-day--start.tds-day--end:before {
    display: none
}

.tds-day--error span {
    background-color: transparent;
    box-shadow: inset 0 0 0 3px var(--tds-color-red-10);
    color: inherit
}

.tds-figure {
    --tds-figure--padding: var(--tds-padding--card);
    --tds-figure--radius: var(--tds-border-radius--card);
    block-size: -webkit-min-content;
    block-size: min-content;
    display: flex;
    max-block-size: -webkit-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 {
    -webkit-margin-before: var(--tds-figure--padding);
    margin-block-start: var(--tds-figure--padding)
}

.tds-figure--layout-vertical>.tds-icon+figcaption,
.tds-figure--layout-vertical>figcaption+.tds-icon {
    -webkit-margin-before: calc(var(--tds-figure--padding)/3);
    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 {
    -webkit-margin-start: var(--tds-figure--padding);
    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 {
    -webkit-margin-start: calc(var(--tds-figure--padding)/3);
    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) {
    -webkit-padding-before: 0;
    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: 0
}

.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: 4px
}

.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-density--dense.tds-form--outdent {
    --tds-form--indent: 0
}

.tds-theme--v6 .tds-density--default {
    --tds-form--indent: 20px
}

.tds-theme--v6 [class*=tds-density--].tds-form--outdent {
    --tds-form--indent: 0
}

.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) {
    -webkit-padding-start: var(--tds-form--indent);
    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 {
    -webkit-margin-after: -12px;
    -webkit-margin-before: -4px;
    -webkit-margin-end: -4px;
    -webkit-padding-after: 12px;
    -webkit-padding-before: 4px;
    -webkit-padding-end: 4px;
    flex-direction: row;
    margin-block-end: -12px;
    margin-block-start: -4px;
    margin-inline-end: -4px;
    overflow-x: auto;
    padding-block-end: 12px;
    padding-block-start: 4px;
    padding-inline-end: 4px
}

.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: 16px
    }
}

.tds-form-input :-ms-input-placeholder,
.tds-form-input:-ms-input-placeholder {
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-form-input :placeholder-shown,
.tds-form-input.tds-form-input--readonly input,
.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) {
    -webkit-margin-before: var(--tds-size--1x);
    margin-block-start: var(--tds-size--1x)
}

:is(.tds-form-label,
.tds-form-caption,
.tds-form-feedback)+.tds-form-input-group--layout-horizontal {
    -webkit-margin-before: var(--tds-size--half);
    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 .5s var(--tds-bezier), box-shadow .5s var(--tds-bezier)
}

.tds-density--dense .tds-form-input--default {
    --tds-form--indent: 10px
}

.tds-density--default .tds-form-input--default {
    --tds-form--indent: 12px
}

.tds-card:not(.tds-card--outline,
.tds-scrim--white .tds-card--highlighted) .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-input--border-color: var(--tds-theme-border);
    background: none
}

.tds-form-input:has(.tds-form-input-dropdown,
.tds-form-input-select):not(.tds--disabled) {
    cursor: pointer
}

.tds-card .tds-form-input--default:focus-within,
.tds-form-input--default:focus-within {
    --tds-form-input--border-color: var(--tds-theme-border);
    --tds-form-input--border-width: 1px
}

.tds--indicate-focus .tds-form-input--default: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 :focus) {
    --tds-form-input--border-color: var(--tds-theme-background-container);
    outline: none
}

.tds-form-input--collapsed {
    --tds-form-input--border-color: transparent;
    -webkit-padding-start: var(--tds-form-input--collapsed-padding-inline-start);
    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) {
    -webkit-margin-after: var(--tds-size--1x);
    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: -webkit-min-content;
    min-inline-size: min-content
}

.tds-form-input-group--layout-horizontal>.tds-form-input:not(:last-child) {
    -webkit-margin-after: 0;
    -webkit-margin-end: var(--tds-size--2x);
    margin-block-end: 0;
    margin-inline-end: var(--tds-size--2x)
}

.tds-form-input-leading {
    -webkit-padding-end: var(--tds-size--half);
    max-inline-size: calc(100% - 20px);
    padding-inline-end: var(--tds-size--half)
}

.tds-form-input-trailing {
    -webkit-padding-start: var(--tds-size--half);
    padding-inline-start: var(--tds-size--half)
}

.tds-form-input-leading+.tds-form-input-trailing {
    -webkit-padding-start: var(--tds-size--1x);
    padding-inline-start: var(--tds-size--1x)
}

.tds-form-input-group--layout-horizontal .tds-form-input-leading+.tds-form-input-trailing {
    -webkit-padding-start: var(--tds-size--2x);
    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: -webkit-max-content;
    inline-size: max-content
}

:is(.tds-form-input--default,
.tds-listbox-search) :where(.tds-form-input-leading,
.tds-form-input-trailing) {
    -webkit-padding-after: var(--tds-size--half);
    -webkit-padding-before: var(--tds-size--half);
    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-theme--v6 .tds-form--indent {
    --tds-form--indent: 20px
}

.tds-theme--v6 .tds-density--dense .tds-form-input--default,
.tds-theme--v6 .tds-density--dense.tds-form--indent .tds-theme--v6 .tds-density--dense .tds-form--indent {
    --tds-form--indent: var(--tds-size--2x)
}

.tds-theme--v6 .tds-form-input--default {
    --tds-form--indent: 20px
}

.tds-form-input-choice {
    align-self: normal;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: inset 0 0 0 1px var(--tds-form-input--border-color, var(--tds-theme-foreground-low-contrast));
    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);
    transition: box-shadow .33s var(--tds-bezier);
    vertical-align: middle
}

.tds-form-input-choice:focus {
    box-shadow: inset 0 0 0 2px var(--tds-form-input--border-color, 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 {
    block-size: var(--tds-form-input-choice--fill-size);
    content: "";
    display: block;
    inline-size: var(--tds-form-input-choice--fill-size);
    margin: auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .33s var(--tds-bezier);
    transition: transform .33s var(--tds-bezier);
    transition: transform .33s var(--tds-bezier), -webkit-transform .33s var(--tds-bezier)
}

.tds-form-input-choice:checked:after {
    -webkit-transform: scale(1);
    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);
    -webkit-transform: scale(1);
    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 {
    -webkit-margin-before: var(--tds-size--1x);
    margin-block-start: var(--tds-size--1x)
}

:is(.tds-theme--replicant,
.tds-density--dense) .tds-form-input-group .tds-form-input-choice {
    -webkit-margin-before: 0;
    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 {
    -webkit-margin-start: var(--tds-form--indent);
    margin-inline-start: var(--tds-form--indent)
}

.tds-form-input-group--layout-horizontal .tds-form-input:not(:first-child) .tds-form-input-choice {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.tds-form-input-choice-label {
    --tds-form--indent: var(--tds-size--1x);
    -webkit-padding-before: 2px;
    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 {
    -webkit-margin-before: var(--tds-size--1x);
    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 {
    -webkit-margin-before: -4px;
    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;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: var(--tds-border-radius--outline-only);
    color: inherit;
    cursor: pointer;
    flex-grow: 1;
    font-weight: var(--tds-font-weight--medium);
    inline-size: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    text-overflow: ellipsis
}

.tds-form-input-dropdown:disabled {
    opacity: 0
}

.tds-form-input-dropdown:focus {
    outline: none
}

.tds-form-input--inline .tds-form-input-dropdown+.tds-form-input-trailing {
    -webkit-padding-start: 0;
    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-dropdown-trigger {
    -webkit-margin-start: calc(var(--tds-size--half)*-1);
    -webkit-padding-start: var(--tds-size--half);
    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 {
    -webkit-padding-end: var(--tds-size--half);
    padding-inline-end: var(--tds-size--half)
}

.tds-form-label-files {
    -webkit-padding-end: var(--tds-form--indent);
    -webkit-padding-start: var(--tds-form--indent);
    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 {
    -webkit-padding-before: var(--tds-size--1x);
    padding-block-start: var(--tds-size--1x)
}

.tds-list-item--file>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tds-list-item--file>button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tds-list-item--file>button .tds-icon {
    margin: 0
}

.tds-form-feedback.tds-form-feedback-file {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.tds-form-feedback-file .tds-form-feedback-text {
    display: flex
}

.tds-form-feedback-file .tds-form-feedback-text .tds-icon {
    -webkit-margin-before: calc(var(--tds-size--1x)/4);
    -webkit-margin-end: var(--tds-size--half);
    margin-block-start: calc(var(--tds-size--1x)/4);
    margin-inline-end: var(--tds-size--half)
}

.tds-form-input-file-upload {
    -webkit-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+.tds-btn {
    box-shadow: inset 0 0 0 var(--tds-border-width--medium);
    outline: none
}

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

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

.tds-form-input-password:focus {
    outline: none
}

.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;
    appearance: none;
    background-color: transparent;
    color: inherit;
    cursor: ew-resize;
    inline-size: 100%;
    margin: var(--tds-size--half) var(--tds-form--indent)
}

.tds-form-input-range--progress {
    position: relative
}

.tds-form-input-range:focus {
    outline: none
}

.tds-form-input-range--progress:before {
    background-color: var(--tds-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 {
    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-margin-before: calc(var(--tds-form-input-range--track-size)/2 - var(--tds-form-input-range--thumb-size)/2);
    -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);
    outline-offset: 2px;
    position: relative;
    -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 {
    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);
    outline-offset: 2px;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    z-index: 2
}

.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-padding-end: var(--tds-size--3x);
    -webkit-appearance: none;
    appearance: none;
    background-color: inherit;
    border: none;
    border-radius: var(--tds-border-radius--outline-only);
    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
}

.tds-form-input--default {
    --tds-form-input-select--chevron-inset: var(--tds-form--indent)
}

.tds-form-input-select:focus {
    outline: none
}

.tds-form-input-select+.tds-form-input-trailing {
    align-self: center;
    left: auto;
    pointer-events: none;
    position: absolute;
    right: var(--tds-form-input-select--chevron-inset, 0)
}

[dir=rtl] .tds-form-input-select+.tds-form-input-trailing {
    left: var(--tds-form-input-select--chevron-inset, 0);
    position: absolute;
    right: auto
}

.tds-form-input-search {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: var(--tds-border-radius--outline-only);
    color: inherit;
    flex-grow: 1;
    font-weight: var(--tds-font-weight--medium);
    inline-size: 100%;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    transition: opacity .33s ease
}

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

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

.tds-form-input-search:is([inputmode=search],
[type=search])::-webkit-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;
    pointer-events: none;
    transition: opacity .33s ease, background-color .33s ease, visibility 0s .33s;
    visibility: hidden
}

.tds-form-input:not(.tds-form-input--collapsed)[data-tds-value] .tds-form-input-search-clear {
    opacity: 1;
    pointer-events: inherit;
    transition: opacity .33s ease, background-color .33s ease, visibility 0s 0s;
    visibility: inherit
}

label.tds-form-input {
    color: var(--tds-form-label--color);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tds-form-input--option {
    --tds-form--indent: 20px;
    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: var(--tds-size--2x)
}

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

.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 {
    --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
    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);
    border-radius: var(--tds-size--half);
    box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast);
    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);
    transition: box-shadow .33s ease;
    vertical-align: middle
}

.tds-form-input-leading .tds-form-input-visual-checkbox {
    -webkit-margin-end: var(--tds-size--1x);
    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 {
    background-image: var(--tds-background-image--check);
    background-repeat: no-repeat;
    block-size: var(--tds-form-input-choice--fill-size);
    content: "";
    inline-size: var(--tds-form-input-choice--fill-size);
    margin: auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .33s var(--tds-bezier);
    transition: transform .33s var(--tds-bezier);
    transition: transform .33s var(--tds-bezier), -webkit-transform .33s var(--tds-bezier)
}

.tds-form-input-hidden-choice:checked+.tds-form-input .tds-form-input-visual-checkbox:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tds-form-input--swatch {
    block-size: var(--tds-size--3x);
    border-radius: inherit;
    box-shadow: 0 0 0 1px #333;
    display: block;
    inline-size: var(--tds-size--3x)
}

.tds-density--dense .tds-form-input--option,
.tds-density--dense.tds-form--outdent .tds-form-input--option {
    --tds-form--indent: 20px
}

.tds-theme--v6 .tds-density--dense .tds-form-input--option {
    --tds-form--indent: 16px
}

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

.tds-form-input-text {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: var(--tds-border-radius--outline-only);
    color: inherit;
    flex-grow: 1;
    font-weight: var(--tds-font-weight--medium);
    inline-size: 100%;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis
}

.tds-form-input-text:focus {
    outline: none
}

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

.tds-form-input-textarea {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: var(--tds-border-radius--outline-only);
    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
}

.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-textarea:focus {
    outline: none
}

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

.tds-form-feedback {
    -webkit-padding-end: var(--tds-form--indent);
    -webkit-padding-start: var(--tds-form--indent);
    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-end: var(--tds-form--indent);
    padding-inline-start: var(--tds-form--indent)
}

:is(.tds-form-input,
.tds-form-input-group,
.tds-form-label,
.tds-form-caption)+.tds-form-feedback {
    -webkit-margin-before: var(--tds-size--1x);
    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-label {
    -webkit-padding-end: calc(var(--tds-form--indent)/2);
    -webkit-padding-start: var(--tds-form--indent);
    color: var(--tds-form-label--color);
    display: block;
    font-weight: var(--tds-font-weight--medium);
    padding-inline-end: calc(var(--tds-form--indent)/2);
    padding-inline-start: var(--tds-form--indent);
    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) {
    -webkit-margin-end: 0;
    -webkit-margin-start: 0;
    margin-inline-end: 0;
    margin-inline-start: 0
}

.tds-form-caption {
    -webkit-padding-end: calc(var(--tds-form--indent)/2);
    -webkit-padding-start: var(--tds-form--indent);
    color: var(--tds-theme-foreground-low-contrast);
    font-size: var(--tds-font-size--20);
    line-height: var(--tds-line-height--10);
    padding-inline-end: calc(var(--tds-form--indent)/2);
    padding-inline-start: var(--tds-form--indent)
}

:is(.tds-form-input,
.tds-form-input-group)+.tds-form-caption {
    -webkit-margin-before: var(--tds-size--1x);
    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);
    align-items: center;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: var(--tds-icon-btn--background);
    block-size: var(--tds-height--pill);
    border: var(--tds-icon-btn--border-width) solid transparent;
    border-radius: var(--tds-border-radius--pill);
    box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width) transparent;
    display: inline-flex;
    inline-size: var(--tds-height--pill);
    justify-content: center;
    padding: var(--tds-size--half);
    transition: color .33s ease, background-color .33s ease, box-shadow .25s ease, -webkit-transform .33s var(--tds-bezier);
    transition: color .33s ease, background-color .33s ease, box-shadow .25s ease, transform .33s var(--tds-bezier);
    transition: color .33s ease, background-color .33s ease, box-shadow .25s ease, transform .33s var(--tds-bezier), -webkit-transform .33s var(--tds-bezier);
    vertical-align: middle
}

.tds-icon-btn:focus {
    box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width);
    outline: none
}

@media (hover:hover) {
    .tds-data-table tbody tr.tds--highlighted .tds-td--actions .tds-icon-btn,
    .tds-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]),
    .tds-icon-btn:is(:hover: not([disabled]), .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))
    }
    .tds-icon-btn.tds--highlighted:not([disabled]):hover {
        --tds-icon-btn--background: var(--tds-theme-background-container-alt-highlight)
    }
}

:is(.tds-form-input-leading,
.tds-form-input-trailing) .tds-icon-btn {
    -webkit-margin-after: calc(var(--tds-size--1x)*-1);
    -webkit-margin-before: calc(var(--tds-size--1x)*-1);
    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-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.tds-icon-btn--small {
    --tds-height--pill: 28px;
    --tds-icon-btn--border-width: var(--tds-border-width--small)
}

.tds-form-input--default .tds-form-input-trailing .tds-icon-btn:last-child {
    -webkit-margin-end: calc(var(--tds-size--half)*-1);
    margin-inline-end: calc(var(--tds-size--half)*-1)
}

.tds-form-input--default .tds-form-input-leading .tds-icon-btn:first-child {
    -webkit-margin-start: calc(var(--tds-size--half)*-1);
    margin-inline-start: calc(var(--tds-size--half)*-1)
}

.tds-component-preview,
:root {
    --tds-icon--bg: transparent;
    --tds-icon--size: 24px
}

.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;
    transition: color .33s ease, -webkit-transform .5s var(--tds-bezier);
    transition: color .33s ease, transform .5s var(--tds-bezier);
    transition: color .33s ease, transform .5s var(--tds-bezier), -webkit-transform .5s var(--tds-bezier)
}

.tds-icon--small {
    --tds-icon--size: 16px
}

[dir=rtl] :is([class*=tds-icon-arrow],
[class*=tds-icon-chevron],
[class*=tds-icon-speaker]) {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tds-icon--flip-x {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

[dir=rtl] :is([class*=tds-icon-arrow],
[class*=tds-icon-chevron],
[class*=tds-icon-speaker]).tds-icon--flip-x {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg)
}

.tds-icon--inline {
    display: inline-block
}

.tds-icon--inline:last-child {
    -webkit-margin-start: var(--tds-size--half);
    margin-inline-start: var(--tds-size--half)
}

.tds-icon--inline:first-child {
    -webkit-margin-end: var(--tds-size--half);
    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 {
    -webkit-margin-before: -.2em;
    margin-block-start: -.2em;
    vertical-align: middle
}

.tds-icon-logo-wordmark {
    inline-size: calc(var(--tds-icon--size)*5)
}

.tds-icon-loader {
    background: conic-gradient(from 30deg, hsla(0, 0%, 47%, 0), hsla(0, 0%, 47%, .48), hsla(0, 0%, 47%, .8), #777);
    color: hsla(0, 0%, 100%, 0);
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,<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\"/></svg>");
    mask: url("data:image/svg+xml;charset=utf-8,<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\"/></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);
    -webkit-padding-after: var(--tds-size--1x);
    -webkit-padding-before: var(--tds-size--1x);
    -webkit-padding-end: var(--tds-icon-trigger--padding-inline-end);
    -webkit-padding-start: var(--tds-icon-trigger--padding-inline-start);
    align-items: center;
    background: none;
    border: none;
    color: var(--tds-theme-foreground);
    cursor: pointer;
    display: inline-flex;
    flex-flow: row nowrap;
    font-size: var(--tds-font-size--30);
    font-weight: var(--tds-font-weight--medium);
    min-block-size: var(--tds-size--5x);
    min-inline-size: var(--tds-size--3x);
    padding-block-end: var(--tds-size--1x);
    padding-block-start: var(--tds-size--1x);
    padding-inline-end: var(--tds-icon-trigger--padding-inline-end);
    padding-inline-start: var(--tds-icon-trigger--padding-inline-start);
    position: relative;
    -webkit-user-select: none;
    -ms-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;
    appearance: none;
    background-color: transparent;
    block-size: var(--tds-size--3x);
    border: var(--tds-icon-trigger--border_size) solid var(--tds-color--secondary-highlight);
    inline-size: var(--tds-size--3x);
    padding: 0
}

.tds-icon-crosshatch,
.tds-icon-crosshatch:after,
.tds-icon-crosshatch:before {
    border-radius: var(--tds-icon-crosshatch--border-radius);
    left: 0;
    position: absolute;
    transition: var(--tds-icon-trigger--animation)
}

.tds-icon-crosshatch:after,
.tds-icon-crosshatch:before {
    background-color: var(--tds-color--secondary-highlight);
    bottom: 0;
    content: "";
    margin: auto;
    right: 0;
    top: 0
}

.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 {
    -webkit-margin-end: var(--tds-size--1x);
    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,
[dir=rtl] .tds-icon-crosshatch {
    left: auto;
    right: 0
}

[dir=rtl] .tds-icon-trigger--reversed,
[dir=rtl] .tds-icon-trigger--reversed .tds-icon-crosshatch {
    left: 0;
    right: auto
}

[aria-pressed=true] .tds-icon-crosshatch:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

[aria-pressed=true] .tds-icon-crosshatch:after {
    opacity: var(--tds-ui-opacity-0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tds-icon-trigger--rotate[aria-pressed=true] .tds-icon-crosshatch:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.tds-icon-trigger--rotate[aria-pressed=true] .tds-icon-crosshatch:after {
    opacity: var(--tds-ui-opacity-100);
    -webkit-transform: rotate(315deg);
    transform: rotate(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 {
    -webkit-transform: rotateX(180deg);
    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 {
    -webkit-margin-after: var(--tds-size--3x);
    -webkit-margin-before: var(--tds-gutter--negative);
    -webkit-margin-start: var(--tds-gutter--negative);
    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>* {
        -webkit-margin-before: var(--tds-size--1x);
        -webkit-margin-after: var(--tds-size--1x);
        margin-block-end: var(--tds-size--1x);
        margin-block-start: var(--tds-size--1x)
    }
    .tds-flex-small-gutters>:first-child {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }
    .tds-flex-small-gutters>:last-child {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
}

@media (min-width:600px) {
    .tds-flex-small-gutters>* {
        -webkit-margin-start: var(--tds-size--1x);
        -webkit-margin-end: var(--tds-size--1x);
        margin-inline-end: var(--tds-size--1x);
        margin-inline-start: var(--tds-size--1x)
    }
    .tds-flex-small-gutters>:first-child {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
    .tds-flex-small-gutters>:last-child {
        -webkit-margin-end: 0;
        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 {
    -webkit-border-end: 1px solid rgba(149, 236, 255, .3);
    -webkit-border-start: 1px solid rgba(149, 236, 255, .3);
    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 {
    -webkit-padding-before: var(--tds-size--3x);
    -webkit-padding-start: var(--tds-size--3x);
    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 {
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    padding-block-start: 0;
    padding-inline-start: 0
}

.tds-flex-gutters .tds-flex-gutters {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

[class*=tds-flex--col_] {
    flex: none;
    transition: width .25s 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:first-child,
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left>.tds-flex-item:first-child {
    min-inline-size: 70%
}

.tds-layout-flex--three_columns.tds-layout-flex--sidemenu>.tds-flex-item:first-child {
    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:first-child,
    .tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left>.tds-flex-item:first-child {
        order: -1
    }
    .tds-flex-item {
        flex: 100%;
        inline-size: 100%;
        min-inline-size: 112px
    }
    .tds-flex-gutters {
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        margin-block-start: 0
    }
    .tds-flex-gutters .tds-flex-item {
        -webkit-padding-before: 0;
        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 {
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}

.tds-layout--constrained,
.tds-layout--constrained_small {
    -webkit-margin-end: auto;
    -webkit-margin-start: auto;
    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 {
    -webkit-padding-end: var(--tds-content_container--gutter);
    -webkit-padding-start: var(--tds-content_container--gutter);
    padding-inline-end: var(--tds-content_container--gutter);
    padding-inline-start: var(--tds-content_container--gutter)
}

.tds-content_container>.tds-layout {
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}

@media (min-width:600px) {
    .tds-layout {
        grid-gap: 0 var(--tds-size--3x);
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        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 {
    -webkit-padding-start: 0;
    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 {
        -webkit-padding-start: 24px;
        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 {
        -webkit-padding-start: 0;
        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(-webkit-min-content, 318px);
        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(-webkit-min-content, 318px) 7fr 1fr 1fr;
        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 {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px
    }
    .tds-layout-2col-content_heavy.tds-layout-main--left {
        grid-template: "main aside" 1fr/9fr minmax(-webkit-min-content, 318px);
        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(-webkit-min-content, 318px) 9fr;
        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-gap: 0;
        grid-template: "checkboard--row" 1fr/1fr
    }
    .tds-layout-checkerboard .tds-layout-item {
        align-content: center;
        align-items: stretch;
        display: grid;
        grid-template: "checkerboard-asset checkerboard-caption" 1fr/1fr 1fr;
        justify-content: center
    }
    .tds-layout-checkerboard .tds-layout-checkerboard--caption {
        -webkit-padding-start: var(--tds-size--8x);
        -webkit-padding-end: var(--tds-size--8x);
        grid-area: checkerboard-caption;
        padding-inline-end: var(--tds-size--8x);
        padding-inline-start: 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(2n) {
        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));
    grid-gap: 0 24px;
    display: grid;
    grid-template-areas: "tds-shell-masthead" "tds-shell-content" "tds-shell-footer";
    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
}

.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;
    min-inline-size: 100vw;
    min-inline-size: -webkit-fill-available
}

.tds-shell-footer--is_sticky,
.tds-shell-masthead--is_sticky {
    position: -webkit-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;
    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: normal
}

.tds-link {
    --tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tds-size--half))*-1);
    background-color: transparent;
    border: 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0 var(--tds-border-width--small) 0 0 currentColor;
    color: var(--tds-theme-foreground);
    cursor: pointer;
    font-family: var(--tds-font-family--combined);
    padding: 0;
    position: relative;
    text-align: initial;
    transition: box-shadow .33s var(--tds-bezier), color .33s ease
}

.tds-link:is(:focus,
.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: none
}

.tds-link--secondary {
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-link--primary,
.tds-link--secondary {
    box-shadow: 0 0 0 0 transparent;
    font-weight: var(--tds-font-weight--medium, 500)
}

.tds-link--primary {
    color: var(--tds-theme-foreground-primary)
}

.tds-link--vertical {
    -webkit-padding-start: var(--tds-size--half);
    box-shadow: 0 0 0 0 transparent;
    padding-inline-start: var(--tds-size--half)
}

@media (hover:hover) {
    .tds-link:is(:hover,
    .tds--hover):not(.tds-link--primary,
    .tds-link--vertical):not([disabled],
    .tds--disabled) {
        box-shadow: 0 var(--tds-border-width--medium) 0 0 currentColor;
        color: var(--tds-theme-foreground-high-contrast)
    }
    .tds-link--primary:is(:hover,
    .tds--hover):not([disabled],
    .tds--disabled) {
        box-shadow: 0 0 0 0 transparent;
        color: var(--tds-theme-primary-highlight)
    }
    .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 {
    -webkit-margin-start: 28px;
    margin-inline-start: 28px
}

.tds-link--icon-trailing {
    -webkit-margin-end: 28px;
    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 {
    -webkit-padding-before: 14px;
    padding-block-start: 14px
}

.tds-list--ordered,
.tds-list--padded,
.tds-list--timeline,
.tds-list--unordered {
    --tds-list-item--padding-inline: var(--tds-size--half);
    -webkit-padding-start: var(--tds-size--3x);
    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) {
    -webkit-padding-end: var(--tds-list-item--padding-inline);
    -webkit-padding-start: var(--tds-list-item--padding-inline);
    padding-inline-end: var(--tds-list-item--padding-inline);
    padding-inline-start: 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) {
    -webkit-margin-after: var(--tds-list-item--margin-block);
    margin-block-end: var(--tds-list-item--margin-block)
}

@media (min-width:600px) {
    .tds-list--horizontal>li:not(:last-of-type) {
        -webkit-margin-after: 0;
        -webkit-margin-end: calc(var(--tds-list-item--margin-block) + .5em);
        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);
    background-color: var(--tds-theme-background, var(--tds-theme-foreground-on-primary));
    left: var(--tds-icon--list-inset);
    position: absolute;
    top: calc(var(--tds-size--1x) + 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color .3s ease;
    z-index: 1
}

[dir=rtl] .tds-list>li>.tds-icon:first-child {
    left: auto;
    right: var(--tds-icon--list-inset)
}

.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 {
    -webkit-margin-after: var(--tds-list-item--margin-block);
    margin-block-end: var(--tds-list-item--margin-block)
}

.tds-list--small-borders>li:before {
    -webkit-margin-after: calc(var(--tds-list-item--margin-block)/2);
    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 {
    -webkit-margin-after: var(--tds-list-item--margin-block);
    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 {
    -webkit-margin-start: -3px;
    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 {
    -webkit-border-after: 1px solid var(--tds-theme-background-container-alt);
    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 {
    -webkit-padding-before: var(--tds-size--half);
    padding-block-start: var(--tds-size--half)
}

.tds-tooltip>.tds-listbox-search .tds-form-input:focus-within {
    outline: none
}

.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:focus-within {
    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-listbox-option {
    --tds-form--indent: 20px;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    inline-size: 100%;
    justify-content: space-between;
    margin: 0;
    max-inline-size: 100%;
    min-block-size: var(--tds-size--4x);
    outline-offset: -2px;
    padding: var(--tds-size--half) var(--tds-form--indent);
    text-align: start;
    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: none
}

.tds-listbox-option:is(:focus-visible,
.tds--focus) {
    border-radius: var(--tds-size--half);
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-listbox-option:is(:focus,
.tds--focus) {
    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;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: color .3s ease, -webkit-transform .3s ease;
    transition: color .3s ease, transform .3s ease;
    transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.tds--selected .tds-icon {
    color: currentColor;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tds-singleselect-icon {
    -webkit-margin-start: var(--tds-size--1x);
    margin-inline-start: var(--tds-size--1x);
    top: 0
}

.tds-multiselect-box {
    -webkit-margin-end: 12px;
    block-size: calc(var(--tds-size--2x) + 2px);
    border: 1px solid var(--tds-theme-border);
    border-radius: var(--tds-size--half);
    display: inline-block;
    inline-size: calc(var(--tds-size--2x) + 2px);
    margin-inline-end: 12px;
    transition: border-color .3s ease
}

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

.tds-loader {
    background-color: var(--tds-color--scrim--semitransparent);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    z-index: 1010
}

.tds-loader--show {
    opacity: 1;
    pointer-events: inherit
}

.tds-loader .tds-icon {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.tds-loader .tds-icon-loader {
    --tds-icon--size: var(--tds-size--6x);
    -webkit-animation: var(--tds--rotating);
    animation: var(--tds--rotating);
    opacity: var(--tds-ui-opacity-70)
}

.tds-loader .tds-icon-logo {
    -webkit-animation: var(--tds--pulsing);
    animation: var(--tds--pulsing);
    color: var(--tds-theme-foreground-low-contrast)
}

.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 {
    background-color: transparent;
    cursor: pointer;
    display: flex;
    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 {
    -webkit-margin-end: -12px;
    -webkit-margin-start: -12px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-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 {
    -webkit-column-count: 1;
    column-count: 1
}

.tds-locale-selector-region-name {
    -webkit-padding-after: 12px;
    -webkit-padding-before: var(--tds-size--2x);
    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 {
    -webkit-padding-before: 0;
    padding-block-start: 0
}

.tds-locale-selector-country {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    flex-flow: row wrap;
    transition: background-color .33s ease
}

.tds-locale-selector-country:not(:last-child) {
    -webkit-margin-after: var(--tds-size--half);
    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 {
    -webkit-padding-start: var(--tds-size--1x);
    padding-inline-start: var(--tds-size--1x)
}

.tds-card.tds-locale-selector-trigger .tds-icon {
    -webkit-margin-before: calc(var(--tds-size--1x) - 2px);
    -webkit-margin-start: 12px;
    margin-block-start: calc(var(--tds-size--1x) - 2px);
    margin-inline-start: 12px
}

.tds-locale-selector-trigger:focus {
    outline: none
}

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

@media (hover:hover) {
    .tds-card.tds-locale-selector-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 {
    -webkit-margin-before: 2px;
    font-size: 12px;
    margin-block-start: 2px
}

.tds-locale-selector-language:not(:last-child) {
    -webkit-margin-end: var(--tds-size--2x);
    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 {
        -webkit-column-count: 1;
        column-count: 1
    }
    .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child>tds-locale-selector-region-name {
        -webkit-padding-before: 0;
        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
}

.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: -webkit-min-content 1fr;
    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);
    -webkit-padding-end: 12px;
    -webkit-padding-start: 0;
    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,
.tds-media-player [aria-pressed=true] .tds-icon.tds-icon-speaker--low>g:not(:first-of-type,
:last-of-type),
.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--high>g:is(:last-of-type) {
    display: initial
}

.tds-modal--is-open {
    overflow: hidden
}

.tds-modal {
    --tds-modal-border-radius: var(--tds-size--1x);
    -ms-scroll-chaining: none;
    background-color: var(--tds-theme-background-dialog);
    block-size: var(--tds-modal--height);
    border: none;
    border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
    bottom: 0;
    box-shadow: var(--tds-box-shadow--large-reverse);
    color: var(--tds-theme-foreground);
    display: flex;
    flex-direction: column;
    inline-size: var(--tds-modal--width);
    left: 0;
    max-block-size: calc(100% - var(--tds-size--3x));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    position: fixed;
    right: 0;
    z-index: 1000
}

.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;
    pointer-events: none;
    transition: opacity .5s var(--tds-bezier), visibility 0s .5s, -webkit-transform .5s var(--tds-bezier);
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s, -webkit-transform .5s var(--tds-bezier);
    visibility: hidden
}

.tds-modal--fullscreen:not([open]),
.tds-modal:not([open]) {
    -webkit-transform: translateX(0) translateY(50%);
    transform: translateX(0) translateY(50%)
}

.tds-modal--sheet-left:not([open]),
[dir=rtl] .tds-modal--sheet-right:not([open]) {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.tds-modal--sheet-right:not([open]),
[dir=rtl] .tds-modal--sheet-left:not([open]) {
    -webkit-transform: translateX(50%) translateY(0);
    transform: translateX(50%) translateY(0)
}

.tds-modal[open] {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    transition: opacity .5s var(--tds-bezier), visibility 0s 0s, -webkit-transform .5s var(--tds-bezier);
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s 0s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s 0s, -webkit-transform .5s var(--tds-bezier);
    visibility: inherit
}

@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);
        border-radius: var(--tds-modal-border-radius);
        bottom: 50%;
        box-shadow: var(--tds-box-shadow--large);
        margin: auto;
        max-block-size: calc(100% - var(--tds-size--12x));
        max-inline-size: calc(100vw - var(--tds-size--12x));
        min-block-size: var(--tds-size--8x)
    }
    .tds-modal--fullscreen,
    .tds-modal--sheet-left,
    .tds-modal--sheet-right {
        border-radius: 0;
        bottom: 0;
        max-block-size: 100vh
    }
    .tds-modal--fullscreen {
        max-inline-size: 100vw
    }
    .tds-modal:not([open]) {
        -webkit-transform: translateX(0) translateY(100%);
        transform: translateX(0) translateY(100%)
    }
    .tds-modal--sheet-left:not([open]),
    [dir=rtl] .tds-modal--sheet-right:not([open]) {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    .tds-modal--sheet-right:not([open]),
    [dir=rtl] .tds-modal--sheet-left:not([open]) {
        -webkit-transform: translateX(50%) translateY(0);
        transform: translateX(50%) translateY(0)
    }
    .tds-modal[open] {
        -webkit-transform: translateX(0) translateY(50%);
        transform: translateX(0) translateY(50%)
    }
    .tds-modal--fullscreen[open],
    .tds-modal--sheet-left[open],
    .tds-modal--sheet-right[open] {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

dialog.tds-modal::-webkit-backdrop {
    display: none !important
}

dialog.tds-modal::backdrop {
    display: none !important
}

.tds-component-preview,
:root {
    --tds-modal-backdrop--rgb: 0, 0, 0
}

.tds-modal-backdrop {
    background-color: rgba(var(--tds-modal-backdrop--rgb), var(--tds-modal-backdrop--opacity));
    block-size: 120vh;
    inline-size: 120vw;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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;
    z-index: 999
}

.tds-modal:not([open])+.tds-modal-backdrop {
    --tds-modal-backdrop--opacity: 0;
    -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 {
    -webkit-padding-start: var(--tds-size--3x);
    align-items: flex-start;
    background-color: var(--tds-theme-background-dialog);
    box-shadow: 0 -2px 0 0 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: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

.tds-modal-close {
    -webkit-appearance: none;
    appearance: none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: transparent;
    border: none;
    border-radius: var(--tds-border-radius--pill);
    cursor: pointer;
    outline: none;
    padding: var(--tds-size--1x);
    transition: background-color .33s ease;
    z-index: 10
}

[dir=rtl] .tds-modal-close {
    left: 0;
    right: auto
}

.tds-modal-close:hover {
    background-color: var(--tds-theme-background-container-alt)
}

.tds-modal-close:focus {
    outline: none
}

.tds-modal-close:focus-visible {
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds--indicate-focus .tds-modal-close:focus {
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds-modal-close--over-image:hover {
    background-color: rgba(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) {
    -webkit-padding-after: 0;
    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: -webkit-sticky;
    position: sticky;
    transition: padding .33s var(--tds-bezier);
    z-index: 11
}

.tds-modal--scrolling .tds-modal-header>:is(h1,
h2,
h3) {
    -webkit-padding-before: var(--tds-size--1x);
    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 {
    -webkit-padding-before: var(--tds-size--half);
    padding-block-start: var(--tds-size--half)
}

.tds-modal-content:not(:last-child) {
    -webkit-padding-after: 0;
    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-content,
    .tds-modal-footer,
    .tds-modal-header {
        -webkit-padding-start: var(--tds-size--6x);
        padding-inline-start: var(--tds-size--6x)
    }
    .tds-modal-content,
    .tds-modal-footer {
        -webkit-padding-end: var(--tds-size--6x);
        padding-inline-end: var(--tds-size--6x)
    }
    .tds-modal--sheet-small .tds-modal-content,
    .tds-modal--sheet-small .tds-modal-footer {
        -webkit-padding-start: var(--tds-size--4x);
        -webkit-padding-end: var(--tds-size--4x);
        padding-inline-end: var(--tds-size--4x);
        padding-inline-start: 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 {
    grid-gap: 0 var(--tds-size--3x);
    -webkit-margin-after: var(--tds-page-layout--footer-start-space);
    -webkit-padding-end: var(--tds-content_container--gutter);
    -webkit-padding-start: var(--tds-content_container--gutter);
    display: grid;
    grid-template-areas: "title title" "open open" "main main" "aside aside";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
    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 {
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}

.tds-page-aside {
    grid-area: aside
}

.tds-page-open {
    grid-area: open
}

.tds-page-title {
    -webkit-margin-after: var(--tds-page-layout--title-end-space);
    display: grid;
    grid-area: title;
    grid-template: "top" "text" "bottom" "trailing";
    grid-template-rows: minmax(var(--tds-page-layout--title-start-space), -webkit-max-content) auto auto auto;
    grid-template-rows: minmax(var(--tds-page-layout--title-start-space), max-content) auto auto auto;
    margin-block-end: var(--tds-page-layout--title-end-space)
}

.tds-page-title-top {
    -webkit-padding-after: var(--tds-page-layout--title-top-slot-space);
    -webkit-padding-before: var(--tds-page-layout--title-top-slot-space);
    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 {
    -webkit-padding-after: 0;
    -webkit-padding-before: 0;
    padding-block-end: 0;
    padding-block-start: 0
}

.tds-page-title-trailing {
    -webkit-margin-before: var(--tds-size--2x);
    align-self: center;
    grid-area: trailing;
    margin-block-start: var(--tds-size--2x)
}

.tds-page-title-bottom {
    -webkit-padding-before: var(--tds-size--2x);
    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: -webkit-min-content 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"
    }
    .tds-page-layout--content-level-aside,
    .tds-page-layout--top-level-aside {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: -webkit-min-content -webkit-min-content 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"
    }
    .tds-page-title {
        grid-template-areas: "top ." "text trailing" "bottom .";
        grid-template-rows: minmax(var(--tds-page-layout--title-start-space), -webkit-max-content) auto auto;
        grid-template-rows: minmax(var(--tds-page-layout--title-start-space), max-content) auto auto
    }
    .tds-page-title-trailing {
        -webkit-margin-before: 0;
        -webkit-margin-start: var(--tds-size--3x);
        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 . ."
    }
    .tds-page-layout--content-level-aside.tds-page-layout--narrow-main,
    .tds-page-layout--narrow-main {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: -webkit-min-content 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"
    }
    .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: -webkit-min-content 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 {
        -webkit-margin-before: var(--tds-page-layout--title-start-space);
        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-family: var(--tds-font-family--combined);
    font-weight: var(--tds-font-weight--medium)
}

.tds-pagination-navigation {
    line-height: normal
}

.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-padding-end: var(--tds-size--3x);
    -webkit-appearance: none;
    appearance: none;
    padding-inline-end: var(--tds-size--3x);
    position: relative
}

.tds-pagination-primary .tds-pagination-current select {
    -webkit-padding-start: var(--tds-size--1x);
    padding-inline-start: var(--tds-size--1x)
}

.tds-pagination-secondary .tds-pagination-current select {
    -webkit-padding-start: var(--tds-size--half);
    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 {
    pointer-events: none;
    position: absolute;
    right: var(--tds-size--half);
    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 .tds-pagination-current,
    .tds-pagination-primary>select {
        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: -webkit-max-content;
    inline-size: max-content;
    white-space: nowrap
}

.tds-pagination-secondary--value {
    color: var(--tds-theme-foreground)
}

.tds-pagination-navigation+.tds-pagination-navigation {
    -webkit-margin-start: var(--tds-size--3x);
    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-content: center;
    align-items: center;
    display: flex;
    justify-content: center
}

.tds-selector {
    --tds-selector-font-color--selected: var(--tds-color-white);
    grid-gap: var(--tds-size--1x) calc(var(--tds-size--1x)*1.5);
    display: grid;
    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;
    -ms-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% + var(--tds-icon--size)/2);
    --tds-stepper--list-item-height: var(--tds-icon--size);
    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);
    -webkit-column-gap: var(--tds-size--2x);
    column-gap: var(--tds-size--2x);
    display: grid;
    grid-template: "circle text" -webkit-min-content/var(--tds-icon--size) -webkit-max-content;
    grid-template: "circle text" min-content/var(--tds-icon--size) max-content;
    position: relative;
    text-align: start
}

.tds-stepper-item:not(:first-of-type) {
    -webkit-margin-before: var(--tds-size--3x);
    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 {
    -webkit-padding-end: 3px;
    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 {
    background-color: var(--tds-stepper--mask-color);
    block-size: var(--tds-size--2x);
    border: var(--tds-size--half) solid var(--tds-stepper--mask-color);
    border-radius: 50%;
    box-shadow: inset 0 0 0 var(--tds-stepper--circle-stroke) currentColor;
    box-sizing: unset;
    content: "";
    grid-area: circle;
    inline-size: var(--tds-size--2x)
}

@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 {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        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(-webkit-min-content, 1fr);
        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 {
        -webkit-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) {
        -webkit-margin-before: unset;
        -webkit-margin-start: var(--tds-size--1x);
        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 {
        -webkit-margin-before: 2px;
        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% - 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 {
        -webkit-padding-after: var(--tds-size--half);
        -webkit-padding-before: var(--tds-size--half);
        max-inline-size: var(--tds-setpper-item--text-width);
        min-inline-size: var(--tds-setpper-item--text-width);
        overflow: hidden;
        overflow-wrap: break-word;
        padding-block-end: var(--tds-size--half);
        padding-block-start: var(--tds-size--half);
        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 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        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)
    }
}

.tds-sidenav {
    --tds-nav-item--color: var(--tds-theme-foreground-low-contrast);
    --tds-sidenav--content-buffer: var(--tds-size--3x);
    --tds-sidenav--item-padding-inline: var(--tds-size--2x);
    -webkit-margin-end: calc(var(--tds-sidenav--item-padding-inline)*-1);
    -webkit-margin-start: calc(var(--tds-sidenav--item-padding-inline)*-1);
    -webkit-padding-end: var(--tds-sidenav--content-buffer);
    inline-size: calc(100% + var(--tds-sidenav--item-padding-inline)*2 + var(--tds-sidenav--content-buffer));
    margin-inline-end: calc(var(--tds-sidenav--item-padding-inline)*-1);
    margin-inline-start: calc(var(--tds-sidenav--item-padding-inline)*-1);
    padding-inline-end: var(--tds-sidenav--content-buffer)
}

.tds-sidenav--sticky {
    --tds-sidenav--scroll-buffer: var(--tds-size--3x);
    -webkit-margin-after: calc(var(--tds-sidenav--scroll-buffer)*-1);
    -webkit-margin-before: calc(var(--tds-sidenav--scroll-buffer)*-1);
    -webkit-padding-after: var(--tds-sidenav--scroll-buffer);
    -webkit-padding-before: var(--tds-sidenav--scroll-buffer);
    bottom: 0;
    margin-block-end: calc(var(--tds-sidenav--scroll-buffer)*-1);
    margin-block-start: calc(var(--tds-sidenav--scroll-buffer)*-1);
    max-block-size: 100vh;
    overflow-y: auto;
    padding-block-end: var(--tds-sidenav--scroll-buffer);
    padding-block-start: var(--tds-sidenav--scroll-buffer);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.tds-sidenav .tds-site-nav-items--vertical .tds-site-nav-item-text {
    -webkit-margin-end: var(--tds-size--1x);
    -webkit-margin-start: var(--tds-size--1x);
    margin-inline-end: var(--tds-size--1x);
    margin-inline-start: var(--tds-size--1x)
}

.tds-sidenav .tds-sidenav-group {
    display: none;
    font-size: var(--tds-font-size--20)
}

.tds-sidenav .tds-site-nav-items--vertical .tds-site-nav-item {
    block-size: var(--tds-size--5x)
}

.tds-sidenav .tds-site-nav-items--vertical .tds-sidenav-group .tds-site-nav-item {
    -webkit-padding-start: var(--tds-sidenav--item-padding-inline);
    block-size: var(--tds-size--4x);
    padding-inline-start: var(--tds-sidenav--item-padding-inline)
}

.tds-site-nav-item+.tds-sidenav-group {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.tds-sidenav .tds-site-nav-item.active {
    --tds-nav-item--color: var(--tds-theme-foreground-high-contrast)
}

.tds-sidenav .tds-site-nav-item .tds-icon:first-child {
    -webkit-margin-start: var(--tds-size--half);
    margin-inline-start: var(--tds-size--half)
}

.tds-sidenav .tds-site-nav-item .tds-icon:last-child {
    -webkit-margin-end: var(--tds-size--1x);
    margin-inline-end: var(--tds-size--1x)
}

[dir=rtl] .tds-sidenav .tds-site-nav-item .tds-icon:last-child {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tds-sidenav .tds-site-nav-item.active .tds-icon:last-child {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

[dir=rtl] .tds-sidenav .tds-site-nav-item.active .tds-icon:last-child {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg)
}

.tds-site-nav-item.active+.tds-sidenav-group {
    display: block
}

.tds-site-footer {
    font-size: var(--tds-font-size--20);
    inline-size: 100%
}

.tds-site-footer--sticky {
    bottom: 0;
    position: -webkit-sticky;
    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-family: var(--tds-font-family--combined);
    font-weight: var(--tds-font-weight--medium)
}

.tds-footer-item .tds-link:not(.tds--disabled):not(.tds-link--primary) {
    box-shadow: none;
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-footer-item .tds-link:not(.tds--disabled):not(.tds-link--primary):hover {
    box-shadow: none
}

@media (min-width:600px) {
    .tds-footer-nav>ul {
        flex-flow: row wrap
    }
    .tds-footer-nav>ul>li {
        -webkit-padding-before: var(--tds-size--1x);
        -webkit-padding-after: var(--tds-size--1x);
        padding-block-end: var(--tds-size--1x);
        padding-block-start: var(--tds-size--1x)
    }
    .tds-footer-nav>ul>li:first-child {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
    .tds-footer-nav>ul>li:last-child {
        -webkit-padding-end: 0;
        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;
    justify-content: space-between;
    position: relative;
    z-index: 10
}

.tds-global-menu,
.tds-site-header {
    inline-size: 100%
}

.tds-site-header--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.tds-site-header .tds-align--start {
    -webkit-padding-start: var(--tds-size--1x);
    justify-content: flex-start;
    padding-inline-start: var(--tds-size--1x)
}

.tds-site-header .tds-align--center {
    -webkit-padding-end: var(--tds-size--1x);
    -webkit-padding-start: var(--tds-size--1x);
    justify-content: center;
    padding-inline-end: var(--tds-size--1x);
    padding-inline-start: var(--tds-size--1x)
}

.tds-site-header .tds-align--end {
    -webkit-padding-end: var(--tds-size--1x);
    justify-content: flex-end;
    padding-inline-end: var(--tds-size--1x)
}

@media (min-width:600px) {
    .tds-site-header .tds-align--start {
        -webkit-padding-start: 20px;
        padding-inline-start: 20px
    }
    .tds-site-header .tds-align--end {
        -webkit-padding-end: 20px;
        padding-inline-end: 20px
    }
}

@media (min-width:1200px) {
    .tds-site-header .tds-align--start {
        -webkit-padding-start: var(--tds-size--4x);
        flex-basis: 0;
        flex-grow: 1;
        padding-inline-start: var(--tds-size--4x)
    }
    .tds-site-header .tds-align--end {
        -webkit-padding-end: var(--tds-size--4x);
        flex-basis: 0;
        flex-grow: 1;
        padding-inline-end: var(--tds-size--4x)
    }
}

.tds-site-header-modal {
    -webkit-padding-after: var(--tds-size--6x);
    padding-block-end: var(--tds-size--6x)
}

.tds-site-header-modal .tds-modal-header {
    padding: 20px
}

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

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

.tds-icon.tds-site-logo-icon path {
    transition: fill .33s ease
}

.tds-site-header>.tds-site-logo {
    min-block-size: var(--tds-site-header--height)
}

.tds-site-logo-link {
    box-shadow: none;
    padding: 0 var(--tds-size--2x)
}

.tds-site-logo-link,
.tds-site-logo-link+.tds-site-app-title {
    align-items: center;
    display: inline-flex;
    min-block-size: var(--tds-size--4x)
}

.tds-site-logo-link+.tds-site-app-title {
    -webkit-margin-start: calc(var(--tds-size--1x) + 2px);
    font-size: var(--tds-font-size--20);
    letter-spacing: 0;
    line-height: var(--tds-line-height--20);
    margin-inline-start: calc(var(--tds-size--1x) + 2px);
    padding: 0 var(--tds-size--1x);
    position: relative
}

.tds-site-logo-link+.tds-site-app-title:before {
    background-color: var(--tds-theme-foreground-high-contrast);
    block-size: var(--tds-line-height--20);
    content: "";
    display: block;
    inline-size: 1px;
    left: calc(var(--tds-size--2x)*-1);
    margin: 0 var(--tds-size--1x);
    position: absolute
}

[dir=rtl] .tds-site-logo-link+.tds-site-app-title:before {
    left: unset;
    right: calc(var(--tds-size--2x)*-1)
}

@media (min-width:600px) {
    .tds-site-logo-link+.tds-site-app-title {
        font-size: var(--tds-font-size--30);
        line-height: var(--tds-line-height--30)
    }
    .tds-site-logo-link+.tds-site-app-title:before {
        block-size: var(--tds-line-height--30)
    }
}

.tds-skip-to-content {
    align-items: center;
    font-size: var(--tds-font-size--20);
    line-height: 1.414;
    min-block-size: var(--tds-size--4x);
    padding: var(--tds-size--1x) var(--tds-size--2x);
    position: absolute;
    top: var(--tds-size--6x)
}

.tds-site-logo :focus {
    border-radius: 12px;
    outline: none
}

.tds-site-logo :focus-visible {
    outline: var(--tds-outline--focus);
    outline-offset: 0
}

.tds--indicate-focus .tds-site-logo :focus {
    outline: var(--tds-outline--focus);
    outline-offset: 0
}

.tds-site-nav-item {
    --tds-nav-item--padding: var(--tds-size--1x);
    --tds-nav-item--width: auto;
    align-items: center;
    border-radius: var(--tds-border-radius--pill);
    color: var(--tds-nav-item--color);
    display: inline-flex;
    font-weight: var(--tds-font-weight--medium);
    inline-size: var(--tds-nav-item--width);
    min-block-size: var(--tds-size--4x);
    padding: var(--tds-size--half) var(--tds-size--1x);
    transition: color .33s ease, background-color .33s ease
}

.tds-site-nav-items--vertical .tds-site-nav-item {
    inline-size: 100%
}

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

.tds-site-nav-item:focus-visible {
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-site-nav-item:focus {
    outline: var(--tds-outline--focus)
}

.tds-modal-header .tds-nav-back {
    background: none;
    font-size: 12px;
    margin: 4px 0;
    position: relative;
    top: 1px
}

@media (max-width:599px) {
    .tds-nav-menu {
        font-size: 12px;
        min-block-size: 28px;
        padding: 0 var(--tds-size--1x)
    }
}

.tds-site-nav-item.tds-animate--backdrop {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    background-color: transparent
}

.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);
    block-size: var(--tds-animate-backdrop-height, 1px);
    border-radius: var(--tds-border-radius--pill);
    display: block;
    inline-size: var(--tds-animate-backdrop-width, 1px);
    left: var(--tds-animate-backdrop-left, 0);
    opacity: var(--tds-animate-backdrop-opacity, 0);
    position: absolute;
    top: var(--tds-animate-backdrop-top, 0);
    transition: var(--tds-animate-backdrop-transition, opacity .5s ease, visibility 0s 0s);
    visibility: var(--tds-animate-backdrop-visibility);
    z-index: -1
}

.tds-site-nav-item-text {
    color: var(--tds-color-white);
    margin: 0 var(--tds-size--1x);
    transition: color .33s ease
}

.tds-site-nav-items--vertical .tds-site-nav-item-text {
    flex-grow: 1;
    margin: 0 var(--tds-size--half);
    text-align: start;
    color: var(--tds-nav-item--color);
}

.tds-nav-back .tds-site-nav-item-text {
    margin: 0
}

.tds-site-nav-item .tds-icon:only-child {
    -webkit-margin-end: -4px;
    -webkit-margin-start: -4px;
    margin-inline-end: -4px;
    margin-inline-start: -4px
}

.tds-site-nav-items {
    align-items: center;
    display: flex;
    margin: 0;
    position: relative;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    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 {
    align-items: normal;
    flex-direction: column
}

.tds-site-nav-items--vertical>li:not(:last-child) {
    -webkit-margin-after: var(--tds-size--1x);
    margin-block-end: var(--tds-size--1x)
}

.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) {
    -webkit-padding-before: 0;
    padding-block-start: 0
}

.tds-status_msg:not(.tds-card) .tds-card-body {
    -webkit-padding-after: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: calc(var(--tds-card--padding)/3);
    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 {
    -webkit-padding-after: 2px;
    -webkit-padding-before: 2px;
    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: -webkit-min-content;
    inline-size: min-content;
    position: relative;
    -webkit-user-select: none;
    -ms-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 {
    background-color: var(--tds-theme-background-container-alt);
    block-size: var(--tds-switch_toggle--size);
    border-radius: var(--tds-switch_toggle--radius);
    display: block;
    inline-size: calc(var(--tds-switch_toggle--size)*2);
    position: relative;
    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 {
    -webkit-margin-start: var(--tds-switch_toggle--spacer);
    -webkit-margin-end: var(--tds-switch_toggle--spacer);
    color: var(--tds-theme-foreground-high-contrast);
    font-size: var(--tds-switch_toggle--font-size);
    line-height: 1;
    margin-inline-end: var(--tds-switch_toggle--spacer);
    margin-inline-start: var(--tds-switch_toggle--spacer);
    text-transform: none;
    transition: color .5s ease
}

.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;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: color .5s var(--tds-bezier), -webkit-transform .5s var(--tds-bezier);
    transition: transform .5s var(--tds-bezier), color .5s var(--tds-bezier);
    transition: transform .5s var(--tds-bezier), color .5s var(--tds-bezier), -webkit-transform .5s var(--tds-bezier);
    z-index: 10
}

.tds-switch_toggle-checkbox:checked~.tds-switch_toggle-track:after {
    -webkit-transform: translateX(var(--tds-switch_toggle--size));
    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 {
    -webkit-transform: translateX(calc(var(--tds-switch_toggle--size)*-1));
    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 {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tds-component-preview,
:root {
    --tds-table--vertical-align: middle;
    --tds-table-background-color: transparent;
    --tds-table-border_color: var(--tds-color-grey-50);
    --tds-table-border_spacing: 0;
    --tds-table-border_width: 1px;
    --tds-table-caption-background-color: transparent;
    --tds-table-caption-top: 0;
    --tds-table-header-font_size: var(--tds-font-size--30);
    --tds-table-padding--horizontal: var(--tds-size--2x);
    --tds-table-padding--vertical: var(--tds-size--2x)
}

.tds-density--dense {
    --tds-table-border_spacing: 0;
    --tds-table-border_width: 1px;
    --tds-table-header-font_size: var(--tds-font-size--20);
    --tds-table-padding--horizontal: var(--tds-size--1x);
    --tds-table-padding--vertical: var(--tds-size--1x)
}

.tds-table--align_middle {
    --tds-table--vertical-align: middle
}

.tds-table--align_top {
    --tds-table--vertical-align: top
}

.tds-table--align_bottom {
    --tds-table--vertical-align: bottom
}

.tds-table {
    border-collapse: collapse;
    border-spacing: var(--tds-table-border_spacing);
    font-size: var(--tds-font-size--30);
    inline-size: 100%;
    text-align: start
}

.tds-table--bordered td,
.tds-table--bordered th {
    border: var(--tds-table-border_width) solid var(--tds-theme-border)
}

.tds-table-caption {
    background-color: var(--tds-table-caption-background-color)
}

.tds-table-row td,
.tds-table-row th {
    -webkit-padding-after: var(--tds-table-padding--vertical);
    -webkit-padding-before: var(--tds-table-padding--vertical);
    background-color: var(--tds-table-background-color);
    font-size: var(--tds-table-header-font_size);
    padding-block-end: var(--tds-table-padding--vertical);
    padding-block-start: var(--tds-table-padding--vertical);
    text-align: start;
    vertical-align: var(--tds-table--vertical-align)
}

.tds-table-row p {
    margin: 0
}

.tds-table-col--selected,
.tds-table-row--selected td,
.tds-table-row--selected th {
    --tds-table-background-color: var(--tds-theme-background-container)
}

.tds-table--padded_cells td,
.tds-table--padded_cells th {
    -webkit-padding-end: var(--tds-table-padding--horizontal);
    -webkit-padding-start: var(--tds-table-padding--horizontal);
    padding-inline-end: var(--tds-table-padding--horizontal);
    padding-inline-start: var(--tds-table-padding--horizontal)
}

.tds-table--thead_border .tds-table-head th {
    -webkit-border-after: var(--tds-table-border_width) solid var(--tds-theme-border);
    border-block-end: var(--tds-table-border_width) solid var(--tds-theme-border)
}

.tds-scrim--black {
    --tds-table-background-color: var(--tds-color-grey-15)
}

.tds-scrim--black .tds-table td,
.tds-scrim--black .tds-table th {
    color: var(--tds-color-white)
}

.tds-table-head .tds-table-row th {
    color: var(--tds-theme-foreground);
    font-family: var(--tds-font-family--combined);
    font-weight: var(--tds-font-weight--medium)
}

.tds-table--hoverable .tds-table-body .tds-table-row:hover td,
.tds-table--hoverable .tds-table-body .tds-table-row:hover th {
    background-color: var(--tds-theme-background-container)
}

@media (max-width:599px) {
    .tds-table--responsive .tds-table {
        display: flex;
        flex-flow: row wrap
    }
    .tds-table--responsive .tds-table-caption {
        -webkit-border-after: 1px solid var(--tds-color-grey-50);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        border-block-end: 1px solid var(--tds-color-grey-50);
        padding: var(--tds-size--2x);
        position: -webkit-sticky;
        position: sticky;
        top: var(--tds-table-caption-top)
    }
    .tds-table--responsive .tds-table-caption--white {
        --tds-table-caption-background-color: hsla(0, 0%, 100%, .5)
    }
    .tds-table--responsive .tds-table-caption--light {
        --tds-table-caption-background-color: hsla(0, 0%, 49%, .5)
    }
    .tds-table--responsive .tds-table-caption--black {
        --tds-table-caption-background-color: rgba(0, 0, 0, .5)
    }
    .tds-table--responsive .tds-table-caption h1,
    .tds-table--responsive .tds-table-caption h2,
    .tds-table--responsive .tds-table-caption h3,
    .tds-table--responsive .tds-table-caption h4,
    .tds-table--responsive .tds-table-caption h5,
    .tds-table--responsive .tds-table-caption h6 {
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
    .tds-table--responsive .tds-table-body,
    .tds-table--responsive .tds-table-foot,
    .tds-table--responsive .tds-table-head,
    .tds-table--responsive .tds-table-row {
        display: block;
        max-inline-size: calc(100vw - var(--tds-size--3x)*2);
        overflow: scroll
    }
    .tds-table--responsive .tds-table-row td {
        -webkit-padding-after: 0;
        display: inline-flex;
        flex-flow: row wrap;
        inline-size: 100%;
        padding-block-end: 0
    }
    .tds-table--bordered .tds-table-row {
        -webkit-padding-before: 0;
        -webkit-padding-end: 0;
        -webkit-margin-after: var(--tds-size--1x);
        margin-block-end: var(--tds-size--1x);
        padding-block-start: 0;
        padding-inline-end: 0
    }
    .tds-table--responsive .tds-table-head {
        left: -9999px;
        position: absolute;
        top: -9999px
    }
    .tds-table--responsive td:before,
    .tds-table--responsive th:before {
        content: var(--columnHeader) ": ";
        display: block;
        font-family: var(--tds-font-family--combined);
        font-size: var(--tds-font-size--40);
        font-weight: var(--tds-font-weight--medium);
        inline-size: 100%;
        line-height: var(--tds-line-height--40);
        max-inline-size: 100%;
        min-inline-size: 100%
    }
    .tds-table-responsive .tds-table-row {
        -webkit-padding-before: var(--tds-size--2x);
        -webkit-padding-after: var(--tds-size--2x);
        -webkit-border-after: 1px solid var(--tds-color-grey-50);
        border-block-end: 1px solid var(--tds-color-grey-50);
        padding-block-end: var(--tds-size--2x);
        padding-block-start: var(--tds-size--2x)
    }
    .tds-table--responsive.tds-table--padded_cells th {
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
    .tds-table--responsive .tds-table-body th:first-child {
        font-weight: 400
    }
}

@media (min-width:600px) {
    .tds-table--row_border .tds-table-body td,
    .tds-table--row_border .tds-table-body th {
        -webkit-border-before: var(--tds-table-border_width) solid var(--tds-theme-border);
        border-block-start: var(--tds-table-border_width) solid var(--tds-theme-border)
    }
    .tds-table--striped .tds-table-body>.tds-table-row:nth-child(odd)>td,
    .tds-table--striped .tds-table-body>.tds-table-row:nth-child(odd)>th {
        --tds-table-background-color: var(--tds-color--tertiary-highlight)
    }
}

.tds-table--data {
    font-variant-numeric: tabular-nums
}

.tds-component-preview,
:root {
    --tds-table-deux-table-border-width: 1px;
    --tds-table-deux-table-cell-align-items: normal;
    --tds-table-deux-table-cell-before-padding-block-end: 0;
    --tds-table-deux-table-cell-padding-horizontal: var(--tds-size--1x);
    --tds-table-deux-table-cell-padding-vertical: var(--tds-size--1x);
    --tds-table-deux-table-cell-position: static;
    --tds-table-deux-table-cell-vertical-align: middle;
    --tds-table-deux-table-column-inline-size: auto;
    --tds-table-deux-table-column-min-inline-size: 0;
    --tds-table-deux-table-header-font-size: var(--tds-table-header-font_size);
    --tds-table-deux-table-header-font-weight: var(--tds-font-weight--book);
    --tds-table-deux-table-header-line-height: var(--tds-base-line_height)
}

.tds-table-deux-wrapper {
    -webkit-margin-end: calc(var(--tds-size--1x)*-1);
    -webkit-margin-start: calc(var(--tds-size--1x)*-1);
    inline-size: calc(100% + var(--tds-size--2x));
    margin-inline-end: calc(var(--tds-size--1x)*-1);
    margin-inline-start: calc(var(--tds-size--1x)*-1);
    overflow-x: auto
}

.tds-table-deux {
    --tds-table-deux-table-cell-border-block-end: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
    --tds-table-deux-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-deux-head {
    --tds-table-deux-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half))
}

.tds-table-deux-foot {
    --tds-table-deux-table-cell-border-block-end: none;
    --tds-table-deux-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half));
    position: var(--tds-table-deux-table-cell-position)
}

.tds-table-deux-column {
    inline-size: var(--tds-table-deux-table-column-inline-size);
    min-inline-size: var(--tds-table-deux-table-column-min-inline-size)
}

.tds-table-deux--grouped-row .tds-table-deux-column:first-child {
    --tds-table-deux-table-column-inline-size: 40%;
    --tds-table-deux-table-column-min-inline-size: 20ch
}

.tds-table-deux-row td,
.tds-table-deux-row th {
    -webkit-border-after: var(--tds-table-deux-table-cell-border-block-end);
    -webkit-padding-after: var(--tds-table-deux-table-cell-padding-vertical);
    -webkit-padding-before: var(--tds-table-deux-table-cell-padding-vertical);
    -webkit-padding-end: var(--tds-table-deux-table-cell-padding-horizontal);
    -webkit-padding-start: var(--tds-table-deux-table-cell-padding-horizontal);
    border-block-end: var(--tds-table-deux-table-cell-border-block-end);
    line-height: var(--tds-base-line_height);
    min-inline-size: 12ch;
    padding-block-end: var(--tds-table-deux-table-cell-padding-vertical);
    padding-block-start: var(--tds-table-deux-table-cell-padding-vertical);
    padding-inline-end: var(--tds-table-deux-table-cell-padding-horizontal);
    padding-inline-start: var(--tds-table-deux-table-cell-padding-horizontal);
    position: var(--tds-table-deux-table-cell-position);
    text-align: start;
    vertical-align: var(--tds-table-deux-table-cell-vertical-align)
}

.tds-table-deux-column--selected,
.tds-table-deux-row--selected td,
.tds-table-deux-row--selected th {
    background-color: var(--tds-theme-background-container-highlight)
}

.tds-table-deux-row td {
    -webkit-border-before: var(--tds-table-deux-table-cell-border-block-start);
    align-items: var(--tds-table-deux-table-cell-align-items);
    border-block-start: var(--tds-table-deux-table-cell-border-block-start);
    font-size: var(--tds-font-size--30)
}

.tds-table-deux-row td:before,
.tds-table-deux-row th:before {
    -webkit-padding-after: var(--tds-table-deux-table-cell-before-padding-block-end);
    color: var(--tds-heading--color);
    display: block;
    font-weight: var(--tds-font-weight--medium);
    padding-block-end: var(--tds-table-deux-table-cell-before-padding-block-end)
}

.tds-table-deux-row td:first-child {
    -webkit-border-before: none;
    border-block-start: none
}

.tds-table-deux-row th {
    -webkit-border-before: var(--tds-table-deux-table-cell-border-block-start);
    border-block-start: var(--tds-table-deux-table-cell-border-block-start);
    color: var(--tds-heading--color);
    font-size: var(--tds-table-deux-table-header-font-size);
    font-weight: var(--tds-table-deux-table-header-font-weight);
    line-height: var(--tds-table-deux-table-header-line-height)
}

.tds-table-deux-row th.tds-th--caption,
.tds-th--caption {
    align-items: var(--tds-table-deux-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-deux-row th:first-child:after {
    background: var(--tds-scrim--background);
    bottom: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 1px;
    transition: background-color .3s ease;
    z-index: -2
}

.tds-table-deux-row th:not(.tds-th--caption) {
    --tds-table-deux-table-header-font-weight: var(--tds-font-weight--medium)
}

.tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child,
.tds-table-deux--sticky-first-col+.tds-table-deux-foot {
    --tds-table-deux-table-cell-position: sticky;
    left: 0;
    z-index: 1
}

.tds-table-deux--sticky-first-col+.tds-table-deux-foot {
    --tds-table-deux-table-foot-display: block;
    padding: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x)
}

[dir=rtl] .tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child {
    left: auto;
    right: 0
}

.tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child:after {
    content: ""
}

.tds-table-deux--align-top {
    --tds-table-deux-vertical-align: top
}

.tds-table-deux--align-bottom {
    --tds-table-deux-vertical-align: bottom
}

@media (max-width:599px) {
    .tds-table-deux[class*=-stacked-list] {
        --tds-table-deux-table-cell-border-block-end: none;
        --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--3x);
        --tds-table-deux-table-cell-padding-horizontal: 0;
        --tds-table-deux-table-cell-position: static;
        --tds-table-deux-table-header-first-child-margin-block-start: 0;
        --tds-table-deux-table-header-font-size: var(--tds-font-size--40);
        --tds-table-deux-table-header-line-height: var(--tds-line-height--20);
        -webkit-padding-end: var(--tds-size--1x);
        -webkit-padding-start: var(--tds-size--1x);
        display: flex;
        flex-flow: row wrap;
        padding-inline-end: var(--tds-size--1x);
        padding-inline-start: var(--tds-size--1x)
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-head {
        left: -9999px;
        position: absolute;
        top: -9999px
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-body,
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-foot,
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-head,
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row {
        display: block;
        inline-size: 100%
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row td,
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row th {
        display: inline-flex;
        inline-size: 100%
    }
    .tds-table-deux--vertical-stacked-list[class*=-stacked-list] {
        --tds-table-deux-table-cell-before-padding-block-end: var(--tds-size--half)
    }
    .tds-table-deux--vertical-stacked-list[class*=-stacked-list] .tds-table-deux-row td,
    .tds-table-deux--vertical-stacked-list[class*=-stacked-list] .tds-table-deux-row th.tds-th--caption {
        flex-flow: column nowrap
    }
    .tds-table-deux--vertical-stacked-list[class*=-stacked-list] .tds-table-deux-row td:before,
    .tds-table-deux--vertical-stacked-list[class*=-stacked-list] .tds-table-deux-row th:before {
        inline-size: 100%
    }
    .tds-table-deux--horizontal-stacked-list[class*=-stacked-list] {
        --tds-table-deux-table-cell-align-items: center
    }
    .tds-table-deux--horizontal-stacked-list[class*=-stacked-list] .tds-table-deux-row td,
    .tds-table-deux--horizontal-stacked-list[class*=-stacked-list] .tds-table-deux-row th.tds-th--caption {
        justify-content: space-between
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row td:first-child {
        -webkit-padding-before: var(--tds-size--3x);
        padding-block-start: var(--tds-size--3x)
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row th:first-child {
        -webkit-margin-before: var(--tds-table-deux-table-header-first-child-margin-block-start);
        margin-block-start: var(--tds-table-deux-table-header-first-child-margin-block-start)
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row td:last-child {
        -webkit-border-after: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
        -webkit-padding-after: var(--tds-table-deux-table-cell-last-child-padding-block-end);
        border-block-end: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
        padding-block-end: var(--tds-table-deux-table-cell-last-child-padding-block-end)
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row .tds-table-deux-row th:not(.tds-th--caption) {
        --tds-table-deux-table-cell-border-block-start: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
        --tds-table-deux-table-header-first-child-margin-block-start: var(--tds-size--2x);
        -webkit-padding-before: var(--tds-size--3x);
        padding-block-start: var(--tds-size--3x)
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row .tds-table-deux-row:first-child th {
        --tds-table-deux-table-header-first-child-margin-block-start: 0
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row {
        --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--1x)
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row td:empty {
        display: none
    }
    .tds-table-deux[class*=-stacked-list]:not(.tds-table-deux--grouped-row) {
        --tds-table-deux-table-header-last-child-padding-block-end: var(--tds-size--3x)
    }
    .tds-table-deux[class*=-stacked-list]:not(.tds-table-deux--grouped-row) .tds-table-deux-row th:first-child {
        -webkit-padding-before: var(--tds-size--3x);
        padding-block-start: var(--tds-size--3x)
    }
    .tds-table-deux--grouped-row[class*=-stacked-list] .tds-table-deux-row:last-child {
        --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--3x)
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row .tds-table-deux-row td:last-child {
        -webkit-border-after: none;
        border-block-end: none
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row .tds-table-deux-row:last-child td:last-child {
        -webkit-border-after: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
        border-block-end: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast)
    }
    .tds-table-deux[class*=-stacked-list].tds-table-deux--grouped-row .tds-table-deux-row:first-child th:not(.tds-th--caption) {
        --tds-table-deux-table-cell-border-block-start: none
    }
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-row td:before,
    .tds-table-deux[class*=-stacked-list] .tds-table-deux-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;
    -webkit-margin-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius))*-1);
    -webkit-margin-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius))*-1);
    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
}

*+:is(.tds-data-table-wrapper,
.tds-data-table-toolbar) {
    -webkit-margin-before: var(--tds-size--3x);
    margin-block-start: var(--tds-size--3x)
}

.tds-data-table-wrapper+.tds-pagination {
    -webkit-margin-before: var(--tds-size--3x);
    margin-block-start: var(--tds-size--3x)
}

.tds-data-table-toolbar {
    justify-content: space-between
}

.tds-data-table-toolbar,
.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) {
    -webkit-border-after: 1px solid var(--tds-theme-background-container);
    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 tbody :where(th,
td):is(:first-child,
:last-child):before {
    border-color: transparent;
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    transition: background-color .3s ease, top .3s ease;
    z-index: -1
}

.tds-data-table tbody :where(th,
td):first-child:before,
[dir=rtl] .tds-data-table tbody :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 tbody :where(th,
td):last-child:before,
[dir=rtl] .tds-data-table tbody :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 tr.tds-tr--selected {
    background-color: var(--tds-theme-background-container-highlight);
    position: relative;
    z-index: 4
}

.tds-data-table tbody tr.tds-tr--selected :where(th,
td) {
    border-color: var(--tds-theme-background-container-highlight);
    box-shadow: 0 -1px 0 0 var(--tds-theme-background-container-highlight)
}

.tds-data-table tbody tr.tds-tr--selected :where(th,
td):before {
    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: 5
}

.tds-td--actions {
    -webkit-padding-end: var(--tds-data-table--row-outdent-size);
    -webkit-padding-start: var(--tds-data-table--row-outdent-size);
    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: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 10
}

.tds-td--select {
    -webkit-padding-end: var(--tds-data-table--row-outdent-size);
    -webkit-padding-start: var(--tds-data-table--row-outdent-size);
    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;
    -ms-user-select: none;
    user-select: none
}

.tds-data-table thead :where(th,
td).tds-th--sortable {
    block-size: var(--tds-size--6x);
    padding: 0
}

.tds-th--sortable :focus {
    outline: none
}

.tds-th--sortable .tds-th--inner:before {
    background-color: transparent;
    border-radius: var(--tds-size--half);
    bottom: var(--tds-size--half);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s ease, -webkit-transform .3s ease;
    transition: background-color .3s ease, transform .3s ease;
    transition: background-color .3s ease, transform .3s ease, -webkit-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 {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.tds-data-table--prototype-animated-th-hover .tds-th--sortable:hover .tds-th--inner:before {
    -webkit-transform: scale(1);
    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 {
    -webkit-margin-start: var(--tds-size--half);
    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, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-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: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

[dir=rtl] .tds-data-table--sticky-first-col th:first-child {
    left: auto;
    right: 0
}

.tds-data-table--sticky-first-col th:first-child:after {
    background: var(--tds-theme-background, var(--tds-color-white));
    bottom: 1px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 1px;
    transition: background-color .3s ease;
    z-index: -2
}

.tds-data-table--sticky-first-col tbody tr:is(:hover,
.tds--highlighted) th:first-child: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;
    transition: visibility .5s .5s;
    visibility: hidden
}

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

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

.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-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;
    background-color: var(--tds-tab--background-color);
    block-size: calc(var(--tds-tab-list--height) - 8px);
    border-radius: var(--tds-tab--border-radius);
    box-shadow: var(--tds-tab--box-shadow--focus), var(--tds-tab--box-shadow--highlight);
    color: var(--tds-theme-foreground-low-contrast);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--tds-font-family--combined);
    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;
    scroll-snap-align: center;
    transition: background-color .3s ease, box-shadow .3s ease, color .3s ease
}

.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 {
    min-block-size: var(--tds-tab-list--height)
}

.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--indicate-focus .tds-tab:focus {
    outline: var(--tds-outline--focus)
}

.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);
    background-color: var(--tds-tab--background-color);
    color: var(--tds-theme-foreground-high-contrast);
    cursor: inherit
}

.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-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: -webkit-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;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    z-index: 550
}

.tds-tooltip.tds-tooltip--overlay {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: unset;
    position: fixed;
    -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
    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;
    pointer-events: none;
    -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset)));
    transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset)));
    transition: opacity .5s var(--tds-bezier), visibility 0s .5s, -webkit-transform .5s var(--tds-bezier);
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s, -webkit-transform .5s var(--tds-bezier);
    visibility: hidden
}

.tds-tooltip.tds-tooltip--open {
    --tds-tooltip--translate-y: 0;
    opacity: 1;
    pointer-events: inherit;
    transition: opacity .5s var(--tds-bezier), visibility 0s 0s, -webkit-transform .5s var(--tds-bezier);
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s 0s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s 0s, -webkit-transform .5s var(--tds-bezier);
    visibility: inherit
}

.tds-density--dense .tds-tooltip,
.tds-density--dense.tds-tooltip {
    --tds-tooltip--padding: calc(var(--tds-padding--card--dense) - var(--tds-size--half)) var(--tds-padding--card--dense)
}

.tds-tooltip--orientation-down {
    --tds-tooltip--translate-y: calc(var(--tds-size--1x)*-1);
    bottom: auto;
    top: calc(100% + var(--tds-tooltip--safe-space))
}

.tds-tooltip--align-end:not(.tds-tooltip--overlay),
.tds-tooltip--align-start:not(.tds-tooltip--overlay) {
    -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
    transform: translateY(var(--tds-tooltip--translate-y)) translateX(0)
}

.tds-tooltip--align-start:not(.tds-tooltip--overlay),
[dir=rtl] .tds-tooltip--align-end:not(.tds-tooltip--overlay) {
    left: calc(var(--tds-tooltip--padding)*-1);
    right: auto
}

.tds-tooltip--align-end:not(.tds-tooltip--overlay),
[dir=rtl] .tds-tooltip--align-start:not(.tds-tooltip--overlay) {
    left: auto;
    right: calc(var(--tds-tooltip--padding)*-1)
}

.tds-tooltip--width-full {
    inline-size: auto;
    left: 0;
    max-inline-size: 100%;
    right: 0;
    -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
    transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.tds-tooltip:before {
    bottom: calc(var(--tds-tooltip--safe-space)*-1);
    content: "";
    left: calc(var(--tds-tooltip--safe-space)*-1);
    position: absolute;
    right: calc(var(--tds-tooltip--safe-space)*-1);
    top: calc(var(--tds-tooltip--safe-space)*-1)
}

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

.tds-tooltip>:first-child {
    -webkit-margin-before: 0;
    -webkit-padding-before: 0;
    margin-block-start: 0;
    padding-block-start: 0
}

.tds-tooltip>:last-child {
    -webkit-margin-after: 0;
    -webkit-padding-after: 0;
    margin-block-end: 0;
    padding-block-end: 0
}

.tds-component-preview,
:root {
    --tds-heading--font-weight: 500;
    --tds-heading--letter-spacing: 0;
    --tds-heading--text-transform: none
}

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

.tds-list,
.tds-text--body,
.tds-text--caption-header,
.tds-text--h1,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6 {
    line-height: var(--tds-line-height--30)
}

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 {
    -webkit-padding-before: var(--tds-size--4x);
    -webkit-padding-after: var(--tds-size--1x);
    color: var(--tds-theme-foreground-high-contrast);
    font-family: var(--tds-font-family--combined);
    font-weight: var(--tds-heading--font-weight);
    letter-spacing: var(--tds-heading--letter-spacing);
    padding-block-end: var(--tds-size--1x);
    padding-block-start: var(--tds-size--4x);
    text-transform: var(--tds-heading--text-transform);
    transition: font .33s ease, color .33s ease, opacity .33s ease, padding .33s ease
}

.tds-text--h6,
h6 {
    -webkit-padding-after: 0;
    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) {
    -webkit-padding-before: var(--tds-size--2x);
    padding-block-start: var(--tds-size--2x)
}

@media (max-width:599px) {
    .tds-text--h1,
    .tds-text--h1-alt,
    h1 {
        --tds-heading--letter-spacing: -0.7px;
        font-size: var(--tds-font-size--70, 28px);
        line-height: var(--tds-line-height--70, 36px)
    }
    .tds-text--h2,
    h2 {
        --tds-heading--letter-spacing: -0.6px;
        font-size: var(--tds-font-size--60, 24px);
        line-height: var(--tds-line-height--60, 28px)
    }
    .tds-text--h3,
    h3 {
        --tds-heading--letter-spacing: -0.5px;
        font-size: var(--tds-font-size--50, 20px);
        line-height: var(--tds-font-size--60, 28px)
    }
    .tds-text--h4,
    h4 {
        font-size: var(--tds-font-size--40, 17px);
        line-height: var(--tds-line-height--20, 20px)
    }
    .tds-text--h5,
    .tds-text--h6,
    h5,
    h6 {
        font-size: var(--tds-font-size--30, 14px);
        line-height: var(--tds-line-height--30, 20px)
    }
    .tds-text--caption-header {
        font-size: var(--tds-font-size--20, 12px);
        line-height: var(--tds-line-height--10, 18px)
    }
}

@media (min-width:600px) {
    .tds-text--h1,
    h1 {
        font-size: var(--tds-font-size--80, 40px);
        line-height: var(--tds-line-height--80, 48px)
    }
    .tds-text--h1,
    .tds-text--h1-alt,
    h1 {
        --tds-heading--letter-spacing: -0.6px
    }
    .tds-text--h1-alt {
        font-size: var(--tds-font-size--75);
        line-height: var(--tds-line-height--75)
    }
    .tds-text--h2,
    h2 {
        --tds-heading--letter-spacing: -0.5px;
        font-size: var(--tds-font-size--70, 28px);
        line-height: var(--tds-line-height--70, 36px)
    }
    .tds-text--h3,
    h3 {
        --tds-heading--letter-spacing: -0.6px;
        font-size: var(--tds-font-size--60, 24px)
    }
    .tds-text--h3,
    .tds-text--h4,
    h3,
    h4 {
        line-height: var(--tds-line-height--60, 28px)
    }
    .tds-text--h4,
    h4 {
        --tds-heading--letter-spacing: -0.4px;
        font-size: var(--tds-font-size--50, 20px)
    }
    .tds-text--h5,
    h5 {
        font-size: var(--tds-font-size--40, 17px);
        line-height: var(--tds-line-height--20, 20px)
    }
    .tds-text--h6,
    h6 {
        font-size: var(--tds-font-size--30, 14px);
        line-height: var(--tds-line-height--30, 20px)
    }
    .tds-text--caption-header {
        font-size: var(--tds-font-size--20, 12px);
        line-height: var(--tds-line-height--10, 18px)
    }
}

.tds-text-eyebrow--10,
.tds-text-eyebrow--20,
.tds-text-eyebrow--30 {
    display: block;
    font-family: var(--tds-font-family--combined);
    font-weight: var(--tds-font-weight--book);
    line-height: var(--tds-line-height--unitless)
}

.tds-text-eyebrow--20,
.tds-text-eyebrow--30 {
    letter-spacing: -.4px
}

.tds-text-eyebrow--10 {
    font-size: var(--tds-font-size--30)
}

.tds-text-eyebrow--20 {
    font-size: var(--tds-font-size--40)
}

.tds-text-eyebrow--30 {
    font-size: var(--tds-font-size--55)
}

@media (max-width:599px) {
    .tds-text--jumbo_mobile {
        font-family: var(--tds-font-family--combined) !important;
        font-size: 36px !important;
        font-weight: var(--tds-heading--font-weight) !important;
        line-height: 36px !important
    }
}

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

.tds-text--body+.tds-text--body {
    -webkit-padding-before: 14px;
    padding-block-start: 14px
}

.tds-text--caption {
    -webkit-padding-before: 12px;
    color: var(--tds-theme-foreground-low-contrast);
    font-size: var(--tds-font-size--20);
    line-height: var(--tds-line-height--10);
    padding-block-start: 12px
}

.tds-text--200 {
    font-weight: 200 !important
}

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

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

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

.tds-text--700 {
    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 {
    -webkit-margin-end: auto;
    -webkit-margin-start: auto;
    margin-inline-end: auto;
    margin-inline-start: auto;
    text-align: center !important
}

.tds-text--end {
    text-align: end !important
}

.tds-text--start {
    text-align: start !important
}

.tds-text--with_divider {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.tds-text--with_divider:after {
    -webkit-margin-start: .5em;
    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 {
    background-color: var(--tds-theme-background-container);
    border: 1px solid var(--tds-theme-border-low-contrast);
    border-radius: .25em;
    color: var(--tds-theme-foreground);
    font-family: var(--tds-font-family--monospace);
    max-inline-size: 100%;
    padding: .125em .414em;
    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-] {
    -webkit-padding-before: var(--tds-spacer-top);
    padding-block-start: var(--tds-spacer-top)
}

.tds--vertical-rhythm :is(*)+:is(p,
form,
ul,
ol,
.tds-list,
legend) {
    -webkit-padding-before: var(--tds-spacer-top);
    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;
    appearance: none;
    block-size: var(--tds-progress-bar--height);
    border: none;
    border-radius: var(--tds-progress-bar--border-radius);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    display: block;
    inline-size: 100%;
    overflow: hidden
}

.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 {
    background-color: var(--tds-progress-bar--bar-color);
    border: none;
    border-radius: var(--tds-progress-bar--border-radius);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2)
}

.tds-progress_bar::-webkit-progress-value {
    background-color: var(--tds-progress-bar--value-color);
    border-radius: var(--tds-progress-bar--border-radius);
    -webkit-transition: width .5s;
    transition: width .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);
    -webkit-filter: var(--tds-glow--medium);
    filter: var(--tds-glow--medium);
    font-weight: var(--tds-font-weight--bold, 700);
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: .5s ease
}

.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) {
    -webkit-filter: none;
    filter: none
}

.tds-theme--replicant .tds-btn:is(:focus,
.tds--focus) {
    box-shadow: none;
    outline: none
}

.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;
    -webkit-animation: tds-flicker--soft 1s forwards;
    animation: tds-flicker--soft 1s forwards;
    -webkit-filter: var(--tds-glow--bright);
    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 {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    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 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

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

.tds-theme--replicant :is(.tds-btn--secondary,
.tds-btn--tertiary):before {
    background: transparent
}

.tds-theme--replicant .tds-btn:is(:hover,
.tds--hover):not([disabled],
.tds--disabled):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;
    -webkit-padding-end: var(--tds-size--half);
    -webkit-padding-start: var(--tds-size--1x);
    background-color: var(--tds-theme-foreground-high-contrast);
    color: var(--tds-theme-foreground-on-primary);
    padding-inline-end: var(--tds-size--half);
    padding-inline-start: var(--tds-size--1x)
}

:where(.tds-theme--replicant) .tds-form-input--default .tds-chip {
    background-color: var(--tds-theme-foreground-high-contrast)
}

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

.tds-theme--replicant .tds-form-label {
    --tds-form-label--font-size: var(--tds-font-size--20);
    color: var(--tds-theme-foreground-high-contrast);
    font-weight: var(--tds-heading--font-weight);
    letter-spacing: var(--tds-heading--letter-spacing);
    text-transform: var(--tds-heading--text-transform)
}

.tds-theme--replicant .tds-form-input {
    background: none;
    box-shadow: none;
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-theme--replicant .tds-form-input--default:not(.tds-form-input--collapsed) {
    --tds-form--indent: 12px;
    --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
    border-radius: 0
}

.tds-theme--replicant .tds-form--error .tds-form-input--default {
    --tds-form-input--border-color: var(--tds-theme-secondary-negative)
}

.tds-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 {
    background-color: var(--tds-form-input--border-color, 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;
    position: absolute;
    right: 0;
    top: 0;
    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 {
    -webkit-transform: rotateY(180deg);
    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 {
    -webkit-margin-end: 2px;
    margin-inline-end: 2px
}

.tds-theme--replicant .tds-form-input-trailing .tds-icon-btn:last-child {
    -webkit-margin-end: -6px;
    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 {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    transition: opacity .33s ease
}

.tds-theme--replicant .tds-form-input-choice:checked {
    -webkit-animation: tds-flicker--soft 1s forwards;
    animation: tds-flicker--soft 1s forwards;
    opacity: 1
}

.tds-theme--replicant .tds-form-input-choice:checked: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-hidden-choice+.tds-form-input {
    --tds-plus--transform-size: calc((var(--tds-height--choice) + var(--tds-size--1x))*-1);
    color: var(--tds-theme-foreground);
    font-weight: var(--tds-heading--font-weight);
    letter-spacing: var(--tds-heading--letter-spacing);
    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 {
    -webkit-margin-before: var(--tds-size--half);
    background: var(--tds-fading-line);
    block-size: 3px;
    bottom: 0;
    box-shadow: 0 0 0 0 rgba(var(--tds-color--rgb-shade), .15);
    content: "";
    display: block;
    inline-size: 100%;
    margin-block-start: var(--tds-size--half);
    opacity: .33;
    position: absolute;
    transition: opacity .33s ease, box-shadow .33s ease
}

[dir=rtl] .tds-theme--replicant .tds-form-input-hidden-choice+.tds-form-input:after {
    -webkit-transform: rotateY(180deg);
    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 rgba(var(--tds-color--rgb-shade), .15);
    opacity: 1
}

.tds-theme--replicant .tds-form-input--option {
    --tds-form--indent: 0
}

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

.tds-density--default .tds-theme--replicant .tds-form-input--option,
.tds-theme--replicant .tds-density--default .tds-form-input--option,
.tds-theme--replicant.tds-density--default .tds-form-input--option {
    --tds-form--indent: 20px
}

.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 {
    -webkit-animation: turn-off 1s;
    animation: turn-off 1s;
    background: currentColor;
    block-size: 1em;
    bottom: 0;
    content: "";
    display: block;
    inline-size: 2px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .52s var(--tds-bezier) .48s;
    transition: transform .52s var(--tds-bezier) .48s;
    transition: transform .52s var(--tds-bezier) .48s, -webkit-transform .52s var(--tds-bezier) .48s
}

.tds-theme--replicant .tds-form-input-visual-checkbox:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]+.tds-form-input .tds-form-input-leading {
    transition: -webkit-transform .52s var(--tds-bezier) .48s;
    transition: transform .52s var(--tds-bezier) .48s;
    transition: transform .52s var(--tds-bezier) .48s, -webkit-transform .52s var(--tds-bezier) .48s
}

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked+.tds-form-input .tds-form-input-leading {
    -webkit-animation: turn-on 1s;
    animation: turn-on 1s;
    -webkit-transform: translateX(var(--tds-plus--transform-size));
    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 {
    -webkit-animation: turn-on-before 1s;
    animation: turn-on-before 1s;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked+.tds-form-input .tds-form-input-visual-checkbox:after {
    -webkit-animation: turn-on-after 1s;
    animation: turn-on-after 1s;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

@-webkit-keyframes turn-on {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    48% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(var(--tds-plus--transform-size));
        transform: translateX(var(--tds-plus--transform-size))
    }
}

@keyframes turn-on {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    48% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(var(--tds-plus--transform-size));
        transform: translateX(var(--tds-plus--transform-size))
    }
}

@-webkit-keyframes turn-on-before {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    48% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@keyframes turn-on-before {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    48% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@-webkit-keyframes turn-on-after {
    0% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    48% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@keyframes turn-on-after {
    0% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    48% {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@-webkit-keyframes turn-off {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    16% {
        opacity: 0
    }
    24% {
        opacity: 1
    }
    32% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes turn-off {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    16% {
        opacity: 0
    }
    24% {
        opacity: 1
    }
    32% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

.tds-theme--replicant .tds-link {
    box-shadow: 0 .5px 0 0 hsla(0, 0%, 73%, .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 rgba(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--book, 400)
}

.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);
    -webkit-filter: drop-shadow(0 0 6px hsla(0, 0%, 100%, .33));
    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%;
    -webkit-transform: translateY(-50%) translateX(-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%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%)
}

.tds-theme--replicant .tds-modal.tds-modal--sheet-right {
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translateY(0)
}

.tds-theme--replicant .tds-modal.tds-modal--sheet-right.tds-modal[open] {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.tds-theme--replicant .tds-modal.tds-modal--sheet-left {
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0)
}

.tds-theme--replicant .tds-modal.tds-modal--sheet-left.tds-modal[open] {
    -webkit-transform: translateX(0) translateY(0);
    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:before,
.tds-theme--replicant [dir=rtl].tds-modal:after,
.tds-theme--replicant [dir=rtl].tds-modal:before,
[dir=rtl] .tds-theme--replicant .tds-modal:after,
[dir=rtl] .tds-theme--replicant .tds-modal:before,
[dir=rtl].tds-theme--replicant .tds-modal:after,
[dir=rtl].tds-theme--replicant .tds-modal:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tds-theme--replicant .tds-modal[open]:before {
    -webkit-animation: turn-on-modal-before 1s forwards;
    animation: turn-on-modal-before 1s forwards
}

@-webkit-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
    }
    to {
        opacity: 1
    }
}

@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
    }
    to {
        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--fullscreen {
        block-size: var(--tds-modal--full-height);
        inline-size: var(--tds-modal--full-width)
    }
    .tds-modal--fullscreen+.tds-modal-backdrop {
        display: block
    }
}

.tds-theme--replicant .tds-modal-close {
    background-color: transparent;
    border-radius: 0;
    -webkit-filter: var(--tds-glow--off);
    filter: var(--tds-glow--off);
    transition: .5s ease
}

.tds-theme--replicant .tds-modal-close:focus,
.tds-theme--replicant .tds-modal-close:hover {
    -webkit-animation: tds-flicker--soft 1s forwards;
    animation: tds-flicker--soft 1s forwards;
    -webkit-filter: var(--tds-glow--bright);
    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;
    -webkit-transform: translateX(100%) translateY(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;
    -webkit-transform: translateX(-100%) translateY(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: hsla(0, 0%, 50%, .125)
}

.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 {
    -webkit-padding-start: var(--tds-size--1x);
    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-theme--v6 {
    --tds-btn--font-size: var(--tds-font-size--20)
}

.tds-theme--v6 .tds-btn--large {
    --tds-border-radius--pill: 20px
}

.tds-theme--v6 .tds-btn {
    text-transform: uppercase
}

.tds-theme--v6 .tds-date-picker {
    --tds-day-radius: var(--tds-border-radius--circle);
    --tds-end-of-week-radius: var(--tds-size--half)
}

.tds-theme--v6 .tds-form-input-choice[type=checkbox],
.tds-theme--v6 .tds-form-input-visual-checkbox {
    border-radius: var(--tds-size--half)
}

.tds-theme--v6 .tds-card:is(.tds-locale-selector-trigger,
.tds-locale-selector-country) {
    border-radius: 12px
}

.tds-theme--v6 .tds-animate--backdrop-backdrop,
.tds-theme--v6 .tds-site-nav-item {
    border-radius: 12px
}

.tds-theme--v6 .tds-tab-list {
    --tds-tab--border-radius: calc(var(--tds-height--pill)/2)
}

.tds-theme--v6 .tds-tab-list--legacy-vertical,
.tds-theme--v6 .tds-tab-list--underline,
.tds-theme--v6 .tds-tab-list--vertical {
    --tds-tab--border-radius: 0
}

.tds-theme--v6 .tds-tooltip {
    border-radius: var(--tds-size--1x)
}

.tds--align_center {
    display: block !important;
    margin: 0 auto !important
}

.tds--align_start {
    -webkit-margin-end: auto !important;
    -webkit-margin-start: 0 !important;
    display: block !important;
    margin-inline-end: auto !important;
    margin-inline-start: 0 !important
}

.tds--align_end {
    -webkit-margin-end: 0 !important;
    -webkit-margin-start: auto !important;
    display: block !important;
    margin-inline-end: 0 !important;
    margin-inline-start: auto !important
}

.tds--animated-backdrop {
    block-size: var(--tds-animate-backdrop-height, 0);
    inline-size: var(--tds-animate-backdrop-width, 0);
    left: var(--tds-animate-backdrop-left, 0);
    opacity: var(--tds-animate-backdrop-opacity, 0);
    position: absolute;
    top: var(--tds-animate-backdrop-top, 0);
    transition: var(--tds-animate-backdrop-transition, opacity .5s ease, visibility 0s 0s);
    visibility: var(--tds-animate-backdrop-visibility)
}

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

.tds-animate--fade_in,
.tds-animate--fade_out {
    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)
}

.tds-animate_small--to_reveal {
    opacity: var(--tds-opacity--transparent);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    transition: opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg), -webkit-transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
    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);
    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), -webkit-transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
    z-index: -1
}

.tds-animate_small--reveal .tds-animate_small--to_reveal {
    opacity: var(--tds-opacity--100);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: auto
}

.tds-animate_large--to_reveal {
    opacity: var(--tds-opacity--transparent);
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    z-index: -1
}

.tds-animate_large--revealed {
    opacity: var(--tds-opacity--100);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg), -webkit-transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
    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);
    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), -webkit-transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
    z-index: auto
}

.tds-animate--squish {
    transition: translate .1s ease
}

.tds-animate--bounce {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: tds-keyframe--bounce;
    animation-name: tds-keyframe--bounce
}

@-webkit-keyframes tds-keyframe--fade_out {
    0% {
        opacity: var(--tds-opacity--100)
    }
    to {
        opacity: var(--tds-opacity--transparent)
    }
}

@keyframes tds-keyframe--fade_out {
    0% {
        opacity: var(--tds-opacity--100)
    }
    to {
        opacity: var(--tds-opacity--transparent)
    }
}

@-webkit-keyframes tds-keyframe--fade_in {
    0% {
        opacity: var(--tds-opacity--transparent)
    }
    to {
        opacity: var(--tds-opacity--100)
    }
}

@keyframes tds-keyframe--fade_in {
    0% {
        opacity: var(--tds-opacity--transparent)
    }
    to {
        opacity: var(--tds-opacity--100)
    }
}

@-webkit-keyframes tds-keyframe--make_smaller {
    0% {
        max-block-size: 100vh;
        opacity: var(--tds-opacity--100)
    }
    to {
        max-block-size: 0;
        opacity: var(--tds-opacity--transparent)
    }
}

@keyframes tds-keyframe--make_smaller {
    0% {
        max-block-size: 100vh;
        opacity: var(--tds-opacity--100)
    }
    to {
        max-block-size: 0;
        opacity: var(--tds-opacity--transparent)
    }
}

@-webkit-keyframes tds-keyframe--make_larger {
    0% {
        max-block-size: 0;
        opacity: var(--tds-opacity--transparent)
    }
    to {
        max-block-size: 100vh;
        opacity: var(--tds-opacity--100)
    }
}

@keyframes tds-keyframe--make_larger {
    0% {
        max-block-size: 0;
        opacity: var(--tds-opacity--transparent)
    }
    to {
        max-block-size: 100vh;
        opacity: var(--tds-opacity--100)
    }
}

@-webkit-keyframes tds-keyframe--bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@keyframes tds-keyframe--bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.tds--fade-in {
    -webkit-animation: var(--tds--fade-in);
    animation: var(--tds--fade-in)
}

@-webkit-keyframes tds--fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tds--fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.tds--rotating {
    -webkit-animation: var(--tds--rotating);
    animation: var(--tds--rotating)
}

@-webkit-keyframes tds--rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes tds--rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

@-webkit-keyframes tds--pulsing {
    0% {
        opacity: 0
    }
    20% {
        opacity: .7
    }
    to {
        opacity: 0
    }
}

@keyframes tds--pulsing {
    0% {
        opacity: 0
    }
    20% {
        opacity: .7
    }
    to {
        opacity: 0
    }
}

.tds-columns {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-width: auto;
    column-width: auto;
    display: block
}

.tds-columns--two {
    -webkit-column-count: 2;
    column-count: 2
}

.tds-columns--three {
    -webkit-column-count: 3;
    column-count: 3
}

@media (min-width:600px) {
    .tds-columns--two_on_desktop {
        -webkit-column-count: 2;
        column-count: 2
    }
    .tds-columns--three_on_desktop {
        -webkit-column-count: 3;
        column-count: 3
    }
}

.tds-component-preview,
:root,
[lang*=en],
[lang*=en] body,
html[lang*=en] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=ar-AE],
[lang=ar-AE] body,
html[lang=ar-AE] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-arabic), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-arabic), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=he-IL],
[lang=he-IL] body,
html[lang=he-IL] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-hebrew), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-hebrew), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=th-TH],
[lang=th-TH] body,
html[lang=th-TH] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-thai), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-thai), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=ko-KR],
[lang=ko-KR] body,
html[lang=ko-KR] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-korean), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-korean), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=ja-JP],
[lang=ja-JP] body,
html[lang=ja-JP] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-japanese), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-japanese), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=zh-CN],
[lang=zh-CN] body,
html[lang=zh-CN] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-simplified), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-simplified), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

[lang=zh-HK],
[lang=zh-HK] body,
html[lang=zh-HK] {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-hk), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-hk), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

:is([lang=zh-MO],
[lang=zh-TW]),
:is([lang=zh-MO],
[lang=zh-TW]) body,
html:is([lang=zh-MO],
[lang=zh-TW]) {
    --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-traditional), var(--tds-font-family) !important;
    --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-traditional), var(--tds-font-family) !important;
    font-family: var(--tds-font-family-combined, --tds-base-font_family, system)
}

.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 {
    -webkit-padding-end: 0 !important;
    -webkit-padding-start: 0 !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important
}

.tds--no_vertical_padding {
    -webkit-padding-after: 0 !important;
    -webkit-padding-before: 0 !important;
    padding-block-end: 0 !important;
    padding-block-start: 0 !important
}

.tds--no_padding {
    padding: 0 !important
}

.tds--horizontal_padding--small {
    -webkit-padding-end: var(--tds-size--1x) !important;
    -webkit-padding-start: var(--tds-size--1x) !important;
    padding-inline-end: var(--tds-size--1x) !important;
    padding-inline-start: var(--tds-size--1x) !important
}

.tds--horizontal_padding {
    -webkit-padding-end: var(--tds-size--2x) !important;
    -webkit-padding-start: var(--tds-size--2x) !important;
    padding-inline-end: var(--tds-size--2x) !important;
    padding-inline-start: var(--tds-size--2x) !important
}

.tds--horizontal_padding--large {
    -webkit-padding-end: var(--tds-size--3x) !important;
    -webkit-padding-start: var(--tds-size--3x) !important;
    padding-inline-end: var(--tds-size--3x) !important;
    padding-inline-start: var(--tds-size--3x) !important
}

.tds--vertical_padding--small {
    -webkit-padding-after: var(--tds-size--1x) !important;
    -webkit-padding-before: var(--tds-size--1x) !important;
    padding-block-end: var(--tds-size--1x) !important;
    padding-block-start: var(--tds-size--1x) !important
}

.tds--vertical_padding {
    -webkit-padding-after: var(--tds-size--2x) !important;
    -webkit-padding-before: var(--tds-size--2x) !important;
    padding-block-end: var(--tds-size--2x) !important;
    padding-block-start: var(--tds-size--2x) !important
}

.tds--vertical_padding--large {
    -webkit-padding-after: var(--tds-size--3x) !important;
    -webkit-padding-before: var(--tds-size--3x) !important;
    padding-block-end: var(--tds-size--3x) !important;
    padding-block-start: var(--tds-size--3x) !important
}

@media (max-width:599px) {
    .tds--gutterless_on_small {
        -webkit-padding-start: 0 !important;
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important;
        padding-inline-start: 0 !important
    }
}

.tds-sticky--left,
.tds-sticky--top {
    margin: 0;
    position: -webkit-sticky;
    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) {
    clip: rect(0 0 0 0);
    block-size: 1px;
    border: 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
    }
}

.tcl-container--no-inline-padding:not(.mktg-content_container) {
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}

.tds-scrim--black {
    --tds-table-background-color: unset
}

.tds-scrim--black .tds-table td.table-content--muted {
    color: var(--tds-theme-foreground-low-contrast)
}

:root {
    --tcl-grid-four-column-inline-size: inherit;
    --tcl-grid-three-column-inline-size: inherit;
    --tcl-grid-two-column-inline-size: inherit;
    --tcl-section-background-color: var(--tds-color--white)
}

@media (min-width:600px) {
    :root {
        --tcl-grid-four-column-inline-size: 432px;
        --tcl-grid-three-column-inline-size: 318px;
        --tcl-grid-two-column-inline-size: 204px
    }
    .tcl-layout {
        margin-bottom: 0;
        margin-top: 0
    }
}

.tcl-layout {
    width: 100%
}

@media (max-width:599px),
(min-width:600px) and (max-width:899px) {
    .tcl-layout {
        max-width: 100vw
    }
    .tcl-drawer .tcl-layout:not(.tcl-section-header-group__layout):not(.tcl-carousel-v2__slides-container):not(.tcl-carousel-v2__toggles-container) {
        padding: 0 !important
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout,
    [dir=rtl] .tcl-layout {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious {
        grid-template-areas: ". main main main main main main main main main main ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--spacious {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--spacious,
    [dir=rtl] .tcl-layout--spacious {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--spacious {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--spacious {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        grid-template-areas: "main main main main main main main main main main main main";
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

@media (min-width:600px) {
    .tcl-layout__main--with-children {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        grid-column: 1/13 !important;
        justify-content: space-between
    }
}

@media (min-width:900px) {
    .tcl-layout__main--with-children {
        grid-column: 2/12 !important
    }
}

@media (min-width:600px) {
    .tcl-layout__main--with-children {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        height: 100%;
        width: 100%
    }
}

.tcl-layout__aside {
    --tcl-button-inline-size: 100%;
    --tcl-button-inset-inline-start: 0;
    --tcl-margin-inline: 0
}

@media (min-width:1200px) {
    [dir=ltr] .tcl-layout__aside--with-padding-start,
    [dir=ltr] .tcl-layout__child--with-padding-start,
    [dir=ltr] .tcl-layout__main--with-padding-start {
        padding-left: 16px !important;
        padding-left: var(--tds-size--2x) !important
    }
    [dir=rtl] .tcl-layout__aside--with-padding-start,
    [dir=rtl] .tcl-layout__child--with-padding-start,
    [dir=rtl] .tcl-layout__main--with-padding-start {
        padding-right: 16px !important;
        padding-right: var(--tds-size--2x) !important
    }
    .tcl-layout__aside--with-padding-start,
    .tcl-layout__child--with-padding-start,
    .tcl-layout__main--with-padding-start {
        -webkit-padding-start: 16px !important;
        -webkit-padding-start: var(--tds-size--2x) !important;
        padding-inline-start: 16px !important;
        padding-inline-start: var(--tds-size--2x) !important
    }
    [dir=ltr] .tcl-layout__aside--with-padding-end,
    [dir=ltr] .tcl-layout__child--with-padding-end,
    [dir=ltr] .tcl-layout__main--with-padding-end {
        padding-right: 16px !important;
        padding-right: var(--tds-size--2x) !important
    }
    [dir=rtl] .tcl-layout__aside--with-padding-end,
    [dir=rtl] .tcl-layout__child--with-padding-end,
    [dir=rtl] .tcl-layout__main--with-padding-end {
        padding-left: 16px !important;
        padding-left: var(--tds-size--2x) !important
    }
    .tcl-layout__aside--with-padding-end,
    .tcl-layout__child--with-padding-end,
    .tcl-layout__main--with-padding-end {
        -webkit-padding-end: 16px !important;
        -webkit-padding-end: var(--tds-size--2x) !important;
        padding-inline-end: 16px !important;
        padding-inline-end: var(--tds-size--2x) !important
    }
}

@media (min-width:600px) {
    .tcl-layout__child {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    [dir=ltr] .tcl-layout__main:not(.tcl-layout__main--with-children) {
        padding-left: 0
    }
    [dir=rtl] .tcl-layout__main:not(.tcl-layout__main--with-children) {
        padding-right: 0
    }
    .tcl-layout__main:not(.tcl-layout__main--with-children) {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.tcl-layout__aside,
.tcl-layout__child,
.tcl-layout__main:not(.tcl-layout__main--with-children) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%
}

.tcl-layout__aside--top,
.tcl-layout__child--top,
.tcl-layout__main--top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tcl-layout__aside--center,
.tcl-layout__child--center,
.tcl-layout__main--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tcl-layout__aside--bottom,
.tcl-layout__child--bottom,
.tcl-layout__main--bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:600px) {
    .tcl-layout__main--quarters .tcl-layout__child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: calc(18.75% - 19.5px)
    }
}

@media (min-width:900px) {
    .tcl-layout__main--quarters .tcl-layout__child {
        width: calc(17.5% - 19.8px)
    }
}

@media (min-width:600px) {
    .tcl-layout__main--thirds .tcl-layout__child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: calc(27.77778% - 17.33333px)
    }
}

@media (min-width:900px) {
    .tcl-layout__main--thirds .tcl-layout__child {
        width: calc(26.66667% - 17.6px)
    }
}

@media (min-width:600px) {
    .tcl-layout__main--halves .tcl-layout__child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: calc(45.83333% - 13px)
    }
}

@media (min-width:900px) {
    .tcl-layout__main--halves .tcl-layout__child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: calc(45% - 13.2px)
    }
}

@media (min-width:600px) {
    .tcl-layout--twelve-grid-7-wide-5-wide {
        grid-template-areas: "main main main main main main main aside aside aside aside aside"
    }
    .tcl-layout--twelve-grid-5-wide-7-wide {
        grid-template-areas: "aside aside aside aside aside main main main main main main main "
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-20-80 {
        grid-template-areas: ". aside aside main main main main main main main main ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-20-80 {
        grid-template-areas: "aside aside aside main main main main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-80-20 {
        grid-template-areas: ". main main main main main main main main aside aside ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-80-20 {
        grid-template-areas: "main main main main main main main main main aside aside aside"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-30-50 {
        grid-template-areas: ". aside aside aside main main main main main . . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-30-50 {
        grid-template-areas: "aside aside aside aside main main main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-30-70 {
        grid-template-areas: ". aside aside aside main main main main main main main ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-30-70 {
        grid-template-areas: "aside aside aside aside main main main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-70-30 {
        grid-template-areas: ". main main main main main main main aside aside aside ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-70-30 {
        grid-template-areas: "main main main main main main main main aside aside aside aside"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-40-60 {
        grid-template-areas: ". aside aside aside aside main main main main main main ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-40-60 {
        grid-template-areas: "aside aside aside aside aside main main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-60-40 {
        grid-template-areas: ". main main main main main main aside aside aside aside ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-60-40 {
        grid-template-areas: "main main main main main main main aside aside aside aside aside"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-70-20 {
        grid-template-areas: ". main main main main main main main . aside aside ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-70-20 {
        grid-template-areas: "main main main main main main main main . aside aside aside"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-20-70 {
        grid-template-areas: ". aside aside . main main main main main main main . "
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-20-70 {
        grid-template-areas: "aside aside aside . main main main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-50-40 {
        grid-template-areas: ". main main main main main . aside aside aside aside ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-50-40 {
        grid-template-areas: "main main main main main main . aside aside aside aside aside"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-40-50 {
        grid-template-areas: ". aside aside aside aside . main main main main main . "
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-40-50 {
        grid-template-areas: "aside aside aside aside aside . main main main main main main"
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-50-35 {
        grid-template-areas: ". main main main main main aside aside aside aside . ."
    }
    [dir=ltr] .tcl-layout--spacious-50-35 .tcl-layout__aside {
        padding-left: 42px
    }
    [dir=rtl] .tcl-layout--spacious-50-35 .tcl-layout__aside {
        padding-right: 42px
    }
    .tcl-layout--spacious-50-35 .tcl-layout__aside {
        -webkit-padding-start: 42px;
        padding-inline-start: 42px
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-50-35 {
        grid-template-areas: "main main main main main main aside aside aside aside aside ."
    }
    [dir=ltr] .tcl-layout--spacious-50-35 .tcl-layout__aside {
        padding-left: 26px
    }
    [dir=rtl] .tcl-layout--spacious-50-35 .tcl-layout__aside {
        padding-right: 26px
    }
    .tcl-layout--spacious-50-35 .tcl-layout__aside {
        -webkit-padding-start: 26px;
        padding-inline-start: 26px
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-35-50 {
        grid-template-areas: ". . aside aside aside aside main main main main main . "
    }
    [dir=ltr] .tcl-layout--spacious-35-50 .tcl-layout__aside {
        padding-right: 42px
    }
    [dir=rtl] .tcl-layout--spacious-35-50 .tcl-layout__aside {
        padding-left: 42px
    }
    .tcl-layout--spacious-35-50 .tcl-layout__aside {
        -webkit-padding-end: 42px;
        padding-inline-end: 42px
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-35-50 {
        grid-template-areas: ". aside aside aside aside aside main main main main main main"
    }
    [dir=ltr] .tcl-layout--spacious-35-50 .tcl-layout__aside {
        padding-right: 26px
    }
    [dir=rtl] .tcl-layout--spacious-35-50 .tcl-layout__aside {
        padding-left: 26px
    }
    .tcl-layout--spacious-35-50 .tcl-layout__aside {
        -webkit-padding-end: 26px;
        padding-inline-end: 26px
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-60-35 {
        grid-template-areas: ". main main main main main main aside aside aside aside ."
    }
    [dir=ltr] .tcl-layout--spacious-60-35 .tcl-layout__aside {
        padding-left: 42px
    }
    [dir=rtl] .tcl-layout--spacious-60-35 .tcl-layout__aside {
        padding-right: 42px
    }
    .tcl-layout--spacious-60-35 .tcl-layout__aside {
        -webkit-padding-start: 42px;
        padding-inline-start: 42px
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-60-35 {
        grid-template-areas: "main main main main main main main aside aside aside aside aside"
    }
    [dir=ltr] .tcl-layout--spacious-60-35 .tcl-layout__aside {
        padding-left: 26px
    }
    [dir=rtl] .tcl-layout--spacious-60-35 .tcl-layout__aside {
        padding-right: 26px
    }
    .tcl-layout--spacious-60-35 .tcl-layout__aside {
        -webkit-padding-start: 26px;
        padding-inline-start: 26px
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-35-60 {
        grid-template-areas: ". aside aside aside aside main main main main main main . "
    }
    [dir=ltr] .tcl-layout--spacious-35-60 .tcl-layout__aside {
        padding-right: 42px
    }
    [dir=rtl] .tcl-layout--spacious-35-60 .tcl-layout__aside {
        padding-left: 42px
    }
    .tcl-layout--spacious-35-60 .tcl-layout__aside {
        -webkit-padding-end: 42px;
        padding-inline-end: 42px
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-35-60 {
        grid-template-areas: "aside aside aside aside aside main main main main main main main"
    }
    [dir=ltr] .tcl-layout--spacious-35-60 .tcl-layout__aside {
        padding-right: 26px
    }
    [dir=rtl] .tcl-layout--spacious-35-60 .tcl-layout__aside {
        padding-left: 26px
    }
    .tcl-layout--spacious-35-60 .tcl-layout__aside {
        -webkit-padding-end: 26px;
        padding-inline-end: 26px
    }
}

@media (min-width:900px) {
    .tcl-layout--spacious-65-30 {
        grid-template-areas: ". main main main main main main main aside aside aside ."
    }
    [dir=ltr] .tcl-layout--spacious-65-30 .tcl-layout__main {
        padding-right: 42px !important
    }
    [dir=rtl] .tcl-layout--spacious-65-30 .tcl-layout__main {
        padding-left: 42px !important
    }
    .tcl-layout--spacious-65-30 .tcl-layout__main {
        -webkit-padding-end: 42px !important;
        padding-inline-end: 42px !important
    }
    .tcl-layout--spacious-30-65 {
        grid-template-areas: ". aside aside aside main main main main main main main . "
    }
    [dir=ltr] .tcl-layout--spacious-30-65 .tcl-layout__main {
        padding-left: 42px !important
    }
    [dir=rtl] .tcl-layout--spacious-30-65 .tcl-layout__main {
        padding-right: 42px !important
    }
    .tcl-layout--spacious-30-65 .tcl-layout__main {
        -webkit-padding-start: 42px !important;
        padding-inline-start: 42px !important
    }
    .tcl-layout--spacious-50-50 {
        grid-template-areas: ". column-1 column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 column-2 ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-layout--spacious-50-50 {
        grid-template-areas: "column-1 column-1 column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 column-2 column-2"
    }
}

.tcl-layout--spacious-50-50 .tcl-layout__child:first-child {
    grid-area: column-1
}

.tcl-layout--spacious-50-50 .tcl-layout__child:last-child {
    grid-area: column-2
}

@media (min-width:900px) {
    .tcl-layout--eight-grid-two-columns {
        grid-template-areas: ". . column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--eight-grid-two-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--eight-grid-two-columns,
    [dir=rtl] .tcl-layout--eight-grid-two-columns {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--eight-grid-two-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--eight-grid-two-columns {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

.tcl-layout--eight-grid-two-columns .tcl-layout__child:first-child {
    grid-area: column-1
}

.tcl-layout--eight-grid-two-columns .tcl-layout__child:last-child {
    grid-area: column-2
}

@media (min-width:900px) {
    .tcl-layout--six-grid-two-columns {
        grid-template-areas: ". . . column-1 column-1 column-1 column-2 column-2 column-2 . . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--six-grid-two-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--six-grid-two-columns,
    [dir=rtl] .tcl-layout--six-grid-two-columns {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--six-grid-two-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--six-grid-two-columns {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

.tcl-layout--six-grid-two-columns .tcl-layout__child:first-child {
    grid-area: column-1
}

.tcl-layout--six-grid-two-columns .tcl-layout__child:last-child {
    grid-area: column-2
}

@media (min-width:900px) {
    .tcl-layout--eight-grid-5-wide-3-wide {
        grid-template-areas: ". . main main main main main aside aside aside . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--eight-grid-5-wide-3-wide {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--eight-grid-5-wide-3-wide,
    [dir=rtl] .tcl-layout--eight-grid-5-wide-3-wide {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--eight-grid-5-wide-3-wide {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--eight-grid-5-wide-3-wide {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

@media (min-width:900px) {
    .tcl-layout--eight-grid-3-wide-5-wide {
        grid-template-areas: ". . aside aside aside main main main main main . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--eight-grid-3-wide-5-wide {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--eight-grid-3-wide-5-wide,
    [dir=rtl] .tcl-layout--eight-grid-3-wide-5-wide {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--eight-grid-3-wide-5-wide {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--eight-grid-3-wide-5-wide {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

.tcl-layout--eight-grid .tds-layout-aside,
.tcl-layout--twelve-grid .tds-layout-aside,
[class*=tcl-layout--spacious-] .tds-layout-aside {
    grid-area: aside
}

@media (min-width:900px) {
    .tcl-layout--six-columns {
        grid-template-areas: ". . . main main main main main main . . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--six-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--six-columns,
    [dir=rtl] .tcl-layout--six-columns {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--six-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--six-columns {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

@media (min-width:900px) {
    .tcl-layout--eight-columns {
        grid-template-areas: ". . main main main main main main main main . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--eight-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=ltr] .tcl-layout--eight-columns,
    [dir=rtl] .tcl-layout--eight-columns {
        padding-left: 36px;
        padding-left: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-layout--eight-columns {
        padding-right: 36px;
        padding-right: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
    .tcl-layout--eight-columns {
        -webkit-padding-end: 36px;
        -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        -webkit-padding-start: 36px;
        -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
        display: block;
        padding-inline-end: 36px;
        padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
        padding-inline-start: 36px;
        padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half))
    }
}

@media (max-width:599px) {
    [dir=ltr] .tcl-full-media-bleed picture,
    [dir=ltr] .tcl-full-media-bleed video {
        margin-right: -24px;
        margin-right: calc(var(--tds-size--3x)*-1)
    }
    [dir=ltr] .tcl-full-media-bleed picture,
    [dir=ltr] .tcl-full-media-bleed video,
    [dir=rtl] .tcl-full-media-bleed picture,
    [dir=rtl] .tcl-full-media-bleed video {
        margin-left: -24px;
        margin-left: calc(var(--tds-size--3x)*-1)
    }
    [dir=rtl] .tcl-full-media-bleed picture,
    [dir=rtl] .tcl-full-media-bleed video {
        margin-right: -24px;
        margin-right: calc(var(--tds-size--3x)*-1)
    }
    .tcl-full-media-bleed picture,
    .tcl-full-media-bleed video {
        -webkit-margin-end: -24px;
        -webkit-margin-end: calc(var(--tds-size--3x)*-1);
        -webkit-margin-start: -24px;
        -webkit-margin-start: calc(var(--tds-size--3x)*-1);
        display: block;
        margin-inline-end: -24px;
        margin-inline-end: calc(var(--tds-size--3x)*-1);
        margin-inline-start: -24px;
        margin-inline-start: calc(var(--tds-size--3x)*-1);
        width: calc(100% + 48px);
        width: calc(100% + var(--tds-size--6x))
    }
    .tcl-full-media-bleed .tcl-image--with-rounded-corners,
    .tcl-full-media-bleed .tcl-video--with-rounded-corners,
    .tcl-full-media-bleed.tcl-image--with-rounded-corners,
    .tcl-full-media-bleed.tcl-video--with-rounded-corners {
        --tcl-image-asset-border-radius: 0;
        --tcl-video-border-radius: 0
    }
    .tcl-layout--reverse-on-mobile,
    .tcl-layout--reverse-on-mobile .tcl-layout__main--with-children {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.tcl-section--with-background-color {
    background-color: #fff;
    background-color: var(--tcl-section-background-color)
}

.tcl-section--locked-to-viewport {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    min-height: 100vh
}

:root {
    --tcl-showcase-screen-block-size: auto;
    --tcl-showcase-screen-inline-size: auto;
    --chrome-status-bar-height: var(--tds-size--6x);
    --safari-status-bar-height: calc(var(--tds-size--1x)*11)
}

.is-Chrome-iOS {
    --chrome-status-bar-height: calc(var(--tds-size--1x)*11)
}

.is-Small-iOS {
    --chrome-status-bar-height: var(--tds-size--6x);
    --safari-status-bar-height: var(--tds-size--6x)
}

.tcl-showcase__screen {
    height: auto;
    height: var(--tcl-showcase-screen-block-size);
    position: relative;
    width: auto;
    width: var(--tcl-showcase-screen-inline-size)
}

@media (min-width:900px) {
    .tcl-page--with-scroll-snapping .tcl-showcase__screen {
        --tcl-showcase-screen-block-size: 100vh;
        --tcl-showcase-screen-inline-size: 100vw
    }
}

.tcl-showcase__content {
    -ms-flex-line-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-content: stretch;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: flex-start;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-bottom: var(--tds-size--4x);
    width: 100%
}

.is-Android .tcl-showcase__content,
.is-Chrome-iOS .tcl-showcase__content {
    padding-bottom: 80px;
    padding-bottom: calc(var(--tds-size--4x) + var(--chrome-status-bar-height))
}

.is-Small-iOS .tcl-showcase__content,
.is-iOS .tcl-showcase__content {
    padding-bottom: 120px;
    padding-bottom: calc(var(--tds-size--4x) + var(--safari-status-bar-height))
}

body:not(.animate-onscroll) .tds-animate_large--to_reveal,
body:not(.animate-onscroll) .tds-animate_small--to_reveal {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: auto
}

.tcl-tabs__list {
    grid-gap: 4px;
    grid-gap: var(--tds-size--half);
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto
}

.tcl-tab__panel {
    outline: none
}

.tcl-tabs__list:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tcl-tab--pill {
    border-color: var(--tds-tab--background-color-on);
    white-space: nowrap
}

.tcl-tab--pill,
.tcl-tab--pill[aria-selected=true] {
    --tds-tab--background-color: transparent;
    border-style: solid
}

.tcl-tab--pill[aria-selected=true] {
    border-color: var(--tds-theme-foreground-high-contrast)
}

p {
    padding-bottom: 14px
}

.tds-list+p,
p+.tds-list,
p+p,
p.tds-text--caption+p.tds-text--caption {
    padding-top: 0
}

.tcl-theme--support .tcl-rich-text ol ol,
.tcl-theme--support .tcl-rich-text ol ul,
.tcl-theme--support .tcl-rich-text ul ol,
.tcl-theme--support .tcl-rich-text ul ul {
    margin-top: var(--tds-list-item--margin-block);
    padding-bottom: unset
}

@media (min-width:600px) {
    .tcl-fit-content {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tcl-archor-block,
.tcl-hidden {
    display: block
}

.tcl-hidden {
    height: 0;
    overflow: hidden
}

:root {
    --tcl-icon--border-color: var(--tds-theme-foreground-high-contrast);
    --tcl-showcase-down-arrow-display: flex
}

.tcl-showcase__down-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: tds-keyframe--bounce;
    animation-name: tds-keyframe--bounce;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: var(--tcl-showcase-down-arrow-display);
    height: 24px;
    height: var(--tds-size--3x);
    justify-content: center;
    margin: 0 auto 3vh;
    outline: none;
    padding: 0;
    width: 24px;
    width: var(--tds-size--3x)
}

.tcl-showcase__down-arrow .tds-icon {
    --tds-icon--size: 70px
}

.tcl-icon--round {
    border: 3px solid var(--tcl-icon--border-color);
    border-radius: 20px
}

:root {
    --tcl-component-padding-desktop-block-end: 0;
    --tcl-component-padding-desktop-block-start: 0;
    --tcl-component-padding-mobile-block-end: 0;
    --tcl-component-padding-mobile-block-start: 0;
    --tcl-component-padding-tablet-block-end: 0;
    --tcl-component-padding-tablet-block-start: 0;
    --tcl-section-padding-desktop-block-end: 0;
    --tcl-section-padding-desktop-block-start: 0;
    --tcl-section-padding-mobile-block-end: 0;
    --tcl-section-padding-mobile-block-start: 0;
    --tcl-section-padding-tablet-block-end: 0;
    --tcl-section-padding-tablet-block-start: 0
}

.tcl-component-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-component-padding-desktop-block-end);
    padding-top: 0;
    padding-top: var(--tcl-component-padding-desktop-block-start)
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-component-padding {
        padding-bottom: 0;
        padding-bottom: var(--tcl-component-padding-tablet-block-end);
        padding-top: 0;
        padding-top: var(--tcl-component-padding-tablet-block-start)
    }
}

@media (max-width:599px) {
    .tcl-component-padding {
        padding-bottom: 0;
        padding-bottom: var(--tcl-component-padding-mobile-block-end);
        padding-top: 0;
        padding-top: var(--tcl-component-padding-mobile-block-start)
    }
}

.tcl-section-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-section-padding-desktop-block-end);
    padding-top: 0;
    padding-top: var(--tcl-section-padding-desktop-block-start)
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-section-padding {
        padding-bottom: 0;
        padding-bottom: var(--tcl-section-padding-tablet-block-end);
        padding-top: 0;
        padding-top: var(--tcl-section-padding-tablet-block-start)
    }
}

@media (max-width:599px) {
    .tcl-section-padding {
        padding-bottom: 0;
        padding-bottom: var(--tcl-section-padding-mobile-block-end);
        padding-top: 0;
        padding-top: var(--tcl-section-padding-mobile-block-start)
    }
}

.tcl-component-padding--use-margin {
    margin-bottom: 0;
    margin-bottom: var(--tcl-component-padding-desktop-block-end);
    margin-top: 0;
    margin-top: var(--tcl-component-padding-desktop-block-start);
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-component-padding--use-margin {
        margin-bottom: 0;
        margin-bottom: var(--tcl-component-padding-tablet-block-end);
        margin-top: 0;
        margin-top: var(--tcl-component-padding-tablet-block-start);
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (max-width:599px) {
    .tcl-component-padding--use-margin {
        margin-bottom: 0;
        margin-bottom: var(--tcl-component-padding-mobile-block-end);
        margin-top: 0;
        margin-top: var(--tcl-component-padding-mobile-block-start);
        padding-bottom: 0;
        padding-top: 0
    }
}

.tcl-container--top-padding-small,
.tcl-layout--top-padding-small {
    padding-top: 16px;
    padding-top: var(--tds-size--2x)
}

.tcl-container--top-padding-medium,
.tcl-layout--top-padding-medium {
    padding-top: 32px;
    padding-top: var(--tds-size--4x)
}

.tcl-container--top-padding-large,
.tcl-layout--top-padding-large {
    padding-top: 48px;
    padding-top: var(--tds-size--6x)
}

.tcl-container--top-padding-extra-large,
.tcl-layout--top-padding-extra-large {
    padding-top: 64px;
    padding-top: var(--tds-size--8x)
}

.tcl-container--bottom-padding-small,
.tcl-layout--bottom-padding-small {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x)
}

.tcl-container--bottom-padding-medium,
.tcl-layout--bottom-padding-medium {
    padding-bottom: 32px;
    padding-bottom: var(--tds-size--4x)
}

.tcl-container--bottom-padding-large,
.tcl-layout--bottom-padding-large {
    padding-bottom: 48px;
    padding-bottom: var(--tds-size--6x)
}

.tcl-container--bottom-padding-extra-large,
.tcl-layout--bottom-padding-extra-large {
    padding-bottom: 64px;
    padding-bottom: var(--tds-size--8x)
}

.tcl-spacing--bottom-padding-8 {
    padding-bottom: 8px;
    padding-bottom: var(--tds-size--1x)
}

.tcl-spacing--top-padding-8 {
    padding-top: 8px;
    padding-top: var(--tds-size--1x)
}

.tcl-spacing--bottom-padding-16 {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x)
}

.tcl-spacing--top-padding-16 {
    padding-top: 16px;
    padding-top: var(--tds-size--2x)
}

.tcl-spacing--bottom-padding-24 {
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x)
}

.tcl-spacing--top-padding-24 {
    padding-top: 24px;
    padding-top: var(--tds-size--3x)
}

.tcl-spacing--bottom-padding-32 {
    padding-bottom: 32px;
    padding-bottom: var(--tds-size--4x)
}

.tcl-spacing--top-padding-32 {
    padding-top: 32px;
    padding-top: var(--tds-size--4x)
}

.tcl-spacing--bottom-padding-40 {
    padding-bottom: 40px;
    padding-bottom: var(--tds-size--5x)
}

.tcl-spacing--top-padding-40 {
    padding-top: 40px;
    padding-top: var(--tds-size--5x)
}

.tcl-spacing--bottom-padding-48 {
    padding-bottom: 48px;
    padding-bottom: var(--tds-size--6x)
}

.tcl-spacing--top-padding-48 {
    padding-top: 48px;
    padding-top: var(--tds-size--6x)
}

.tcl-spacing--bottom-padding-64 {
    padding-bottom: 64px;
    padding-bottom: var(--tds-size--8x)
}

.tcl-spacing--top-padding-64 {
    padding-top: 64px;
    padding-top: var(--tds-size--8x)
}

:root {
    --tcl-section-end-gradient-block-size: 20%;
    --tcl-section-end-gradient-opacity: 0.5;
    --tcl-section-end-gradient-end: transparent;
    --tcl-section-end-gradient-start: #000;
    --tcl-section-start-gradient-block-size: 20%;
    --tcl-section-start-gradient-opacity: 0.5;
    --tcl-section-start-gradient-end: transparent;
    --tcl-section-start-gradient-start: #000
}

.tcl-section--with-end-gradient,
.tcl-section--with-start-gradient {
    position: relative;
    z-index: 1
}

.tcl-section--with-end-gradient>section,
.tcl-section--with-start-gradient>section {
    z-index: 2
}

[dir=ltr] .tcl-section--with-start-gradient:before {
    left: 0
}

[dir=rtl] .tcl-section--with-start-gradient:before {
    right: 0
}

.tcl-section--with-start-gradient:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: linear-gradient(180deg, #000 0, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tcl-section-start-gradient-start)), to(var(--tcl-section-start-gradient-end)));
    background: linear-gradient(to bottom, var(--tcl-section-start-gradient-start) 0, var(--tcl-section-start-gradient-end) 100%);
    content: "";
    height: 20%;
    height: var(--tcl-section-start-gradient-block-size);
    inset-inline-start: 0;
    opacity: .5;
    opacity: var(--tcl-section-start-gradient-opacity);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[dir=ltr] .tcl-section--with-end-gradient:after {
    left: 0
}

[dir=rtl] .tcl-section--with-end-gradient:after {
    right: 0
}

.tcl-section--with-end-gradient:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000 0, transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--tcl-section-end-gradient-start)), to(var(--tcl-section-end-gradient-end)));
    background: linear-gradient(to top, var(--tcl-section-end-gradient-start) 0, var(--tcl-section-end-gradient-end) 100%);
    bottom: 0;
    content: "";
    height: 20%;
    height: var(--tcl-section-end-gradient-block-size);
    inset-inline-start: 0;
    opacity: .5;
    opacity: var(--tcl-section-end-gradient-opacity);
    position: absolute;
    width: 100%;
    z-index: -1
}

:root {
    --tcl-component-aspect-ratio: auto;
    --tcl-component-aspect-ratio-asset-top: 0;
    --tcl-component-aspect-ratio-asset-transform: none;
    --tcl-component-aspect-ratio-polyfill: 0;
    --tcl-component-mobile-aspect-ratio: auto;
    --tcl-component-mobile-aspect-ratio-polyfill: 0;
    --tcl-component-tablet-aspect-ratio: auto;
    --tcl-component-tablet-aspect-ratio-polyfill: 0
}

@media (min-width:900px) {
    .tcl-component-media-ratio .tcl-image,
    .tcl-component-media-ratio .tcl-video {
        --tcl-component-aspect-ratio-asset-top: 50%;
        --tcl-component-aspect-ratio-asset-transform: translateY(-50%) scale(var(--tcl-asset-scale-by));
        --tcl-image-asset-block-size: 100%;
        --tcl-image-position: absolute;
        --tcl-video-asset-block-size: 100%;
        --tcl-video-position: absolute;
        top: 0;
        top: var(--tcl-component-aspect-ratio-asset-top);
        -webkit-transform: none;
        transform: none;
        -webkit-transform: var(--tcl-component-aspect-ratio-asset-transform);
        transform: var(--tcl-component-aspect-ratio-asset-transform)
    }
}

@media (max-width:599px),
(min-width:600px) and (max-width:899px) {
    .tcl-component-mobile-media-ratio .tcl-image,
    .tcl-component-mobile-media-ratio .tcl-video,
    .tcl-component-tablet-media-ratio .tcl-image,
    .tcl-component-tablet-media-ratio .tcl-video {
        --tcl-component-aspect-ratio-asset-top: 50%;
        --tcl-component-aspect-ratio-asset-transform: translateY(-50%) scale(var(--tcl-asset-scale-by));
        --tcl-image-asset-block-size: 100%;
        --tcl-image-position: absolute;
        --tcl-video-asset-block-size: 100%;
        --tcl-video-position: absolute;
        top: 0;
        top: var(--tcl-component-aspect-ratio-asset-top);
        -webkit-transform: none;
        transform: none;
        -webkit-transform: var(--tcl-component-aspect-ratio-asset-transform);
        transform: var(--tcl-component-aspect-ratio-asset-transform)
    }
}

.tcl-component-media-ratio-1-1 {
    --tcl-component-aspect-ratio: 1/1;
    --tcl-component-aspect-ratio-polyfill: 100%
}

.tcl-component-media-ratio-16-9 {
    --tcl-component-aspect-ratio: 16/9;
    --tcl-component-aspect-ratio-polyfill: 56.25%
}

.tcl-component-media-ratio-21-9 {
    --tcl-component-aspect-ratio: 21/9;
    --tcl-component-aspect-ratio-polyfill: 42.86%
}

.tcl-component-media-ratio-4-3 {
    --tcl-component-aspect-ratio: 4/3;
    --tcl-component-aspect-ratio-polyfill: 75%
}

.tcl-component-mobile-media-ratio-1-1 {
    --tcl-component-mobile-aspect-ratio: 1/1;
    --tcl-component-mobile-aspect-ratio-polyfill: 100%
}

.tcl-component-mobile-media-ratio-16-9 {
    --tcl-component-mobile-aspect-ratio: 16/9;
    --tcl-component-mobile-aspect-ratio-polyfill: 56.25%
}

.tcl-component-mobile-media-ratio-3-4 {
    --tcl-component-mobile-aspect-ratio: 3/4;
    --tcl-component-mobile-aspect-ratio-polyfill: 133.33%
}

.tcl-component-mobile-media-ratio-9-16 {
    --tcl-component-mobile-aspect-ratio: 9/16;
    --tcl-component-mobile-aspect-ratio-polyfill: 177.78%
}

.tcl-component-tablet-media-ratio-1-1 {
    --tcl-component-tablet-aspect-ratio: 1/1;
    --tcl-component-tablet-aspect-ratio-polyfill: 100%
}

.tcl-component-tablet-media-ratio-16-9 {
    --tcl-component-tablet-aspect-ratio: 16/9;
    --tcl-component-tablet-aspect-ratio-polyfill: 56.25%
}

.tcl-component-tablet-media-ratio-4-3 {
    --tcl-component-tablet-aspect-ratio: 4/3;
    --tcl-component-tablet-aspect-ratio-polyfill: 75%
}

.tcl-theme--support .tcl-rich-text p {
    padding-bottom: 14px
}

.tcl-theme--support .tcl-rich-text .h1,
.tcl-theme--support .tcl-rich-text .tds-text--h1 {
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x);
    padding-top: 32px;
    padding-top: var(--tds-size--4x)
}

.tcl-theme--support .tcl-rich-text .tds-text--h2,
.tcl-theme--support .tcl-rich-text h2,
.tcl-theme--support .tds-text--h2.tcl-accordion__heading,
.tcl-theme--support .tds-text--h2.tcl-anchor-point,
.tcl-theme--support h2.tcl-anchor-point {
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x);
    padding-top: 64px;
    padding-top: var(--tds-size--8x)
}

.tcl-theme--support .tcl-rich-text .tds-text--h4,
.tcl-theme--support .tcl-rich-text h4 {
    padding-bottom: 18px;
    padding-top: 40px;
    padding-top: var(--tds-size--5x)
}

.tcl-theme--support .tcl-rich-text .tds-text--h6,
.tcl-theme--support .tcl-rich-text h6 {
    padding-bottom: 12px;
    padding-top: 28px
}

.tcl-theme--support .tcl-rich-text ol,
.tcl-theme--support .tcl-rich-text ul {
    padding-bottom: 14px
}

.tcl-theme--support .tcl-accordion__item-expanded .tcl-accordion__panel {
    margin-bottom: 0;
    margin-top: 4px;
    margin-top: var(--tds-size--half)
}

.tcl-theme--support .tcl-accordion__controls,
.tcl-theme--support .tcl-accordion__controls li:last-child {
    padding-bottom: 0
}

.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h2,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h2 {
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x);
    padding-top: 48px;
    padding-top: var(--tds-size--6x)
}

.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h4,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h4 {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x);
    padding-top: 32px;
    padding-top: var(--tds-size--4x)
}

.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h6,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h6 {
    padding-bottom: 12px;
    padding-top: 24px;
    padding-top: var(--tds-size--3x)
}

body,
html {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

:root {
    --tcl-header-background-color: var(--tds-scrim-background, transparent)
}

.tcl-header--sticky {
    background-color: transparent;
    background-color: var(--tcl-header-background-color);
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 999
}

.tcl-header--support,
.template-support-page .tcl-header--sticky {
    --tcl-header-background-color: var(--tds-color--white)
}

.tcl-page--with-static-header .tcl-header--sticky+.tcl-page__main-content,
.tcl-page--with-sticky-header .tcl-header--sticky+.tcl-page__main-content {
    padding-top: 56px;
    padding-top: var(--tds-size--7x)
}

.tcl-mobile-navigation-search-bar__heading {
    padding-top: 0
}

.tcl-mobile-navigation-search-bar__form {
    --tds-height--pill: var(--tds-size--4x);
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x);
    padding-top: 24px;
    padding-top: var(--tds-size--3x)
}

.tcl-mobile-navigation-search-bar__search-field:-moz-placeholder-shown+.tds-form-input-trailing {
    visibility: hidden !important
}

.tcl-mobile-navigation-search-bar__search-field:-ms-input-placeholder+.tds-form-input-trailing {
    visibility: hidden !important
}

.tcl-mobile-navigation-search-bar__search-field:placeholder-shown+.tds-form-input-trailing {
    visibility: hidden !important
}

@media (max-width:599px) {
    .is-Chrome-iOS .tcl-mobile-navigation-search-bar__search-field,
    .is-iOS .tcl-mobile-navigation-search-bar__search-field {
        font-size: 17px;
        font-size: var(--tds-font-size--40)
    }
}

:root {
    --tcl-button-backdrop-filter: none;
    --tcl-button-inline-size: auto;
    --tcl-button-margin-block-end: 0;
    --tcl-button-margin-block-start: 0;
    --tcl-button-margin-inline-end: 0;
    --tcl-button-margin-inline-start: 0;
    --tcl-button-min-inline-size: 0;
    --tcl-button-max-inline-size: none;
    --tcl-button-text-transform: inherit
}

[dir=ltr] .tcl-button {
    margin-right: 0;
    margin-right: var(--tcl-button-margin-inline-end)
}

[dir=rtl] .tcl-button {
    margin-left: 0;
    margin-left: var(--tcl-button-margin-inline-end)
}

[dir=ltr] .tcl-button {
    margin-left: 0;
    margin-left: var(--tcl-button-margin-inline-start)
}

[dir=rtl] .tcl-button {
    margin-right: 0;
    margin-right: var(--tcl-button-margin-inline-start)
}

.tcl-button {
    -webkit-margin-end: 0;
    -webkit-margin-end: var(--tcl-button-margin-inline-end);
    -webkit-margin-start: 0;
    -webkit-margin-start: var(--tcl-button-margin-inline-start);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: var(--tcl-button-backdrop-filter);
    backdrop-filter: var(--tcl-button-backdrop-filter);
    margin-bottom: 0;
    margin-bottom: var(--tcl-button-margin-block-end);
    margin-inline-end: 0;
    margin-inline-end: var(--tcl-button-margin-inline-end);
    margin-inline-start: 0;
    margin-inline-start: var(--tcl-button-margin-inline-start);
    margin-top: 0;
    margin-top: var(--tcl-button-margin-block-start);
    text-transform: inherit;
    text-transform: var(--tcl-button-text-transform)
}

[dir=ltr] .tcl-button>.tds-icon:first-child {
    margin-left: -8px;
    margin-left: calc(var(--tds-size--1x)*-1)
}

[dir=rtl] .tcl-button>.tds-icon:first-child {
    margin-right: -8px;
    margin-right: calc(var(--tds-size--1x)*-1)
}

[dir=ltr] .tcl-button>.tds-icon:first-child {
    margin-right: 4px;
    margin-right: var(--tds-size--half)
}

[dir=rtl] .tcl-button>.tds-icon:first-child {
    margin-left: 4px;
    margin-left: var(--tds-size--half)
}

.tcl-button>.tds-icon:first-child {
    -webkit-margin-start: -8px;
    -webkit-margin-start: calc(var(--tds-size--1x)*-1);
    -webkit-margin-end: 4px;
    -webkit-margin-end: var(--tds-size--half);
    display: inline-block;
    margin-inline-end: 4px;
    margin-inline-end: var(--tds-size--half);
    margin-inline-start: -8px;
    margin-inline-start: calc(var(--tds-size--1x)*-1)
}

.tcl-button>span {
    overflow-wrap: anywhere;
    width: 100%
}

@media (max-width:599px) {
    .tcl-button>span {
        overflow-wrap: normal
    }
}

@media (min-width:600px) {
    .tcl-button {
        max-width: none;
        max-width: var(--tcl-button-max-inline-size);
        min-width: 0;
        min-width: var(--tcl-button-min-inline-size);
        width: auto;
        width: var(--tcl-button-inline-size)
    }
}

.tcl-layout--2-cols-full-large-main.tcl-layout--main-right {
    grid-template-areas: "aside aside aside aside main main main main main main main main"
}

@media(min-width:1200px) {
    .tcl-layout--2-cols-full-large-main.tcl-layout--main-right {
        grid-template-areas: "aside aside aside main main main main main main main main main"
    }
}

@media(min-width:600px) {
    [dir=ltr] .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
        padding-left: 0
    }
    [dir=rtl] .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
        padding-right: 0
    }
    .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media(min-width:600px) {
    [dir=ltr] .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
        padding-left: 0
    }
    [dir=rtl] .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
        padding-right: 0
    }
    .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
    display: grid;
    grid-template-areas: "aside aside aside aside aside aside aside aside aside aside aside aside" "main main main main main main main main main main main main"
}

@media(min-width:1200px) {
    .tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
        grid-template-areas: "aside aside aside . main main main main main main main ."
    }
}

@media(min-width:1800px) {
    .tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
        grid-template-areas: "aside aside aside main main main main main main . . ."
    }
    [dir=ltr] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
        margin-left: auto
    }
    [dir=ltr] .tcl-layout--2col-content-heavy-support .tcl-layout__main,
    [dir=rtl] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
        margin-right: auto
    }
    [dir=rtl] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
        margin-left: auto
    }
    .tcl-layout--2col-content-heavy-support .tcl-layout__main {
        -webkit-margin-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        margin-inline-start: auto;
        max-width: 75ch
    }
    [dir=ltr] .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
        padding-right: var(--tds-size-4x)
    }
    [dir=rtl] .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
        padding-left: var(--tds-size-4x)
    }
    .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
        -webkit-padding-end: var(--tds-size-4x);
        padding-inline-end: var(--tds-size-4x)
    }
}

.tcl-layout--four-columns {
    margin-bottom: 0;
    margin-top: 0
}

@media (min-width:900px) {
    .tcl-layout--four-columns {
        grid-template-areas: ". . . . main main main main . . . ."
    }
}

@media (min-width:600px) and (max-width:899px) {
    [dir=ltr] .tcl-layout--four-columns {
        padding-right: 24px;
        padding-right: var(--tds-size--3x)
    }
    [dir=ltr] .tcl-layout--four-columns,
    [dir=rtl] .tcl-layout--four-columns {
        padding-left: 24px;
        padding-left: var(--tds-size--3x)
    }
    [dir=rtl] .tcl-layout--four-columns {
        padding-right: 24px;
        padding-right: var(--tds-size--3x)
    }
    .tcl-layout--four-columns {
        -webkit-padding-end: 24px;
        -webkit-padding-end: var(--tds-size--3x);
        -webkit-padding-start: 24px;
        -webkit-padding-start: var(--tds-size--3x);
        grid-template-areas: ". . . main main main main main main . . .";
        padding-inline-end: 24px;
        padding-inline-end: var(--tds-size--3x);
        padding-inline-start: 24px;
        padding-inline-start: var(--tds-size--3x)
    }
}

@media(min-width:600px) {
    .tcl-layout__main--3-cols {
        grid-gap: 0 24px;
        grid-gap: 0 var(--tds-size--3x);
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:600px) {
    .tcl-layout__main--4-cols {
        grid-gap: 0 24px;
        grid-gap: 0 var(--tds-size--3x);
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width:600px) and (max-width:899px) {
    .tcl-layout__main--4-cols {
        grid-template-columns: repeat(2, 1fr)
    }
}

.tcl-page__with-open-modal {
    position: static !important
}

.tcl-modal--compare-trims {
    overflow-x: hidden
}

.tcl-modal--compare-trims::-webkit-scrollbar {
    display: none
}

.tcl-rich-text--no-heading-padding>[class*=-text--h],
.tcl-rich-text--no-heading-padding>h1,
.tcl-rich-text--no-heading-padding>h2,
.tcl-rich-text--no-heading-padding>h3,
.tcl-rich-text--no-heading-padding>h4,
.tcl-rich-text--no-heading-padding>h5 {
    padding: 0
}

.tcl-rich-text--small-heading-padding>[class*=-text--h],
.tcl-rich-text--small-heading-padding>h1,
.tcl-rich-text--small-heading-padding>h2,
.tcl-rich-text--small-heading-padding>h3,
.tcl-rich-text--small-heading-padding>h4,
.tcl-rich-text--small-heading-padding>h5 {
    padding: 8px 0;
    padding: var(--tds-size--1x) 0
}

.tcl-rich-text .text-align-center {
    margin-inline: auto;
    margin-left: auto;
    margin-right: auto
}

.tcl-site-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    min-height: 70px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tcl-site-footer~.block p {
    margin: 0 auto;
    text-align: center
}

.tcl-site-footer .tcl-link {
    white-space: nowrap
}

:root {
    --template-landing-page-footer-margin-block-start: -70px;
    --tcl-footer-display: none;
    --tcl-homepage-hero-content-display: none;
    --tcl-homepage-hero-content-z-index: -1;
    --tcl-site-header-wrapper-inset-block-start: 0
}

@media (max-width:599px) {
    html.tcl-hide-overflow,
    html.tcl-hide-overflow body {
        height: 100%;
        margin: 0;
        overflow: hidden
    }
}

body.template-landing-page--content-snapping-on {
    position: fixed;
    width: 100vw
}

.template-landing-page--content-snapping-on .tcl-homepage-content-snapping {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow-y: scroll;
    position: relative;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

@media (max-width:599px) {
    .tcl-homepage-content-snapping {
        height: 100vh
    }
}

.template-landing-page--content-snapping-on {
    -ms-scroll-chaining: none;
    overflow: hidden;
    overscroll-behavior: none;
    -webkit-perspective: 1px;
    perspective: 1px
}

.template-landing-page--content-snapping-on .tcl-page__shell {
    display: block;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow-y: hidden;
    position: relative
}

.tds-prevent-scroll.template-landing-page--content-snapping-on .tcl-page__shell {
    overflow: hidden
}

.template-landing-page--content-snapping-off.tds-menu-header-transparent--dark .tds-site-header-wrapper,
.template-landing-page--content-snapping-off.tds-menu-header-transparent--light .tds-site-header-wrapper,
.template-landing-page--content-snapping-on.tds-menu-header-transparent--dark .tds-site-header-wrapper,
.template-landing-page--content-snapping-on.tds-menu-header-transparent--light .tds-site-header-wrapper {
    top: 0;
    top: var(--tcl-site-header-wrapper-inset-block-start)
}

.template-landing-page--content-snapping-on .tds-menu-header-main {
    position: sticky
}

[dir=ltr] .template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
    left: 0
}

[dir=rtl] .template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
    right: 0
}

.template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
    inset-inline-start: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 5
}

.template-landing-page--content-snapping-on .tcl-homepage-hero:not(.tcl-homepage-hero--overlay) .tcl-homepage-hero__content {
    display: none;
    display: var(--tcl-homepage-hero-content-display);
    z-index: -1;
    z-index: var(--tcl-homepage-hero-content-z-index)
}

@media (min-width:900px) {
    .tcl-homepage-hero.tcl-homepage-hero--footer {
        display: none
    }
    [dir=ltr] .template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
        left: 0
    }
    [dir=rtl] .template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
        right: 0
    }
    .template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
        background-color: transparent;
        bottom: 0;
        display: none;
        display: var(--tcl-footer-display);
        inset-inline-start: 0;
        position: fixed;
        width: 100%;
        z-index: 100
    }
    .is-Android.template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
        position: sticky
    }
}

.is-Chrome-iOS.is-iPad .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero,
.is-Safari .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero {
    --tcl-image-asset-block-size: 100vh;
    --tcl-video-asset-block-size: 100vh;
    height: 100vh
}

@supports (-moz-appearance:none) {
    .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero {
        --tcl-image-asset-block-size: 100vh;
        --tcl-video-asset-block-size: 100vh;
        height: 100vh
    }
}

@media (max-width:599px),
(min-width:600px) and (max-width:899px) {
    .template-landing-page--applitool-on .tcl-page__main-content+.tcl-footer,
    .template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
        display: none
    }
}

@supports (-moz-appearance:none) {
    @media (min-width: 900px) {
        .template-landing-page--content-snapping-on .tcl-page__main-content+.tcl-footer {
            margin-top:-70px;
            margin-top: var(--template-landing-page-footer-margin-block-start)
        }
    }
}

.tcl-homepage-hero--last-of-type .tcl-homepage-hero__chevron {
    visibility: hidden
}

#tds-site-header-wrapper {
    width: 100vw
}

#tds-site-header-wrapper .tds-locale-selector-language {
    display: inline-flex
}

#tds-site-header-wrapper .tds-site-header-modal .tds-card.tds-locale-selector-trigger .tds-icon {
    -webkit-margin-before: 8px;
    margin-block-start: 8px;
    -webkit-margin-before: var(--tds-size--1x);
    margin-block-start: var(--tds-size--1x);
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    -webkit-margin-start: var(--tds-size--1x);
    margin-inline-start: var(--tds-size--1x);
    padding: 1px
}

.tds-site-header--stuck #tds-site-header-wrapper {
    position: absolute
}

.template-support-page #tds-site-header-wrapper {
    z-index: 100
}

.adminimal-admin-toolbar #tds-site-header-wrapper,
.display-mode--view #tds-site-header-wrapper,
.display-mode--layout #tds-site-header-wrapper {
    display: none
}

.adminimal-admin-toolbar:not(.display-mode--preview) #tds-site-header-wrapper {
    top: 110px
}

@media(min-width:1199px) {
    #tds-site-header-wrapper .tds-site-header .tds-align--start,
    #tds-site-header-wrapper .tds-site-header .tds-align--end {
        min-inline-size: 240px
    }
    .i18n-fr_ch #tds-site-header-wrapper .tds-site-header .tds-align--end,
    .i18n-fr_ch #tds-site-header-wrapper .tds-site-header .tds-align--start,
    .i18n-it_ch #tds-site-header-wrapper .tds-site-header .tds-align--end,
    .i18n-it_ch #tds-site-header-wrapper .tds-site-header .tds-align--start {
        min-inline-size: 230px
    }
    .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--end,
    .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--start {
        min-inline-size: 175px;
        -webkit-margin-start: -20px;
        margin-inline-start: -20px
    }
}

@media(min-width:1399px) {
    .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--end,
    .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--start {
        min-inline-size: 230px;
        -webkit-margin-start: inherit;
        margin-inline-start: inherit
    }
}

#tds-site-header-wrapper .tds-modal.tds-site-header-modal {
    --tds-modal--height: 100%;
    z-index: 1000000;
    will-change: scroll-position
}

@media(max-width:1199px) {
    #tds-site-header-wrapper .tds-modal.tds-site-header-modal {
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

#tds-site-header-wrapper .tds-modal--is-open .trc-main-container-wrapper,
#tds-site-header-wrapper .tds-modal--is-open .Twilio-MainContainer {
    z-index: 10 !important
}

.tds-menu-header-transparent--dark #tds-site-header-wrapper,
.tds-menu-header-transparent--light #tds-site-header-wrapper {
    position: absolute
}

.tds-site-header--dark #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey10);
    --tds-nav-item--color-highlighted: var(--tds-color--grey10);
    --tds-icon-fill-secondary: var(--tds-color--grey10);
    --tds-theme-foreground-high-contrast: var(--tds-color--grey10)
}

.tds-site-header--dark #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey70);
    --tds-nav-item--color-highlighted: var(--tds-color--white);
    --tds-icon-fill-secondary: var(--tds-color--white);
    --tds-theme-foreground: var(--tds-color--grey10);
    --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
    --tds-pill--blur-color: hsla(0, 0%, 0%, .05)
}

.tds-menu-header-transparent--dark #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey10);
    --tds-nav-item--color-highlighted: var(--tds-color--grey10);
    --tds-icon-fill-secondary: var(--tds-color--grey10);
    --tds-theme-foreground: var(--tds-color--grey10);
    --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
    --tds-pill--blur-color: hsla(0, 0%, 0%, .05)
}

.tds-menu-header-transparent--light #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey70);
    --tds-nav-item--color-highlighted: var(--tds-color--white);
    --tds-icon-fill-secondary: var(--tds-color--white);
    --tds-theme-foreground: var(--tds-color--white);
    --tds-theme-foreground-high-contrast: var(--tds-color--white);
    --tds-pill--blur-color: hsla(0, 0%, 100%, .2)
}

@media(max-width:639px) {
    .tds-o-header--invert-on-mobile.tds-site-header--dark #tds-site-header-wrapper {
        --tds-nav-item--color: var(--tds-color--grey10);
        --tds-nav-item--color-highlighted: var(--tds-color--grey10);
        --tds-icon-fill-secondary: var(--tds-color--grey10);
        --tds-theme-foreground: var(--tds-color--white);
        --tds-theme-foreground-high-contrast: var(--tds-color--white);
        --tds-pill--blur-color: hsla(0, 0%, 100%, .2)
    }
    .tds-o-header--invert-on-mobile.tds-site-header--light #tds-site-header-wrapper {
        --tds-nav-item--color: var(--tds-color--grey70);
        --tds-nav-item--color-highlighted: var(--tds-color--white);
        --tds-icon-fill-secondary: var(--tds-color--white);
        --tds-theme-foreground: var(--tds-color--grey10);
        --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
        --tds-pill--blur-color: hsla(0, 0%, 0%, .05)
    }
}

.tcl-sticky-navigation .tcl-sticky-navigation__icon {
    height: 48px;
    height: var(--tds-size--6x)
}

#tds-site-header-wrapper .tds-site-header-modal .tds-modal-header {
    min-block-size: 80px
}

#tds-site-header-wrapper .tds-site-logo-icon {
    color: var(--tds-theme-foreground)
}

#tds-site-header-wrapper .tds-site-nav-item {
    --tds-nav-item--color: var(--tds-theme-foreground)
}

#tds-site-header-wrapper .tds-locale-selector--narrow .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child>h3 {
    -webkit-padding-before: 0;
    padding-block-start: 0
}

#tds-site-header-wrapper .tds-modal.tds-site-header-modal {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

;
.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px
}

[dir="rtl"] .ajax-progress {
    float: right
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(../../../../core/themes/stable/images/core/throbber-active.html) no-repeat 0 center
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px
}

.ajax-progress-bar {
    width: 16em
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: .9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../../../../core/themes/stable/images/core/loading-small.html);
    background-repeat: no-repeat;
    background-position: center center
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.text-align-justify {
    text-align: justify
}

.align-left {
    float: left
}

.align-right {
    float: right
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.js input.form-autocomplete {
    background-image: url(../../../../core/themes/stable/images/core/throbber-inactive.html);
    background-repeat: no-repeat;
    background-position: 100% center
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0 center
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(../../../../core/themes/stable/images/core/throbber-active.html);
    background-position: 100% center
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0 center
}

.fieldgroup {
    padding: 0;
    border-width: 0
}

.container-inline div,
.container-inline label {
    display: inline
}

.container-inline .details-wrapper {
    display: block
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.js details:not([open]) .details-wrapper {
    display: none
}

.hidden {
    display: none
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto
}

.invisible {
    visibility: hidden
}

.item-list__comma-list,
.item-list__comma-list li {
    display: inline
}

.item-list__comma-list {
    margin: 0;
    padding: 0
}

.item-list__comma-list li:after {
    content: ", "
}

.item-list__comma-list li:last-child:after {
    content: ""
}

.js .js-hide {
    display: none
}

.js-show {
    display: none
}

.js .js-show {
    display: block
}

.nowrap {
    white-space: nowrap
}

.position-container {
    position: relative
}

.progress {
    position: relative
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000
}

.progress__description,
.progress__percentage {
    overflow: hidden;
    margin-top: .2em;
    color: #555;
    font-size: .875em
}

.progress__description {
    float: left
}

[dir="rtl"] .progress__description {
    float: right
}

.progress__percentage {
    float: right
}

[dir="rtl"] .progress__percentage {
    float: left
}

.progress--small .progress__track {
    height: 7px
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.resize-none {
    resize: none
}

.resize-vertical {
    min-height: 2em;
    resize: vertical
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px
}

.system-status-counter__status-icon--error:before {
    background-image: url(../../../../core/themes/stable/images/core/icons/e32700/error.html)
}

.system-status-counter__status-icon--warning:before {
    background-image: url(../../../../core/themes/stable/images/core/icons/e29700/warning.html)
}

.system-status-counter__status-icon--checked:before {
    background-image: url(../../../../core/themes/stable/images/core/icons/73b355/check.html)
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .063)
}

@media screen and (min-width:60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .system-status-report-counters__item--half-width {
        width: 49%
    }
    .system-status-report-counters__item--third-width {
        width: 33%
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc
}

body.drag {
    cursor: move
}

tr.region-title {
    font-weight: bold
}

tr.region-message {
    color: #999
}

tr.region-populated {
    display: none
}

tr.add-new .tabledrag-changed {
    display: none
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0
}

a.tabledrag-handle:hover {
    text-decoration: none
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -.4em .5em 0;
    padding: .42em .5em;
    background: url(../../../../core/themes/stable/images/core/icons/787878/move.html) no-repeat 6px 7px
}

a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
    background-image: url(../../../../core/themes/stable/images/core/icons/000000/move.html)
}

.touchevents .draggable td {
    padding: 0 10px
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px
}

.tabledrag-toggle-weight-wrapper {
    text-align: right
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em
}

[dir="rtl"] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%
}

.tablesort--asc {
    background-image: url(../../../../core/themes/stable/images/core/icons/787878/twistie-down.html)
}

.tablesort--desc {
    background-image: url(../../../../core/themes/stable/images/core/icons/787878/twistie-up.html)
}

div.tree-child {
    background: url(../../../../core/themes/stable/images/core/tree.html) no-repeat 11px center
}

div.tree-child-last {
    background: url(../../../../core/themes/stable/images/core/tree-bottom.html) no-repeat 11px center
}

[dir="rtl"] div.tree-child,
[dir="rtl"] div.tree-child-last {
    background-position: -65px center
}

div.tree-child-horizontal {
    background: url(../../../../core/themes/stable/images/core/tree.html) no-repeat -11px center
}

.tcl-button-group-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.tcl-button-group-component--align-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tcl-button-group-component--align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tcl-button-group-component--align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

:root {
    --tcl-video-asset-block-size: auto;
    --tcl-video-asset-display: block;
    --tcl-video-asset-inline-size: 100%;
    --tcl-video-asset-inset-block-end: 0;
    --tcl-video-asset-inset-block-start: 0;
    --tcl-video-asset-inset-inline-start: 0;
    --tcl-video-asset-margin-block-start: 0;
    --tcl-video-asset-margin-inline-end: 0;
    --tcl-video-asset-margin-inline-start: 0;
    --tcl-video-asset-object-fit: cover;
    --tcl-video-asset-object-position-x: center;
    --tcl-video-asset-object-position-y: center;
    --tcl-video-asset-position: static;
    --tcl-video-asset-transform: none;
    --tcl-video-border-radius: 0;
    --tcl-video-duration-inset-block-end: var(--tds-size--2x);
    --tcl-video-duration-inset-inline-end: var(--tds-size--3x);
    --tcl-video-end-gradient-end: transparent;
    --tcl-video-end-gradient-opacity: 0.5;
    --tcl-video-end-gradient-size: 20%;
    --tcl-video-end-gradient-start: #000;
    --tcl-video-inline-size: 100%;
    --tcl-video-overflow: visible;
    --tcl-video-position: relative;
    --tcl-video-start-gradient-end: transparent;
    --tcl-video-start-gradient-opacity: 0.5;
    --tcl-video-start-gradient-size: 20%;
    --tcl-video-start-gradient-start: #000
}

.tcl-video {
    height: auto;
    height: var(--tcl-video-asset-block-size);
    overflow: visible;
    overflow: var(--tcl-video-overflow);
    position: relative;
    position: var(--tcl-video-position);
    width: 100%;
    width: var(--tcl-video-inline-size)
}

.tcl-video--with-start-gradient:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: linear-gradient(180deg, #000 0, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tcl-video-gradient-start-direction, to bottom)), color-stop(0, var(--tcl-video-start-gradient-start)), to(var(--tcl-video-start-gradient-end)));
    background: linear-gradient(var(--tcl-video-gradient-start-direction, to bottom), var(--tcl-video-start-gradient-start) 0, var(--tcl-video-start-gradient-end) 100%);
    border-radius: 0;
    border-radius: var(--tcl-video-border-radius);
    content: "";
    height: 100%;
    height: var(--tcl-video-gradient-start-block-size, 100%);
    opacity: .5;
    opacity: var(--tcl-video-start-gradient-opacity);
    position: absolute;
    width: 100%;
    width: var(--tcl-video-gradient-start-inline-size, 100%)
}

[dir=ltr] .tcl-video--with-end-gradient:after {
    right: auto;
    right: var(--tcl-video-gradient-end-inline-end, auto)
}

[dir=rtl] .tcl-video--with-end-gradient:after {
    left: auto;
    left: var(--tcl-video-gradient-end-inline-end, auto)
}

[dir=ltr] .tcl-video--with-end-gradient:after {
    left: 0;
    left: var(--tcl-video-gradient-end-inline-start, 0)
}

[dir=rtl] .tcl-video--with-end-gradient:after {
    right: 0;
    right: var(--tcl-video-gradient-end-inline-start, 0)
}

.tcl-video--with-end-gradient:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000 0, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tcl-video-gradient-end-direction, to top)), color-stop(0, var(--tcl-video-end-gradient-start)), to(var(--tcl-video-end-gradient-end)));
    background: linear-gradient(var(--tcl-video-gradient-end-direction, to top), var(--tcl-video-end-gradient-start) 0, var(--tcl-video-end-gradient-end) 100%);
    border-radius: 0;
    border-radius: var(--tcl-video-border-radius);
    bottom: 0;
    content: "";
    height: 100%;
    height: var(--tcl-video-gradient-end-block-size, 100%);
    inset-inline-end: auto;
    inset-inline-end: var(--tcl-video-gradient-end-inline-end, auto);
    inset-inline-start: 0;
    inset-inline-start: var(--tcl-video-gradient-end-inline-start, 0);
    opacity: .5;
    opacity: var(--tcl-video-end-gradient-opacity);
    position: absolute;
    top: auto;
    width: 100%;
    width: var(--tcl-video-gradient-end-inline-size, 100%)
}

.tcl-video--with-vertical-gradient {
    --tcl-video-gradient-end-block-size: var(--tcl-video-end-gradient-size);
    --tcl-video-gradient-start-block-size: var(--tcl-video-start-gradient-size)
}

.tcl-video--with-horizontal-gradient {
    --tcl-video-gradient-end-direction: to left;
    --tcl-video-gradient-end-inline-end: 0;
    --tcl-video-gradient-end-inline-size: var(--tcl-video-end-gradient-size);
    --tcl-video-gradient-end-inline-start: auto;
    --tcl-video-gradient-start-direction: to right;
    --tcl-video-gradient-start-inline-size: var(--tcl-video-start-gradient-size)
}

html[dir=rtl] .tcl-image--with-horizontal-gradient {
    --tcl-image-gradient-end-direction: to right;
    --tcl-image-gradient-start-direction: to left
}

@media (min-width:600px) {
    .tcl-video--with-rounded-corners {
        --tcl-video-border-radius: var(--tds-border-radius--card);
        overflow: hidden
    }
}

[dir=ltr] .tcl-video__asset {
    left: 0;
    left: var(--tcl-video-asset-inset-inline-start)
}

[dir=rtl] .tcl-video__asset {
    right: 0;
    right: var(--tcl-video-asset-inset-inline-start)
}

[dir=ltr] .tcl-video__asset {
    margin-right: 0;
    margin-right: var(--tcl-video-asset-margin-inline-end)
}

[dir=rtl] .tcl-video__asset {
    margin-left: 0;
    margin-left: var(--tcl-video-asset-margin-inline-end)
}

[dir=ltr] .tcl-video__asset {
    margin-left: 0;
    margin-left: var(--tcl-video-asset-margin-inline-start)
}

[dir=rtl] .tcl-video__asset {
    margin-right: 0;
    margin-right: var(--tcl-video-asset-margin-inline-start)
}

.tcl-video__asset {
    -webkit-margin-end: 0;
    -webkit-margin-end: var(--tcl-video-asset-margin-inline-end);
    -webkit-margin-start: 0;
    -webkit-margin-start: var(--tcl-video-asset-margin-inline-start);
    border-radius: 0;
    border-radius: var(--tcl-video-border-radius);
    bottom: 0;
    bottom: var(--tcl-video-asset-inset-block-end);
    display: block;
    display: var(--tcl-video-asset-display);
    height: auto;
    height: var(--tcl-video-asset-block-size);
    inset-inline-start: 0;
    inset-inline-start: var(--tcl-video-asset-inset-inline-start);
    margin-inline-end: 0;
    margin-inline-end: var(--tcl-video-asset-margin-inline-end);
    margin-inline-start: 0;
    margin-inline-start: var(--tcl-video-asset-margin-inline-start);
    margin-top: 0;
    margin-top: var(--tcl-video-asset-margin-block-start);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: var(--tcl-video-asset-object-fit);
    object-fit: var(--tcl-video-asset-object-fit);
    -o-object-position: center center;
    object-position: center center;
    -o-object-position: var(--tcl-video-asset-object-position-x) var(--tcl-video-asset-object-position-y);
    object-position: var(--tcl-video-asset-object-position-x) var(--tcl-video-asset-object-position-y);
    opacity: 0;
    position: static;
    position: var(--tcl-video-asset-position);
    top: 0;
    top: var(--tcl-video-asset-inset-block-start);
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--tcl-video-asset-transform);
    transform: var(--tcl-video-asset-transform);
    width: 100%;
    width: var(--tcl-video-asset-inline-size)
}

.tcl-video__asset.visible {
    -webkit-animation: showVideo 1s ease-out;
    animation: showVideo 1s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes showVideo {
    0% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes showVideo {
    0% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.tcl-video__asset.autoplay_mobile_is_off,
.tcl-video__asset.autoplay_mobile_is_off.visible,
.tcl-video__asset.visible-no-fade-in,
.tcl-video__asset.visible-no-fade-in.visible,
.tcl-video__search-results {
    -webkit-animation: none;
    animation: none;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    opacity: 1
}

.tcl-video__asset.tcl-objectfit-position--top {
    --tcl-video-asset-object-position-y: top
}

.tcl-video__asset.tcl-objectfit-position--bottom {
    --tcl-video-asset-object-position-y: bottom
}

.tcl-video__asset.tcl-objectfit-position--center {
    --tcl-video-asset-object-position-y: center
}

.tcl-video__play {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tcl-video__play.active {
    opacity: 1;
    z-index: 2
}

.tcl-video__play.active:hover {
    cursor: pointer
}

body:not(.is-Chrome) .tcl-video__play {
    display: none
}

[dir=ltr] .tcl-video__play-icon {
    padding-left: 10px
}

[dir=rtl] .tcl-video__play-icon {
    padding-right: 10px
}

.tcl-video__play-icon {
    --tds-icon--size: 92px;
    -webkit-padding-start: 10px;
    background-color: hsla(0, 0%, 87%, .3);
    background-position: 33px 28px;
    background-repeat: no-repeat;
    background-size: 25px 29px;
    border: 5px solid var(--tds-theme-foreground-high-contrast);
    border-radius: 92px;
    padding-inline-start: 10px
}

[dir=ltr] .tcl-video__replay {
    right: 10px
}

[dir=rtl] .tcl-video__replay {
    left: 10px
}

.tcl-video__replay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    bottom: 10px;
    color: var(--tds-theme-foreground-high-contrast);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    inset-inline-end: 10px;
    opacity: 0;
    position: absolute;
    z-index: -1
}

@media (min-width:600px) {
    [dir=ltr] .tcl-video__replay {
        right: 16px;
        right: var(--tds-size--2x)
    }
    [dir=rtl] .tcl-video__replay {
        left: 16px;
        left: var(--tds-size--2x)
    }
    .tcl-video__replay {
        bottom: 16px;
        bottom: var(--tds-size--2x);
        inset-inline-end: 16px;
        inset-inline-end: var(--tds-size--2x)
    }
}

@media (max-width:599px) {
    [dir=ltr] .tcl-video__replay {
        right: 30px
    }
    [dir=rtl] .tcl-video__replay {
        left: 30px
    }
    .tcl-video__replay {
        inset-inline-end: 30px
    }
}

.tcl-video__replay:focus {
    outline: 1px dotted var(--tds-theme-foreground-on-primary)
}

.tcl-video__replay.active {
    cursor: pointer;
    opacity: 1;
    z-index: 1
}

[dir=ltr] .tcl-video__replay-icon {
    margin-right: 5px
}

[dir=rtl] .tcl-video__replay-icon {
    margin-left: 5px
}

.tcl-video__replay-icon {
    --tcl-icon--border-color: var(--tds-theme-foreground-high-contrast);
    --tds-icon--size: var(--tds-size--2x);
    -webkit-margin-end: 5px;
    border-width: 1px;
    display: inline-block;
    margin-inline-end: 5px;
    padding: 2px;
    vertical-align: middle
}

[dir=ltr] .tcl-video__duration {
    right: 24px;
    right: var(--tcl-video-duration-inset-inline-end)
}

[dir=rtl] .tcl-video__duration {
    left: 24px;
    left: var(--tcl-video-duration-inset-inline-end)
}

.tcl-video__duration {
    --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-on-primary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(var(--tds-size--half));
    backdrop-filter: blur(var(--tds-size--half));
    background-color: rgba(0, 0, 0, .5);
    bottom: 16px;
    bottom: var(--tcl-video-duration-inset-block-end);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset-inline-end: 24px;
    inset-inline-end: var(--tcl-video-duration-inset-inline-end);
    justify-content: center;
    min-height: 24px;
    min-height: var(--tds-size--3x);
    min-width: 48px;
    min-width: var(--tds-size--6x);
    padding-top: 0;
    position: absolute
}

@media (min-width:600px) {
    [dir=ltr] .tcl-video__duration {
        right: 12px;
        right: calc(var(--tds-size--1x) + var(--tds-size--half))
    }
    [dir=rtl] .tcl-video__duration {
        left: 12px;
        left: calc(var(--tds-size--1x) + var(--tds-size--half))
    }
    .tcl-video__duration {
        bottom: 12px;
        bottom: calc(var(--tds-size--1x) + var(--tds-size--half));
        inset-inline-end: 12px;
        inset-inline-end: calc(var(--tds-size--1x) + var(--tds-size--half))
    }
}

@media (min-width:1200px) {
    [dir=ltr] .tcl-video__duration {
        right: 16px;
        right: var(--tds-size--2x)
    }
    [dir=rtl] .tcl-video__duration {
        left: 16px;
        left: var(--tds-size--2x)
    }
    .tcl-video__duration {
        bottom: 16px;
        bottom: var(--tds-size--2x);
        inset-inline-end: 16px;
        inset-inline-end: var(--tds-size--2x)
    }
}

:root {
    --tcl-image-aspect-ratio-1-1-block-size: 100vw;
    --tcl-image-aspect-ratio-16-9-block-size: 177.77778vw;
    --tcl-image-aspect-ratio-3-4-block-size: 75vw;
    --tcl-image-aspect-ratio-5-3-block-size: 166.66667vw;
    --tcl-image-asset-block-size: auto;
    --tcl-image-asset-border-radius: 0;
    --tcl-image-asset-display: block;
    --tcl-image-asset-float: none;
    --tcl-image-asset-inline-size: 100%;
    --tcl-image-asset-inset-block-end: 0;
    --tcl-image-asset-inset-block-start: 0;
    --tcl-image-asset-inset-inline-start: 0;
    --tcl-image-asset-margin-block-start: 0;
    --tcl-image-asset-margin-inline-end: 0;
    --tcl-image-asset-margin-inline-start: 0;
    --tcl-image-asset-max-inline-size: none;
    --tcl-image-asset-min-inline-size: 0;
    --tcl-image-asset-object-fit: cover;
    --tcl-image-asset-object-position-x: center;
    --tcl-image-asset-object-position-y: center;
    --tcl-image-asset-opacity: 1;
    --tcl-image-asset-position: static;
    --tcl-image-asset-transform: none;
    --tcl-image-asset-visibility: visible;
    --tcl-image-inline-size: 100%;
    --tcl-image-overflow: visible;
    --tcl-image-position: relative;
    --tcl-image-end-gradient-size: 20%;
    --tcl-image-end-gradient-opacity: 0.5;
    --tcl-image-end-gradient-end: transparent;
    --tcl-image-end-gradient-start: #000;
    --tcl-image-start-gradient-size: 20%;
    --tcl-image-start-gradient-opacity: 0.5;
    --tcl-image-start-gradient-end: transparent;
    --tcl-image-start-gradient-start: #000
}

.tcl-image {
    height: auto;
    height: var(--tcl-image-asset-block-size);
    overflow: visible;
    overflow: var(--tcl-image-overflow);
    position: relative;
    position: var(--tcl-image-position);
    width: 100%;
    width: var(--tcl-image-inline-size)
}

.tcl-image--with-start-gradient:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: linear-gradient(180deg, #000 0, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tcl-image-gradient-start-direction, to bottom)), color-stop(0, var(--tcl-image-start-gradient-start)), to(var(--tcl-image-start-gradient-end)));
    background: linear-gradient(var(--tcl-image-gradient-start-direction, to bottom), var(--tcl-image-start-gradient-start) 0, var(--tcl-image-start-gradient-end) 100%);
    border-radius: 0;
    border-radius: var(--tcl-image-asset-border-radius);
    content: "";
    height: 100%;
    height: var(--tcl-image-gradient-start-block-size, 100%);
    opacity: .5;
    opacity: var(--tcl-image-start-gradient-opacity);
    position: absolute;
    width: 100%;
    width: var(--tcl-image-gradient-start-inline-size, 100%)
}

[dir=ltr] .tcl-image--with-end-gradient:after {
    right: auto;
    right: var(--tcl-image-gradient-end-inline-end, auto)
}

[dir=rtl] .tcl-image--with-end-gradient:after {
    left: auto;
    left: var(--tcl-image-gradient-end-inline-end, auto)
}

[dir=ltr] .tcl-image--with-end-gradient:after {
    left: 0;
    left: var(--tcl-image-gradient-end-inline-start, 0)
}

[dir=rtl] .tcl-image--with-end-gradient:after {
    right: 0;
    right: var(--tcl-image-gradient-end-inline-start, 0)
}

.tcl-image--with-end-gradient:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000 0, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--tcl-image-gradient-end-direction, to top)), color-stop(0, var(--tcl-image-end-gradient-start)), to(var(--tcl-image-end-gradient-end)));
    background: linear-gradient(var(--tcl-image-gradient-end-direction, to top), var(--tcl-image-end-gradient-start) 0, var(--tcl-image-end-gradient-end) 100%);
    border-radius: 0;
    border-radius: var(--tcl-image-asset-border-radius);
    bottom: 0;
    content: "";
    height: 100%;
    height: var(--tcl-image-gradient-end-block-size, 100%);
    inset-inline-end: auto;
    inset-inline-end: var(--tcl-image-gradient-end-inline-end, auto);
    inset-inline-start: 0;
    inset-inline-start: var(--tcl-image-gradient-end-inline-start, 0);
    opacity: .5;
    opacity: var(--tcl-image-end-gradient-opacity);
    position: absolute;
    top: auto;
    width: 100%;
    width: var(--tcl-image-gradient-end-inline-size, 100%)
}

.tcl-image--with-vertical-gradient {
    --tcl-image-gradient-end-block-size: var(--tcl-image-end-gradient-size);
    --tcl-image-gradient-start-block-size: var(--tcl-image-start-gradient-size)
}

.tcl-image--with-horizontal-gradient {
    --tcl-image-gradient-end-inline-size: var(--tcl-image-end-gradient-size);
    --tcl-image-gradient-start-inline-size: var(--tcl-image-start-gradient-size);
    --tcl-image-gradient-end-inline-end: 0;
    --tcl-image-gradient-end-inline-start: auto;
    --tcl-image-gradient-end-direction: to left;
    --tcl-image-gradient-start-direction: to right
}

html[dir=rtl] .tcl-image--with-horizontal-gradient {
    --tcl-image-gradient-end-direction: to right;
    --tcl-image-gradient-start-direction: to left
}

.tcl-image--with-rounded-corners {
    --tcl-image-asset-border-radius: var(--tds-border-radius--card)
}

.tcl-image__picture {
    display: block;
    height: auto;
    height: var(--tcl-image-asset-block-size)
}

.tcl-image__picture--aspect-ration-1-1 {
    height: 100vw;
    height: var(--tcl-image-aspect-ratio-1-1-block-size)
}

.tcl-image__picture--aspect-ration-16-9 {
    height: 177.77778vw;
    height: var(--tcl-image-aspect-ratio-16-9-block-size)
}

.tcl-image__picture--aspect-ration-5-3 {
    height: 166.66667vw;
    height: var(--tcl-image-aspect-ratio-5-3-block-size)
}

.tcl-image__picture--aspect-ration-3-4 {
    height: 75vw;
    height: var(--tcl-image-aspect-ratio-3-4-block-size)
}

[dir=ltr] .tcl-image__asset {
    left: 0;
    left: var(--tcl-image-asset-inset-inline-start)
}

[dir=rtl] .tcl-image__asset {
    right: 0;
    right: var(--tcl-image-asset-inset-inline-start)
}

[dir=ltr] .tcl-image__asset {
    margin-right: 0;
    margin-right: var(--tcl-image-asset-margin-inline-end)
}

[dir=rtl] .tcl-image__asset {
    margin-left: 0;
    margin-left: var(--tcl-image-asset-margin-inline-end)
}

[dir=ltr] .tcl-image__asset {
    margin-left: 0;
    margin-left: var(--tcl-image-asset-margin-inline-start)
}

[dir=rtl] .tcl-image__asset {
    margin-right: 0;
    margin-right: var(--tcl-image-asset-margin-inline-start)
}

.tcl-image__asset {
    -webkit-margin-end: 0;
    -webkit-margin-end: var(--tcl-image-asset-margin-inline-end);
    -webkit-margin-start: 0;
    -webkit-margin-start: var(--tcl-image-asset-margin-inline-start);
    border-radius: 0;
    border-radius: var(--tcl-image-asset-border-radius);
    bottom: 0;
    bottom: var(--tcl-image-asset-inset-block-end);
    display: block;
    display: var(--tcl-image-asset-display);
    float: none;
    float: var(--tcl-image-asset-float);
    height: auto;
    height: var(--tcl-image-asset-block-size);
    inset-inline-start: 0;
    inset-inline-start: var(--tcl-image-asset-inset-inline-start);
    margin-inline-end: 0;
    margin-inline-end: var(--tcl-image-asset-margin-inline-end);
    margin-inline-start: 0;
    margin-inline-start: var(--tcl-image-asset-margin-inline-start);
    margin-top: 0;
    margin-top: var(--tcl-image-asset-margin-block-start);
    max-width: none;
    max-width: var(--tcl-image-asset-max-inline-size);
    min-width: 0;
    min-width: var(--tcl-image-asset-min-inline-size);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: var(--tcl-image-asset-object-fit);
    object-fit: var(--tcl-image-asset-object-fit);
    -o-object-position: center center;
    object-position: center center;
    -o-object-position: var(--tcl-image-asset-object-position-x) var(--tcl-image-asset-object-position-y);
    object-position: var(--tcl-image-asset-object-position-x) var(--tcl-image-asset-object-position-y);
    opacity: 1;
    opacity: var(--tcl-image-asset-opacity);
    position: static;
    position: var(--tcl-image-asset-position);
    top: 0;
    top: var(--tcl-image-asset-inset-block-start);
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--tcl-image-asset-transform);
    transform: var(--tcl-image-asset-transform);
    visibility: visible;
    visibility: var(--tcl-image-asset-visibility);
    width: 100%;
    width: var(--tcl-image-asset-inline-size)
}

.tcl-image__asset.tcl-objectfit-position--top {
    --tcl-image-asset-object-position-y: top
}

.tcl-image__asset.tcl-objectfit-position--bottom {
    --tcl-image-asset-object-position-y: bottom
}

.tcl-image__asset.tcl-objectfit-position--center {
    --tcl-image-asset-object-position-y: center
}

.tcl-simple-banner {
    -webkit-box-shadow: 0 0 1px #d0d1d2;
    box-shadow: 0 0 1px #d0d1d2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0 16px;
    padding: 0 var(--tds-size--2x);
    position: relative
}

.template-landing-page--applitool-on .tcl-simple-banner {
    max-height: 200px;
    opacity: 1;
    padding: 16px;
    padding: var(--tds-size--2x)
}

.tcl-region--top {
    z-index: 999
}

.template-landing-page--content-snapping-on .tcl-region--top {
    position: relative
}

body:not(.template-landing-page--applitool-on) .tcl-simple-banner.show {
    -webkit-animation: show-banner .5s cubic-bezier(.22, .61, .36, 1);
    animation: show-banner .5s cubic-bezier(.22, .61, .36, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

body:not(.template-landing-page--applitool-on) .tcl-simple-banner .tds--hideon-tablet-portrait-up,
body:not(.template-landing-page-app-litool-on) .tcl-simple-banner .tds--hideon-phone-only {
    -webkit-animation: fade-in-text 1s ease-out;
    animation: fade-in-text 1s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fade-in-text {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-text {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes show-banner {
    0% {
        max-height: 0
    }
    to {
        max-height: 200px;
        padding: 16px;
        padding: var(--tds-size--2x)
    }
}

@keyframes show-banner {
    0% {
        max-height: 0
    }
    to {
        max-height: 200px;
        padding: 16px;
        padding: var(--tds-size--2x)
    }
}

:root {
    --tcl-button-group-grid-auto-flow: row;
    --tcl-button-group-inline-size: fit-content;
    --tcl-button-group-button-inline-size: 204px
}

@media (min-width:600px) and (max-width:899px) {
    :root {
        --tcl-button-group-button-inline-size: 156px
    }
}

@media (max-width:599px) {
    :root {
        --tcl-button-group-button-inline-size: auto;
        --tcl-button-group-inline-size: 100%
    }
}

.tcl-button-group {
    --tcl-button-min-inline-size: var(--tcl-button-group-button-inline-size);
    display: block;
    gap: 16px 24px;
    gap: var(--tds-size--2x) var(--tds-size--3x);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: var(--tcl-button-group-inline-size)
}

.tcl-button-group--type-horizontal-all {
    --tcl-button-group-grid-auto-flow: column
}

@media (min-width:1200px) {
    .tcl-button-group--type-horizontal,
    .tcl-button-group--type-horizontal-desktop,
    .tcl-button-group--type-horizontal-tablet {
        --tcl-button-group-grid-auto-flow: column
    }
}

@media (min-width:900px) {
    .tcl-button-group--type-horizontal,
    .tcl-button-group--type-horizontal-tablet {
        --tcl-button-group-grid-auto-flow: column
    }
}

@media (min-width:600px) {
    .tcl-button-group--type-horizontal {
        --tcl-button-group-grid-auto-flow: column
    }
}

.tcl-button-group:not([data-button-count="1"]) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-flow: var(--tcl-button-group-grid-auto-flow);
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: var(--tcl-button-group-inline-size)
}

.tcl-button-group[data-button-count="4"] {
    --tcl-button-group-grid-auto-flow: row
}

.tcl-button-group--type-grouped[data-button-count="4"],
.tcl-button-group--type-horizontal-all[data-button-count="4"] {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width:600px) {
    .tcl-button-group--type-horizontal[data-button-count="4"] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:900px) {
    .tcl-button-group--type-horizontal-tablet[data-button-count="4"] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1200px) {
    .tcl-button-group--type-horizontal-desktop[data-button-count="4"] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr)
    }
}

.tcl-button-group--type-grouped {
    --tcl-button-group-grid-auto-flow: column;
    gap: 16px 0;
    gap: var(--tds-size--2x) 0
}

[dir=ltr] .tcl-button-group--type-grouped>.tcl-button {
    border-right-width: 0
}

[dir=ltr] .tcl-button-group--type-grouped>.tcl-button,
[dir=rtl] .tcl-button-group--type-grouped>.tcl-button {
    border-left-width: 0
}

[dir=rtl] .tcl-button-group--type-grouped>.tcl-button {
    border-right-width: 0
}

.tcl-button-group--type-grouped>.tcl-button {
    border-inline-end-width: 0;
    border-inline-start-width: 0;
    border-radius: 0
}

[dir=ltr] .tcl-button-group--type-grouped>.tcl-button:first-child,
[dir=ltr] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(odd) {
    border-left-width: 3px;
    border-left-width: var(--tds-border-width--large)
}

[dir=rtl] .tcl-button-group--type-grouped>.tcl-button:first-child,
[dir=rtl] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(odd) {
    border-right-width: 3px;
    border-right-width: var(--tds-border-width--large)
}

.tcl-button-group--type-grouped>.tcl-button:first-child,
.tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(odd) {
    border-inline-start-width: 3px;
    border-inline-start-width: var(--tds-border-width--large);
    border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius)
}

[dir=ltr] .tcl-button-group--type-grouped>.tcl-button:last-child,
[dir=ltr] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(2n) {
    border-right-width: 3px;
    border-right-width: var(--tds-border-width--large)
}

[dir=rtl] .tcl-button-group--type-grouped>.tcl-button:last-child,
[dir=rtl] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(2n) {
    border-left-width: 3px;
    border-left-width: var(--tds-border-width--large)
}

.tcl-button-group--type-grouped>.tcl-button:last-child,
.tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(2n) {
    border-inline-end-width: 3px;
    border-inline-end-width: var(--tds-border-width--large)
}

.tcl-button-group--type-grouped>.tcl-button:last-child,
.tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(2n),
[dir=rtl] .tcl-button-group--type-grouped>.tcl-button:first-child,
[dir=rtl] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(odd) {
    border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0
}

[dir=rtl] .tcl-button-group--type-grouped>.tcl-button:last-child,
[dir=rtl] .tcl-button-group--type-grouped[data-button-count="4"]>.tcl-button:nth-child(2n) {
    border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius)
}

@media (max-width:599px) {
    .tcl-button-group .tcl-button {
        min-width: var(--tcl-button-min-inline-size) !important
    }
}

:root {
    --tcl-homepage-hero-block-size: calc(var(--vh, 1vh)*100);
    --tcl-homepage-hero-footer-padding-block-end: var(--tds-size--7x);
    --tcl-homepage-hero-inline-size: 100%;
    --vh: 1vh
}

body:not(.is-iPad) .tcl-homepage-content-snapping .tcl-homepage-hero.tcl-homepage-hero--last-of-type .tcl-homepage-hero__content .tcl-homepage-hero__content-end {
    padding-bottom: 0
}

.tcl-homepage-content-snapping>.tcl-homepage-hero,
body:not(.template-landing-page--content-snapping-off) .tcl-homepage-content-snapping .layout__region>div:not(:last-of-type)>.tcl-homepage-hero {
    --tcl-homepage-hero-block-size: calc(var(--vh, 1vh)*100 - var(--tcl-top-banner-height, 0px));
    --tcl-image-asset-block-size: var(--tcl-homepage-hero-block-size);
    --tcl-video-asset-block-size: var(--tcl-homepage-hero-block-size);
    height: 100vh;
    height: var(--tcl-homepage-hero-block-size);
    width: 100%;
    width: var(--tcl-homepage-hero-inline-size)
}

.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .layout__region>div:last-of-type>.tcl-homepage-hero {
    --tcl-homepage-hero-block-size: (var(--vh, 1vh)*100);
    --tcl-image-asset-block-size: calc(var(--tcl-homepage-hero-block-size));
    --tcl-video-asset-block-size: calc(var(--tcl-homepage-hero-block-size));
    height: 100vh;
    height: var(--tcl-homepage-hero-block-size);
    width: 100%;
    width: var(--tcl-homepage-hero-inline-size)
}

body.is-iPad.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .layout__region>div:last-of-type>.tcl-homepage-hero {
    --tcl-homepage-hero-block-size: (var(--vh, 1vh)*100)
}

.tcl-homepage-content-snapping>.tcl-homepage-hero,
.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .layout__region>div:not(:last-of-type)>.tcl-homepage-hero {
    --tcl-homepage-hero-block-size: calc(var(--vh, 1vh)*100 - var(--tcl-top-banner-height, 0px));
    --tcl-image-asset-block-size: var(--tcl-homepage-hero-block-size);
    --tcl-video-asset-block-size: var(--tcl-homepage-hero-block-size);
    height: 100vh;
    height: var(--tcl-homepage-hero-block-size);
    width: 100%;
    width: var(--tcl-homepage-hero-inline-size)
}

.tcl-homepage-hero--overlay {
    margin-top: -100vh;
    margin-top: calc(var(--tcl-homepage-hero-block-size)*-1)
}

.is-Android .tcl-homepage-hero,
.is-Galaxy-Tab .tcl-homepage-hero,
.is-Samsung .tcl-homepage-hero {
    --tcl-image-asset-block-size: calc(var(--vh, 1vh)*100);
    --tcl-video-asset-block-size: calc(var(--vh, 1vh)*100);
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.is-Android .tcl-homepage-hero--overlay,
.is-Galaxy-Tab .tcl-homepage-hero--overlay,
.is-Samsung .tcl-homepage-hero--overlay {
    margin-top: -100vh;
    margin-top: calc(var(--vh, 1vh)*-100)
}

@media only screen and (device-width:375px) and (device-height:667px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 553px);
        --tcl-image-asset-block-size: 553px;
        --tcl-video-asset-block-size: 553px;
        height: 553px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -553px
    }
}

@media only screen and (device-width:414px) and (device-height:736px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 622px);
        --tcl-image-asset-block-size: 622px;
        --tcl-video-asset-block-size: 622px;
        height: 622px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -622px
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 635px);
        --tcl-image-asset-block-size: 635px;
        --tcl-video-asset-block-size: 635px;
        height: 635px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -635px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 640px);
        --tcl-image-asset-block-size: 640px;
        --tcl-video-asset-block-size: 640px;
        height: 640px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -640px
    }
}

@media only screen and (device-width:390px) and (device-height:844px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 664px);
        --tcl-image-asset-block-size: 664px;
        --tcl-video-asset-block-size: 664px;
        height: 664px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -664px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 669px;
        --tcl-video-asset-block-size: 669px;
        height: 669px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -669px
    }
}

@media only screen and (device-width:393px) and (device-height:852px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 672px);
        --tcl-image-asset-block-size: 672px;
        --tcl-video-asset-block-size: 672px;
        height: 672px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -672px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 677px;
        --tcl-video-asset-block-size: 677px;
        height: 677px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -677px
    }
}

@media only screen and (device-width:414px) and (device-height:896px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 719px);
        --tcl-image-asset-block-size: 719px;
        --tcl-video-asset-block-size: 719px;
        height: 719px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -719px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 724px;
        --tcl-video-asset-block-size: 724px;
        height: 724px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -724px
    }
}

@media only screen and (device-width:414px) and (device-height:896px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 719px);
        --tcl-image-asset-block-size: 719px;
        --tcl-video-asset-block-size: 719px;
        height: 719px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -719px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 724px;
        --tcl-video-asset-block-size: 724px;
        height: 724px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -724px
    }
}

@media only screen and (device-width:428px) and (device-height:926px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 746px);
        --tcl-image-asset-block-size: 746px;
        --tcl-video-asset-block-size: 746px;
        height: 746px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -746px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 751px;
        --tcl-video-asset-block-size: 751px;
        height: 751px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -751px
    }
}

@media only screen and (device-width:430px) and (device-height:932px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-homepage-hero-footer-padding-block-end: calc(var(--vh, 1vh)*100 - 752px);
        --tcl-image-asset-block-size: 752px;
        --tcl-video-asset-block-size: 752px;
        height: 752px
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -752px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: 757px;
        --tcl-video-asset-block-size: 757px;
        height: 757px
    }
    .is-Chrome-iOS.template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -757px
    }
}

.is-Chrome-iOS.is-iPad .tcl-homepage-hero,
.is-iOS.is-iPad .tcl-homepage-hero {
    --tcl-image-asset-block-size: calc(var(--vh, 1vh)*100);
    --tcl-video-asset-block-size: calc(var(--vh, 1vh)*100);
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.is-Chrome-iOS.is-iPad .tcl-homepage-hero--overlay,
.is-iOS.is-iPad .tcl-homepage-hero--overlay {
    margin-top: -100vh;
    margin-top: calc(var(--vh, 1vh)*-100)
}

@media only screen and (max-height:600px) and (orientation:landscape) {
    .template-landing-page--content-snapping-off .tcl-homepage-hero {
        --tcl-image-asset-block-size: calc(var(--vh, 1vh)*100);
        --tcl-video-asset-block-size: calc(var(--vh, 1vh)*100);
        height: 100vh;
        height: calc(var(--vh, 1vh)*100)
    }
    .template-landing-page--content-snapping-off .tcl-homepage-hero--overlay {
        margin-top: -100vh;
        margin-top: calc(var(--vh, 1vh)*-100)
    }
}

.tcl-homepage-hero--footer {
    height: auto !important
}

@media (max-width:599px) {
    .tcl-homepage-content-snapping .layout__region>div:last-of-type>.tcl-homepage-hero {
        --tcl-homepage-hero-block-size: calc(var(--vh, 1vh)*100);
        --tcl-image-asset-block-size: calc(var(--tcl-homepage-hero-block-size) - var(--tcl-top-banner-height, 0px));
        --tcl-video-asset-block-size: calc(var(--tcl-homepage-hero-block-size) - var(--tcl-top-banner-height, 0px));
        height: 100vh;
        height: var(--tcl-homepage-hero-block-size);
        width: 100%;
        width: var(--tcl-homepage-hero-inline-size)
    }
}

@media (min-aspect-ratio:16/9) and (max-height:600px) {
    .template-landing-page--content-snapping-off .tcl-homepage-content-snapping .layout__region .tcl-homepage-hero {
        --tcl-image-asset-block-size: calc(var(--vw, 1vw)*56.25);
        --tcl-video-asset-block-size: calc(var(--vw, 1vw)*56.25);
        height: 56.25vw;
        height: calc(var(--vw, 1vw)*56.25)
    }
}

.is-Android.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .tcl-homepage-hero.tcl-homepage-hero--overlay.tcl-homepage-hero--last-of-type .tcl-homepage-hero__content-end,
.is-Galaxy-Tab.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .tcl-homepage-hero.tcl-homepage-hero--overlay.tcl-homepage-hero--last-of-type .tcl-homepage-hero__content-end,
.is-Samsung.template-landing-page--content-snapping-on .tcl-homepage-content-snapping .tcl-homepage-hero.tcl-homepage-hero--overlay.tcl-homepage-hero--last-of-type .tcl-homepage-hero__content-end,
.template-landing-page--content-snapping-on.is-Android .tcl-homepage-hero__content-end,
.template-landing-page--content-snapping-on.is-Galaxy-Tab .tcl-homepage-hero__content-end,
.template-landing-page--content-snapping-on.is-Samsung .tcl-homepage-hero__content-end {
    padding-bottom: 88px;
    padding-bottom: var(--tds-size--11x)
}

:root {
    --tcl-homepage-hero-asset-offset-x-desktop: 0px;
    --tcl-homepage-hero-asset-offset-x-mobile: 0px;
    --tcl-homepage-hero-asset-offset-y-desktop: 0px;
    --tcl-homepage-hero-asset-offset-y-mobile: 0px;
    --tcl-homepage-hero-buttons-padding-bottom-offset-desktop: 0;
    --tcl-homepage-hero-buttons-padding-bottom-offset-mobile: 0;
    --tcl-homepage-hero-content-opacity: 1;
    --tcl-homepage-hero-heading-font-size-desktop: var(--tds-font-size--80, 40px);
    --tcl-homepage-hero-heading-font-size-mobile: 36px;
    --tcl-homepage-hero-heading-opacity: 1;
    --tcl-homepage-hero-heading-transition: transform 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
    --tcl-homepage-hero-subcopy-transition: transform 0.5s ease-in-out 1s, opacity 0.5s ease-in-out 1s;
    --tcl-homepage-hero-overlay-display: grid;
    --tcl-homepage-hero-subcopy-font-size-desktop: inherit;
    --tcl-homepage-hero-subcopy-font-size-mobile: inherit
}

.tcl-homepage-hero {
    display: grid;
    z-index: 1
}

.tcl-homepage-hero:not(.tcl-homepage-hero--overlay) {
    scroll-snap-align: start;
    scroll-snap-stop: always
}

[dir=ltr] .tcl-homepage-hero--overlay {
    left: 0
}

[dir=rtl] .tcl-homepage-hero--overlay {
    right: 0
}

.tcl-homepage-hero--overlay {
    background-color: transparent;
    display: grid;
    display: var(--tcl-homepage-hero-overlay-display);
    inset-inline-start: 0;
    position: sticky;
    top: 0;
    z-index: 4
}

.tcl-homepage-hero .tcl-image,
.tcl-homepage-hero .tcl-video {
    grid-area: 1/-1;
    z-index: 2
}

.tcl-homepage-hero .tcl-asset {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-desktop, 0px)) calc(50% + var(--tcl-homepage-hero-asset-offset-y-desktop, 0px));
    object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-desktop, 0px)) calc(50% + var(--tcl-homepage-hero-asset-offset-y-desktop, 0px))
}

@media (max-width:599px) {
    .tcl-homepage-hero .tcl-asset {
        -o-object-position: 50% 35%;
        object-position: 50% 35%;
        -o-object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-mobile, 0px)) calc(35% + var(--tcl-homepage-hero-asset-offset-y-mobile, 0px));
        object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-mobile, 0px)) calc(35% + var(--tcl-homepage-hero-asset-offset-y-mobile, 0px))
    }
}

.tcl-homepage-hero__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    grid-area: 1/-1;
    margin: 0 auto;
    opacity: 1;
    opacity: var(--tcl-homepage-hero-content-opacity);
    text-align: center;
    width: 100%;
    z-index: 3
}

.tcl-homepage-hero__heading {
    --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
    --tds-theme-foreground--light: var(--tds-theme-foreground-high-contrast);
    font-size: 40px;
    font-size: var(--tcl-homepage-hero-heading-font-size-desktop);
    margin-top: calc(20vh - 24px);
    margin-top: calc(20vh - var(--tcl-top-banner-height, var(--tds-size--3x)));
    opacity: 1;
    opacity: var(--tcl-homepage-hero-heading-opacity);
    padding: 0 24px;
    padding: 0 var(--tds-size--3x);
    width: 100%
}

.tcl-page__shell-with-banner .tcl-homepage-hero__heading {
    margin-top: 20vh
}

@media (max-height:600px),
(max-width:599px) {
    .tcl-homepage-hero__heading {
        font-size: 36px;
        font-size: var(--tcl-homepage-hero-heading-font-size-mobile)
    }
}

body div:not(.tcl-animate) .tcl-homepage-hero__heading {
    margin-top: 14vh;
    margin-top: calc(14vh - var(--tcl-top-banner-height, 0px))
}

body.animate-onscroll .tcl-animate .tcl-homepage-hero__heading {
    margin-top: calc(14vh + 24px);
    margin-top: calc(14vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
}

body .tcl-page__shell-with-banner div:not(.tcl-animate) .tcl-homepage-hero__heading {
    margin-top: 18vh;
    margin-top: calc(18vh - var(--tcl-top-banner-height, 0px))
}

body.animate-onscroll .tcl-page__shell-with-banner .tcl-animate .tcl-homepage-hero__heading {
    margin-top: calc(18vh + 24px);
    margin-top: calc(18vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
}

.tcl-page__shell-with-banner .tcl-homepage-hero__heading {
    margin-top: calc(14vh + 24px);
    margin-top: calc(14vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__heading {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s;
    transition: opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s;
    transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s, -webkit-transform .5s ease-in-out .5s;
    -webkit-transition: var(--tcl-homepage-hero-heading-transition);
    transition: var(--tcl-homepage-hero-heading-transition)
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__heading {
    opacity: 1;
    opacity: var(--tcl-homepage-hero-heading-opacity);
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-transform: translateY(calc(var(--tds-size--3x)*-1));
    transform: translateY(calc(var(--tds-size--3x)*-1))
}

body.animate-onscroll .tcl-page__shell-with-banner .tcl-homepage-hero__heading {
    margin-top: 14vh;
    margin-top: calc(14vh - var(--tcl-top-banner-height, 0px))
}

[dir=ltr] .tcl-homepage-hero__subcopy {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
}

[dir=ltr] .tcl-homepage-hero__subcopy,
[dir=rtl] .tcl-homepage-hero__subcopy {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
}

[dir=rtl] .tcl-homepage-hero__subcopy {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
}

.tcl-homepage-hero__subcopy {
    --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-high-contrast);
    --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    -webkit-padding-start: 24px;
    -webkit-padding-start: var(--tds-size--3x);
    font-size: inherit;
    font-size: var(--tcl-homepage-hero-subcopy-font-size-desktop);
    opacity: 1;
    opacity: var(--tcl-homepage-hero-heading-opacity);
    padding-top: 6px;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
    width: 100%
}

@media (min-width:600px) and (max-width:899px) {
    .tcl-homepage-hero__subcopy-desktop {
        display: none !important
    }
    .tcl-homepage-hero__subcopy-mobile {
        display: block !important;
        font-size: inherit;
        font-size: var(--tcl-homepage-hero-subcopy-font-size-mobile)
    }
}

@media (max-width:599px) {
    .tcl-homepage-hero__subcopy {
        font-size: inherit;
        font-size: var(--tcl-homepage-hero-subcopy-font-size-mobile)
    }
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__subcopy {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s;
    transition: opacity .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s;
    transition: transform .5s ease-in-out 1s, opacity .5s ease-in-out 1s;
    transition: transform .5s ease-in-out 1s, opacity .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s;
    -webkit-transition: var(--tcl-homepage-hero-subcopy-transition);
    transition: var(--tcl-homepage-hero-subcopy-transition)
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__subcopy {
    opacity: 1;
    opacity: var(--tcl-homepage-hero-heading-opacity);
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-transform: translateY(calc(var(--tds-size--3x)*-1));
    transform: translateY(calc(var(--tds-size--3x)*-1))
}

[dir=ltr] .tcl-homepage-hero__content-end {
    padding-right: 0
}

[dir=ltr] .tcl-homepage-hero__content-end,
[dir=rtl] .tcl-homepage-hero__content-end {
    padding-left: 0
}

[dir=rtl] .tcl-homepage-hero__content-end {
    padding-right: 0
}

.tcl-homepage-hero__content-end {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%
}

.is-iPad .tcl-homepage-hero__content-end {
    padding-bottom: 8px;
    padding-bottom: calc(var(--tds-size--1x) + var(--tcl-top-banner-height, 0px))
}

@media (max-width:599px) {
    .tcl-homepage-hero__content-end {
        padding-bottom: 8px;
        padding-bottom: var(--tds-size--1x)
    }
    .tcl-homepage-hero__content-end>.tcl-homepage-hero__disclaimer {
        margin-bottom: 8px;
        margin-bottom: var(--tds-size--1x)
    }
}

.tcl-homepage-hero__buttons {
    opacity: 1;
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x);
    padding-top: 16px;
    padding-top: var(--tds-size--2x);
    text-align: center
}

.tcl-homepage-hero__buttons--single {
    padding: 0
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out 1s;
    transition: all .5s ease-in-out 1s
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons {
    opacity: 1
}

.tcl-homepage-hero__buttons-on-desktop {
    display: block;
    margin-bottom: 16px;
    margin-bottom: calc(var(--tds-size--2x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop))
}

.tcl-homepage-hero__buttons-on-mobile {
    display: none;
    width: 100%
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-mobile {
    margin-bottom: -48px;
    margin-bottom: calc(var(--tds-size--6x)*-1 + var(--tcl-homepage-hero-buttons-padding-bottom-offset-mobile))
}

.tcl-homepage-hero__buttons-on-mobile.tcl-homepage-hero__buttons--single {
    margin-bottom: 16px;
    margin-bottom: calc(var(--tds-size--2x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-mobile))
}

.tcl-homepage-hero__buttons-on-desktop.tcl-homepage-hero__buttons--single {
    margin-bottom: 56px;
    margin-bottom: calc(var(--tds-size--7x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop))
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop.tcl-homepage-hero__buttons--single {
    margin-bottom: 8px;
    margin-bottom: calc(var(--tds-size--1x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop))
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-mobile {
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0);
    -webkit-transform: translate3d(0, calc(var(--tds-size--3x)*-1), 0);
    transform: translate3d(0, calc(var(--tds-size--3x)*-1), 0)
}

@media (max-width:599px) {
    .tcl-homepage-hero__buttons-on-desktop {
        display: none
    }
    .tcl-homepage-hero__buttons-on-mobile {
        display: block
    }
    body .tcl-page__shell-with-banner div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 18vh;
        margin-top: calc(18vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-page__shell-with-banner .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(18vh + 24px);
        margin-top: calc(18vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
    body div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 14vh;
        margin-top: calc(14vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(14vh + 24px);
        margin-top: calc(14vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
}

[dir=ltr] .tcl-homepage-hero__buttons .tcl-button {
    left: 0
}

[dir=rtl] .tcl-homepage-hero__buttons .tcl-button {
    right: 0
}

.tcl-homepage-hero__buttons .tcl-button {
    --tcl-button-group-button-inline-size: calc(var(--tds-size--1x)*33);
    --tcl-button-min-inline-size: calc(var(--tds-size--1x)*33);
    inset-inline-start: 0;
    text-transform: var(--tcl-button-text-transform);
    -webkit-transition: all .5s ease-in-out 1s;
    transition: all .5s ease-in-out 1s
}

[dir=ltr] body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button {
    margin-right: 0 !important
}

[dir=ltr] body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button,
[dir=rtl] body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button {
    margin-left: 0 !important
}

[dir=rtl] body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button {
    margin-right: 0 !important
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button {
    -webkit-margin-end: 0 !important;
    -webkit-margin-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important
}

body.animate-onscroll.template-landing-page--content-snapping-on .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) {
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
    -webkit-transform: translate3d(0, var(--tds-size--3x), 0);
    transform: translate3d(0, var(--tds-size--3x), 0)
}

[dir=ltr] body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:first-of-type {
    margin-right: 24px;
    margin-right: var(--tds-size--3x)
}

[dir=rtl] body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:first-of-type {
    margin-left: 24px;
    margin-left: var(--tds-size--3x)
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:first-of-type {
    -webkit-margin-end: 24px;
    -webkit-margin-end: var(--tds-size--3x);
    margin-inline-end: 24px;
    margin-inline-end: var(--tds-size--3x)
}

[dir=ltr] body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:nth-of-type(2) {
    margin-left: 24px;
    margin-left: var(--tds-size--3x)
}

[dir=rtl] body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:nth-of-type(2) {
    margin-right: 24px;
    margin-right: var(--tds-size--3x)
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) .tcl-button:nth-of-type(2) {
    -webkit-margin-start: 24px;
    -webkit-margin-start: var(--tds-size--3x);
    margin-inline-start: 24px;
    margin-inline-start: var(--tds-size--3x)
}

[dir=ltr] .tcl-homepage-hero__disclaimer {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
}

[dir=ltr] .tcl-homepage-hero__disclaimer,
[dir=rtl] .tcl-homepage-hero__disclaimer {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
}

[dir=rtl] .tcl-homepage-hero__disclaimer {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
}

.tcl-homepage-hero__disclaimer {
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    -webkit-padding-start: 24px;
    -webkit-padding-start: var(--tds-size--3x);
    min-height: 30px;
    padding-bottom: 12px;
    padding-bottom: calc(var(--tds-size--1x) + var(--tds-size--half));
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
    width: 100%
}

.tcl-homepage-hero__disclaimer-copy {
    --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-high-contrast);
    --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
    margin: 0 auto;
    padding: 0
}

.tcl-homepage-hero__chevron {
    min-height: 24px;
    min-height: var(--tds-size--3x)
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__chevron {
    margin-bottom: 24px;
    margin-bottom: var(--tds-size--3x)
}

body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__chevron,
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__disclaimer {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out 1.5s;
    transition: all .5s ease-in-out 1.5s
}

body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__chevron,
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__disclaimer {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
    -webkit-transform: translate3d(0, var(--tds-size--3x), 0);
    transform: translate3d(0, var(--tds-size--3x), 0)
}

@media only screen and (device-width:375px) and (device-height:667px) and (orientation:portrait) and (device-pixel-ratio:2) {
    .tcl-homepage-hero__chevron {
        display: none
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (orientation:portrait) and (device-pixel-ratio:3) {
    .tcl-homepage-hero__chevron {
        display: none
    }
}

.tcl-homepage-hero__chevron .tcl-animate-chevron {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media (max-aspect-ratio:9/16) and (max-width:600px) {
    body .tcl-page__shell-with-banner div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 18vh;
        margin-top: calc(18vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-page__shell-with-banner .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(18vh + 24px);
        margin-top: calc(18vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
    body div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 14vh;
        margin-top: calc(14vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(14vh + 24px);
        margin-top: calc(14vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px));
        margin-top: calc(22vh + 24px);
        margin-top: calc(22vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
}

@media (min-aspect-ratio:16/9) and (max-height:600px) {
    .tcl-homepage-hero__buttons-on-desktop {
        margin-bottom: 8px;
        margin-bottom: calc(var(--tds-size--1x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop))
    }
    .tcl-homepage-hero__buttons {
        padding-bottom: 0;
        padding-top: 0
    }
    body.animate-onscroll .tcl-page__shell-with-banner .tcl-homepage-hero__heading {
        margin-top: calc(max(18vh, 10vw)) !important
    }
    body.animate-onscroll .tcl-homepage-hero__heading {
        margin-top: calc(max(16vh, 5vw) + 24px);
        margin-top: calc(max(16vh, 5vw) + var(--tds-size--3x))
    }
    .tcl-homepage-hero__chevron {
        display: none
    }
    .tcl-homepage-hero__heading {
        font-size: 36px;
        font-size: var(--tcl-homepage-hero-heading-font-size-mobile)
    }
}

.tcl-homepage-hero__disclaimer {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x)
}

@media (max-width:599px) and (orientation:portrait) {
    body .tcl-page__shell-with-banner div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 22vh;
        margin-top: calc(22vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-page__shell-with-banner .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(22vh + 24px);
        margin-top: calc(22vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
    body div:not(.tcl-animate) .tcl-homepage-hero__heading {
        margin-top: 14vh;
        margin-top: calc(14vh - var(--tcl-top-banner-height, 0px))
    }
    body.animate-onscroll .tcl-animate .tcl-homepage-hero__heading {
        margin-top: calc(14vh + 24px);
        margin-top: calc(14vh + var(--tds-size--3x) - var(--tcl-top-banner-height, 0px))
    }
    .template-landing-page--content-snapping-on .tcl-homepage-hero--footer footer {
        padding-bottom: 24px !important;
        padding-bottom: calc(var(--tds-size--3x) + var(--tcl-top-banner-height, 0px)) !important;
        padding-top: 24px;
        padding-top: var(--tds-size--3x)
    }
}

.template-landing-page--content-snapping-on .block-inline-blockfooter section.tcl-homepage-hero.tcl-homepage-hero--footer {
    display: block
}

.template-landing-page--content-snapping-on .block-inline-blockfooter section.tcl-homepage-hero.tcl-homepage-hero--footer footer {
    --tcl-homepage-hero-footer-padding-block-end: calc(var(--tds-size--1x) + var(--tcl-top-banner-height, 0px))
}

.is-iOS.template-landing-page--content-snapping-on .block-inline-blockfooter section.tcl-homepage-hero.tcl-homepage-hero--footer footer {
    --tcl-homepage-hero-footer-padding-block-end: calc(var(--tds-size--3x) + var(--tcl-top-banner-height, 0px))
}

[dir=ltr] .tcl-homepage-hero__content-end>div {
    padding-left: 24px
}

[dir=ltr] .tcl-homepage-hero__content-end>div,
[dir=rtl] .tcl-homepage-hero__content-end>div {
    padding-right: 24px
}

[dir=rtl] .tcl-homepage-hero__content-end>div {
    padding-left: 24px
}

.tcl-homepage-hero__content-end>div {
    -webkit-padding-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    padding-inline-start: 24px
}

@media (min-width:900px) {
    .template-landing-page--content-snapping-on .tcl-homepage-hero__content-end .tcl-footer {
        background-color: transparent
    }
    .tcl-homepage-content-snapping .layout__region>div:last-of-type>.tcl-homepage-hero .tcl-homepage-hero__content-end .tcl-homepage-hero__buttons,
    .template-landing-page--content-snapping-on .tcl-homepage-content-snapping .tcl-homepage-hero.tcl-homepage-hero--last-of-type .tcl-homepage-hero__content-end .tcl-homepage-hero__buttons {
        margin-bottom: 0;
        padding-bottom: 96px;
        padding-bottom: calc(var(--tds-size--12x) - var(--tcl-footer-height, 0))
    }
    .tcl-homepage-hero--last-of-type .tcl-homepage-hero__chevron {
        display: none
    }
}

.template-landing-page--applitool-on.template-landing-page--content-snapping-off .tcl-homepage-hero,
.template-landing-page--applitool-on.template-landing-page--content-snapping-off .tcl-homepage-hero .tcl-asset {
    height: 100vh
}

[dir=ltr] .tcl-permanent-cta--mobile {
    right: 0
}

[dir=rtl] .tcl-permanent-cta--mobile {
    left: 0
}

.tcl-permanent-cta--mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -webkit-animation: showCta .25s;
    animation: showCta .25s;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 50px;
    inset-inline-end: 0;
    justify-content: right;
    max-height: 100px;
    overflow: hidden;
    position: fixed;
    width: 350px;
    z-index: 998
}

.tcl-permanent-cta--mobile.hidden {
    -webkit-animation: hideCta .25s;
    animation: hideCta .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes showCta {
    0% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes showCta {
    0% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes hideCta {
    0% {
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        display: none
    }
}

@keyframes hideCta {
    0% {
        opacity: 1
    }
    90% {
        opacity: 0
    }
    to {
        display: none
    }
}

.permanent-cta-bar--desktop.hidden,
.tw-chat--tds-modal--is-open section.tcl-permanent-cta--mobile {
    display: none
}

.permanent-cta-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: 1;
    padding: 10px 0;
    position: fixed;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 998
}

.permanent-cta-buttons.hidden {
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

[dir=ltr] .permanent-cta---button-menu {
    margin-left: 10px !important
}

[dir=rtl] .permanent-cta---button-menu {
    margin-right: 10px !important
}

.permanent-cta---button-menu {
    -webkit-margin-start: 10px !important;
    margin-inline-start: 10px !important
}

.permanent-cta---button-link,
.permanent-cta---button-menu {
    background: var(--tds-color-grey-20)
}

.tcl-permanent-cta--mobile .permanent-cta---button-link,
.tcl-permanent-cta--mobile .permanent-cta---button-menu {
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .25)
}

.permanent-cta---button-menu--large {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: unset
}

[dir=ltr] .permanent-cta--menu-overlay {
    left: 0
}

[dir=rtl] .permanent-cta--menu-overlay {
    right: 0
}

.permanent-cta--menu-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-animation: showOverlay .25s ease-out;
    animation: showOverlay .25s ease-out;
    background-color: rgba(45, 45, 45, .4);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    inset: auto 0 0 auto;
    inset-inline-start: 0;
    justify-content: center;
    justify-items: center;
    left: auto;
    max-height: 500px;
    overflow: hidden;
    padding-block: 80px;
    padding-block: var(--tds-size--10x);
    padding-bottom: 80px;
    padding-bottom: var(--tds-size--10x);
    padding-top: 80px;
    padding-top: var(--tds-size--10x);
    right: 0;
    top: auto
}

.permanent-cta--menu-overlay,
.permanent-cta--menu-overlay.hidden {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    position: fixed
}

.permanent-cta--menu-overlay.hidden {
    -webkit-animation: hideOverlay .25s ease-in-out;
    animation: hideOverlay .25s ease-in-out;
    background-color: rgba(45, 45, 45, 0);
    display: none;
    opacity: 0;
    padding-block: 0;
    padding-bottom: 0;
    padding-top: 0
}

@-webkit-keyframes hideOverlay {
    0% {
        bottom: 0;
        opacity: 1
    }
    to {
        bottom: -600px;
        opacity: 0
    }
}

@keyframes hideOverlay {
    0% {
        bottom: 0;
        opacity: 1
    }
    to {
        bottom: -600px;
        opacity: 0
    }
}

@-webkit-keyframes showOverlay {
    0% {
        bottom: -600px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes showOverlay {
    0% {
        bottom: -600px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

.permanent-cta--menu-item {
    color: #fff;
    font-size: 12px;
    margin: 16px auto;
    margin: var(--tds-size--2x) auto
}

.permanent-cta-bar--desktop .permanent-cta--menu-item,
.permanent-cta-bar--desktop button {
    margin: 20px 24px;
    margin: 20px var(--tds-size--3x)
}

.permanent-cta-bar--desktop button {
    padding: 8px 16px;
    padding: var(--tds-size--1x) var(--tds-size--2x)
}

.permanent-cta-bar--desktop--buttons-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

[dir=ltr] .permanent-cta-bar--desktop {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
}

[dir=rtl] .permanent-cta-bar--desktop {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
}

.permanent-cta-bar--desktop {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    align-items: center;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: rgba(45, 45, 45, .4);
    bottom: auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    inset: 0 0 auto auto;
    inset: var(--tcl-top-banner-height, 0) 0 auto auto;
    justify-content: flex-end;
    left: auto;
    max-height: 42px;
    overflow: hidden;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    position: fixed;
    right: 0;
    top: 0;
    top: var(--tcl-top-banner-height, 0);
    width: 100%;
    z-index: 999
}

[dir=ltr] .permanent-cta-bar--desktop--title {
    margin-left: 48px
}

[dir=rtl] .permanent-cta-bar--desktop--title {
    margin-right: 48px
}

[dir=ltr] .permanent-cta-bar--desktop--title {
    left: 0
}

[dir=rtl] .permanent-cta-bar--desktop--title {
    right: 0
}

.permanent-cta-bar--desktop--title {
    -webkit-margin-start: 48px;
    color: #fff;
    font-size: 17px;
    inset-inline-start: 0;
    margin-inline-start: 48px;
    position: absolute
}

.permanent-cta---button-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tds-o-btn--width-48-40 {
    height: 40px !important;
    height: var(--tds-size--5x) !important;
    width: 48px !important;
    width: var(--tds-size--6x) !important
}

.permanent-cta---button-chevron-only {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    height: var(--tds-size--5x);
    justify-content: center;
    position: relative;
    width: 64px;
    width: var(--tds-size--8x)
}

.permanent-cta---button-chevron-only:hover {
    cursor: pointer
}

.chevron-down {
    color: #fff
}

[dir=ltr] .margin-right-10 {
    margin-right: 10px
}

[dir=rtl] .margin-right-10 {
    margin-left: 10px
}

.margin-right-10 {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.tds-o-text-14 {
    font-size: 14px
}

.tds-o-chevron-white,
.tds-o-text-white {
    color: #fff
}

.tds-o-link-color-white,
.tds-o-link-color-white:focus,
.tds-o-link-color-white:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff !important
}

.permanent-cta--backdrop {
    bottom: auto;
    height: 100vh;
    inset: 0 auto auto 0;
    left: 0;
    margin: unset;
    padding: unset;
    position: fixed;
    right: auto;
    top: 0;
    width: 110vw
}

.permanent-cta--backdrop.hidden {
    display: none
}

[dir=ltr] .tcl-permanent-cta--mobile .permanent-cta-buttons {
    right: 16px;
    right: var(--tds-size--2x)
}

[dir=rtl] .tcl-permanent-cta--mobile .permanent-cta-buttons {
    left: 16px;
    left: var(--tds-size--2x)
}

.tcl-permanent-cta--mobile .permanent-cta-buttons {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    bottom: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    height: var(--tds-size--5x);
    inset-inline-end: 16px;
    inset-inline-end: var(--tds-size--2x);
    outline: none;
    padding: 0
}

@media (max-width:599px) {
    .permanent-cta--menu-overlay {
        padding-block: 69px;
        padding-bottom: 69px;
        padding-top: 69px
    }
    a.permanent-cta--menu-item {
        margin: 16px auto
    }
    [dir=ltr] .tcl-permanent-cta--mobile .permanent-cta-buttons {
        right: 16px;
        right: var(--tds-size--2x)
    }
    [dir=rtl] .tcl-permanent-cta--mobile .permanent-cta-buttons {
        left: 16px;
        left: var(--tds-size--2x)
    }
    .tcl-permanent-cta--mobile .permanent-cta-buttons {
        bottom: 24px;
        bottom: var(--tds-size--3x);
        inset-inline-end: 16px;
        inset-inline-end: var(--tds-size--2x)
    }
}

@media (min-width:600px) and (max-width:1199px) {
    .permanent-cta--menu-overlay {
        padding-block: 34px;
        padding-bottom: 34px;
        padding-top: 34px
    }
    a.permanent-cta--menu-item {
        margin: 12px auto
    }
    [dir=ltr] .tcl-permanent-cta--mobile .permanent-cta-buttons {
        right: 16px;
        right: var(--tds-size--2x)
    }
    [dir=rtl] .tcl-permanent-cta--mobile .permanent-cta-buttons {
        left: 16px;
        left: var(--tds-size--2x)
    }
    .tcl-permanent-cta--mobile .permanent-cta-buttons {
        bottom: 24px;
        bottom: var(--tds-size--3x);
        inset-inline-end: 16px;
        inset-inline-end: var(--tds-size--2x)
    }
}

.permanent-bar-desktop {
    position: fixed;
    top: 0;
    z-index: 999;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    /*background-color: rgba(45, 45, 45, .4);*/
}