.applitools-activate .tcl-showcase__down-arrow {
  -webkit-animation: none;
  animation: none
}
.recruittitl{
  color: #000;
  -webkit-text-stroke: 1px #FFF;
  text-stroke: 1px #FFF;
}
.applitools-activate .tds-animate--bounce, .applitools-activate [id=battery-fill] {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important
}
.layout-content{background: url(../images/common/bg01.png) repeat;}
.block-system-main-block{background: url(../images/common/bg01.png) repeat;}
.tds-shell-content{background: url(../images/common/bg01.png) repeat;}
.tcl-page__main-content{background: url(../images/common/bg01.png) repeat;}
.tds-theme--marketing{background: url(../images/common/bg01.png) repeat;}
.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: Arial;
  --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-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: 16px;
  --tds-border-radius--card--dense: 8px;
  --tds-border-radius--circle: 100%;
  --tds-border-radius--pill: 20px;
  --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
}

body, html, ol, ul {
  margin: 0;
  padding: 0
}

ol, ul {
  list-style-type: none
}

figcaption, figure {
  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)
}

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 {
  font-size: 2em;
  margin: 0
}

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-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 Bold;
  font-style: normal;
  font-weight: 700;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham Medium;
  font-style: normal;
  font-weight: 500;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham Book;
  font-style: normal;
  font-weight: 400;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham Light;
  font-style: normal;
  font-weight: 300;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham Extra Light;
  font-style: normal;
  font-weight: 200;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 700;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 500;
  
}

@font-face {
  font-family: PingFang SC;
  font-weight: 500;
  src: local("PingFang SC Semibold")
}

@font-face {
  font-family: PingFang TC;
  font-weight: 500;
  src: local("PingFang TC Semibold")
}

@font-face {
  font-family: PingFang HK;
  font-weight: 500;
  src: local("PingFang HK Semibold")
}

@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 400;
  
}

@font-face {
  font-family: PingFang SC;
  font-weight: 400;
  src: local("PingFang SC Regular")
}

@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-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 300;
  
}

@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 200;
 
}

@font-face {
  font-family: Noto Sans Arabic;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/notosansarabic/v10/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-family: Noto Sans Arabic;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/notosansarabic/v10/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
}

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

.tds-colorscheme--light, .tds-scrim--light, .tds-scrim--white, :root {
  --tds-color--error: var(--tds-color--red10);
  --tds-color--hairline: var(--tds-color--grey50);
  --tds-color--inverse: var(--tds-color--white);
  --tds-color--primary: var(--tds-color--blue30);
  --tds-color--primary-highlight: var(--tds-color--blue20);
  --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--grey10);
  --tds-color--secondary-accent: var(--tds-color--grey50);
  --tds-color--secondary-highlight: var(--tds-color--black);
  --tds-color--tertiary: var(--tds-color--grey70);
  --tds-color--tertiary-highlight: var(--tds-color--grey65);
  --tds-caption--color: var(--tds-color--grey30);
  --tds-dialog--background-color: var(--tds-color--white);
  --tds-form-label--color: var(--tds-color--grey30);
  --tds-heading--color: var(--tds-color--secondary);
  --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--grey20);
  --tds-text--color--light: var(--tds-color--grey30);
  --tds-text--color--placeholder: var(--tds-color--grey40);
  --tds-text--color--primary: var(--tds-color--blue30);
  --tds-toggle--background-color: hsla(0, 0%, 59%, .1);
  --tds-toggle--fill-color: var(--tds-color--white);
  --tds-text--contrast-high: var(--tds-color--grey10);
  --tds-text--contrast-low: var(--tds-color--grey30);
  --tds-text--contrast-medium: var(--tds-color--grey20);
  --tds-code-bg-color: var(--tds-color--grey70);
  --tds-code-border-color: var(--tds-color--grey60);
  --tds-code-color:#1C1C1C;
  --tds-color--focus: var(--tds-color--grey35);
  --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-text--color)
}

.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--grey70);
  --tds-text--color--primary: #3865e0;
  --tds-code-bg-color: var(--tds-color--grey60);
  --tds-code-border-color: var(--tds-color--grey50);
  --tds-code-color: var(--tds-text--color);
  --tds-color--focus: var(--tds-color--grey30);
  --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--grey70);
  --tds-code-border-color: var(--tds-color--grey60);
  --tds-color--tertiary: var(--tds-color--grey70)
}

.tds-colorscheme--dark, .tds-scrim--black {background-image:.../img/top_background.jpg;
  --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--grey35);
  --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--grey70);
  --tds-color--secondary-accent: var(--tds-color--grey35);
  --tds-color--secondary-highlight: var(--tds-color--white);
  --tds-color--tertiary: var(--tds-color--grey15);
  --tds-color--tertiary-highlight: var(--tds-color--grey20);
  --tds-caption--color: var(--tds-color--grey50);
  --tds-dialog--background-color: var(--tds-color--grey15);
  --tds-form-label--color: var(--tds-color--grey50);
  --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:#1C1C1C;
  --tds-text--color--light: var(--tds-color--grey50);
  --tds-text--color--primary: #3368ff;
  --tds-toggle--background-color: hsla(0, 0%, 100%, .2);
  --tds-toggle--fill-color: var(--tds-color--grey30);
  --tds-text--contrast-high: var(--tds-color--white);
  --tds-text--contrast-low: var(--tds-color--grey40);
  --tds-text--contrast-medium: var(--tds-color--grey60);
  --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>');
  --tds-code-bg-color: var(--tds-color--grey10);
  --tds-code-border-color: var(--tds-color--grey15);
  --tds-code-color: var(--tds-text--color);
  color: var(--tds-text--color)
}

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

.tds-density--default, :root {
  --tds-height--pill: var(--tds-size--5x);
  --tds-border-radius--pill: calc(var(--tds-height--pill)/2);
  --tds-form--indent: var(--tds-border-radius--pill);
  --tds-form--gap: var(--tds-size--3x);
  --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-theme--enterprise {
  --tds-height--pill: var(--tds-size--4x);
  --tds-border-radius--pill: calc(var(--tds-height--pill)/2);
  --tds-form--indent: var(--tds-border-radius--pill);
  --tds-form--gap: var(--tds-size--2x);
  --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-height--pill: var(--tds-size--6x);
  --tds-border-radius--pill: calc(var(--tds-height--pill)/2);
  --tds-form--indent: var(--tds-border-radius--pill);
  --tds-form--gap: var(--tds-size--4x);
  --tds-form-input-choice--check-size: 20px;
  --tds-form-input-choice--radio-size: var(--tds-size--2x);
  --tds-height--choice: var(--tds-size--3x)
}

.tds-colorscheme--light .tds-theme--marketing, .tds-scrim--light .tds-theme--marketing, .tds-scrim--white .tds-theme--marketing, .tds-theme--marketing, .tds-theme--marketing .tds-colorscheme--light, .tds-theme--marketing .tds-scrim--light, .tds-theme--marketing .tds-scrim--white, .tds-theme--marketing.tds-colorscheme--light, .tds-theme--marketing.tds-scrim--light, .tds-theme--marketing.tds-scrim--white {
  --tds-color--primary: var(--tds-color--grey10);
  --tds-color--primary-highlight: var(--tds-color--grey20)
}

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

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

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

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

.tds-theme--replicant--has_img [class*=tds-scrim--]:not(.tds-scrim--blur) {
  --tds-scrim--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-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)
}

@-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-component-preview, :root {
  --tds-banner--padding: var(--tds-size--2x)
}

.tds-banner {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: var(--tds-scrim--background, hsla(0, 0%, 50%, .125));
  inline-size: 100%;
  padding: var(--tds-banner--padding);
  text-align: center
}

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

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

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-color--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-color--white);
  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: uppercase;
  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: 10px
}

.tds-btn--medium {
  --tds-height--pill: var(--tds-size--4x)
}

.tds-btn--large {
  --tds-border-radius--pill: 20px;
  --tds-height--pill: var(--tds-size--5x)
}

<!--.tds-btn--secondary {
  --tds-btn--background-color: transparent;
  --tds-btn--border-color: #6E6E6E;
  color: #000000
}-->

.tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-color--tertiary);
  color: var(--tds-text--color)
}

:is(button, .tds-btn):not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  cursor: pointer
}

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

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

.tds-btn--secondary:not([disabled], .tds--disabled):is(:hover, .tds--hover, :focus, .tds--focus) {
  --tds-btn--background-color: var(--tds-color--secondary);
  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-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--grey70);
  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--grey50)
}

.tds-btn.tds-btn--tile:is(:focus, .tds--focus) {
  box-shadow: 0 var(--tds-size--3x) var(--tds-size--4x) 0 var(--tds-color--grey50), inset 0 0 0 2px var(--tds-color--grey70), inset 0 0 0 4px var(--tds-color--grey50);
  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--grey40);
  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--grey50);
  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-card {
  --tds-card--padding: var(--tds-padding--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-color--tertiary);
  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.tds-card--dense {
  --tds-card--padding: var(--tds-padding--card--dense);
  border-radius: var(--tds-border-radius--card--dense)
}

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

.tds-card-body {
  padding: 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-dialog--background-color);
  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-start: var(--tds-card--padding);
  padding-block-start: calc(var(--tds-card--padding)/3);
  padding-inline-start: var(--tds-card--padding)
}

.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-color--grey60);
  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-color--tertiary);
  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);
  padding-inline-end: var(--tds-size--half);
  padding-inline-start: var(--tds-size--2x)
}

:is(.tds-theme--enterprise, .tds-density--dense) .tds-chip {
  --tds-chip--height: var(--tds-size--3x);
  -webkit-padding-end: 0;
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-size--4x);
  padding-inline-end: 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--1x);
  -webkit-margin-start: calc(var(--tds-chip--inset)*-1);
  -webkit-padding-start: var(--tds-chip--inset);
  background-color: var(--tds-scrim--background, var(--tds-color--white));
  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--1x);
  margin-inline-start: calc(var(--tds-chip--inset)*-1);
  padding-inline-start: var(--tds-chip--inset)
}

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

:is(.tds-theme--enterprise, .tds-density--dense) .tds-chip .tds-icon-btn {
  --tds-height--pill: var(--tds-chip--height)
}

.tds-content_container {
  --tds-content_container--gutter: var(--tds-size--3x);
  --tds-content_container--inline-size: 100%;
  --tds-content_container--max_width: 100%;
  -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) {
  .tds-content_container {
    --tds-content_container--gutter: 36px
  }
}

@media (min-width:1200px) {
  .tds-content_container {
    --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--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-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);
  inline-size: var(--tds-date-picker--grid-size)
}

.tds-date-picker--dense {
  --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-text--color--placeholder)
}

.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-border-radius--circle);
  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-color--hairline)
}

.tds-day[disabled] {
  color: var(--tds-color--grey30);
  font-weight: var(--tds-font-weight--light)
}

.tds-day:where(:hover, .tds-day--highlighted:not(.tds-day--between)) span {
  background-color: var(--tds-color--tertiary);
  border: none
}

.tds-day--selected:not(.tds-day--between) span {
  background-color: var(--tds-color--primary)
}

.tds-day--selected:hover span {
  background-color: var(--tds-color--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-scrim--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-color--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-color--tertiary)
}

.tds-day--last:before, .tds-day:nth-child(7n):before {
  border-bottom-right-radius: var(--tds-size--half);
  border-top-right-radius: var(--tds-size--half)
}

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

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

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

.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--red10);
  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-figure--highlighted :is(img, .tds-icon) {
  box-shadow: var(--tds-box-shadow--medium)
}

.tds-figure--dense {
  --tds-figure--padding: var(--tds-padding--card--dense);
  --tds-figure--radius: var(--tds-border-radius--card--dense)
}

.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: var(--tds-border-radius--pill)
}

.tds-form--outdent {
  --tds-form--indent: 0
}

.tds-form--error {
  --tds-form-feedback--color: var(--tds-color--error);
  --tds-form-input--border-color: var(--tds-color--error)
}

.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 {
  flex-direction: row;
  margin: -4px -4px -12px;
  overflow-x: auto;
  padding: 4px 4px 12px
}

.tds-form-input {
  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
}

.tds-form-input--inline {
  display: inline-flex
}

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

.tds-form-input :placeholder-shown, .tds-form-input.tds-form-input--readonly input, .tds-form-input:placeholder-shown {
  color: var(--tds-text--color--placeholder)
}

: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.tds-form-input--inline {
  display: inline-flex
}

.tds-form-input--default {
  --tds-form--indent: var(--tds-border-radius--pill);
  align-items: center;
  background-color: var(--tds-color--tertiary);
  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-color--tertiary));
  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-form-input--default.tds-form-input--readonly {
  --tds-form-input--border-color: var(--tds-color--hairline);
  background: none;
  box-shadow: none
}

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

.tds--indicate-focus .tds-form-input--default:focus-within {
  --tds-form-input--border-color: var(--tds-color--tertiary);
  outline: var(--tds-outline--focus)
}

.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-density--default, :root {
  --tds-form-input--collapsed-inline-size: var(--tds-size--5x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--1x)
}

.tds-density--dense {
  --tds-form-input--collapsed-inline-size: var(--tds-size--4x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--half)
}

.tds-form-input--collapsed:is(.tds-form-input--highlighted, :hover) {
  background-color: var(--tds-color--tertiary)
}

.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);
  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-multiple-selected {
  font-weight: var(--tds-font-weight--medium);
  white-space: nowrap
}

.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) {
  -webkit-padding-after: var(--tds-size--half);
  -webkit-padding-before: var(--tds-size--half);
  align-items: center;
  display: flex;
  inline-size: -webkit-max-content;
  inline-size: max-content;
  padding-block-end: var(--tds-size--half);
  padding-block-start: var(--tds-size--half)
}

: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-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-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-form-input img {
  block-size: 100%;
  border-radius: inherit;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden
}

.tds-card .tds-form-input--default {
  background-color: var(--tds-scrim--background)
}

.tds-form-input-choice {
  -webkit-appearance: none;
  appearance: none;
  box-shadow: inset 0 0 0 1px var(--tds-form-input--border-color, var(--tds-text--color--light));
  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-color--secondary))
}

.tds-form-input-choice[type=checkbox] {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size);
  border-radius: var(--tds-size--half)
}

.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: "";
  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--enterprise, .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;
  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--enterprise, .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-color--secondary)
}

.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-text--color);
  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-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:not(.tds-form-input--default) .tds-form-input-password:focus-visible {
  outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input:not(.tds-form-input--default) .tds-form-input-password:focus {
  outline: var(--tds-outline--focus)
}

.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-color--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-color--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--grey50);
  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--grey50);
  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-color--hairline)), 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-color--secondary);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-scrim--background);
  --tds-range-slider--outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input-range:focus {
  --tds-form-input--border-color: var(--tds-color--secondary);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-scrim--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-color--hairline)), 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-color--focus);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-scrim--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-color--focus);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-scrim--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: 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;
  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--default .tds-form-input-select {
  align-self: stretch
}

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

.tds-form-input:not(.tds-form-input--default) .tds-form-input-select:focus-visible {
  outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input:not(.tds-form-input--default) .tds-form-input-select:focus {
  outline: var(--tds-outline--focus)
}

.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:not(.tds-form-input--default) .tds-form-input-search:focus-visible {
  outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input:not(.tds-form-input--default) .tds-form-input-search:focus {
  outline: var(--tds-outline--focus)
}

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

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

.tds-form-input-search-clear .tds-icon-btn {
  block-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
  inline-size: calc(var(--tds-height--pill) - var(--tds-size--1x))
}

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: var(--tds-border-radius--pill);
  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-color--hairline));
  inline-size: auto;
  justify-content: space-between;
  min-block-size: var(--tds-height--pill);
  padding: var(--tds-size--half) var(--tds-form--indent)
}

.tds-form-input--option.tds-form-input--circle, .tds-form-input-group--layout-horizontal>.tds-form-input--option.tds-form-input--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: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-color--primary);
  --tds-form-input--border-width: var(--tds-border-width--large);
  color: var(--tds-color--secondary)
}

.tds-form-input-hidden-choice:focus-visible+.tds-form-input {
  --tds-form-input--border-color: var(--tds-color--focus);
  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-text--color--light);
  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-color--secondary)
}

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

:is(.tds-theme--enterprise, .tds-density--dense) .tds-form-input-hidden-choice+.tds-form-input .tds-form-input-visual-checkbox:after {
  background-image: var(--tds-background-image--check-small)
}

.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-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:not(.tds-form-input--default) .tds-form-input-text:focus-visible {
  outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input:not(.tds-form-input--default) .tds-form-input-text:focus {
  outline: var(--tds-outline--focus)
}

.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-input:not(.tds-form-input--default) .tds-form-input-textarea:focus-visible {
  outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input:not(.tds-form-input--default) .tds-form-input-textarea:focus {
  outline: var(--tds-outline--focus)
}

.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-caption--color);
  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;
  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:is(:hover, .tds--highlighted) .tds-td--actions .tds-icon-btn, .tds-icon-btn:is(:hover, .tds--highlighted) {
    --tds-icon-btn--background: var(--tds-pill--blur-color);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(var(--tds-blur--button))
  }
  .tds-icon-btn.tds--highlighted:hover {
    --tds-icon-btn--background: var(--tds-pill--blur-color-highlight)
  }
}

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

.tds-icon-btn.tds-icon-btn--medium {
  --tds-height--pill: var(--tds-size--4x);
  --tds-icon-btn--border-width: var(--tds-border-width--small)
}

.tds-icon-btn.tds-icon-btn--small {
  --tds-height--pill: 28px;
  --tds-icon-btn--border-width: var(--tds-border-width--small)
}

.tds-component-preview, :root {
  --tds-icon--bg: transparent;
  --tds-icon--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
}

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

.tds-icon * {
  transition: fill .3s ease, stroke .3s ease
}

.tds-icon-badge {
  --tds-badge--color: var(--tds-color--primary);
  --tds-badge--text-color: var(--tds-color--white);
  font-variant-numeric: tabular-nums;
  overflow: visible
}

.tds-inline-dropdown.tds-tooltip {
  --tds-tooltip--padding: var(--tds-size--2x);
  padding: 0
}

.tds-inline-dropdown-trigger {
  -webkit-margin-start: -4px;
  -webkit-padding-start: var(--tds-size--half);
  align-items: center;
  display: flex;
  font-weight: var(--tds-font-weight--medium);
  margin-inline-start: -4px;
  padding-inline-start: var(--tds-size--half)
}

.tds-form-input-leading .tds-inline-dropdown-trigger {
  -webkit-padding-end: var(--tds-size--half);
  padding-inline-end: var(--tds-size--half)
}

.tds-inline-dropdown.tds-tooltip>.tds-listbox {
  padding: var(--tds-size--1x) 0
}

.tds-listbox-option {
  padding: var(--tds-size--half) var(--tds-size--2x)
}

.tds-inline-dropdown-trigger .tds-country-phone-label {
  white-space: nowrap
}

.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-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-text--color);
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  font-size: var(--tds-font-size--20);
  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-opacity--50)
}

.tds-icon-trigger:after {
  border: none;
  opacity: 0
}

.tds-icon-trigger .tds-label-title {
  text-transform: uppercase
}

.tds-icon-crosshatch {
  -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);
  border-radius: var(--tds-size--3x);
  inline-size: var(--tds-size--3x);
  padding: 0
}

.tds-icon-crosshatch, .tds-icon-crosshatch:after, .tds-icon-crosshatch:before {
  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);
  border-radius: 4px;
  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-opacity--transparent);
  -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-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
}

@media (max-width:899px) {
  .tds-layout {
    -webkit-padding-end: var(--tds-size--3x);
    -webkit-padding-start: var(--tds-size--3x);
    padding-inline-end: var(--tds-size--3x);
    padding-inline-start: var(--tds-size--3x);
    transition: padding .15s ease-in-out
  }
}

@media (min-width:600px) {
  .tds-layout {
    grid-gap: 0 var(--tds-size--3x);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: auto;
    transition: padding .15s ease-in-out
  }
}

@media (min-width:900px) {
  .tds-layout {
    -webkit-padding-end: var(--tds-size--5x);
    -webkit-padding-start: var(--tds-size--5x);
    padding-inline-end: var(--tds-size--5x);
    padding-inline-start: var(--tds-size--5x)
  }
}

.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;
  transition: padding .25s ease-in-out
}

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

@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;
  box-shadow: 0 var(--tds-border-width--small) 0 0 currentColor;
  color: var(--tds-text--color);
  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 {
  --tds-text--color: var(--tds-text--color--light)
}

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

.tds-link--primary {
  --tds-text--color: var(--tds-text--color--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-color--secondary)
  }
  .tds-link--primary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    --tds-text--color: var(--tds-color--primary-highlight);
    box-shadow: 0 0 0 0 transparent
  }
  .tds-link--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    --tds-text--color: var(--tds-text--color)
  }
  .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-text--color);
  --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--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-list--caption, .tds-list--light {
  --tds-list--timeline-color: var(--tds-color--secondary-accent)
}

.tds-list--caption {
  --tds-list-item--margin-block: var(--tds-size--half);
  font-size: 12px
}

.tds-list>li {
  -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
}

.tds-list--caption>li, .tds-list--light>li {
  color: var(--tds-text--color--light)
}

.tds-list>li: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-scrim--background, var(--tds-color--inverse));
  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 {
  max-block-size: 300px;
  overflow-y: auto;
  scroll-behavior: auto
}

.tds-inline-dropdown.tds-tooltip>.tds-listbox {
  padding: var(--tds-size--2x) 0
}

.tds-listbox-search {
  -webkit-border-after: 1px solid var(--tds-color--tertiary);
  border-block-end: 1px solid var(--tds-color--tertiary);
  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-listbox-option {
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  margin: 0;
  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
}

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

.tds-listbox-option:hover {
  background-color: var(--tds-color--tertiary)
}

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

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

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

.tds-listbox-option.tds--selected {
  background-color: var(--tds-color--tertiary-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 {
  top: 0
}

.tds-multiselect-box {
  -webkit-margin-end: 12px;
  block-size: calc(var(--tds-size--2x) + 2px);
  border: 1px solid var(--tds-color--secondary-accent);
  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-color--secondary)
}

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

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

.tds-loader .tds-icon-logo {
  -webkit-animation: var(--tds--pulsing);
  animation: var(--tds--pulsing);
  color: var(--tds-text--color--light)
}

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

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

.tds-card.tds-locale-selector-country--selected {
  background-color: var(--tds-color--tertiary)
}

.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-color--secondary);
  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-border-radius--card--dense);
  -ms-scroll-chaining: none;
  background-color: var(--tds-dialog--background-color);
  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-text--color);
  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: 100vh;
  border-radius: 0;
  bottom: 0;
  max-block-size: 100vh;
  min-block-size: 100vh;
  top: 0
}

@media (hover:hover) {
  .tds-modal--fullscreen, .tds-modal--sheet-left, .tds-modal--sheet-right {
    max-block-size: -webkit-fill-available
  }
}

.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-border-radius--card);
    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-dialog--background-color);
  box-shadow: 0 -2px 0 0 var(--tds-dialog--background-color);
  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-size--6x);
  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-pill--blur-color)
}

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

.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-dialog--background-color);
  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)
}

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

@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-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-text--color);
  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-opacity--50);
  pointer-events: none
}

.tds-pagination select {
  background-color: transparent;
  border: 0;
  border-radius: var(--tds-border-radius--outline-only);
  color: var(--tds-text--color);
  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;
  z-index: 1
}

.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--key_value {
  color: var(--pagination--key_value-color)
}

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

.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-color--secondary);
  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-text--color)
  }
  .tds-pagination .tds-pagination-current select+.tds-icon {
    opacity: 1
  }
}

.tds-pagination--dense, .tds-pagination--dense p {
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--30)
}

@media (min-width:900px) {
  .tds-pagination--dense {
    --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-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--grey20)
}

.tds-selector--dense {
  --tds-height--pill: var(--tds-size--4x)
}

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

.tds-selector-input:checked+.tds-selector-label {
  background-color: var(--tds-color--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-color--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--list-item-height: var(--tds-icon--size);
  --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-scrim--background, var(--tds-color--inverse));
  --tds-stepper--icon-color: var(--tds-color--secondary-accent);
  --tds-stepper--text-color: var(--tds-text--contrast-low);
  --tds-stepper--line-mask-end: calc(50% + var(--tds-icon--size)/2);
  position: relative
}

.tds-modal .tds-stepper {
  --tds-stepper--mask-color: var(--tds-dialog--background-color, var(--tds-scrim--background), var(--tds-color--inverse))
}

.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: center;
  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" var(--tds-stepper--list-item-height) /var(--tds-stepper--list-item-height) -webkit-max-content;
  grid-template: "circle text" var(--tds-stepper--list-item-height) /var(--tds-stepper--list-item-height) max-content;
  position: relative
}

.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;
  color: var(--tds-stepper--text-color);
  grid-area: text;
  padding-inline-end: 3px
}

.tds-stepper-item--current {
  --tds-stepper--circle-stroke: var(--tds-size--half);
  --tds-stepper--icon-color: var(--tds-text--contrast-low);
  --tds-stepper--text-color: var(--tds-text--contrast-high)
}

.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-color--error);
  --tds-stepper--text-color: var(--tds-color--error)
}

.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 {
    --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--width-full {
    display: flex
  }
  .tds-stepper:before {
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr
  }
  .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--width-full .tds-stepper-item {
    flex-basis: 0;
    flex-grow: 1
  }
  .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-item:before {
    border-width: var(--tds-size--1x)
  }
  .tds-stepper-item:first-of-type:after, .tds-stepper-item: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-item:first-of-type:after {
    left: 0
  }
  .tds-stepper-item:last-of-type:after {
    left: var(--tds-stepper--line-mask-end)
  }
  [dir=rtl] .tds-stepper-item:first-of-type:after {
    left: unset;
    right: 0
  }
  [dir=rtl] .tds-stepper-item:last-of-type:after {
    left: unset;
    right: var(--tds-stepper--line-mask-end)
  }
  .tds-stepper-item-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    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: var(--tds-size--half) 0;
    text-align: center
  }
  .tds-stepper-item-action .tds-stepper-item-text {
    border-radius: var(--tds-border-radius--pill);
    padding: var(--tds-size--half) var(--tds-size--2x)
  }
  .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-item:not(.tds-stepper-item--disabled) .tds-stepper-item-action:hover .tds-stepper-item-text {
    background: var(--tds-color--tertiary)
  }
  .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-text--contrast-high)
  }
}

.tds-site-footer {
  font-size: var(--tds-font-size--20)
}

.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-text--color--light);
  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-text--color--light)
}

.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-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-color--secondary);
  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: 12px;
  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-color--secondary);
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
  backdrop-filter: blur(var(--tds-blur--button));
  background-color: var(--tds-pill--blur-color)
}

@media (hover:hover) {
  .tds-site-nav-item:where(:not(.tds-site-nav-item--read-only)):hover {
    --tds-nav-item--color: var(--tds-color--secondary);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(var(--tds-blur--button));
    background-color: var(--tds-pill--blur-color)
  }
  .tds-site-nav-item.tds--highlighted:where(:not(.tds-site-nav-item--read-only)):hover {
    background-color: var(--tds-pill--blur-color-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-pill--blur-color);
  block-size: var(--tds-animate-backdrop-height, 1px);
  border-radius: 12px;
  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-nav-item--color);
  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
}

.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--gap: var(--tds-padding--card--dense);
  display: flex;
  margin: var(--tds-size--3x) 0
}

.tds-status_msg-heading {
  padding: 0
}

.tds-switch_toggle {
  --tds-switch_toggle--font-size: var(--tds-font-size--30);
  --tds-switch_toggle--size: 40px;
  --tds-switch_toggle--spacer: var(--tds-size--1x);
  --tds-switch_toggle--radius: calc(var(--tds-switch_toggle--size)/2);
  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--small {
  --tds-switch_toggle--font-size: var(--tds-font-size--20);
  --tds-switch_toggle--size: 32px
}

.tds-switch_toggle--smaller {
  --tds-switch_toggle--font-size: var(--tds-font-size--10);
  --tds-switch_toggle--size: 30px
}

.tds-switch_toggle-checkbox {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.tds-switch_toggle-track {
  background-color: var(--tds-toggle--background-color);
  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-text--color--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-color--secondary);
  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: 4px;
  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--small .tds-switch_toggle-btn, .tds-switch_toggle--smaller .tds-switch_toggle-btn {
  --tds-switch_toggle-btn--indent: 1px
}

.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--pill);
  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--grey50);
  --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-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-color--secondary-accent)
}

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

.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-color--secondary-accent);
  border-block-end: var(--tds-table-border_width) solid var(--tds-color--secondary-accent)
}

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

.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-text--color);
  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-color--tertiary)
}

@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--grey50);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-block-end: 1px solid var(--tds-color--grey50);
    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--grey50);
    border-block-end: 1px solid var(--tds-color--grey50);
    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-color--secondary-accent);
    border-block-start: var(--tds-table-border_width) solid var(--tds-color--secondary-accent)
  }
  .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-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-data-table-tools--dense {
  gap: var(--tds-size--1x)
}

.tds-data-table {
  border-spacing: 0;
  font-size: 14px;
  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--dense {
  font-size: 12px
}

.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-color--tertiary);
  block-size: var(--tds-size--5x);
  border-block-end: 1px solid var(--tds-color--tertiary);
  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-color--tertiary)
}

.tds-data-table tbody tr.tds-tr--selected {
  background-color: var(--tds-color--tertiary-highlight);
  position: relative;
  z-index: 4
}

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

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

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

:is(.tds-scrim--black, .tds-colorscheme-dark) .tds-th--sortable:not(:hover) .tds-icon {
  --tds-text--color--placeholder: var(--tds-color--grey30)
}

:where(.tds-data-table) th [class*=tds-icon-double-chevron] {
  --tds-icon-double-chevron-down--fill: var(--tds-text--color--placeholder);
  --tds-icon-double-chevron-up--fill: var(--tds-text--color--placeholder);
  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-color--secondary-highlight)
}

.tds-th--sort-desc [class*=tds-icon-double-chevron] {
  --tds-icon-double-chevron-down--fill: var(--tds-color--secondary-highlight)
}

: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-scrim--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-color--tertiary)
}

.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-color--tertiary);
  --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-toggle--fill-color);
  --tds-tab--box-shadow--highlight-on: var(--tds-box-shadow--small);
  background-color: var(--tds-toggle--background-color);
  border-radius: var(--tds-border-radius--pill);
  padding: var(--tds-size--half)
}

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

.tds-tab-list--underline {
  --tds-tab--background-color-on: transparent;
  --tds-tab--box-shadow--highlight-off: inset 0 -1px 0 0 var(--tds-color--secondary);
  --tds-tab--box-shadow--highlight-on: inset 0 -4px 0 0 var(--tds-color--secondary);
  --tds-tab-list--height: var(--tds-size--7x)
}

.tds-tab-list--dots {
  --tds-tab--background-color-off: var(--tds-color--secondary-accent);
  --tds-tab--background-color-on: var(--tds-color--secondary);
  --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-text--color--light);
  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-color--secondary);
  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;
  background-color: var(--tds-dialog--background-color);
  border-radius: var(--tds-border-radius--card--dense);
  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;
  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--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-tooltip--dense {
  --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: 100%;
  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)
}

.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
}
.recruittitle{color: #000;

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

.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:#1C1C1C;
  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
}

.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--light);
  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-caption--color);
  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-text--contrast-high)
}

.tds-text--contrast-medium {
  color: var(--tds-text--contrast-medium)
}

.tds-text--contrast-low {
  color: var(--tds-text--contrast-low)
}

.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-color--secondary);
  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-code-bg-color);
  border: 1px solid var(--tds-code-border-color);
  border-radius: .25em;
  color: var(--tds-code-color);
  font-family: var(--tds-font-family--monospace);
  max-inline-size: 100%;
  overflow: scroll;
  padding: .125em .414em;
  transition: background-color .3s ease, color .3s ease
}

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

@media (max-width:599px) {
  code, pre {
    overflow: scroll
  }
}

.tds-progress_bar-wrapper {
  inline-size: 100%;
  position: relative
}

.tds-progress_bar {
  --progress-border-radius: var(--tds-border-radius--pill);
  --progress-height: var(--tds-size--2x);
  --tds-progress-bar--background-color: transparent;
  --tds-progress-bar--bar-color: var(--tds-color--tertiary);
  --tds-progress-bar--value-color: var(--tds-color--primary);
  -webkit-appearance: none;
  appearance: none;
  block-size: var(--progress-height);
  border: none;
  border-radius: var(--progress-border-radius);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  display: block;
  inline-size: 100%;
  overflow: hidden
}

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

.tds-progress_bar::-webkit-progress-bar {
  background-color: var(--tds-progress-bar--bar-color);
  border: none;
  border-radius: var(--progress-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(--progress-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--enterprise {
  --tds-banner--padding: var(--tds-size--1x);
  --tds-content_container--max_width: 1824px
}

:where(.tds-theme--enterprise) .tds-icon-btn {
  --tds-icon-btn--border-width: var(--tds-border-width--small)
}

.tds-theme--enterprise {
  --progress-height: 12px;
  --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-theme--marketing .tds-btn {
  color:#212020;
}

.tds-theme--marketing .tds-btn--secondary {
  
}

.tds-theme--marketing .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  color: var(--tds-color--inverse)
}
.tds-theme--marketing .tds-btn--tertiary {
  color: var(--tds-text--color)
}

.tds-theme--replicant .tds-btn {
  --tds-btn--background-color: transparent;
  border: none;
  color: var(--tds-color--inverse);
  -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-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary) {
  color: var(--tds-color--secondary)
}

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

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

.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-color--secondary);
  -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-color--secondary);
  -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-color--secondary)
}

: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-color--secondary);
  color: var(--tds-color--inverse);
  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-color--secondary)
}

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

.tds-theme--replicant [class*=tds-density--], .tds-theme--replicant[class*=tds-density--], .tds-thene--replicant, [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-heading--color);
  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-color--secondary)
}

.tds-theme--replicant .tds-form-input--default {
  --tds-form--indent: 12px;
  border-radius: 0
}

.tds-theme--replicant .tds-form-input--default:before {
  background-color: var(--tds-form-input--border-color, var(--tds-color--secondary));
  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-color--secondary);
  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-color--secondary)
}

.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-form-input-choice {
  --tds-text--color--light: var(--tds-color--secondary);
  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-text--color);
  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-heading--color)
}

.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-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-scrim--black {
  --tds-pill--blur-color: rgba(0, 0, 0, .05)
}

.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-color--secondary);
  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-color--secondary);
  -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-color--secondary);
  -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-dialog--background-color);
  -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 {
  --progress-border-radius: 1px;
  --progress-height: var(--tds-size--3x);
  --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;
  background-color: transparent;
  box-shadow: none;
  padding: 4px
}

.tds-theme--replicant .tds-progress_bar-wrapper:before {
  background: var(--tds-color--secondary);
  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-switch_toggle--radius: 0
}

.tds-theme--replicant .tds-switch_toggle-track:after {
  background-color: var(--tds-toggle--fill-color)
}

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

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

.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;
  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;
  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;
  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;
  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;
  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;
  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;
  font-family: var(--tds-font-family--combined, --tds-base-font_family, system)
}

[lang=zh-TW], [lang=zh-TW] body, html[lang=zh-TW] {
  --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
  }
}

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

p {
  padding-bottom: 14px
}

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

@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-color--secondary);
  --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: 100%
}

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

.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, .tds-colorscheme--light, .tds-scrim--white, .tds-scrim--light {
  --tds-pill--blur-color: hsla(0, 0%, 0%, .05)
}

.tds-colorscheme--dark, .tds-scrim--dark, .tds-scrim--black {
  --tds-pill--blur-color: hsla(0, 0%, 100%, .2)
}

#tds-site-header-wrapper {
  width: 100vw
}

.tds-locale-selector-language {
  display: inline-flex
}

.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 .tds-align--start, .tds-site-header .tds-align--end {
    min-inline-size: 240px
  }
  .i18n-fr_ch .tds-site-header .tds-align--end, .i18n-fr_ch .tds-site-header .tds-align--start, .i18n-it_ch .tds-site-header .tds-align--end, .i18n-it_ch .tds-site-header .tds-align--start {
    min-inline-size: 230px
  }
  .i18n-pt_pt .tds-site-header .tds-align--end, .i18n-pt_pt .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 .tds-align--end, .i18n-pt_pt .tds-site-header .tds-align--start {
    min-inline-size: 230px;
    -webkit-margin-start: inherit;
    margin-inline-start: inherit
  }
}

@media(max-width:640px) {
  .page-cybertruck {
    --tds-nav-item--color: var(--tds-color--grey10);
    --tds-nav-item--color--highlighted: var(--tds-color--white)
  }
  .page-cybertruck .tds-site-logo .tds-icon {
    -webkit-filter: invert(1);
    filter: invert(1)
  }
}

.tds-site-header-modal * {
  -webkit-backdrop-filter: none;
  backdrop-filter: none
}

.tds-site-logo-link+.tds-site-app-title {
  color: var(--tds-text--color);
  text-transform: capitalize;
  -webkit-margin-start: 10px;
  margin-inline-start: 10px
}

.tds-modal.tds-site-header-modal {
  --tds-modal--height: 100%;
  z-index: 1000000;
  will-change: scroll-position
}

@media(max-width:1199px) {
  .tds-modal.tds-site-header-modal {
    -webkit-padding-after: 0;
    padding-block-end: 0
  }
}

.tds-modal--is-open .trc-main-container-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-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-heading--color: 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-heading--color: var(--tds-color--grey70);
  --tds-text--color: var(--tds-color--grey10);
  --tds-color--secondary: 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-heading--color: var(--tds-color--grey10);
  --tds-text--color: var(--tds-color--grey10);
  --tds-color--secondary: 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-heading--color: var(--tds-color--grey70);
  --tds-text--color: var(--tds-color--white);
  --tds-color--secondary: 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-heading--color: var(--tds-color--grey10);
    --tds-text--color: var(--tds-color--white);
    --tds-color--secondary: 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-heading--color: var(--tds-color--grey70);
    --tds-text--color: var(--tds-color--grey10);
    --tds-color--secondary: var(--tds-color--grey10);
    --tds-pill--blur-color: hsla(0, 0%, 0%, .05)
  }
}

.page-cybertruck .tds-site-logo .tds-icon {
  -webkit-filter: inherit;
  filter: inherit
}

.tcl-sticky-navigation .tcl-sticky-navigation__icon {
  height: 48px;
  height: var(--tds-size--6x)
}

[dir='rtl'] .tds-nav-back .tds-icon-chevron-small--90 {
  -webkit-transform: none;
  transform: none
}

.tds-site-header-modal .tds-modal-header {
  min-block-size: 80px
}

.tds-site-logo-icon {
  color: var(--tds-text--color)
}

.tds-site-nav-item {
  --tds-nav-item--color: var(--tds-text--color)
}

.tds-site-header-wrapper .tds--no_padding {
  padding: 0 !important
}

.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/css/system/components/../../../images/core/throbber-active.gif) 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/css/system/components/../../../images/core/loading-small.gif);
  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/css/system/components/../../../images/core/throbber-inactive.png);
  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/css/system/components/../../../images/core/throbber-active.gif);
  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/css/system/components/../../../images/core/icons/e32700/error.svg)
}

.system-status-counter__status-icon--warning:before {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/e29700/warning.svg)
}

.system-status-counter__status-icon--checked:before {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/73b355/check.svg)
}

.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/css/system/components/../../../images/core/icons/787878/move.svg) no-repeat 6px 7px
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/000000/move.svg)
}

.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/css/system/components/../../../images/core/icons/787878/twistie-down.svg)
}

.tablesort--desc {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/787878/twistie-up.svg)
}

div.tree-child {
  background: url(/core/themes/stable/css/system/components/../../../images/core/tree.png) no-repeat 11px center
}

div.tree-child-last {
  background: url(/core/themes/stable/css/system/components/../../../images/core/tree-bottom.png) 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/css/system/components/../../../images/core/tree.png) 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-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
}

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

.tcl-video__play-icon {
  --tds-icon--size: 92px;
  background-color: hsla(0, 0%, 87%, .3);
  background-position: 33px 28px;
  background-repeat: no-repeat;
  background-size: 25px 29px;
  border: 5px solid var(--tds-color--secondary);
  border-radius: 92px
}

[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-color--secondary);
  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-color--inverse)
}

.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-color--secondary);
  --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-caption--color: var(--tds-color--inverse);
  -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-section-header-group-block-size: auto;
  --tcl-section-header-group-buttons-align-items: stretch;
  --tcl-section-header-group-buttons-display: block;
  --tcl-section-header-group-buttons-flex-grow: 0;
  --tcl-section-header-group-display: block;
  --tcl-section-header-group-flex-flow: row nowrap
}

.tcl-section-header-group {
  --tcl-button-max-inline-size: 100%;
  --tcl-section-header-group-align: start;
  --tcl-section-header-group-margin-inline: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: block;
  display: var(--tcl-section-header-group-display);
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-flow: var(--tcl-section-header-group-flex-flow);
  flex-flow: var(--tcl-section-header-group-flex-flow);
  height: auto;
  height: var(--tcl-section-header-group-block-size)
}

@media (min-width:900px) {
  .tcl-section-header-group--align-center {
    --tcl-section-header-group-align: center;
    --tcl-section-header-group-margin-inline: auto
  }
}

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

.tcl-section-header-group__layout, .tcl-section-header-group__layout .tds-layout-main {
  height: auto;
  height: var(--tcl-section-header-group-block-size)
}

.tcl-section-header-group__header>* {
  display: block
}

.tcl-section-header-group__copy {
  padding-bottom: 16px;
  padding-bottom: var(--tds-size--2x);
  padding-top: 16px;
  padding-top: var(--tds-size--2x)
}

.tcl-section-header-group__copy-desktop, .tcl-section-header-group__copy-mobile {
  padding-bottom: 0
}

.tcl-section-header-group__copy-full .tcl-section-header-group__copy-desktop, .tcl-section-header-group__copy-full .tcl-section-header-group__copy-mobile {
  max-width: none
}

.tcl-section-header-group__buttons {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: var(--tcl-section-header-group-buttons-align-items);
  -ms-flex-align: var(--tcl-section-header-group-buttons-align-items);
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  align-items: stretch;
  align-items: var(--tcl-section-header-group-buttons-align-items);
  display: block;
  display: var(--tcl-section-header-group-buttons-display);
  flex-grow: 0;
  flex-grow: var(--tcl-section-header-group-buttons-flex-grow);
  margin-bottom: 16px;
  margin-bottom: var(--tds-size--2x);
  margin-top: 16px;
  margin-top: var(--tds-size--2x);
  max-width: var(--tcl-grid-four-column-inline-size)
}

[dir=ltr] .tcl-section-header-group__buttons, [dir=ltr] .tcl-section-header-group__copy, [dir=ltr] .tcl-section-header-group__header {
  margin-right: var(--tcl-section-header-group-margin-inline)
}

[dir=ltr] .tcl-section-header-group__buttons, [dir=ltr] .tcl-section-header-group__copy, [dir=ltr] .tcl-section-header-group__header, [dir=rtl] .tcl-section-header-group__buttons, [dir=rtl] .tcl-section-header-group__copy, [dir=rtl] .tcl-section-header-group__header {
  margin-left: var(--tcl-section-header-group-margin-inline)
}

[dir=rtl] .tcl-section-header-group__buttons, [dir=rtl] .tcl-section-header-group__copy, [dir=rtl] .tcl-section-header-group__header {
  margin-right: var(--tcl-section-header-group-margin-inline)
}

.tcl-section-header-group__buttons, .tcl-section-header-group__copy, .tcl-section-header-group__header {
  -webkit-margin-end: var(--tcl-section-header-group-margin-inline);
  -webkit-margin-start: var(--tcl-section-header-group-margin-inline);
  margin-inline-end: var(--tcl-section-header-group-margin-inline);
  margin-inline-start: var(--tcl-section-header-group-margin-inline);
  text-align: var(--tcl-section-header-group-align)
}

.tcl-section-header-group--split-desktop-buttons {
  --tcl-section-header-group-block-size: 100%;
  --tcl-section-header-group-display: flex;
  --tcl-section-header-group-flex-flow: column
}

.tcl-section-header-group__buttons-split-desktop {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1
}

@media (max-width:599px), (min-width:600px) and (max-width:899px) {
  .tcl-section-header-group__header {
    padding-bottom: 0;
    padding-top: 0
  }
  .tcl-section-header-group--split-mobile-buttons {
    --tcl-section-header-group-block-size: 100%;
    --tcl-section-header-group-display: flex;
    --tcl-section-header-group-flex-flow: column
  }
  .tcl-section-header-group__buttons-split-mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1
  }
}

@media (max-width:599px) {
  .tcl-section-header-group__layout {
    -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-header-group__layout.tcl-layout--spacious-50-50 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:600px) {
  body.animate-onscroll .tcl-section-header-group .tcl-animate--to-reveal {
    opacity: 0;
    -webkit-transform: translateY(40px) translateZ(0);
    transform: translateY(40px) translateZ(0);
    -webkit-transform: translateY(var(--tds-size--5x)) translateZ(0);
    transform: translateY(var(--tds-size--5x)) translateZ(0);
    -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955) .15s;
    transition: all .5s cubic-bezier(.455, .03, .515, .955) .15s
  }
  body.animate-onscroll .tcl-section-header-group .tcl-animate--revealed {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@media (min-width:600px) and (max-width:899px) {
  .tcl-section-header-group__layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap
  }
  .tcl-section-header-group__layout.tcl-layout--spacious-50-50 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .tcl-section-header-group__buttons-desktop, .tcl-section-header-group__copy-desktop {
    display: none!important
  }
  .tcl-section-header-group__buttons-mobile {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .tcl-section-header-group__copy-mobile {
    display: block!important
  }
}

.tcl-section-header-group--with-open-drawer-button .tcl-section-header-group__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tcl-section-header-group__buttons-stacked {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: flex-start;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: flex-end
}

.tcl-section-header-group__buttons-stacked .tcl-button-group {
  margin-top: 16px;
  margin-top: var(--tds-size--2x)
}

.tcl-section-header-group__embedded-object {
  display: none
}

@media (min-height:700px) {
  .tcl-section-header-group__embedded-object {
    display: block
  }
}

:root {
  --tcl-gallery-image-layout-padding-block-end: 0;
  --tcl-gallery-image-layout-padding-block-start: var(--tds-size--2x);
  --tcl-gallery-item-padding-block-end: var(--tds-size--2x);
  --tcl-gallery-item-padding-block-start: var(--tds-size--3x)
}

@media (max-width:599px) {
  :root {
    --tcl-gallery-image-layout-padding-block-end: 0;
    --tcl-gallery-image-layout-padding-block-start: var(--tds-size--3x)
  }
  .tcl-gallery {
    --tcl-image-asset-inline-size: calc(100% + var(--tds-size--6x));
    --tcl-image-asset-margin-inline-end: calc(var(--tds-size--3x)*-1);
    --tcl-image-asset-margin-inline-start: calc(var(--tds-size--3x)*-1);
    --tcl-image-inline-size: auto;
    --tcl-video-asset-inline-size: calc(100% + var(--tds-size--6x));
    --tcl-video-asset-margin-inline-end: calc(var(--tds-size--3x)*-1);
    --tcl-video-asset-margin-inline-start: calc(var(--tds-size--3x)*-1);
    --tcl-video-inline-size: auto
  }
  .tcl-gallery picture, .tcl-gallery video {
    --tcl-image-asset-border-radius: 0;
    --tcl-video-border-radius: 0
  }
}

.tcl-gallery__item-media-first {
  --tcl-gallery-image-layout-padding-block-end: var(--tds-size--2x);
  --tcl-gallery-image-layout-padding-block-start: 0;
  --tcl-gallery-item-padding-block-end: var(--tds-size--3x);
  --tcl-gallery-item-padding-block-start: var(--tds-size--2x)
}

@media (max-width:599px) {
  .tcl-gallery__item-media-first {
    --tcl-gallery-image-layout-padding-block-end: var(--tds-size--3x);
    --tcl-gallery-image-layout-padding-block-start: 0
  }
}

.tcl-gallery__image-layout {
  padding-bottom: 0;
  padding-bottom: var(--tcl-gallery-image-layout-padding-block-end);
  padding-top: 16px;
  padding-top: var(--tcl-gallery-image-layout-padding-block-start)
}

.tcl-gallery__item:first-of-type {
  padding-bottom: 16px;
  padding-bottom: var(--tcl-gallery-item-padding-block-end)
}

.tcl-gallery__item:last-of-type, .tcl-gallery__item:not(:first-of-type) {
  padding-top: 24px;
  padding-top: var(--tcl-gallery-item-padding-block-start)
}

.tcl-gallery__item:not(:last-of-type) {
  padding-bottom: 16px;
  padding-bottom: var(--tcl-gallery-item-padding-block-end)
}

.tcl-gallery__item:only-of-type {
  padding-bottom: 0;
  padding-top: 0
}

@media (max-width:599px) {
  .tcl-gallery__item {
    padding-bottom: 0
  }
}

:root {
  --tcl-asset-scale-by: 1;
  --tcl-text-on-media-v2--background: none;
  --tcl-text-on-media-v2--background-color: transparent;
  --tcl-text-on-media-v2--gradient-overlay-direction: to bottom;
  --tcl-text-on-media-v2--gradient-overlay-end: transparent;
  --tcl-text-on-media-v2--gradient-overlay-start: #000;
  --tcl-text-on-media-v2--overlay-block-size: calc(100% + 2px);
  --tcl-text-on-media-v2--overlay-inline-size: 100%;
  --tcl-text-on-media-v2-background-color-overlay: transparent;
  --tcl-text-on-media-v2-block-size: 100%;
  --tcl-text-on-media-v2-section-header-align-self: flex-start;
  --tcl-text-on-media-v2-section-header-order: auto
}

.tcl-text-on-media-v2 {
  --tcl-text-on-media-v2-section-header-group-padding-block-end: var(--tds-size--8x);
  --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--6x);
  display: grid;
  height: 100%;
  height: var(--tcl-text-on-media-v2-block-size);
  overflow: hidden;
  position: relative;
  z-index: 1
}

.tcl-text-on-media-v2__grid-container {
  background-color: transparent;
  display: grid
}

.tcl-text-on-media-v2__media {
  --tcl-image-asset-block-size: var(--tcl-text-on-media-v2-block-size);
  --tcl-video-asset-block-size: var(--tcl-text-on-media-v2-block-size);
  aspect-ratio: var(--tcl-component-aspect-ratio);
  grid-area: 1/-1;
  height: auto;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
  z-index: 2
}

[dir=ltr] .tcl-text-on-media-v2__media.tds-layout {
  padding-right: 0
}

[dir=ltr] .tcl-text-on-media-v2__media.tds-layout, [dir=rtl] .tcl-text-on-media-v2__media.tds-layout {
  padding-left: 0
}

[dir=rtl] .tcl-text-on-media-v2__media.tds-layout {
  padding-right: 0
}

.tcl-text-on-media-v2__media.tds-layout {
  -webkit-padding-end: 0;
  -webkit-padding-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0
}

.tcl-text-on-media-v2__section-header-group {
  -webkit-box-ordinal-group: auto;
  -ms-flex-order: auto;
  -webkit-box-ordinal-group: NaN;
  -ms-flex-order: var(--tcl-text-on-media-v2-section-header-order);
  align-self: flex-start;
  align-self: var(--tcl-text-on-media-v2-section-header-align-self);
  background-color: transparent;
  background-color: var(--tcl-text-on-media-v2--background-color);
  color: var(--tds-text--contrast-high);
  grid-area: 1/-1;
  order: auto;
  order: var(--tcl-text-on-media-v2-section-header-order);
  padding-bottom: 0%;
  padding-top: 40%;
  position: relative;
  z-index: 3;
    color:#FFFF00;

}

[dir=ltr] .tcl-text-on-media-v2__section-header-group:after {
  left: 0
}

[dir=rtl] .tcl-text-on-media-v2__section-header-group:after {
  right: 0
}

.tcl-text-on-media-v2__section-header-group:after {
  background: none;
  background: var(--tcl-text-on-media-v2--background);
  bottom: -1px;
  content: "";
  display: block;
  height: calc(100% + 2px);
  height: var(--tcl-text-on-media-v2--overlay-block-size);
  inset-inline-start: 0;
  position: absolute;
  top: -1px;
  width: 100%;
  width: var(--tcl-text-on-media-v2--overlay-inline-size);
  z-index: 1;

}

.tcl-text-on-media-v2__section-header-group .tcl-section-header-group {
  position: relative;
  z-index: 2
}

.tcl-text-on-media-v2__section-header-group .tcl-section-header-group__buttons {
  margin-bottom: 0
}

.tcl-text-on-media-v2--text-position-bottom {
  --tcl-text-on-media-v2-section-header-align-self: flex-end;
  --tcl-text-on-media-v2-section-header-order: auto
}

.tcl-text-on-media-v2--text-position-center {
  --tcl-text-on-media-v2-section-header-align-self: center
}

.tcl-text-on-media-v2--text-position-top {
  --tcl-text-on-media-v2-section-header-align-self: flex-start;
  --tcl-text-on-media-v2-section-header-order: -1
}

@media (min-width:900px) {
  .tcl-text-on-media-v2.tcl-component-fullscreen {
    --tcl-text-on-media-v2-block-size: 100vh
  }
  .tcl-text-on-media-v2--split {
    --tcl-text-on-media-v2-block-size: 100%;
    --tcl-text-on-media-v2-section-header-align-self: auto;
    --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--3x);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .tcl-text-on-media-v2--split .tcl-text-on-media-v2--text-position-top {
    --tcl-text-on-media-v2-section-header-order: -1
  }
  .tcl-text-on-media-v2--color-overlay {
    --tcl-text-on-media-v2--background-color: var(--tcl-text-on-media-v2-background-color-overlay)
  }
  .tcl-text-on-media-v2--gradient-overlay {
    --tcl-text-on-media-v2--background: linear-gradient(var(--tcl-text-on-media-v2--gradient-overlay-direction), var(--tcl-text-on-media-v2--gradient-overlay-start) 0%, var(--tcl-text-on-media-v2--gradient-overlay-end) 100%)
  }
  .tcl-text-on-media-v2--gradient-overlay-horizontal {
    --tcl-text-on-media-v2--gradient-overlay-direction: to right
  }
  html[dir=rtl] .tcl-text-on-media-v2--gradient-overlay-horizontal {
    --tcl-text-on-media-v2--gradient-overlay-direction: to left
  }
  .tcl-text-on-media-v2--split-desktop-buttons .tcl-text-on-media-v2__section-header-group {
    --tcl-text-on-media-v2-block-size: 100%;
    height: 100%;
    height: var(--tcl-text-on-media-v2-block-size)
  }
  .tcl-component-media-ratio .tcl-text-on-media-v2__media .tds-layout-item, .tcl-component-media-ratio .tcl-text-on-media-v2__media .tds-layout-main {
    overflow: hidden;
    position: relative
  }
}

@media (max-width:599px), (min-width:600px) and (max-width:899px) {
  .tcl-text-on-media-v2 {
    --tcl-text-on-media-v2-section-header-group-padding-block-end: var(--tds-size--8x);
    --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--8x)
  }
  .tcl-text-on-media-v2__media {
    aspect-ratio: var(--tcl-component-mobile-aspect-ratio)
  }
  .tcl-text-on-media-v2--tablet-as-mobile.tcl-text-on-media-v2--color-overlay-mobile {
    --tcl-text-on-media-v2--background-color: var(--tcl-text-on-media-v2-background-color-overlay)
  }
  .tcl-text-on-media-v2--split-on-tablet {
    --tcl-text-on-media-v2-block-size: 100%;
    --tcl-text-on-media-v2-section-header-align-self: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .tcl-text-on-media-v2--tablet-as-mobile {
    --tcl-text-on-media-v2-block-size: 100vh
  }
  .tcl-layout__aside, .tcl-layout__child, .tcl-layout__main, .tcl-text-on-media-v2__section-header-group {
    --tcl-text-on-media-v2-block-size: auto;
    height: 100%;
    height: var(--tcl-text-on-media-v2-block-size)
  }
  .tcl-text-on-media-v2__section-header-group .tcl-layout__main {
    grid-template-columns: auto
  }
  .tcl-text-on-media-v2--split-mobile-buttons {
    --tcl-text-on-media-v2-section-header-group-padding-block-end: var(--tds-size--8x);
    --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--8x)
  }
  .tcl-text-on-media-v2--split-mobile-buttons .tcl-text-on-media-v2__section-header-group {
    --tcl-text-on-media-v2-block-size: 100%
  }
  [dir=ltr] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    right: 0
  }
  [dir=ltr] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child, [dir=rtl] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    left: 0
  }
  [dir=rtl] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    right: 0
  }
  [dir=ltr] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
  }
  [dir=ltr] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child, [dir=rtl] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
  }
  [dir=rtl] .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
  }
  .tcl-text-on-media-v2--split-mobile-buttons .tcl-layout__child {
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    -webkit-padding-start: 24px;
    -webkit-padding-start: var(--tds-size--3x);
    bottom: 0;
    height: auto;
    inset-inline-end: 0;
    inset-inline-start: 0;
    padding-bottom: var(--tcl-text-on-media-v2-section-header-group-padding-block-end);
    padding-top: var(--tcl-text-on-media-v2-section-header-group-padding-block-start);
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
    position: absolute;
    top: 0;
    width: auto
  }
  .tcl-text-on-media-v2--gradient-overlay-mobile {
    --tcl-text-on-media-v2--background: linear-gradient(var(--tcl-text-on-media-v2--gradient-overlay-direction), var(--tcl-text-on-media-v2--gradient-overlay-start) 0%, var(--tcl-text-on-media-v2--gradient-overlay-end) 100%)
  }
  .tcl-text-on-media-v2--gradient-overlay-horizontal-mobile {
    --tcl-text-on-media-v2--gradient-overlay-direction: to right
  }
  html[dir=rtl] .tcl-text-on-media-v2--gradient-overlay-horizontal-mobile {
    --tcl-text-on-media-v2--gradient-overlay-direction: to left
  }
}

@media (max-width:599px) {
  .tcl-text-on-media-v2 {
    --tcl-text-on-media-v2-block-size: 100%;
    --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--7x)
  }
  .tcl-text-on-media-v2--mobile-fullscreen {
    --tcl-text-on-media-v2-block-size: 100vh
  }
  .tcl-text-on-media-v2--mobile-halfscreen {
    --tcl-text-on-media-v2-block-size: 50vh
  }
  .tcl-text-on-media-v2--text-position-mobile-top {
    --tcl-text-on-media-v2-section-header-align-self: flex-start;
    --tcl-text-on-media-v2-section-header-group-padding-block-end: var(--tds-size--3x);
    --tcl-text-on-media-v2-section-header-order: -1
  }
  .tcl-text-on-media-v2--text-position-mobile-bottom {
    --tcl-text-on-media-v2-section-header-align-self: flex-end;
    --tcl-text-on-media-v2-section-header-group-padding-block-start: var(--tds-size--3x);
    --tcl-text-on-media-v2-section-header-order: auto
  }
  .tcl-text-on-media-v2--text-position-mobile-center {
    --tcl-text-on-media-v2-section-header-align-self: center
  }
  .tcl-text-on-media-v2--color-overlay-mobile {
    --tcl-text-on-media-v2--background-color: var(--tcl-text-on-media-v2-background-color-overlay)
  }
  .tcl-text-on-media-v2--split-on-mobile {
    -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
  }
  .tcl-text-on-media-v2--split-on-mobile .tcl-text-on-media-v2__media {
    --tcl-text-on-media-v2-block-size: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

@supports not (aspect-ratio:1/1) {
  .tcl-text-on-media-v2 .tcl-text-on-media-v2__media:before {
    content: "";
    float: start;
    padding-top: var(--tcl-component-aspect-ratio-polyfill)
  }
  .tcl-text-on-media-v2 .tcl-text-on-media-v2__media:after {
    clear: both;
    content: "";
    display: block
  }
}

:root {
  --tcl-card-border: 1px solid var(--tds-color--secondary-accent);
  --tcl-card-copy-display: block;
  --tcl-card-heading-padding-block-end: var(--tds-size--1x);
  --tcl-card-icon-size: var(--tds-size--3x);
  --tcl-card-overflow: hidden;
  --tcl-card-padding: var(--tds-size--3x);
  --tcl-video-duration-inset-block-end: 12px;
  --tcl-video-duration-inset-inline-end: 12px
}

.tcl-card__item {
  --tds-padding--card: var(--tcl-card-padding);
  --tcl-card-body-padding-inline: var(--tcl-card-padding);
  background-color: var(--tds-scrim--background)!important;
  height: 100%;
  overflow: hidden!important;
  overflow: var(--tcl-card-overflow)!important
}

@media (max-width:599px) {
  .tcl-card__item {
    --tcl-card-padding: var(--tds-size--2x);
    --tcl-card-body-padding-inline: var(--tcl-card-padding);
    --tds-padding--card: var(--tcl-card-padding)
  }
}

.tcl-card__item--layout-horizontal {
  --tcl-image-inline-size: auto;
  --tcl-image-asset-inline-size: auto
}

@media (max-width:599px) {
  .tcl-card__item--layout-horizontal:not(.tcl-card__item--with-icon):not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) {
    --tcl-image-inline-size: 100%;
    --tcl-image-asset-inline-size: 100%
  }
}

.tcl-card__item--tertiary:not(.tcl-card__item--open) {
  background-color: var(--tds-color--tertiary)!important
}

.tcl-card__item:not(.tcl-card__item--open) {
  border-radius: 16px;
  border-radius: var(--tds-border-radius--card)
}

.tcl-card__item--article-preview {
  --tcl-image-asset-block-size: 96px;
  --tcl-image-asset-inline-size: 128px;
  --tcl-video-asset-block-size: 85px;
  --tcl-video-asset-inline-size: 152px;
  --tcl-video-duration-inset-block-end: 12px;
  --tcl-video-duration-inset-inline-end: 12px
}

@media (max-width:599px) {
  .tcl-card__item--article-preview-on-mobile {
    --tcl-image-asset-block-size: 96px;
    --tcl-image-asset-inline-size: 128px;
    --tcl-video-asset-block-size: 85px;
    --tcl-video-asset-inline-size: 152px;
    --tcl-video-duration-inset-block-end: 12px;
    --tcl-video-duration-inset-inline-end: 12px
  }
}

@media (min-width:900px) {
  .tcl-card__item--article-preview {
    --tcl-image-asset-block-size: 108px;
    --tcl-image-asset-inline-size: 144px;
    --tcl-video-asset-block-size: 96px;
    --tcl-video-asset-inline-size: 171px
  }
}

.tcl-card__copy {
  padding-bottom: 0;
  padding-top: 0
}

.tcl-card__item--clamped .tcl-card__copy {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: var(--tcl-card-copy-display);
  overflow: hidden
}

.tcl-card__item--clamped .tcl-card__heading--clamped~.tcl-card__copy {
  -webkit-line-clamp: 1
}

@media (max-width:599px) {
  .tcl-card__item--clamped .tcl-card__copy, .tcl-card__item--clamped .tcl-card__heading--clamped~.tcl-card__copy {
    -webkit-line-clamp: 2
  }
  .tcl-card__item--clamped .tcl-card__heading--clamped-mobile~.tcl-card__copy {
    -webkit-line-clamp: 1
  }
}

.tcl-card__item--outlined {
  border: var(--tcl-card-border)
}

.tcl-card__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  flex-grow: 1
}

@media (max-width:599px) {
  [dir=ltr] .tcl-card__item--article-preview .tcl-card__body, [dir=ltr] .tcl-card__item--article-preview-on-mobile .tcl-card__body {
    padding-right: 0
  }
  [dir=rtl] .tcl-card__item--article-preview .tcl-card__body, [dir=rtl] .tcl-card__item--article-preview-on-mobile .tcl-card__body {
    padding-left: 0
  }
  .tcl-card__item--article-preview .tcl-card__body, .tcl-card__item--article-preview-on-mobile .tcl-card__body {
    -webkit-padding-end: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-inline-end: 0
  }
}

[dir=ltr] .tcl-card__item:not(.tcl-card__item--open) .tcl-card__body {
  padding-right: var(--tcl-card-body-padding-inline)
}

[dir=ltr] .tcl-card__item:not(.tcl-card__item--open) .tcl-card__body, [dir=rtl] .tcl-card__item:not(.tcl-card__item--open) .tcl-card__body {
  padding-left: var(--tcl-card-body-padding-inline)
}

[dir=rtl] .tcl-card__item:not(.tcl-card__item--open) .tcl-card__body {
  padding-right: var(--tcl-card-body-padding-inline)
}

.tcl-card__item:not(.tcl-card__item--open) .tcl-card__body {
  -webkit-padding-end: var(--tcl-card-body-padding-inline);
  -webkit-padding-start: var(--tcl-card-body-padding-inline);
  padding-inline-end: var(--tcl-card-body-padding-inline);
  padding-inline-start: var(--tcl-card-body-padding-inline)
}

@media (min-width:600px) {
  .tcl-card__item--open:not(.tcl-card__item--article-preview) .tcl-card__body {
    padding-bottom: 24px;
    padding-bottom: var(--tcl-card-padding);
    padding-top: 24px;
    padding-top: var(--tcl-card-padding)
  }
}

@media (max-width:599px) {
  [dir=ltr] .tcl-card__item--open:not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) .tcl-card__body {
    padding-right: 0
  }
  [dir=ltr] .tcl-card__item--open:not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) .tcl-card__body, [dir=rtl] .tcl-card__item--open:not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) .tcl-card__body {
    padding-left: 0
  }
  [dir=rtl] .tcl-card__item--open:not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) .tcl-card__body {
    padding-right: 0
  }
  .tcl-card__item--open:not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) .tcl-card__body {
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-bottom: 24px;
    padding-bottom: var(--tcl-card-padding);
    padding-top: 24px;
    padding-top: var(--tcl-card-padding);
    padding-inline-end: 0;
    padding-inline-start: 0
  }
}

.tcl-card__body-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  flex-grow: 1
}

.tcl-card__item--article-preview .tcl-card__body-top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:599px) {
  .tcl-card__item--article-preview-on-mobile .tcl-card__body-top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.tcl-card__heading {
  padding-bottom: 8px;
  padding-bottom: var(--tcl-card-heading-padding-block-end)
}

.tcl-card__item--clamped .tcl-card__heading--clamped {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: var(--tcl-card-copy-display);
  margin-bottom: 8px;
  margin-bottom: var(--tcl-card-heading-padding-block-end);
  overflow: hidden;
  padding-bottom: 0
}

.tcl-card__body-bottom:not(:empty) {
  padding-top: 24px;
  padding-top: var(--tds-size--3x)
}

[dir=ltr] .tcl-card__icon {
  margin-left: 24px;
  margin-left: var(--tcl-card-padding)
}

[dir=rtl] .tcl-card__icon {
  margin-right: 24px;
  margin-right: var(--tcl-card-padding)
}

.tcl-card__icon {
  -webkit-margin-start: 24px;
  -webkit-margin-start: var(--tcl-card-padding);
  display: block;
  height: 24px;
  height: var(--tcl-card-icon-size);
  margin-inline-start: 24px;
  margin-inline-start: var(--tcl-card-padding);
  margin-top: 24px;
  margin-top: var(--tcl-card-padding);
  max-width: 100%;
  min-height: 24px;
  min-height: var(--tcl-card-icon-size);
  min-width: 24px;
  min-width: var(--tcl-card-icon-size);
  width: 24px;
  width: var(--tcl-card-icon-size)
}

.tcl-card__asset {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: var(--tcl-image-inline-size)
}

.tcl-card__asset .tcl-asset {
  aspect-ratio: 16/9;
  width: var(--tcl-image-asset-inline-size)!important
}

.tcl-card__item--article-preview .tcl-card__asset {
  width: auto
}

[dir=ltr] .tcl-card__item--article-preview .tcl-asset {
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: var(--tds-border-radius--card)
}

[dir=rtl] .tcl-card__item--article-preview .tcl-asset {
  border-bottom-right-radius: 16px;
  border-bottom-right-radius: var(--tds-border-radius--card)
}

[dir=ltr] .tcl-card__item--article-preview .tcl-asset {
  border-top-left-radius: 16px;
  border-top-left-radius: var(--tds-border-radius--card)
}

[dir=rtl] .tcl-card__item--article-preview .tcl-asset {
  border-top-right-radius: 16px;
  border-top-right-radius: var(--tds-border-radius--card)
}

.tcl-card__item--article-preview .tcl-asset {
  border-end-start-radius: 16px;
  border-end-start-radius: var(--tds-border-radius--card);
  border-start-start-radius: 16px;
  border-start-start-radius: var(--tds-border-radius--card);
  overflow: hidden
}

@media (max-width:599px) {
  [dir=ltr] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--tds-border-radius--card)
  }
  [dir=ltr] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--tds-border-radius--card)
  }
  .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-end-start-radius: 16px;
    border-end-start-radius: var(--tds-border-radius--card);
    border-start-start-radius: 16px;
    border-start-start-radius: var(--tds-border-radius--card);
    overflow: hidden
  }
  .tcl-card__item--article-preview-on-mobile .tcl-card__asset {
    width: auto
  }
  [dir=ltr] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--tds-border-radius--card)
  }
  [dir=ltr] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--tds-border-radius--card)
  }
  .tcl-card__item--article-preview-on-mobile .tcl-asset {
    border-end-start-radius: 16px;
    border-end-start-radius: var(--tds-border-radius--card);
    border-start-start-radius: 16px;
    border-start-start-radius: var(--tds-border-radius--card);
    overflow: hidden
  }
}

.tcl-card__item--layout-horizontal .tcl-card__asset .tcl-image__asset {
  aspect-ratio: 4/3
}

@media (max-width:599px) {
  .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-image__asset {
    aspect-ratio: 4/3
  }
}

.tcl-card__item--open {
  border-radius: 0
}

.tcl-card__item--open .tcl-asset {
  border-radius: 16px!important;
  border-radius: var(--tds-border-radius--card)!important;
  overflow: hidden
}

@supports not (aspect-ratio:1/1) {
  [dir=ltr] .tcl-card__asset .tcl-image:before, [dir=ltr] .tcl-card__asset .tcl-video:before {
    float: left
  }
  [dir=rtl] .tcl-card__asset .tcl-image:before, [dir=rtl] .tcl-card__asset .tcl-video:before {
    float: right
  }
  .tcl-card__asset .tcl-image:before, .tcl-card__asset .tcl-video:before {
    content: "";
    float: inline-start;
    padding-top: 56.25%
  }
  [dir=ltr] .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-image:before, [dir=ltr] .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-video:before {
    float: left
  }
  [dir=rtl] .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-image:before, [dir=rtl] .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-video:before {
    float: right
  }
  .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-image:before, .tcl-card__item--layout-horizontal .tcl-card__asset .tcl-video:before {
    content: "";
    float: inline-start;
    padding-top: 75%
  }
  @media (max-width:599px) {
    [dir=ltr] .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-image:before, [dir=ltr] .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-video:before {
      float: left
    }
    [dir=rtl] .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-image:before, [dir=rtl] .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-video:before {
      float: right
    }
    .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-image:before, .tcl-card__item--layout-horizontal-on-mobile .tcl-card__asset .tcl-video:before {
      content: "";
      float: inline-start;
      padding-top: 75%
    }
  }
  .tcl-card__asset .tcl-image:after, .tcl-card__asset .tcl-video:after {
    clear: both;
    content: "";
    display: block
  }
}

@media (min-width:600px) {
  .tcl-card__item--open:not(.tcl-card__item--article-preview) .tcl-card__body {
    --tds-card--padding: 0
  }
  .tcl-card__item--layout-vertical-on-desktop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  [dir=ltr] .tcl-card__item--layout-vertical .tcl-asset, [dir=ltr] .tcl-card__item--layout-vertical-on-desktop .tcl-asset {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--tds-border-radius--card)
  }
  [dir=ltr] .tcl-card__item--layout-vertical .tcl-asset, [dir=ltr] .tcl-card__item--layout-vertical-on-desktop .tcl-asset, [dir=rtl] .tcl-card__item--layout-vertical .tcl-asset, [dir=rtl] .tcl-card__item--layout-vertical-on-desktop .tcl-asset {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--layout-vertical .tcl-asset, [dir=rtl] .tcl-card__item--layout-vertical-on-desktop .tcl-asset {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--tds-border-radius--card)
  }
  .tcl-card__item--layout-vertical .tcl-asset, .tcl-card__item--layout-vertical-on-desktop .tcl-asset {
    border-start-end-radius: 16px;
    border-start-end-radius: var(--tds-border-radius--card);
    border-start-start-radius: 16px;
    border-start-start-radius: var(--tds-border-radius--card);
    overflow: hidden
  }
  [dir=ltr] .tcl-card__item--layout-horizontal .tcl-asset {
    border-bottom-left-radius: 16px;
    border-bottom-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--layout-horizontal .tcl-asset {
    border-bottom-right-radius: 16px;
    border-bottom-right-radius: var(--tds-border-radius--card)
  }
  [dir=ltr] .tcl-card__item--layout-horizontal .tcl-asset {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--tds-border-radius--card)
  }
  [dir=rtl] .tcl-card__item--layout-horizontal .tcl-asset {
    border-top-right-radius: 16px;
    border-top-right-radius: var(--tds-border-radius--card)
  }
  .tcl-card__item--layout-horizontal .tcl-asset {
    border-end-start-radius: 16px;
    border-end-start-radius: var(--tds-border-radius--card);
    border-start-start-radius: 16px;
    border-start-start-radius: var(--tds-border-radius--card);
    overflow: hidden
  }
}

@media (max-width:599px) {
  .tcl-card__item--layout-horizontal-on-mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .tcl-card__item--layout-horizontal:not(.tcl-card__item--with-icon):not(.tcl-card__item--article-preview):not(.tcl-card__item--article-preview-on-mobile) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
  }
}

:root {
  --tcl-horizontal-card-group-card-per-row: 3;
  --tcl-horizontal-card-group-card-per-row-tablet: 2
}

.tcl-horizontal-card-group {
  --tcl-horizontal-card-group-grid-template-columns: repeat(var(--tcl-horizontal-card-group-card-per-row), minmax(0, 1fr));
  --tcl-horizontal-card-group-grid-template-columns-tablet: repeat(var(--tcl-horizontal-card-group-card-per-row-tablet), minmax(0, 1fr))
}

.tcl-horizontal-card-group__card-items {
  display: grid;
  gap: 24px;
  gap: var(--tds-size--3x);
  grid-template-columns: var(--tcl-horizontal-card-group-grid-template-columns)
}

@media (min-width:600px) and (max-width:899px) {
  .tcl-horizontal-card-group__card-items {
    --tcl-card-padding: var(--tds-size--2x);
    grid-template-columns: var(--tcl-horizontal-card-group-grid-template-columns-tablet)
  }
}

@media (max-width:599px) {
  .tcl-horizontal-card-group__card-items {
    gap: 24px;
    gap: var(--tds-size--3x);
    grid-template-columns: none
  }
  .tcl-horizontal-card-group:not(.tcl-horizontal-card-group--with-article-previews):not(.tcl-horizontal-card-group--horizontal-scroll-on-mobile):not(.tcl-horizontal-card-group--with-article-previews-on-mobile) {
    --tds-border-radius--card: 0;
    --tds-box-shadow--medium: none;
    --tcl-card-border: none
  }
  .tcl-horizontal-card-group:not(.tcl-horizontal-card-group--with-article-previews):not(.tcl-horizontal-card-group--horizontal-scroll-on-mobile):not(.tcl-horizontal-card-group--with-article-previews-on-mobile) .tcl-layout {
    padding: 0
  }
  .tcl-horizontal-card-group:not(.tcl-horizontal-card-group--with-article-previews):not(.tcl-horizontal-card-group--horizontal-scroll-on-mobile):not(.tcl-horizontal-card-group--with-article-previews-on-mobile)>.tcl-horizontal-card-group__card-items {
    --tcl-card-overflow: visible;
    --tcl-image-asset-border-radius: 0;
    --tcl-image-asset-inline-size: calc(100% + var(--tds-size--6x));
    --tcl-image-asset-margin-inline-end: calc(var(--tds-size--3x)*-1);
    --tcl-image-asset-margin-inline-start: calc(var(--tds-size--3x)*-1);
    --tcl-video-border-radius: 0;
    --tcl-video-asset-inline-size: calc(100% + var(--tds-size--6x));
    --tcl-video-asset-margin-inline-end: calc(var(--tds-size--3x)*-1);
    --tcl-video-asset-margin-inline-start: calc(var(--tds-size--3x)*-1)
  }
  .tcl-horizontal-card-group:not(.tcl-horizontal-card-group--with-article-previews):not(.tcl-horizontal-card-group--horizontal-scroll-on-mobile):not(.tcl-horizontal-card-group--with-article-previews-on-mobile)>.tcl-horizontal-card-group__card-items .tcl-card__item {
    --tcl-card-body-padding-inline: 0
  }
}

:root {
  --tcl-horizontal-card-group-total-cards: 1
}

@media (max-width:599px) {
  .tcl-horizontal-card-group--horizontal-scroll-on-mobile {
    overflow-x: scroll;
    width: 100%
  }
}

@media (min-width:600px) and (max-width:899px) {
  .tcl-horizontal-card-group--horizontal-scroll-on-tablet {
    overflow-x: scroll;
    width: 100%
  }
}

[dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-vertical .tcl-asset {
  border-top-right-radius: 16px;
  border-top-right-radius: var(--tds-border-radius--card)
}

[dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-vertical .tcl-asset, [dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-vertical .tcl-asset {
  border-top-left-radius: 16px;
  border-top-left-radius: var(--tds-border-radius--card)
}

[dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-vertical .tcl-asset {
  border-top-right-radius: 16px;
  border-top-right-radius: var(--tds-border-radius--card)
}

.tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-vertical .tcl-asset {
  border-start-end-radius: 16px;
  border-start-end-radius: var(--tds-border-radius--card);
  border-start-start-radius: 16px;
  border-start-start-radius: var(--tds-border-radius--card);
  overflow: hidden
}

[dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-horizontal .tcl-asset {
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: var(--tds-border-radius--card)
}

[dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-horizontal .tcl-asset {
  border-bottom-right-radius: 16px;
  border-bottom-right-radius: var(--tds-border-radius--card)
}

[dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-horizontal .tcl-asset {
  border-top-left-radius: 16px;
  border-top-left-radius: var(--tds-border-radius--card)
}

[dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-horizontal .tcl-asset {
  border-top-right-radius: 16px;
  border-top-right-radius: var(--tds-border-radius--card)
}

.tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--layout-horizontal .tcl-asset {
  border-end-start-radius: 16px;
  border-end-start-radius: var(--tds-border-radius--card);
  border-start-start-radius: 16px;
  border-start-start-radius: var(--tds-border-radius--card);
  overflow: hidden
}

.tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--asset-only .tcl-asset, .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--open .tcl-asset {
  border-radius: 16px!important;
  border-radius: var(--tds-border-radius--card)!important;
  overflow: hidden
}

@media (max-width:599px) {
  [dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
  }
  [dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
  }
  .tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    --tcl-horizontal-card-group-width-of-each-card: calc(100vw - var(--tds-size--9x));
    --tcl-horizontal-card-group-width-of-gaps: calc(var(--tds-size--3x)*(var(--tcl-horizontal-card-group-total-cards) - 1));
    --tcl-horizontal-card-group-end-padding: var(--tds-size--3x);
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    display: grid;
    gap: 24px;
    gap: var(--tds-size--3x);
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    width: calc(var(--tcl-horizontal-card-group-width-of-each-card)*1 + var(--tcl-horizontal-card-group-width-of-gaps) + var(--tcl-horizontal-card-group-end-padding));
    width: calc(var(--tcl-horizontal-card-group-width-of-each-card)*var(--tcl-horizontal-card-group-total-cards) + var(--tcl-horizontal-card-group-width-of-gaps) + var(--tcl-horizontal-card-group-end-padding))
  }
}

@media (min-width:600px) and (max-width:899px) {
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    margin-right: -36px
  }
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]), [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    margin-left: -36px
  }
  [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    margin-right: -36px
  }
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    padding-left: 36px
  }
  [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    padding-right: 36px
  }
  .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) {
    -webkit-margin-end: -36px;
    -webkit-margin-start: -36px;
    -webkit-padding-start: 36px;
    margin-inline-end: -36px;
    margin-inline-start: -36px;
    padding-inline-start: 36px;
    width: calc(100% + 72px)
  }
  .tcl-horizontal-card-group--horizontal-scroll-on-tablet .tcl-horizontal-card-group__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  [dir=ltr] .tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    padding-right: 36px
  }
  [dir=rtl] .tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    padding-left: 36px
  }
  .tcl-horizontal-card-group--horizontal-scroll-on-tablet:not([data-total-cards="1"]) .tcl-horizontal-card-group__card-items {
    --tcl-horizontal-card-group-width-of-each-card: calc(50vw - var(--tds-size--1x)*15/2);
    --tcl-horizontal-card-group-width-of-gaps: calc(var(--tds-size--3x)*(var(--tcl-horizontal-card-group-total-cards) - 1));
    --tcl-horizontal-card-group-end-padding: 36px;
    -webkit-padding-end: 36px;
    display: grid;
    gap: 24px;
    gap: var(--tds-size--3x);
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    padding-inline-end: 36px;
    width: calc(var(--tcl-horizontal-card-group-width-of-each-card)*1 + var(--tcl-horizontal-card-group-width-of-gaps) + var(--tcl-horizontal-card-group-end-padding));
    width: calc(var(--tcl-horizontal-card-group-width-of-each-card)*var(--tcl-horizontal-card-group-total-cards) + var(--tcl-horizontal-card-group-width-of-gaps) + var(--tcl-horizontal-card-group-end-padding))
  }
}

@media (max-width:599px) {
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    margin-right: -24px;
    margin-right: calc(var(--tds-size--3x)*-1)
  }
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]), [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    margin-left: -24px;
    margin-left: calc(var(--tds-size--3x)*-1)
  }
  [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    margin-right: -24px;
    margin-right: calc(var(--tds-size--3x)*-1)
  }
  [dir=ltr] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    padding-left: 24px;
    padding-left: var(--tds-size--3x)
  }
  [dir=rtl] .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    padding-right: 24px;
    padding-right: var(--tds-size--3x)
  }
  .tcl-horizontal-card-group--layout-inherit.tcl-horizontal-card-group--horizontal-scroll-on-mobile:not([data-total-cards="1"]) {
    -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);
    -webkit-padding-start: 24px;
    -webkit-padding-start: var(--tds-size--3x);
    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);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
    width: calc(100% + 48px);
    width: calc(100% + var(--tds-size--6x))
  }
  .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--clamped .tcl-card__copy {
    -webkit-line-clamp: 2
  }
  .tcl-horizontal-card-group--horizontal-scroll-on-mobile .tcl-card__item--clamped .tcl-card__heading--clamped~.tcl-card__copy {
    -webkit-line-clamp: 1
  }
}

:root {
  --tcl-search-bar-form-item-padding-block-end: var(--tds-size--1x);
  --tcl-search-bar-form-item-padding-block-start: var(--tds-size--1x)
}

.tcl-search-bar__form-item {
  padding-bottom: 8px;
  padding-bottom: var(--tcl-search-bar-form-item-padding-block-end);
  padding-top: 8px;
  padding-top: var(--tcl-search-bar-form-item-padding-block-start)
}

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

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

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

:root {
  --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*72);
  --tcl-hero-banner-datetime-justify-content: flex-start;
  --tcl-hero-banner-min-block-size: 0;
  --tcl-hero-banner-title-padding-block-end: var(--tds-size--3x);
  --tcl-hero-banner-title-padding-block-start: 112px;
  --tcl-hero-banner-title-text-align: start
}

@media (min-width:1800px) {
  :root {
    --tcl-hero-banner-title-padding-block-start: 10vh
  }
}

@media (max-width:599px) {
  :root {
    --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*45)
  }
}

.tcl-hero-banner {
  --tcl-button-backdrop-filter: blur(8px);
  background-color: transparent;
  display: grid;
  grid-template-areas: "hero-banner";
  position: relative;
  z-index: 1
}

.tcl-hero-banner--layout-inherit {
  --tcl-image-inline-size: 100vw;
  --tcl-video-inline-size: 100vw;
  display: block;
  min-height: 576px;
  min-height: var(--tcl-hero-banner-block-size)
}

@media (min-width:600px) {
  .tcl-hero-banner--layout-inherit {
    height: 576px;
    height: var(--tcl-hero-banner-block-size)
  }
}

.tcl-hero-banner--size-tall {
  --tcl-hero-banner-block-size: auto;
  --tcl-hero-banner-title-padding-block-end: var(--tds-size--2x);
  --tcl-hero-banner-title-padding-block-start: 16vh;
  --tcl-hero-banner-title-text-align: center
}

@media (max-width:599px) {
  .tcl-hero-banner--with-copy {
    --tcl-hero-banner-datetime-justify-content: center;
    --tcl-hero-banner-title-padding-block-start: 112px;
    --tcl-hero-banner-title-text-align: center
  }
  .tcl-hero-banner--with-buttons {
    --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*56)
  }
  .tcl-hero-banner:not(.tcl-hero-banner--with-copy):not(.tcl-hero-banner--size-tall) {
    --tcl-hero-banner-title-padding-block-end: var(--tds-size--1x);
    --tcl-hero-banner-title-padding-block-start: var(--tds-size--3x)
  }
  .tcl-hero-banner--size-tall {
    --tcl-hero-banner-title-padding-block-start: calc(9vh + var(--tds-size--3x))
  }
}

@media (max-width:899px) {
  .tcl-hero-banner--size-tall {
    --tcl-hero-banner-title-padding-block-start: calc(9vh + var(--tds-size--3x))
  }
}

@media (min-width:600px) {
  .tcl-hero-banner {
    --tcl-button-group-button-inline-size: calc(var(--tds-size--1x)*33);
    --tcl-button-min-inline-size: calc(var(--tds-size--1x)*33)
  }
}

.tcl-hero-banner__content {
  width: 100%
}

.tcl-hero-banner .tcl-image, .tcl-hero-banner .tcl-video, .tcl-hero-banner--size-tall .tcl-hero-banner__content, .tcl-hero-banner__layout {
  grid-area: hero-banner
}

.tcl-hero-banner__layout {
  margin: 0 auto;
  width: 100%
}

@media (max-width:599px) {
  .tcl-hero-banner:not(.tcl-hero-banner--with-copy) .tcl-hero-banner__layout {
    grid-area: auto;
    padding-bottom: 24px;
    padding-bottom: var(--tds-size--3x)
  }
}

.tcl-hero-banner .tcl-image, .tcl-hero-banner .tcl-video {
  z-index: -1
}

.tcl-hero-banner--layout-inherit .tcl-image, .tcl-hero-banner--layout-inherit .tcl-video {
  margin: 0 calc(-50vw + 50%);
  position: absolute
}

@media (max-width:599px) {
  .tcl-hero-banner--layout-inherit:not(.tcl-hero-banner--with-copy):not(.tcl-hero-banner--with-buttons) .tcl-image, .tcl-hero-banner--layout-inherit:not(.tcl-hero-banner--with-copy):not(.tcl-hero-banner--with-buttons) .tcl-video {
    position: static
  }
}

.tcl-hero-banner--size-tall .tcl-asset {
  aspect-ratio: 21/11
}

.tcl-hero-banner:not(.tcl-hero-banner--size-tall) .tcl-asset {
  height: 576px;
  height: var(--tcl-hero-banner-block-size);
  min-height: 0;
  min-height: var(--tcl-hero-banner-min-block-size)
}

@media (max-width:599px) {
  .tcl-hero-banner--size-tall .tcl-asset {
    aspect-ratio: 3/4
  }
}

.tcl-hero-banner__title {
  padding-bottom: 24px;
  padding-bottom: var(--tcl-hero-banner-title-padding-block-end);
  padding-top: 112px!important;
  padding-top: var(--tcl-hero-banner-title-padding-block-start)!important
}

.tcl-hero-banner__copy, .tcl-hero-banner__title {
  text-align: start;
  text-align: var(--tcl-hero-banner-title-text-align)
}

.tcl-hero-banner__copy {
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-top: 0
}

@media (max-width:599px) {
  .tcl-hero-banner__copy {
    padding-bottom: 8px;
    padding-bottom: var(--tds-size--1x)
  }
}

.tcl-hero-banner__datetime {
  -ms-flex-line-pack: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-pack: var(--tcl-hero-banner-datetime-justify-content);
  -ms-flex-pack: var(--tcl-hero-banner-datetime-justify-content);
  align-content: stretch;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  justify-content: var(--tcl-hero-banner-datetime-justify-content);
  padding-bottom: 8px;
  padding-bottom: var(--tds-size--1x)
}

[dir=ltr] .tcl-hero-banner__date, [dir=ltr] .tcl-hero-banner__time {
  padding-right: 12px;
  padding-right: calc(var(--tds-size--1x) + var(--tds-size--half))
}

[dir=ltr] .tcl-hero-banner__date, [dir=ltr] .tcl-hero-banner__time, [dir=rtl] .tcl-hero-banner__date, [dir=rtl] .tcl-hero-banner__time {
  padding-left: 12px;
  padding-left: calc(var(--tds-size--1x) + var(--tds-size--half))
}

[dir=rtl] .tcl-hero-banner__date, [dir=rtl] .tcl-hero-banner__time {
  padding-right: 12px;
  padding-right: calc(var(--tds-size--1x) + var(--tds-size--half))
}

.tcl-hero-banner__date, .tcl-hero-banner__time {
  -webkit-padding-end: 12px;
  -webkit-padding-end: calc(var(--tds-size--1x) + var(--tds-size--half));
  -webkit-padding-start: 12px;
  -webkit-padding-start: calc(var(--tds-size--1x) + var(--tds-size--half));
  padding-top: 16px;
  padding-top: var(--tds-size--2x);
  padding-inline-end: 12px;
  padding-inline-end: calc(var(--tds-size--1x) + var(--tds-size--half));
  padding-inline-start: 12px;
  padding-inline-start: calc(var(--tds-size--1x) + var(--tds-size--half))
}

@media (min-width:600px) {
  .tcl-hero-banner__date {
    padding: 0 12px 0 0;
    padding: 0 calc(var(--tds-size--1x) + var(--tds-size--half)) 0 0
  }
  .tcl-hero-banner__time {
    padding: 0 0 0 12px;
    padding: 0 0 0 calc(var(--tds-size--1x) + var(--tds-size--half))
  }
}

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

.site-investor-relations .tcl-hero-banner {
  --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*48);
  --tcl-hero-banner-min-block-size: 50vh
}

@media (max-width:599px) {
  .site-investor-relations .tcl-hero-banner {
    --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*28);
    --tcl-hero-banner-min-block-size: 0
  }
  .site-investor-relations .tcl-hero-banner--with-buttons {
    --tcl-hero-banner-block-size: calc(var(--tds-size--1x)*56)
  }
}

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

[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: uppercase;
  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)
  }
}

#logogif{width:100%;
}
.element2{width:100%;}
#player {
 	top:0; 
	margin:0;
 	width: 100%; 
 	height: 100%; 
 }
 
 .mv {width:100%;

position: relative;
overflow: hidden;
}
.mv video {
opacity: 0.5;
margin: 0 auto;
z-index: -2;
width: 100%;
}
.mvc{
font-size:2em;
color:#fff;
position: absolute;
top: 10%;left:50%;
background-color: rgba(100,100,200,0.5);
z-index: 2;
}

/* Header
-------------------------------------------------- */

#header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

#header .logo p img {
  max-width: 32vw;
}

#header .link {
  padding-top: 2em;
  padding-right: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#header .link .menu ul {
  display: flex;
  flex-direction: row;
}

#header .link .menu ul li {
  text-align: center;
  margin: 0 1em;
 text-shadow: 1px  1px 5px white,
            -1px  1px 5px white,
             1px -1px 5px white,
            -1px -1px 5px white;
}

#header .link .menu ul li a {
  color: #000;
  display: inline-block;
 
}

#header .link .menu ul li a .en {

  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;


  
}

#header .link .menu ul li a .ja {
  font-size: 0.8rem;
}

#header .link .menu ul li a:hover, #header .link .menu ul li a.active {
  color: #fee730;
}

#header .link .social ul {
  display: flex;
  flex-direction: row;
}

#header .link .social ul li {
  margin: 0 .7em;
}

#header .link .social ul li img {
  height: 2.2em;
}

#header .menu-sp {
  padding: 2em 1.5em 0 0;
  display: none;
}

#header .menu-sp p img {
  max-width: 2.5em;
}