@charset "utf-8";

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

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

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

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

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

@media (min-resolution: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :root, .tds-component-preview { --tds-border-width--hairline: 0.5px; }
}

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

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

html, body { -webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; }

html { text-size-adjust: 100%; block-size: -webkit-fill-available; }

body { margin: 0px; min-block-size: -webkit-fill-available; }

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

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

p, li { max-inline-size: var(--tds-max-paragraph-width); }

li { margin: 0px; }

p { font-size: var(--tds-font-size-30); line-height: var(--tds-line-height-30); }

p + p, :is(ul, ol) + p, p + :is(ul, ol) { padding-block-start: var(--tds-paragraph-gap); }

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

.tds-normalize-text { color: var(--tds-theme-foreground); text-align: initial; text-wrap: initial; }

h1, h2, h3, h4, h5, h6, p, small { display: block; margin: 0px; }

h1, h2, h3, h4, h5, h6, p, li, small { line-height: var(--tds-line-height-30); }

hr { background: var(--tds-color--grey50, #d0d1d2); block-size: 1px; border: none; box-sizing: border-box; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

abbr[title] { border-block-end: none; text-decoration: underline dotted; }

b, strong { font-weight: 500; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; margin: 0px; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-inline-size: 100%; padding: 0px; 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"] { appearance: textfield; outline-offset: -2px; }

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

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

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

:focus { outline: none; }

* { outline-offset: 2px; }

:not(input):focus-visible { outline: var(--tds-outline--focus); }

:where(.tds--indicate-focus) :focus { outline: var(--tds-outline--focus); }

details { display: block; }

summary { display: list-item; }

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

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

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

tds-form-input-dropdown, tds-form-input, tds-form-input-date, tds-form-input-search, tds-form-input-file-upload { display: block; }

@font-face { font-family: "Universal Sans Display"; font-weight: 700; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Bold.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Display"; font-weight: 500; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Medium.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Display"; font-weight: 400; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Regular.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Display"; font-weight: 300; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Light.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Display"; font-weight: 100; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/display/Universal-Sans-Display-Thin.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Text"; font-weight: 700; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Bold.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Text"; font-weight: 500; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Medium.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Text"; font-weight: 400; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Regular.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Text"; font-weight: 300; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Light.woff2) format("woff2"); }

@font-face { font-family: "Universal Sans Text"; font-weight: 100; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/universal-sans-2/web/text/Universal-Sans-Text-Thin.woff2) format("woff2"); }

@font-face { font-family: "Blender TSL"; font-weight: 700; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Bold.woff2) format("woff2"); }

@font-face { font-family: "Blender TSL"; font-weight: 500; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Medium.woff2) format("woff2"); }

@font-face { font-family: "Blender TSL"; font-weight: 400; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/blender/web/Blender-TSL-Book.woff2) format("woff2"); }

@font-face { font-family: "CT Speed"; font-weight: 400; font-display: swap; font-style: normal; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/ct-speed/web/CT-Speed.woff2) format("woff2"); unicode-range: U+44, U+50, U+52, U+4E, U+30-39; }

@font-face { font-family: "Noto Sans Arabic"; font-display: swap; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+898-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Noto Sans Arabic"; font-display: swap; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+898-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic-Ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Cyrillic-Ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek.woff2) format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek-Ext.woff2) format("woff2"); unicode-range: U+1F00-1FFF; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek.woff2) format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Greek-Ext.woff2) format("woff2"); unicode-range: U+1F00-1FFF; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Devanagari.woff2) format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Devanagari.woff2) format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Noto Sans Hebrew"; font-display: swap; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717099946/static/fonts/intl-fonts/Noto-Sans-Hebrew.woff2) format("woff2"); unicode-range: U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F, U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Noto Sans Hebrew"; font-display: swap; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717099946/static/fonts/intl-fonts/Noto-Sans-Hebrew.woff2) format("woff2"); unicode-range: U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F, U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Noto Sans Thai"; font-display: swap; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717100930/static/fonts/intl-fonts/Noto-Sans-Thai.woff2) format("woff2"); unicode-range: U+E01-E5B, U+200C-200D, U+25CC; }

@font-face { font-family: "Noto Sans Thai"; font-display: swap; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/v1717100930/static/fonts/intl-fonts/Noto-Sans-Thai.woff2) format("woff2"); unicode-range: U+E01-E5B, U+200C-200D, U+25CC; }

@font-face { font-family: "Fira Code"; font-style: normal; font-weight: 500; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Fira Code"; font-style: normal; font-weight: 500; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code-Ext.woff2) format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: "Fira Code"; font-style: normal; font-weight: 400; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Fira Code"; font-style: normal; font-weight: 400; src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code-Ext.woff2) format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

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

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

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

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

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

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

:root, .tds-normalize-text { font-size: var(--tds-font-size-30); font-weight: var(--tds-font-weight-regular); line-height: var(--tds-line-height-30); }

:root { font-family: var(--tds-font-family-latin-text); text-rendering: optimizelegibility; }

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

:is(h5, h6, .tds-text--h5, .tds-text--h6) { font-family: var(--tds-font-family-latin-text); }

:is(small, sub, sup) { font-family: var(--tds-font-family-latin-text); }

:is(code, .tds-text--monospace) { font-family: var(--tds-font-family-latin-monospace); }

:lang(ar) { font-family: var(--tds-font-family-arabic-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ar) { font-family: var(--tds-font-family-arabic-display); }

:is(small, sub, sup):lang(ar) { font-family: var(--tds-font-family-arabic-text); }

:is(code, .tds-text--monospace):lang(ar) { font-family: var(--tds-font-family-arabic-monospace); }

:lang(el) { font-family: var(--tds-font-family-greek-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(el) { font-family: var(--tds-font-family-greek-display); }

:is(small, sub, sup):lang(el) { font-family: var(--tds-font-family-greek-text); }

:is(code, .tds-text--monospace):lang(el) { font-family: var(--tds-font-family-greek-monospace); }

:lang(he) { font-family: var(--tds-font-family-hebrew-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(he) { font-family: var(--tds-font-family-hebrew-display); }

:is(small, sub, sup):lang(he) { font-family: var(--tds-font-family-hebrew-text); }

:is(code, .tds-text--monospace):lang(he) { font-family: var(--tds-font-family-hebrew-monospace); }

:lang(th) { font-family: var(--tds-font-family-thai-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(th) { font-family: var(--tds-font-family-thai-display); }

:is(small, sub, sup):lang(th) { font-family: var(--tds-font-family-thai-text); }

:is(code, .tds-text--monospace):lang(th) { font-family: var(--tds-font-family-thai-monospace); }

:lang(ko) { font-family: var(--tds-font-family-korean-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ko) { font-family: var(--tds-font-family-korean-display); }

:is(small, sub, sup):lang(ko) { font-family: var(--tds-font-family-korean-text); }

:is(code, .tds-text--monospace):lang(ko) { font-family: var(--tds-font-family-korean-monospace); }

:lang(ja) { font-family: var(--tds-font-family-japanese-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(ja) { font-family: var(--tds-font-family-japanese-display); }

:is(small, sub, sup):lang(ja) { font-family: var(--tds-font-family-japanese-text); }

:is(code, .tds-text--monospace):lang(ja) { font-family: var(--tds-font-family-japanese-monospace); }

:lang(zh) { font-family: var(--tds-font-family-chinese-simplified-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-display); }

:is(small, sub, sup):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-text); }

:is(code, .tds-text--monospace):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-monospace); }

:lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-display); }

:is(small, sub, sup):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-text); }

:is(code, .tds-text--monospace):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-monospace); }

:is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-text); }

:is(h1, h2, h3, h4, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-display); }

:is(small, sub, sup):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-text); }

:is(code, .tds-text--monospace):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-monospace); }

.tds-font-family--blender { color: var(--tds-theme-foreground); font-family: var(--tds-font-family-latin-blender); font-weight: 500; text-rendering: optimizelegibility; }

.tds-font-family--blender :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) { color: var(--tds-theme-foreground-high-contrast); font-family: var(--tds-font-family-latin-blender); font-weight: 700; }

.tds-font-family--blender :is(small, sub, sup, .tds-text--caption) { color: var(--tds-theme-foreground-low-contrast); font-family: var(--tds-font-family-latin-blender); }

.tds-font-family--blender :is(code, .tds-text--monospace) { font-family: var(--tds-font-family-latin-monospace); }

:is(.tds-font-family--blender):lang(ar) { font-family: var(--tds-font-family-arabic-blender); }

:is(.tds-font-family--blender):lang(el) { font-family: var(--tds-font-family-greek-blender); }

:is(.tds-font-family--blender):lang(he) { font-family: var(--tds-font-family-hebrew-blender); }

:is(.tds-font-family--blender):lang(th) { font-family: var(--tds-font-family-thai-blender); }

:is(.tds-font-family--blender):lang(ko) { font-family: var(--tds-font-family-korean-blender); }

:is(.tds-font-family--blender):lang(ja) { font-family: var(--tds-font-family-japanese-blender); }

:is(.tds-font-family--blender):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-blender); }

:is(.tds-font-family--blender):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-blender); }

:is(.tds-font-family--blender):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-blender); }

.tds-font-family--speed { color: var(--tds-theme-foreground); font-family: var(--tds-font-family-latin-speed); font-weight: 400; text-rendering: optimizelegibility; }

.tds-font-family--speed :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) { color: var(--tds-theme-foreground-high-contrast); font-family: var(--tds-font-family-latin-speed); }

.tds-font-family--speed :is(small, sub, sup, .tds-text--caption) { color: var(--tds-theme-foreground-low-contrast); font-family: var(--tds-font-family-latin-speed); }

:is(.tds-font-family--speed):lang(ar) { font-family: var(--tds-font-family-arabic-speed); }

:is(.tds-font-family--speed):lang(el) { font-family: var(--tds-font-family-greek-speed); }

:is(.tds-font-family--speed):lang(he) { font-family: var(--tds-font-family-hebrew-speed); }

:is(.tds-font-family--speed):lang(th) { font-family: var(--tds-font-family-thai-speed); }

:is(.tds-font-family--speed):lang(ko) { font-family: var(--tds-font-family-korean-speed); }

:is(.tds-font-family--speed):lang(ja) { font-family: var(--tds-font-family-japanese-speed); }

:is(.tds-font-family--speed):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-speed); }

:is(.tds-font-family--speed):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-speed); }

:is(.tds-font-family--speed):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-speed); }

.tds-font-family--universal-text { font-family: var(--tds-font-family-latin-text) !important; text-rendering: optimizelegibility; }

.tds-font-family--universal-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--tds-font-family-latin-text) !important; }

.tds-font-family--universal-text :is(small, sub, sup) { font-family: var(--tds-font-family-latin-text) !important; }

:is(.tds-font-family--universal-text):lang(ar) { font-family: var(--tds-font-family-arabic-text) !important; }

:is(.tds-font-family--universal-text):lang(el) { font-family: var(--tds-font-family-greek-text) !important; }

:is(.tds-font-family--universal-text):lang(he) { font-family: var(--tds-font-family-hebrew-text) !important; }

:is(.tds-font-family--universal-text):lang(th) { font-family: var(--tds-font-family-thai-text) !important; }

:is(.tds-font-family--universal-text):lang(ko) { font-family: var(--tds-font-family-korean-text) !important; }

:is(.tds-font-family--universal-text):lang(ja) { font-family: var(--tds-font-family-japanese-text) !important; }

:is(.tds-font-family--universal-text):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-text) !important; }

:is(.tds-font-family--universal-text):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-text) !important; }

:is(.tds-font-family--universal-text):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-text) !important; }

.tds-font-family--universal-display { font-family: var(--tds-font-family-latin-text) !important; text-rendering: optimizelegibility; }

.tds-font-family--universal-display :is(h1, h2, h3, h4, h5, h6) { font-family: var(--tds-font-family-latin-display) !important; }

.tds-font-family--universal-display :is(small, sub, sup) { font-family: var(--tds-font-family-latin-display) !important; }

:is(.tds-font-family--universal-display):lang(ar) { font-family: var(--tds-font-family-arabic-display) !important; }

:is(.tds-font-family--universal-display):lang(el) { font-family: var(--tds-font-family-greek-display) !important; }

:is(.tds-font-family--universal-display):lang(he) { font-family: var(--tds-font-family-hebrew-display) !important; }

:is(.tds-font-family--universal-display):lang(th) { font-family: var(--tds-font-family-thai-display) !important; }

:is(.tds-font-family--universal-display):lang(ko) { font-family: var(--tds-font-family-korean-display) !important; }

:is(.tds-font-family--universal-display):lang(ja) { font-family: var(--tds-font-family-japanese-display) !important; }

:is(.tds-font-family--universal-display):lang(zh) { font-family: var(--tds-font-family-chinese-simplified-display) !important; }

:is(.tds-font-family--universal-display):lang(zh-HK) { font-family: var(--tds-font-family-chinese-hk-display) !important; }

:is(.tds-font-family--universal-display):is(:lang(zh-MO), :lang(zh-TW)) { font-family: var(--tds-font-family-chinese-traditional-display) !important; }

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

:root, .tds-colorscheme--light, .tds-scrim--white, .tds-scrim--light { --tds-color--error: var(--tds-color-red-10); --tds-color--hairline: var(--tds-color-grey-50); --tds-color--inverse: var(--tds-color-white); --tds-color--primary: var(--tds-color-blue-30); --tds-color--primary-highlight: var(--tds-color-blue-20); --tds-color--rgb-shade: 0,
    0,
    0; --tds-color--rgb-shade--inverse: 255,
    255,
    255; --tds-color--scrim--semitransparent: rgba(255, 255, 255, 0.7); --tds-color--secondary: var(--tds-color-grey-10); --tds-color--secondary-accent: var(--tds-color-grey-50); --tds-color--secondary-highlight: var(--tds-color-black); --tds-color--tertiary: var(--tds-color-grey-70); --tds-color--tertiary-highlight: var(--tds-color-grey-65); --tds-caption--color: var(--tds-color-grey-30); --tds-dialog--background-color: var(--tds-color-white); --tds-form-label--color: var(--tds-color-grey-30); --tds-heading--color: var(--tds-color-grey-10); --tds-pill--blur-color: rgba(0, 0, 0, 0.048); --tds-pill--blur-color-highlight: rgba(0, 0, 0, 0.072); --tds-text--color: var(--tds-color-grey-20); --tds-text--color--light: var(--tds-color-grey-30); --tds-text--color--placeholder: var(--tds-color-grey-40); --tds-text--color--primary: var(--tds-color-blue-30); --tds-toggle--background-color: rgba(150, 150, 150, 0.1); --tds-toggle--fill-color: var(--tds-color-white); --tds-text--contrast-high: var(--tds-color-grey-10); --tds-text--contrast-low: var(--tds-color-grey-30); --tds-text--contrast-medium: var(--tds-color-grey-20); --tds-code-bg-color: var(--tds-color-grey-70); --tds-code-border-color: var(--tds-color-grey-60); --tds-code-color: var(--tds-text--color); --tds-color--focus: var(--tds-color-grey-35); --tds-outline--focus: 2px solid var(--tds-color--focus); --tds-background-image--check: url(data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(218, 7%, 24%)' d='M6.592 11.58a.748.748 0 0 1-.53-.22L3.22 8.517a.75.75 0 1 1 1.06-1.061l2.312 2.312L11.72 4.64a.75.75 0 1 1 1.06 1.06l-5.658 5.66a.748.748 0 0 1-.53.22z' /></svg>); --tds-background-image--minus: url(data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(218, 7%, 24%)' d='M13 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 13 8z' /></svg>); color: var(--tds-theme-foreground); color-scheme: light; }

.tds-scrim--white { --tds-dialog--background-color: var(--tds-color-white); --tds-scrim--background: var(--tds-color-white); }

.tds-scrim--light { --tds-color--tertiary: var(--tds-color-white); --tds-scrim--background: var(--tds-color-grey-70); --tds-text--color--primary: #3865e0; --tds-code-bg-color: var(--tds-color-grey-60); --tds-code-border-color: var(--tds-color-grey-50); --tds-code-color: var(--tds-text--color); --tds-color--focus: var(--tds-color-grey-30); --tds-outline--focus: 2px solid var(--tds-color--focus); }

.tds-scrim--light .tds-tooltip > *, .tds-scrim--light .tds-modal > *, .tds-scrim--light .tds-card > * { --tds-code-bg-color: var(--tds-color-grey-70); --tds-code-border-color: var(--tds-color-grey-60); --tds-color--tertiary: var(--tds-color-grey-70); }

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

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

.tds-colorscheme--dark :is(option, optgroup), .tds-scrim--black :is(option, optgroup) { background-color: var(--tds-theme-background); }

:root, .tds-density--default { --tds-border-radius--pill: var(--tds-size--half); --tds-data-table--font-size: 14px; --tds-height--pill: var(--tds-size--5x); --tds-form--gap: var(--tds-size--3x); --tds-form--indent: 0px; --tds-form-input--collapsed-inline-size: var(--tds-size--5x); --tds-form-input--collapsed-padding-inline-start: var(--tds-size--1x); --tds-form-input-choice--check-size: var(--tds-size--2x); --tds-form-input-choice--radio-size: 10px; --tds-height--choice: var(--tds-size--3x); }

.tds-density--dense { --tds-card--border-radius: var(--tds-border-radius--card--dense); --tds-card--padding: var(--tds-padding--card--dense); --tds-data-table--font-size: 12px; --tds-form--gap: var(--tds-size--2x); --tds-form--indent: 0px; --tds-form-input--collapsed-inline-size: var(--tds-size--4x); --tds-form-input--collapsed-padding-inline-start: var(--tds-size--half); --tds-form-input-choice--check-size: 14px; --tds-form-input-choice--radio-size: var(--tds-size--1x); --tds-height--choice: var(--tds-size--2x); }

.tds-density--low { --tds-border-radius--pill: var(--tds-size--1x); --tds-form--indent: 0px; --tds-height--pill: var(--tds-size--6x); --tds-form--gap: var(--tds-size--4x); --tds-form-input-choice--check-size: 20px; --tds-form-input-choice--radio-size: var(--tds-size--2x); --tds-height--choice: var(--tds-size--3x); }

:root { --tds-text--border-high-contrast: var(--tds-border-width-small) solid var(--tds-theme-border-high-contrast); --tds-text--border-low-contrast: var(--tds-border-width-small) solid var(--tds-theme-border-low-contrast); }

.tds-theme--marketing, .tds-theme--marketing.tds-colorscheme--light, .tds-theme--marketing .tds-colorscheme--light, .tds-colorscheme--light .tds-theme--marketing, .tds-theme--marketing.tds-scrim--white, .tds-theme--marketing .tds-scrim--white, .tds-scrim--white .tds-theme--marketing, .tds-theme--marketing.tds-scrim--light, .tds-theme--marketing .tds-scrim--light, .tds-scrim--light .tds-theme--marketing { --tds-color--primary: var(--tds-color-grey-10); --tds-color--primary-highlight: var(--tds-color-grey-20); --tds-theme-foreground-on-primary: var(--tds-color--white); --tds-theme-primary: var(--tds-color-grey-10); --tds-theme-primary-highlight: var(--tds-color-grey-20); }

.tds-theme--marketing.tds-colorscheme--dark, .tds-theme--marketing .tds-colorscheme--dark, .tds-colorscheme--dark .tds-theme--marketing, .tds-theme--marketing.tds-scrim--black, .tds-theme--marketing .tds-scrim--black, .tds-scrim--black .tds-theme--marketing { --tds-color--primary: var(--tds-color-white); --tds-color--primary-highlight: var(--tds-color-grey-60); --tds-theme-foreground-on-primary: var(--tds-color--black); --tds-theme-primary: var(--tds-color-white); --tds-theme-primary-highlight: var(--tds-color-grey-60); }

:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--marketing .tds-date-picker, .tds-theme--marketing :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker, .tds-theme--marketing:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker { --tds-date-selected--color: var(--tds-color-grey-20); }

@media (prefers-color-scheme: dark) {
  .tds--supports-darkmode.tds-theme--marketing, .tds--supports-darkmode.tds-theme--marketing.tds-colorscheme--light, .tds--supports-darkmode.tds-theme--marketing .tds-colorscheme--light, .tds--supports-darkmode.tds-theme--marketing.tds-scrim--white, .tds--supports-darkmode.tds-theme--marketing .tds-scrim--white, .tds--supports-darkmode.tds-theme--marketing.tds-scrim--light, .tds--supports-darkmode.tds-theme--marketing .tds-scrim--light, .tds--supports-darkmode.tds-colorscheme--light .tds-theme--marketing { --tds-color--primary: var(--tds-color-white); --tds-color--primary-highlight: var(--tds-color-grey-60); --tds-theme-primary: var(--tds-color-white); --tds-theme-primary-highlight: var(--tds-color-grey-60); --tds-theme-foreground-on-primary: var(--tds-color--black); }
}

.tds-theme--replicant { --tds-glow--bright: drop-shadow(0 0 var(--tds-size--2x) rgb(var(--tds-color--rgb-shade) 0.5)); --tds-glow--medium: drop-shadow(0 0 var(--tds-size--1x) rgb(var(--tds-color--rgb-shade) 0.33)); --tds-glow--off: drop-shadow(0 0 0 rgb(var(--tds-color--rgb-shade) 0.33)); --tds-theme-background-container: transparent; --tds-theme-foreground-primary: var(--tds-color--white); --tds-notch: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); --tds-notch--outline: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 4px, 4px 4px, 4px calc(100% - 4px), calc(100% - 12px) calc(100% - 4px), calc(100% - 4px) calc(100% - 12px), calc(100% - 4px) 4px, 0 4px ); --tds-notch--outline-thin: polygon( 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 11.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 11.5px), calc(100% - 1.5px) 1.5px, 0 1.5px ); --tds-fading-line: linear-gradient(
      
      to right,
      rgb(var(--tds-color--rgb-shade) 1) 0%,
      rgb(var(--tds-color--rgb-shade) 1) 50%,
      rgb(var(--tds-color--rgb-shade) 0.1) 100% ); --tds-border-radius: 0; --tds-border-radius--card: 0; --tds-border-radius--card--dense: 0; --tds-border-radius--outline-only: 0; --tds-border-radius--pill: 0; --tds-heading--text-transform: uppercase; --tds-form--indent: 0px; --tds-form-input-choice--check-size: 16px; --tds-form-input-choice--radio-size: 10px; --tds-height--choice: var(--tds-size--2x); font-size: var(--tds-font-size-20); line-height: var(--tds-line-height-30); }

.tds-theme--replicant [class*="tds-scrim--"]:not(.tds-scrim--blur) { color: var(--tds-theme-foreground); }

.tds-theme--replicant--has_img [class*="tds-scrim--"]:not(.tds-scrim--blur) { --tds-theme-background: transparent; }

@media (prefers-color-scheme: dark) {
  .tds-theme--replicant.tds--supports-darkmode:not([class*="tds-colorscheme--"]) { --tds-color--primary: var(--tds-color--white); --tds-color--primary-highlight: var(--tds-color--white); --tds-color--secondary: var(--tds-color--white); --tds-color--tertiary: transparent; --tds-dialog--background-color: var(--tds-color--black); --tds-text--color: var(--tds-color--grey45); --tds-text--color--light: var(--tds-color--grey35); }
  .tds-theme--replicant.tds--supports-darkmode:not([class*="tds-scrim--"], [class*="tds-colorscheme--"]) { background-color: var(--tds-color--black); }
}

.tds-theme--replicant, .tds-theme--replicant .tds-scrim--white, .tds-theme--replicant .tds-scrim--light, .tds-scrim--white .tds-theme--replicant, .tds-scrim--light .tds-theme--replicant, .tds-theme--replicant.tds-scrim--white, .tds-theme--replicant.tds-scrim--light, .tds-colorscheme--light .tds-theme--replicant, .tds-theme--replicant.tds-colorscheme--light, .tds-theme--replicant .tds-colorscheme--light { --tds-color--primary: var(--tds-color--black); --tds-color--primary-highlight: var(--tds-color--black); --tds-color--secondary: var(--tds-color--black); --tds-color--tertiary: transparent; --tds-theme-foreground-on-primary: var(--tds-color--white); --tds-theme-primary: var(--tds-color-grey-10); --tds-theme-primary-highlight: var(--tds-color-grey-10); }

.tds-colorscheme--dark .tds-theme--replicant, .tds-theme--replicant .tds-scrim--black, .tds-scrim--black .tds-theme--replicant, .tds-theme--replicant.tds-scrim--black, .tds-theme--replicant.tds-colorscheme--dark, .tds-theme--replicant .tds-colorscheme--dark { --tds-color--primary: var(--tds-color--white); --tds-color--primary-highlight: var(--tds-color--white); --tds-color--secondary: var(--tds-color--white); --tds-color--tertiary: transparent; --tds-dialog--background-color: var(--tds-color--black); --tds-text--color: var(--tds-color--grey45); --tds-text--color--light: var(--tds-color--grey35); --tds-text--color--placeholder: var(--tds-color--grey45); --tds-theme-foreground-on-primary: var(--tds-color--black); --tds-theme-primary: var(--tds-color-white); --tds-theme-primary-highlight: var(--tds-color-grey-60); }

@keyframes tds-flicker-on--soft { 
  0% { opacity: 0.25; }
  8% { opacity: 0; }
  16% { opacity: 0.25; }
  24% { opacity: 0; }
  48% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes tds-flicker--soft { 
  0% { opacity: 1; }
  8% { opacity: 0.25; }
  16% { opacity: 1; }
  24% { opacity: 0.25; }
  32% { opacity: 1; }
  40% { opacity: 0.25; }
  48% { opacity: 1; }
  100% { opacity: 1; }
}

:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--replicant .tds-date-picker, .tds-theme--replicant :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker, .tds-theme--replicant:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker { --tds-date-selected--color: var(--tds-color--grey20); }

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

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

tds-accordion + tds-accordion .tds-accordion, .tds-accordion + .tds-accordion { margin-block-start: var(--tds-size--2x); }

.tds-accordion-summary { cursor: pointer; user-select: none; display: grid; grid-template: "title icon" "caption ." / min-content 1fr; gap: 0 var(--tds-accordion--gap); align-items: center; padding-block-end: var(--tds-size--1x); border-radius: var(--tds-border-radius--outline-only); color: var(--tds-theme-foreground-high-contrast); transition: color 0.33s; }

.tds-accordion-summary::-webkit-details-marker { display: none; }

.tds-accordion--chevron-leading > .tds-accordion-summary { gap: 0 var(--tds-accordion--gap); grid-template: "icon title" ". caption" / min-content 1fr; }

.tds-accordion--chevron-trailing > .tds-accordion-summary { gap: 0 var(--tds-accordion--gap); grid-template: "title icon" "caption caption" / auto 1fr; }

.tds-accordion--chevron-ending > .tds-accordion-summary { gap: 0 var(--tds-accordion--gap); grid-template: "title icon" "caption ."; }

.tds-accordion.tds-accordion--border .tds-accordion-summary { box-shadow: 0 1px 0 0 var(--tds-theme-border-low-contrast); }

.tds-accordion-summary .tds-icon { grid-area: icon; }

.tds-accordion--chevron-ending > .tds-accordion-summary .tds-icon { justify-self: end; }

.tds-accordion--chevron-trailing > .tds-accordion-summary .tds-icon { justify-self: start; }

.tds-accordion-summary .tds-text--h5 { grid-area: title; padding: 0px; }

.tds-accordion-summary .tds-text--caption { grid-area: caption; }

.tds-accordion-summary .tds-text--h5 + .tds-text--caption { margin-block-start: var(--tds-size--half); }

.tds-accordion-content { padding-block-start: var(--tds-size--1x); }

.tds-accordion--chevron-leading > .tds-accordion-summary + .tds-accordion-content { padding-inline-start: calc(var(--tds-accordion--gap) + var(--tds-size--2x)); }

:is(.tds-density--dense.tds-accordion-summary, .tds-density--dense .tds-accordion-summary) :is(h5, .tds-text--h5) { font-size: 14px; }

.tds-accordion-summary > [class*="tds-icon-chevron"] { color: var(--tds-theme-foreground-low-contrast); }

.tds-accordion-summary:hover > .tds-text--h5 { color: var(--tds-theme-foreground-low-contrast); }

.tds-app-switcher { display: inline-block; }

.tds-app-switcher .tds-menu-btn--active .tds-app-title::before, .tds-app-switcher .tds-menu-btn:hover .tds-app-title::before { opacity: 0; }

.tds-app-switcher-layout { block-size: 262px; display: flex; flex-direction: column; inline-size: 360px; overflow: hidden; }

.tds-app-switcher-scroll-shadow { box-shadow: var(--tds-box-shadow--small); }

.tds-app-switcher-toolbar, .tds-app-switcher-subapps-header { transition: box-shadow 0.33s; }

.tds-app-switcher-toolbar { display: flex; flex-direction: row; gap: var(--tds-size--1x); justify-content: space-between; padding: var(--tds-size--2x); }

.tds-app-switcher-search { flex-grow: 1; }

.tds-app-switcher-apps, .tds-app-switcher-apps--list { block-size: 100%; overflow-y: auto; padding: 0 var(--tds-size--2x); padding-block-end: var(--tds-size--2x); }

.tds-app-switcher-apps { align-items: flex-start; display: grid; grid-template-columns: 1fr 1fr 1fr; }

.tds-app-switcher-apps--list { align-content: flex-start; display: flex; flex-flow: column; }

.tds-app-switcher-noapps { align-items: center; block-size: 100%; display: flex; flex-direction: column; gap: var(--tds-size--1x); inline-size: 100%; justify-content: center; padding: var(--tds-size-3x); text-align: center; }

.tds-app-switcher-noapps > * { margin: 0px; padding: 0px; }

.tds-app-switcher .tds-app-title-text { max-inline-size: 15ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tds-app-switcher-apps-item { align-items: center; block-size: calc(var(--tds-size--1x) * 10 + var(--tds-size--half)); border-radius: var(--tds-border-radius--card); cursor: pointer; display: flex; flex-direction: column; gap: var(--tds-size--half); justify-content: center; object-fit: scale-down; overflow: hidden; padding: var(--tds-size--2x) var(--tds-size--1x) calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x); text-align: center; user-select: none; }

.tds-app-switcher-apps-item, .tds-app-switcher-subapps-item, .tds-app-switcher-search-result { transition: background 0.33s; }

.tds-app-switcher-subapps-item { align-items: center; display: flex; inline-size: 100%; justify-content: space-between; padding-block: calc(var(--tds-size--half)); padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)); text-align: start; }

.tds-app-switcher-search-result { align-items: center; color: var(--tds-theme-foreground); cursor: pointer; display: flex; inline-size: 100%; justify-content: space-between; padding-block: calc(var(--tds-size--half)); padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)); text-align: start; }

.tds-app-switcher-apps-item:hover, .tds-app-switcher-subapps-item:hover, .tds-app-switcher-search-result:hover { background: var(--tds-theme-background-container-alt); }

.tds-app-switcher-apps-item:focus-visible, .tds-app-switcher-subapps-item:focus-visible, .tds-app-switcher-search-result:focus-visible { border-radius: var(--tds-size--half); outline: var(--tds-outline--focus); outline-offset: -2px; }

.tds-app-switcher-apps-item > * { pointer-events: none; }

.tds-app-switcher-apps--list .tds-app-switcher-apps-item { align-items: center; block-size: var(--tds-size--6x); flex-direction: row; gap: var(--tds-size--1x); inline-size: 100%; justify-content: flex-start; overflow: visible; padding: var(--tds-size--1x); }

.tds-app-switcher-apps-item-logo, .tds-app-switcher-apps-item-logo > * { background: var(--tds-theme-background-container-alt); block-size: var(--tds-size--4x); border-radius: var(--tds-border-radius--circle); flex: 0 0 auto; inline-size: var(--tds-size--4x); }

.tds-app-switcher-apps-item-logo.tds-app-switcher-apps-item-logo--has-image, .tds-app-switcher-apps-item-logo.tds-app-switcher-apps-item-logo--has-image > * { background: transparent; border-radius: 0px; }

.tds-app-switcher-apps-item-title { font-size: var(--tds-font-size-20); max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tds-app-switcher-subapps-header { padding-block: var(--tds-size--2x); align-items: center; display: flex; flex-direction: row; gap: var(--tds-size--half); padding-inline: calc(var(--tds-size--1x) + var(--tds-size--half)); }

.tds-app-switcher-subapps, .tds-app-switcher-search-results { display: flex; flex-direction: column; overflow-y: auto; }

.tds-app-switcher-search-result-title { padding-block: var(--tds-size--1x) var(--tds-size--half); padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)); }

.tds-app-switcher-search-result-divider { align-self: center; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: content-box; block-size: 1px; flex-shrink: 0; inline-size: 100%; margin-block: var(--tds-size--1x); padding-inline: calc(var(--tds-size--half) + var(--tds-size--2x)); }

.tds-app-switcher-search-result > .tds-icon, .tds-app-switcher-subapps-item > .tds-icon { opacity: 0; transition: opacity 0.33s; color: var(--tds-theme-foreground-low-contrast); }

.tds-app-switcher-search-result:hover > .tds-icon, .tds-app-switcher-subapps-item:hover > .tds-icon { opacity: 1; }

.tds-app-switcher-search-result:last-of-type { margin-block-end: var(--tds-size--2x); }

.tds-app-layout { min-block-size: 100vh; display: flex; flex-direction: column; }

.tds-app-layout.tds-app-layout--internal { --tds-page-layout--title-start-space: var(--tds-size--3x); --tds-page-layout--title-top-slot-space: 0; }

.tds-app-layout-header, .tds-app-layout-footer { inline-size: 100%; }

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

.tds-app-layout-sidenav, .tds-app-layout-main { padding: 0 var(--tds-size--3x); }

.tds-app-layout-sidenav { padding-block-start: var(--tds-page-layout--title-start-space); }

.tds-app-layout-main { flex-grow: 1; }

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

.tds-density--dense { --tds-banner--padding: var(--tds-size--1x); }

.tds-banner { inline-size: 100%; padding: var(--tds-banner--padding); position: relative; text-align: center; transition: background-color 0.5s, color 0.5s; }

.tds-banner + .tds-banner { border-block-start: var(--tds-text--border-low-contrast); }

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

.tds-banner strong { transition: color 0.5s; }

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

:root, .tds-density--default { --tds-breadcrumb--chevron-size: var(--tds-size--2x); --tds-breadcrumb--font-size: var(--tds-font-size-30); --tds-breadcrumb--height: var(--tds-size--4x); --tds-breadcrumb--line-height: var(--tds-line-height-30); --tds-breadcrumb--padding-inline: 12px; --tds-breadcrumb-padding: 6px; }

.tds-density--dense { --tds-breadcrumb--chevron-size: 12px; --tds-breadcrumb--font-size: var(--tds-font-size-20); --tds-breadcrumb--height: 28px; --tds-breadcrumb--line-height: var(--tds-line-height-20); --tds-breadcrumb--padding-inline: calc(var(--tds-size--1x) + 2px); --tds-breadcrumb-padding: 3px; }

.tds-breadcrumbs { align-items: center; color: var(--tds-theme-foreground-low-contrast); display: flex; font-size: var(--tds-breadcrumb--font-size); line-height: var(--tds-breadcrumb--line-height); margin-inline-start: calc(-1 * var(--tds-breadcrumb--padding-inline)); }

.tds-breadcrumbs .tds-icon--small { --tds-icon--size: var(--tds-breadcrumb--chevron-size); }

.tds-breadcrumb { align-items: center; border-radius: var(--tds-border-radius--pill); column-gap: calc(var(--tds-size--half) / 2); display: flex; min-block-size: var(--tds-breadcrumb--height); padding: 0 var(--tds-breadcrumb--padding-inline); transition: color 0.33s, background-color 0.33s; }

.tds-breadcrumb--overflow { block-size: var(--tds-breadcrumb--height); inline-size: var(--tds-breadcrumb--height); justify-content: center; }

.tds-breadcrumb-tooltip-actions .tds-breadcrumb { border-radius: unset; padding: var(--tds-breadcrumb-padding) calc(var(--tds-size--3x) - var(--tds-size--half)); }

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

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

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

.tds-breadcrumb:not(:last-child):hover, .tds-breadcrumb-tooltip-actions .tds-breadcrumb:hover, .tds-breadcrumb:only-child:hover { background-color: var(--tds-theme-background-container-alt); }

.tds-breadcrumb:not(.tds-breadcrumb-tooltip-actions .tds-breadcrumb):hover, .tds-breadcrumb:not(.tds-breadcrumb-tooltip-actions .tds-breadcrumb):last-child:not(:first-child) { color: var(--tds-theme-foreground-high-contrast); }

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

:root, .tds-component-preview { --tds-btn--font-size: var(--tds-font-size-30); --tds-btn--min-width: 204px; }

:lang(ar), :lang(he) { --tds-btn--font-size: var(--tds-font-size-40); }

button { appearance: none; background-color: transparent; border: none; color: inherit; padding: 0px; }

button:where(:focus, .tds--focus) { border-radius: var(--tds-border-radius--outline-only); outline: var(--tds-outline--focus); }

[role="button"] { cursor: pointer; }

.tds-btn { --tds-btn--background-color: var(--tds-theme-primary); --tds-btn--border-color: transparent; --tds-btn--border-radius: var(--tds-border-radius--pill); align-items: center; block-size: var(--tds-height--pill); border-radius: var(--tds-btn--border-radius); box-shadow: inset 0 0 0 var(--tds-border-width--medium) transparent; color: var(--tds-theme-foreground-on-primary); display: inline-flex; font-size: var(--tds-btn--font-size); font-weight: var(--tds-font-weight-medium); justify-content: center; line-height: 1.2; padding: var(--tds-size--half) var(--tds-size--3x); position: relative; text-align: center; text-transform: inherit; border: var(--tds-border-width--large) solid var(--tds-btn--border-color); background-color: var(--tds-btn--background-color); transition: border-color 0.33s, background-color 0.33s, color 0.33s, box-shadow 0.25s; }

button.tds-btn { vertical-align: middle; }

@media (min-width: 600px) {
  .tds-btn { inline-size: auto; }
  .tds-btn--width-full { inline-size: -webkit-fill-available; }
  .tds-btn--width-min { min-inline-size: var(--tds-btn--min-width); }
}

@media (max-width: 599px) {
  .tds-btn { inline-size: -webkit-fill-available; }
  .tds-btn--width-auto { inline-size: auto; }
}

.tds-btn--small { --tds-height--pill: 28px; font-size: var(--tds-font-size-20); }

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

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

.tds-btn--secondary { --tds-btn--background-color: transparent; --tds-btn--border-color: var(--tds-theme-foreground-high-contrast); color: var(--tds-theme-foreground-high-contrast); }

:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-btn--secondary { --tds-btn--border-color: var(--tds-color-white); color: var(--tds-color-white); }

.tds-btn--tertiary { --tds-btn--background-color: var(--tds-theme-background-container); color: var(--tds-theme-foreground); }

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

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

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

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

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

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

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

:is(.tds-scrim--light, .tds-scrim--black) .tds-modal .tds-btn--tertiary { --tds-btn--background-color: var(--tds-theme-background); }

.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-btn--tertiary { --tds-btn--background-color: var(--tds-theme-background); }

.tds-btn_group { align-items: center; display: grid; gap: var(--tds-size--2x) var(--tds-size--3x); grid-template-rows: repeat(auto-fit, minmax(0px, 1fr)); justify-content: stretch; margin: var(--tds-size--2x) 0; }

@media (max-width: 599px) {
  .tds-btn_group { grid-template-rows: repeat(auto-fit, minmax(0px, 1fr)); }
  .tds-btn_group--horizontal { grid-template-rows: none; grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); }
}

@media (min-width: 600px) {
  .tds-btn_group { grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); }
  .tds-btn_group--vertical { grid-template-columns: none; grid-template-rows: repeat(auto-fit, minmax(0px, 1fr)); }
}

.tds-btn_group--grouped { gap: 0px; grid-auto-flow: column; }

.tds-btn_group--grouped > .tds-btn { border-inline-width: 0px; border-radius: 0px; }

.tds-btn_group--grouped > .tds-btn:first-child { border-inline-start-width: var(--tds-border-width--large); border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius); }

.tds-btn_group--grouped > .tds-btn:last-child { border-inline-end-width: var(--tds-border-width--large); border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0; }

[dir="rtl"] .tds-btn_group--grouped > .tds-btn:first-child { border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0; }

[dir="rtl"] .tds-btn_group--grouped > .tds-btn:last-child { border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius); }

.tds-btn_group > .tds-link { justify-self: center; }

.tds-form-fieldset .tds-btn_group--grouped, .tds-form-layout .tds-btn_group--grouped { grid-auto-flow: row; }

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

.tds-card { --tds-card--background-color: var(--tds-theme-background-container); --tds-card--cancel-padding: calc(var(--tds-card--padding) * -1); --tds-card--gap: var(--tds-card--padding); --tds-card--width: calc(var(--tds-max-paragraph-width) + (var(--tds-padding--card--dense) * 2)); background-color: var(--tds-card--background-color); border-radius: var(--tds-border-radius--card); display: flex; max-inline-size: var(--tds-card--width); overflow: hidden; transition: background-color 0.33s; max-block-size: min-content; block-size: min-content; }

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

.tds-card-body { flex-grow: 1; padding: var(--tds-card--padding); padding-inline-end: max(var(--tds-size--3x), var(--tds-card--padding)); }

.tds-card img { display: block; inline-size: 100%; }

.tds-card :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6, .tds-text--caption-header) { padding-block-start: 0px; }

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

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

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

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

.tds-card--full-width { --tds-card--width: 100%; }

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

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

.tds-card--outline { --tds-card--background-color: transparent; border-color: var(--tds-theme-border-low-contrast); border-radius: var(--tds-border-radius--card); border-style: solid; border-width: var(--tds-border-width--hairline); }

:root, .tds-density--default { --tds-chip--font-size: var(--tds-font-size-30); --tds-chip--height: var(--tds-size--4x); --tds-chip--padding: 6px 10px; --tds-chip-caption--margin-inline-start: var(--tds-size--1x); --tds-chip-icon-btn--size: calc(var(--tds-size--3x) - var(--tds-size--half)); }

.tds-density--dense { --tds-chip--font-size: var(--tds-font-size-20); --tds-chip--height: var(--tds-size--3x); --tds-chip--padding: var(--tds-size--half) var(--tds-size--1x); --tds-chip-caption--margin-inline-start: var(--tds-size--half); --tds-chip-icon-btn--size: var(--tds-size--2x); }

.tds-chip { --tds-chip--background-color: var(--tds-theme-background-container); align-items: center; background-color: var(--tds-chip--background-color); block-size: var(--tds-chip--height); border-radius: var(--tds-border-radius--pill); color: var(--tds-theme-foreground-high-contrast); display: inline-flex; font-size: var(--tds-chip--font-size); font-weight: var(--tds-font-weight-medium); inline-size: var(--tds-chip--width); justify-content: center; min-inline-size: var(--tds-chip--height); overflow: hidden; padding: var(--tds-chip--padding); text-overflow: ellipsis; }

.tds-chip-caption { color: var(--tds-caption--color); font-weight: var(--tds-font-weight-regular); margin-inline-start: var(--tds-chip-caption--margin-inline-start); }

.tds-chip--truncated { max-inline-size: 20ch; }

.tds-chip--truncated:has(> .tds-chip-caption) { max-inline-size: unset; }

.tds-chip--truncated .tds-chip-caption { max-inline-size: 20ch; }

.tds-chip--unencapsulated { --tds-chip--height: auto; --tds-chip--padding: 0; justify-content: flex-start; background-color: transparent !important; }

.tds-chip--full-width { --tds-chip--width: 100%; }

.tds-form-input .tds-chip { font-size: var(--tds-font-size-30); }

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

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

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

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

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

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

.tds-chip-circle-container { align-items: center; block-size: var(--tds-size--2x); display: flex; inline-size: var(--tds-size--2x); justify-content: center; margin-inline-end: var(--tds-size--half); }

.tds-chip-circle { background-color: var(--tds-chip--background-color); block-size: 12px; border-radius: 50%; inline-size: 12px; }

.tds-chip .tds-icon { --tds-icon--size: var(--tds-size--2x); }

.tds-chip > .tds-icon, .tds-chip > tds-icon .tds-icon { margin-inline-end: var(--tds-size--half); }

.tds-chip .tds-icon-btn { --tds-icon-btn--border-width: 1px; block-size: var(--tds-chip-icon-btn--size); inline-size: var(--tds-chip-icon-btn--size); }

.tds-chip .tds-icon-btn:first-child { margin-inline: -3px 2px; }

.tds-chip .tds-icon-btn:last-child { color: var(--tds-theme-foreground-low-contrast); margin-inline: 2px -3px; }

.tds-chip-group { align-items: center; display: flex; flex-flow: wrap; gap: var(--tds-size--1x); }

.tds-chip--grey, .tds-chip--color-grey { --tds-chip--background-color: var(--tds-color-status-grey); }

.tds-chip--grey-pastel, .tds-chip--color-grey-pastel { --tds-chip--background-color: var(--tds-theme-status-grey-pastel); }

.tds-chip--green, .tds-chip--color-green { --tds-chip--background-color: var(--tds-color-status-green); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tds-content_container { display: block; inline-size: var(--tds-content_container--inline-size); margin-inline: auto; padding-inline: var(--tds-content_container--gutter) var(--tds-content_container--gutter); }

@media (max-width: 599px) {
  :root { --tds-content_container--gutter: var(--tds-size--3x); }
}

@media (min-width: 600px) {
  :root { --tds-content_container--gutter: 36px; }
}

@media (min-width: 1200px) {
  :root { --tds-content_container--gutter: var(--tds-size--6x); }
}

.tds-content_container--max_width { max-inline-size: var(--tds-content_container--max_width); }

@media (min-width: 900px) {
  .tds-content_container--small { --tds-content_container--inline-size: 50%; }
  .tds-content_container--medium { --tds-content_container--inline-size: 70%; }
  .tds-content_container--large, .tds-content_container--extra-large { --tds-content_container--inline-size: 90%; }
  .tds-content_container--max_width.tds-content_container--small { --tds-content_container--max_width: 530px; }
  .tds-content_container--max_width.tds-content_container--medium { --tds-content_container--max_width: 742px; }
  .tds-content_container--max_width.tds-content_container--large { --tds-content_container--max_width: 954px; }
  .tds-content_container--max_width.tds-content_container--extra-large { --tds-content_container--max_width: 1824px; }
}

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

.tds-date-picker { --tds-date-picker--day-font-size: var(--tds-font-size-30); --tds-date-picker--day-size: var(--tds-size--5x); --tds-date-picker--grid-size: 327px; --tds-date-picker--label-font-size: var(--tds-font-size-50); --tds-date-selected--color: var(--tds-color-white); --tds-day-radius: var(--tds-size--half); --tds-end-of-week-radius: var(--tds-size--half); inline-size: var(--tds-date-picker--grid-size); }

.tds-density--dense .tds-date-picker { --tds-date-picker--day-font-size: var(--tds-font-size-20); --tds-date-picker--day-size: var(--tds-size--4x); --tds-date-picker--label-font-size: var(--tds-font-size-30); inline-size: calc(var(--tds-date-picker--grid-size) - var(--tds-size--3x) * 2); }

.tds-date-picker--range { --tds-date-picker--grid-gap: var(--tds-size--6x); display: flex; flex-wrap: wrap; gap: var(--tds-size--2x) var(--tds-date-picker--grid-gap); position: relative; }

.tds-date-picker--range.tds-date-picker--horizontal { inline-size: calc(var(--tds-date-picker--grid-size) * 2 + var(--tds-date-picker--grid-gap)); }

.tds-date-picker-calendar { --tds-column-count: 7; flex-grow: 1; }

.tds-date-picker-month { align-items: center; display: flex; flex-grow: 1; inline-size: 100%; min-block-size: var(--tds-date-picker--day-size); }

tds-month-header { inline-size: 100%; }

.tds-date-picker-month:focus { border-radius: var(--tds-size--half); }

.tds-date-picker-month button { align-items: center; align-self: stretch; display: flex; min-inline-size: calc(var(--tds-date-picker--day-size) * 1.5); z-index: 1; }

.tds-date-picker-month button:first-child { justify-content: flex-end; }

.tds-date-picker-month button:last-child { justify-content: flex-start; }

.tds-date-picker-month label { flex-grow: 1; font-size: var(--tds-date-picker--label-font-size); font-weight: var(--tds-font-weight-medium); padding: 0px; text-align: center; }

.tds-date-picker-month button:not(:hover) .tds-icon { color: var(--tds-theme-foreground-low-contrast); }

.tds-date-picker-days-label, .tds-date-picker-days-grid { --tds-date-picker--row-gap: var(--tds-size--half); align-items: center; display: grid; gap: var(--tds-date-picker--row-gap) 0; grid-template-columns: repeat(var(--tds-column-count, 7), 1fr); margin: var(--tds-size--1x) 0; }

.tds-date-picker-days-label { pointer-events: none; }

.tds-day { cursor: pointer; display: flex; justify-content: center; pointer-events: auto; position: relative; z-index: 1; }

tds-day .tds-day { inline-size: 100%; }

.tds-day--not-this-month { pointer-events: none; visibility: hidden; }

.tds-day span { align-items: center; block-size: var(--tds-date-picker--day-size); border-radius: var(--tds-day-radius); display: flex; font-size: var(--tds-date-picker--day-font-size); inline-size: var(--tds-date-picker--day-size); justify-content: center; outline-offset: 2px; }

.tds-day--today span { border: 1px solid var(--tds-theme-border); }

.tds-day[disabled] { color: var(--tds-color-grey-30); font-weight: var(--tds-font-weight-regular); }

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

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

.tds-day--selected:hover span { background-color: var(--tds-theme-primary-highlight); }

.tds-day--selected span { color: var(--tds-date-selected--color); font-weight: var(--tds-font-weight-medium); border: none; outline-offset: 2px; transition: background-color 0.3s, color 0.3s; }

.tds-day::before { background-color: var(--tds-theme-background); bottom: 0px; content: ""; position: absolute; top: 0px; z-index: -1; }

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

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

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

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

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

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

.tds-date-picker-days-grid.tds-date-picker-days-grid--with-indicators { --tds-date-picker--row-gap: var(--tds-size--1x); }

.tds-tooltip.tds-date-picker-tooltip { inline-size: var(--tds-date-picker--grid-size); }

.tds-tooltip.tds-date-range-picker-tooltip { max-inline-size: calc(-48px + 100vw); }

.tds-date-picker--selected .tds-day--selected::before { background-color: var(--tds-theme-primary); color: var(--tds-color-white); font-weight: var(--tds-font-weight-medium); transition: background-color 0.3s, color 0.3s; }

.tds-date-picker--hovering .tds-day--highlighted::before, .tds-date-picker--hovering:not(.tds-date-picker--selected) .tds-day--selected:not(:hover):not(:hover ~ .tds-day--selected)::before { background-color: var(--tds-theme-background-container); }

.tds-day--start:not(.tds-day--highlighted ~ .tds-day--start)::before { inset-inline: 50% 0px; }

.tds-day--between::before { inset-inline: 0px; }

.tds-day--highlighted:not(.tds-day--between)::before, .tds-day--end::before { inset-inline: 0px 50%; }

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

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

.tds-day-status-indicators { bottom: 0px; display: flex; flex-flow: row; justify-content: center; position: absolute; transform: translateY(50%); width: 100%; }

.tds-date-picker-year-month-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--tds-size--2x); }

.tds-figure { --tds-figure--padding: var(--tds-padding--card); --tds-figure--radius: var(--tds-border-radius--card); block-size: min-content; display: flex; max-block-size: min-content; max-inline-size: var(--tds-figure--width); overflow: hidden; padding: 0px; transition: background-color 0.33s; }

.tds-figure img { border-radius: var(--tds-figure--radius); inline-size: 100%; }

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

.tds-figure > .tds-card-body { padding: 0px; }

.tds-figure--layout-vertical > img + figcaption, .tds-figure--layout-vertical > figcaption + img { margin-block-start: var(--tds-figure--padding); }

.tds-figure--layout-vertical > .tds-icon + figcaption, .tds-figure--layout-vertical > figcaption + .tds-icon { margin-block-start: calc(var(--tds-figure--padding) / 3); }

.tds-figure:not(.tds-figure--layout-vertical) > img + figcaption, .tds-figure:not(.tds-figure--layout-vertical) > figcaption + img { margin-inline-start: var(--tds-figure--padding); }

.tds-figure:not(.tds-figure--layout-vertical) > .tds-icon + figcaption, .tds-figure:not(.tds-figure--layout-vertical) > figcaption + .tds-icon { margin-inline-start: calc(var(--tds-figure--padding) / 3); }

.tds-figure--layout-vertical { flex-direction: column; }

.tds-figure :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6, .tds-text--caption-header) { padding-block-start: 0px; }

.tds-form--indent { --tds-form--indent: 12px; }

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

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

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

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

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

.tds-density--default.tds-form--outdent { --tds-form--indent: 0px; }

.tds-density--dense.tds-form--outdent { --tds-form--indent: 0px; }

.tds-form-fieldset { border: 0px; margin: 0px; padding: 0px; }

.tds-form-fieldset, .tds-form-layout { display: grid; gap: var(--tds-form--gap); }

.tds-form-layout--horizontal { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

.tds-form-layout--2col { grid-template-columns: repeat(2, minmax(200px, 1fr)); }

.tds-form-fieldset > :is(legend, .tds-text--h3, .tds-text--h4, .tds-text--h5), tds-form-legend legend { padding-inline-start: var(--tds-form--indent); }

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

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

.tds-form-input-group { display: flex; flex-direction: column; }

.tds-form-input-group--layout-horizontal { flex-direction: row; margin-block-start: calc(-1 * var(--tds-size--half)); margin-inline: calc(-1 * var(--tds-size--half)); overflow-x: auto; padding-block-start: var(--tds-size--half); padding-inline: var(--tds-size--half); margin-block-end: -12px; padding-block-end: 12px; }

.tds-form-input { align-items: center; border-radius: var(--tds-border-radius--outline-only); display: flex; font-size: var(--tds-form-input--font-size, inherit); position: relative; transition: color 0.33s, background-color 0.33s, box-shadow 0.33s; }

@media (max-width: 599px) {
  .tds-form-input--default, .tds-form-input--option { --tds-form-input--font-size: var(--tds-size--2x); }
}

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

.tds-placeholder { font-weight: var(--tds-font-weight-medium); white-space: nowrap; }

:is(tds-form-label, .tds-form-label, .tds-form-caption, .tds-form-feedback) + :is(.tds-form-input, .tds-form-input-group, .tds-tooltip-wrapper, .tds-form-input-dropdown, tds-form-input-search) { margin-block-start: var(--tds-size--1x); }

:is(tds-form-label, .tds-form-label, .tds-form-caption, .tds-form-feedback) + :is(.tds-form-input--readonly, .tds-form-input-group--layout-horizontal) { margin-block-start: var(--tds-size--half); }

.tds-form-input--inline { display: inline-flex; vertical-align: baseline; }

.tds-form-input--default { --tds-form--indent: 12px; background-color: var(--tds-theme-background-container); block-size: auto; border-radius: var(--tds-border-radius--pill); box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-background-container)); inline-size: var(--tds-form-input--inline-size, 100%); justify-content: space-between; min-block-size: var(--tds-height--pill); outline-offset: 2px; padding: 0 var(--tds-form--indent); transition: inline-size 0.5s var(--tds-bezier),
    padding 0.5s var(--tds-bezier),
    background-color 0.33s ease,
    box-shadow 0.33s ease; }

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

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

:is(.tds-scrim--light, .tds-scrim--black) :is(.tds-modal, .tds-tooltip) .tds-form-input--default { --tds-form-input--border-color: var(--tds-theme-background-container-alt); background-color: var(--tds-theme-background-container-alt); }

:is(.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted), .tds-scrim--black .tds-modal) .tds-form-input--default { --tds-form-input--border-color: var(--tds-theme-background); background-color: var(--tds-theme-background); }

.tds-form-input--default.tds-form-input--readonly { --tds-form--indent: 0; background: none; border-radius: var(--tds-border-radius--outline-only); box-shadow: none; margin-inline: var(--tds-form--indent); min-block-size: auto; padding: 0px; }

:is(.tds-form--indent .tds-density--dense, .tds-density--dense .tds-form--indent, .tds-form--indent.tds-density--dense) .tds-form-input--default.tds-form-input--readonly { --tds-form--indent: 10px; }

:is(.tds-form--indent, .tds-form--indent .tds-density--default, .tds-density--default .tds-form--indent, .tds-form--indent.tds-density--default) .tds-form-input--default.tds-form-input--readonly { --tds-form--indent: 12px; }

.tds-form-input--readonly { --tds-form-input--inline-size: auto; color: var(--tds-theme-foreground-high-contrast); }

.tds-form-input.tds--disabled { user-select: none; }

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

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

.tds--indicate-focus .tds-form-input:focus-within { --tds-form-input--border-color: var(--tds-theme-background-container); outline: var(--tds-outline--focus); }

.tds--indicate-focus .tds-form-input:has(.tds-dropdown):has(.tds-form-input-search:focus), .tds--indicate-focus .tds-form-input:has(.tds-dropdown):has(.tds-form-input-dropdown:focus ~ .tds-tooltip--open), .tds--indicate-focus .tds-form-input:has(.tds-form-input-file-upload:focus), .tds--indicate-focus .tds-form-input:has(.tds-form-input-range:focus), .tds--indicate-focus .tds-form-input:has(.tds-form-input-choice:focus) { --tds-form-input--border-color: var(--tds-theme-background-container); outline: none; }

.tds-form-input:not(.tds-form-input--default) .tds-form-input-leading .tds-dropdown-trigger { border-radius: var(--tds-size--half); outline-offset: -2px; }

.tds-form-input:not(.tds-form-input--default) .tds-form-input-leading .tds-dropdown-trigger:focus-visible { margin-inline-start: 0px; }

.tds-form-input--collapsed { --tds-form-input--border-color: transparent; background-color: transparent; cursor: pointer; inline-size: var(--tds-form-input--collapsed-inline-size); padding-inline-start: var(--tds-form-input--collapsed-padding-inline-start); }

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

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

.tds-form-input-group > .tds-form-input:not(:last-child), tds-form-input-choice-group > tds-form-input-choice:not(:last-child), tds-form-input-checkbox-group > tds-form-input-checkbox:not(:last-child), tds-form-input-radio-group > tds-form-input-radio:not(:last-child) { margin-block-end: var(--tds-size--1x); }

.tds-form-input-group--layout-horizontal > .tds-form-input { max-inline-size: calc(100% - var(--tds-size--6x)); min-inline-size: min-content; }

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

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

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

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

.tds-form-input-group--layout-horizontal .tds-form-input-leading + .tds-form-input-trailing { padding-inline-start: var(--tds-size--2x); }

.tds-form-input--default :where(.tds-form-input-leading, .tds-form-input-trailing) { align-items: center; display: flex; inline-size: max-content; }

:is(.tds-form-input--default, .tds-listbox-search) :where(.tds-form-input-leading, .tds-form-input-trailing) { padding-block-end: var(--tds-size--half); padding-block-start: var(--tds-size--half); }

.tds-form-input img { block-size: 100%; border-radius: inherit; inline-size: 100%; object-fit: cover; overflow: hidden; }

.tds-form-input-choice { align-self: normal; appearance: none; cursor: pointer; color: inherit; display: inline-flex; box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast); transition: box-shadow 0.33s var(--tds-bezier); max-block-size: var(--tds-height--choice); max-inline-size: var(--tds-height--choice); min-block-size: var(--tds-height--choice); min-inline-size: var(--tds-height--choice); vertical-align: middle; }

.tds-form-input-choice:focus { box-shadow: inset 0 0 0 2px var(--tds-theme-foreground-high-contrast); }

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

.tds-form-input-choice[type="radio"] { --tds-form-input-choice--fill-size: var(--tds-form-input-choice--radio-size); border-radius: calc(var(--tds-height--choice) / 2); }

.tds-form-input-choice::after { content: ""; inline-size: var(--tds-form-input-choice--fill-size); block-size: var(--tds-form-input-choice--fill-size); margin: auto; display: block; transform: scale(0); transition: transform 0.33s var(--tds-bezier); }

.tds-form-input-choice:checked::after { transform: scale(1); }

.tds-form-input-choice[type="checkbox"]::after { background-image: var(--tds-background-image--check); }

.tds-form-input-choice[type="checkbox"]:indeterminate::after { background-image: var(--tds-background-image--minus); transform: scale(1); }

.tds-form-input-choice[type="radio"]::after { background-color: currentcolor; border-radius: inherit; }

:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice { margin-block-start: var(--tds-size--1x); }

:is(.tds-theme--replicant, .tds-density--dense) .tds-form-input-group .tds-form-input-choice { margin-block-start: 0px; }

.tds-form-item .tds-form-input-choice, .tds-form-input-group--layout-horizontal .tds-form-input:first-child .tds-form-input-choice { margin-inline-start: var(--tds-form--indent); }

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

.tds-form-input-choice-label { --tds-form--indent: var(--tds-size--1x); align-self: normal; padding-block-start: 2px; }

:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice + .tds-form-input-choice-label { margin-block-start: var(--tds-size--1x); }

:is(.tds-theme--replicant, .tds-density--dense) :is(.tds-form-input-group .tds-form-input-choice, .tds-form-input-choice) + .tds-form-input-choice-label { margin-block-start: -4px; }

.tds-form-input-choice-label label[for] { cursor: pointer; }

.tds-form-input-choice + .tds-form-input-choice-label:hover .tds-form-label, .tds-form-input-choice:hover + .tds-form-input-choice-label .tds-form-label, .tds-form-input-choice:checked + .tds-form-input-choice-label .tds-form-label { color: var(--tds-theme-foreground-high-contrast); }

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

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

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

.tds-form-input--inline .tds-form-input-dropdown + .tds-form-input-trailing { padding-inline-start: 0px; }

.tds-dropdown.tds-tooltip { --tds-tooltip--padding: var(--tds-form--indent); cursor: default; padding: 0px; }

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

.tds--indicate-focus .tds-form-input > input:focus ~ .tds-dropdown.tds-tooltip { outline: var(--tds-outline--focus); }

.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:has(.tds-form-input-search:focus) { outline: var(--tds-outline--focus); }

.tds-dropdown-trigger { align-items: center; display: flex; font-weight: var(--tds-font-weight-medium); margin-inline-start: calc(var(--tds-size--half) * -1); padding-inline-start: var(--tds-size--half); white-space: nowrap; }

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

.tds-form-label-files { padding-inline-end: var(--tds-form--indent); padding-inline-start: var(--tds-form--indent); }

.tds-list-item--file { align-items: center; color: var(--tds-theme-foreground); display: flex; justify-content: space-between; max-inline-size: unset; }

:is(.tds-form-label, .tds-form-caption) + .tds-form-label-files .tds-list-item--file:first-of-type { padding-block-start: var(--tds-size--1x); }

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

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

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

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

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

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

.tds-form-input-file-upload { appearance: none; block-size: 1px; inline-size: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; }

.tds-form-input-file-upload[disabled] + .tds-btn { cursor: not-allowed; opacity: var(--tds-ui-opacity-50); }

.tds-form-input-file-upload:not([disabled]):focus-visible + .tds-btn { box-shadow: inset 0 0 0 var(--tds-border-width--medium); outline: none; }

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

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

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

.tds-form-input-code-verification-group { --tds-form-input--inline-size: 40px; align-items: center; display: flex; flex-direction: row; gap: 16px; justify-content: flex-start; }

:is(.tds-form-input-code-verification-group) > :is(.tds-form-input--default, .tds-form-input) { justify-content: center; }

.tds-form-input-code-verification-group--center { justify-content: center; }

.tds-form-input-code-verification { appearance: none; background-color: transparent; border: none; color: inherit; font-size: var(--tds-font-size-50); font-weight: var(--tds-font-weight-medium); margin: 0px; padding: 0px; max-inline-size: var(--tds-size-3x); border-radius: var(--tds-border-radius--outline-only); text-align: center; overflow: hidden; }

.tds-form-input-code-verification:focus { outline: none; }

.tds-form-input-range { --tds-form-input-range--thumb-size: var(--tds-height--choice); --tds-form-input-range--track-size: calc(var(--tds-height--choice) / 2); --tds-form-input-range--track-radius: calc(var(--tds-form-input-range--track-size) / 2); --tds-form-input-range--background-color: var(--tds-theme-primary); appearance: none; background-color: transparent; color: inherit; cursor: ew-resize; inline-size: 100%; margin: var(--tds-size--half) var(--tds-form--indent); }

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

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

.tds-form-input-range--progress::before { background-color: var(--tds-form-input-range--background-color); block-size: 100%; border-radius: var(--tds-size--1x); content: ""; display: block; inline-size: var(--tds-form-input-range--progress-width, 100%); left: 0px; pointer-events: none; position: absolute; top: 0px; }

[dir="rtl"] .tds-form-input-range--progress::before { left: auto; right: 0px; }

.tds-form-input-range::-webkit-slider-runnable-track { background-color: var(--tds-color-grey-50); block-size: var(--tds-form-input-range--track-size); border-radius: var(--tds-form-input-range--track-radius); inline-size: 100%; }

.tds-form-input-range::-webkit-slider-thumb { appearance: none; background-color: var(--tds-color-white); block-size: var(--tds-form-input-range--thumb-size); border-radius: calc(var(--tds-form-input-range--thumb-size) / 2); box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-border)),
    var(--tds-range-slider--box-shadow, 0 0 0 0 transparent),
    var(--tds-box-shadow--small); inline-size: var(--tds-form-input-range--thumb-size); margin-block-start: calc(var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2); outline: var(--tds-range-slider--outline, none); position: relative; outline-offset: 2px; transition: box-shadow 0.3s; }

.tds--indicate-focus ::-webkit-slider-thumb { transition: none; }

.tds-form-input-range:focus-visible { --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast); --tds-form-input--border-width: 2px; --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background); --tds-range-slider--outline: var(--tds-outline--focus); }

.tds--indicate-focus .tds-form-input-range:focus { --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast); --tds-form-input--border-width: 2px; --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background); --tds-range-slider--outline: var(--tds-outline--focus); }

.tds-form-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 { appearance: none; background-color: inherit; border: none; color: inherit; flex-grow: 1; font-weight: var(--tds-font-weight-medium); inline-size: 100%; margin: 0px; padding: 0px; padding-inline-end: var(--tds-size--3x); text-overflow: ellipsis; border-radius: var(--tds-border-radius--outline-only); }

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

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

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

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

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

.tds-colorscheme--dark .tds-form-input--default :is(option, optgroup), .tds-scrim--black .tds-form-input--default :is(option, optgroup) { background-color: var(--tds-theme-background-container); }

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

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

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

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

.tds-form-input-search-clear { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.33s, background-color 0.33s, visibility 0.33s; }

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

.tds-form-input-search-wrapper--center { display: flex; justify-content: center; }

.tds-form-input-search-wrapper--leading { display: flex; justify-content: flex-end; }

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

.tds-form-input--option { --tds-form--indent: 12px; align-items: center; block-size: auto; border-radius: var(--tds-border-radius--pill); box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px) var(--tds-form-input--border-color, var(--tds-theme-border)); inline-size: auto; justify-content: space-between; min-block-size: var(--tds-height--pill); padding: var(--tds-size--half) var(--tds-form--indent); }

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

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

.tds-form-input--option.tds-form-input--circle, .tds-form-input-group--layout-horizontal > .tds-form-input--option.tds-form-input--circle { border-radius: var(--tds-border-radius--circle); justify-content: center; max-block-size: var(--tds-height--pill); max-inline-size: var(--tds-height--pill); min-inline-size: var(--tds-height--pill); padding: var(--tds-size--1x); }

input.tds-form-input-hidden-choice { block-size: 0px; clip-path: inset(100%); inline-size: 0px; opacity: 0; pointer-events: none; }

.tds-form-input-hidden-choice + .tds-form-input { cursor: pointer; }

.tds-form-input-hidden-choice[disabled] + .tds-form-input { cursor: not-allowed; opacity: var(--tds-ui-opacity-50); pointer-events: none; }

.tds-form-input-hidden-choice:checked + .tds-form-input { font-weight: var(--tds-font-weight-medium); }

.tds-form-input-hidden-choice:checked + .tds-form-input.tds-form-input--option, .tds-form-input--option .tds-form-input-hidden-choice:checked + .tds-form-input { --tds-form-input--border-color: var(--tds-theme-primary); --tds-form-input--border-width: var(--tds-border-width--large); color: var(--tds-theme-foreground-high-contrast); }

.tds-form-input-hidden-choice:focus-visible + .tds-form-input { outline: var(--tds-outline--focus); }

.tds--indicate-focus .tds-form-input-hidden-choice:focus + .tds-form-input { outline: var(--tds-outline--focus); }

.tds-form-input-visual-checkbox { --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size); color: inherit; cursor: pointer; display: inline-flex; max-block-size: var(--tds-height--choice); max-inline-size: var(--tds-height--choice); min-block-size: var(--tds-height--choice); min-inline-size: var(--tds-height--choice); vertical-align: middle; box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast); border-radius: var(--tds-size--half); transition: box-shadow 0.33s; }

.tds-form-input-leading .tds-form-input-visual-checkbox { margin-inline-end: var(--tds-size--1x); }

.tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox { box-shadow: inset 0 0 0 2px var(--tds-theme-foreground-high-contrast); }

.tds-form-input-visual-checkbox::after { content: ""; inline-size: var(--tds-form-input-choice--fill-size); block-size: var(--tds-form-input-choice--fill-size); margin: auto; background-image: var(--tds-background-image--check); background-repeat: no-repeat; transform: scale(0); transition: transform 0.33s var(--tds-bezier); }

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

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

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

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

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

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

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

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

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

.tds-form-input-textarea { appearance: none; background-color: transparent; border: none; color: inherit; flex-grow: 1; font-weight: var(--tds-font-weight-medium); margin: 0px; min-block-size: calc(var(--tds-height--pill) * 3); padding: 0px; resize: none; border-radius: var(--tds-border-radius--outline-only); }

.tds-form-input--default .tds-form-input-textarea { margin: 0 calc(var(--tds-form--indent) * -1); padding: var(--tds-size--1x) var(--tds-form--indent); }

.tds-form-input--readonly .tds-form-input-textarea { margin: 0px; padding: 0px; }

.tds-form-input-textarea:focus { outline: none; }

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

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

.tds-form-feedback { color: var(--tds-form-feedback--color, var(--tds-form-label--color)); display: flex; font-size: var(--tds-font-size-20); justify-content: space-between; padding-inline: var(--tds-form--indent) var(--tds-form--indent); }

:is(.tds-form-input, .tds-form-input-group, .tds-form-label, .tds-form-caption, .tds-form-input-code-verification-group, tds-form-input-dropdown, tds-form-input, tds-form-input-date, tds-form-label, tds-form-input-search, tds-form-input-file-upload) + .tds-form-feedback { margin-block-start: var(--tds-size--1x); }

.tds-form-feedback-text { flex-grow: 1; text-align: end; }

.tds-form--error .tds-form-helper-text { display: none; }

.tds-form--error .tds-form-feedback-text { font-weight: var(--tds-font-weight-medium); text-align: start; }

.tds-form-input-code-verification-group--center + .tds-form-feedback > .tds-form-feedback-text { text-align: center; }

.tds-form-label { display: block; color: var(--tds-form-label--color); font-weight: var(--tds-font-weight-medium); padding-inline: var(--tds-form--indent) calc(var(--tds-form--indent) / 2); transition: color 0.33s; }

.tds-form-label-tooltip { display: inline-flex; position: relative; vertical-align: middle; }

.tds-form-label-tooltip .tds-icon--inline:is(:first-child, :last-child) { margin-inline: 0px; }

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

:is(.tds-form-input, .tds-form-input-group) + .tds-form-caption { margin-block-start: var(--tds-size--1x); }

.tds-icon-btn { --tds-icon-btn--background: transparent; --tds-icon-btn--border-width: var(--tds-border-width--medium); display: inline-flex; align-items: center; justify-content: center; inline-size: var(--tds-height--pill); block-size: var(--tds-height--pill); padding: var(--tds-size--half); border-radius: var(--tds-border-radius--pill); vertical-align: middle; background-color: var(--tds-icon-btn--background); box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width) transparent; backdrop-filter: blur(0px); transition: color 0.33s ease,
    background-color 0.33s ease,
    box-shadow 0.25s ease,
    transform 0.33s var(--tds-bezier); border: var(--tds-icon-btn--border-width) solid transparent; }

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

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

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

:is(.tds-form-input-leading, .tds-form-input-trailing) .tds-icon-btn { margin-block-end: calc(var(--tds-size--1x) * -1); margin-block-start: calc(var(--tds-size--1x) * -1); }

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

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

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

.tds-icon-btn.tds--highlighted, .tds-data-table tbody tr.tds--highlighted .tds-td--actions .tds-icon-btn { --tds-icon-btn--background: var(--tds-theme-background-container-alt); backdrop-filter: blur(var(--tds-blur--button)); }

@media (hover: hover) {
  .tds-icon-btn:not([disabled]):hover, .tds-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]) { --tds-icon-btn--background: var(--tds-theme-background-container-alt); backdrop-filter: blur(var(--tds-blur--button)); }
  .tds-icon-btn.tds--highlighted:not([disabled]):hover { --tds-icon-btn--background: var(--tds-theme-background-container-alt-highlight); }
}

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

:root, .tds-component-preview { --tds-icon--bg: transparent; --tds-icon--rotate-x: 0deg; --tds-icon--size: var(--tds-size--3x); --tds-icon--transform: ; --tds-icon--color-stop-1: currentcolor; --tds-icon--color-stop-2: currentcolor; }

:root, [dir="ltr"] { --tds-icon--rotate-y: 0deg; }

[dir="rtl"] { --tds-icon--rotate-y: 180deg; }

.tds-icon { background: var(--tds-icon--bg); block-size: var(--tds-icon--size); content: ""; display: block; inline-size: var(--tds-icon--size); max-inline-size: 100%; min-block-size: var(--tds-icon--size); min-inline-size: var(--tds-icon--size); overflow: hidden; text-indent: -9999px; transform: var(--tds-icon--transform); transition: color 0.33s ease, transform 0.5s var(--tds-bezier); }

.tds-icon--small { --tds-icon--size: var(--tds-size--2x); }

.tds-icon--large { --tds-icon--size: var(--tds-size--4x); }

.tds-icon--xl { --tds-icon--size: var(--tds-size--6x); }

.tds-icon--xxl { --tds-icon--size: var(--tds-size--8x); }

:is([class*="tds-icon-arrow"], [class*="tds-icon-chevron"], [class*="tds-icon-speaker"]) { transform: rotateY(var(--tds-icon--rotate-y)) rotateX(var(--tds-icon--rotate-x)) var(--tds-icon--transform); }

.tds-icon--flip-x, .tds-accordion[open] > .tds-accordion-summary > [class*="tds-icon-chevron"], .tds-sidenav .tds-site-nav-item.tds--expanded [class*="tds-icon-chevron"]:last-child { --tds-icon--rotate-x: 180deg; }

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

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

.tds-icon--inline:first-child { margin-inline-end: var(--tds-size--half); }

.tds-icon--text-bottom { vertical-align: text-bottom; }

.tds-icon--text-top { vertical-align: text-top; }

.tds-icon--text-middle { vertical-align: middle; margin-block-start: -0.2em; }

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

.tds-icon-loader { background: conic-gradient(from 30deg, rgba(119, 119, 119, 0), rgba(119, 119, 119, 0.48), rgba(119, 119, 119, 0.8), rgb(119, 119, 119)); color: rgba(255, 255, 255, 0); mask: url(data:image/svg+xml,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z' fill='black'/></svg>) 0% 0% / cover; opacity: var(--tds-ui-opacity-70); }

.tds-icon * { transition: fill 0.3s, stroke 0.3s; }

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

.tds-theme--replicant .tds-icon-badge { --tds-badge--text-color: var(--tds-color--black); }

.tds-icon-trigger { --tds-icon-trigger--animation: color 900ms var(--tds-bezier),
    border 900ms var(--tds-bezier),
    opacity 900ms var(--tds-bezier),
    transform 900ms var(--tds-bezier),
    box-shadow 250ms var(--tds-bezier),
    background-color 900ms var(--tds-bezier); --tds-icon-trigger--border_size: 2px; --tds-icon-trigger--padding-inline-end: var(--tds-size--1x); --tds-icon-trigger--padding-inline-start: var(--tds-size--4x); align-items: center; background: none; border: none; color: var(--tds-theme-foreground); cursor: pointer; display: inline-flex; flex-flow: row; font-size: var(--tds-font-size-30); font-weight: var(--tds-font-weight-medium); min-block-size: var(--tds-size--5x); min-inline-size: var(--tds-size--3x); padding-block: var(--tds-size--1x) var(--tds-size--1x); padding-inline: var(--tds-icon-trigger--padding-inline-start) var(--tds-icon-trigger--padding-inline-end); position: relative; user-select: none; }

.tds-icon-trigger:disabled, .tds-icon-trigger.tds--disabled { cursor: not-allowed; opacity: var(--tds-ui-opacity-50); }

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

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

.tds-icon-crosshatch { --tds-icon-crosshatch--border-radius: var(--tds-border-radius--pill); appearance: none; background-color: transparent; block-size: var(--tds-size--3x); border: var(--tds-icon-trigger--border_size) solid var(--tds-color--secondary-highlight); border-radius: var(--tds-icon-crosshatch--border-radius); inline-size: var(--tds-size--3x); left: 0px; padding: 0px; position: absolute; transition: var(--tds-icon-trigger--animation); }

.tds-icon-crosshatch::before, .tds-icon-crosshatch::after { background-color: var(--tds-color--secondary-highlight); border-radius: var(--tds-icon-crosshatch--border-radius); content: ""; inset: 0px; margin: auto; position: absolute; transition: var(--tds-icon-trigger--animation); }

.tds-icon-crosshatch::before { block-size: calc(var(--tds-size--2x) - 4px); inline-size: var(--tds-icon-trigger--border_size); }

.tds-icon-crosshatch::after { block-size: var(--tds-icon-trigger--border_size); inline-size: calc(var(--tds-size--2x) - 4px); }

.tds-icon-trigger--small { --tds-icon-trigger--padding-inline-start: calc(var(--tds-size--2x) + 8px); min-block-size: calc(var(--tds-size--2x) + 10px); }

.tds-icon-trigger--small .tds-icon-crosshatch { block-size: var(--tds-size--2x); inline-size: var(--tds-size--2x); }

.tds-icon-trigger--small .tds-icon-crosshatch::before { block-size: calc(var(--tds-size--2x) - 10px); }

.tds-icon-trigger--small .tds-icon-crosshatch::after { inline-size: calc(var(--tds-size--2x) - 10px); }

.tds-icon-trigger--unenclosed { transition: var(--tds-icon-trigger--animation); }

.tds-icon-trigger--unenclosed .tds-icon-crosshatch { border: none; }

.tds-icon-trigger--unenclosed .tds-label-title { margin-inline-end: var(--tds-size--1x); }

.tds-icon-trigger--reversed { --tds-icon-trigger--padding-inline-end: var(--tds-size--4x); --tds-icon-trigger--padding-inline-start: 0; }

.tds-icon-trigger--reversed .tds-icon-crosshatch { left: auto; right: 0px; }

[dir="rtl"] .tds-icon-crosshatch { left: initial; right: 0px; }

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

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

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

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

.tds-icon-trigger--rotate[aria-pressed="true"] .tds-icon-crosshatch::after { opacity: var(--tds-ui-opacity-100); transform: rotateZ(315deg); }

.tds-icon-trigger--invert-colors[aria-pressed="true"] .tds-icon-crosshatch { background-color: var(--tds-color--secondary-highlight); }

.tds-icon-trigger--invert-colors[aria-pressed="true"] .tds-icon-crosshatch::before, .tds-icon-trigger--invert-colors[aria-pressed="true"] .tds-icon-crosshatch::after { background-color: var(--tds-color--inverse); }

.tds-icon-trigger--chevron .tds-icon { transition: var(--tds-icon-trigger--animation); }

.tds-icon-trigger--chevron[aria-pressed="true"] .tds-icon { transform: rotateX(180deg); }

.tds-icon-trigger--chevron { --tds-icon-trigger--padding-inline-end: 0; --tds-icon-trigger--padding-inline-start: 0; gap: var(--tds-size--half); }

.tds-indicator { --tds-indicator--circle-size: var(--tds-size-base); --tds-status-color--background-color: var(--tds-theme-background-container); block-size: var(--tds-indicator--circle-size); inline-size: var(--tds-indicator--circle-size); }

.tds-indicator--large { --tds-indicator--circle-size: calc(var(--tds-size-base) * 1.5); }

.tds-indicator--small { --tds-indicator--circle-size: var(--tds-size-half); }

.tds-indicator-group { --tds-indicator-group--circle-size: var(--tds-size-base); block-size: var(--tds-indicator-group--circle-size); }

.tds-indicator-group--large-indicators { --tds-indicator-group--circle-size: calc(var(--tds-size-base) * 1.5); }

.tds-indicator-group--small-indicators { --tds-indicator-group--circle-size: var(--tds-size-half); }

:root, .tds-component-preview { --tds-gutter: var(--tds-size--3x); --tds-flex-gutter: var(--tds-size--3x); --tds-gutter--half: calc(var(--tds-size--3x) / 2); --tds-gutter--negative: calc(var(--tds-size--3x) * -1); --tds-gutter--half_negative: calc(var(--tds-gutter--negative) / 2); }

.tds-flex { display: flex; flex-flow: column wrap; list-style: none; margin: 0px; padding: 0px; }

@media (min-width: 600px) {
  .tds-flex { flex-flow: wrap; }
}

.tds-flex-gutters { margin-block: var(--tds-gutter--negative) var(--tds-flex-gutter); margin-inline-start: var(--tds-gutter--negative); }

@media (max-width: 599px) {
  .tds-flex-small-gutters > * { margin-block: var(--tds-size--1x) var(--tds-size--1x); }
  .tds-flex-small-gutters > :first-child { margin-block-start: 0px; }
  .tds-flex-small-gutters > :last-child { margin-block-end: 0px; }
}

@media (min-width: 600px) {
  .tds-flex-small-gutters > * { margin-inline: var(--tds-size--1x) var(--tds-size--1x); }
  .tds-flex-small-gutters > :first-child { margin-inline-start: 0px; }
  .tds-flex-small-gutters > :last-child { margin-inline-end: 0px; }
}

.tds-flex--nowrap { flex-wrap: nowrap; }

.tds-flex-item { flex: 1 1 0%; }

.tds-grid--show_grid .tds-flex-item { overflow: hidden; position: relative; }

.tds-grid--show_grid .tds-flex-item::before { background-color: rgba(149, 236, 255, 0.1); block-size: 100%; border-inline: 1px solid rgba(149, 236, 255, 0.3); content: ""; display: block; inline-size: calc(100% - 2px); left: 1px; position: absolute; top: 0px; }

.tds-grid--show_grid.tds-flex-gutters .tds-flex-item::before, .tds-grid--show_grid .tds-flex-gutters .tds-flex-item::before { inline-size: calc(100% - 26px); left: var(--tds-flex-gutter); top: var(--tds-flex-gutter); }

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

.tds-flex--flex_cells > .tds-flex-item { display: flex; }

.tds-flex-item--no_gutter { padding-block-start: 0px; padding-inline-start: 0px; }

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

[class*="tds-flex--col_"] { flex: 0 0 auto; transition: inline-size 250ms ease-in-out; }

@media (min-width: 600px) {
  .tds-flex--col_1of2 { inline-size: 50%; }
  .tds-flex--col_1of3 { inline-size: 33.3333%; }
  .tds-flex--col_2of3 { inline-size: 66.6667%; }
  .tds-flex--col_1of4 { inline-size: 25%; }
  .tds-flex--col_3of4 { inline-size: 75%; }
  .tds-flex--col_1of1 { inline-size: 100%; }
}

.tds-flex--top { align-items: flex-start; }

.tds-flex--bottom { align-items: flex-end; }

.tds-flex--center { align-items: center; }

.tds-flex--align-inline-start { justify-content: flex-start; }

.tds-flex--align-inline-center { justify-content: center; }

.tds-flex--align-inline-end { justify-content: flex-end; }

.tds-flex--align-inline-start > .tds-flex-item, .tds-flex--align-inline-center > .tds-flex-item, .tds-flex--align-inline-end > .tds-flex-item { flex: unset; }

.tds-flex-item--top { align-self: flex-start; }

.tds-flex-item--bottom { align-self: flex-end; }

.tds-flex-item--center { align-self: center; }

.tds-flex--fit > .tds-flex-item { flex: 1 1 0%; }

@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 1 0%; }
  .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: wrap; }

.tds-layout-flex--two_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1), .tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(1) { min-inline-size: 70%; }

.tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1) { min-inline-size: 60%; }

.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(2), .tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(2) { order: -1; }

@media (max-width: 599px) {
  .tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(1), .tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(1) { order: -1; }
}

@media (max-width: 599px) {
  .tds-flex-item { inline-size: 100%; min-inline-size: 112px; flex: 1 1 100%; }
  .tds-flex-gutters { margin-block: 0px; }
  .tds-flex-gutters .tds-flex-item { padding-block-start: 0px; }
}

.tds-layout-main { grid-area: main; }

.tds-layout-aside { grid-area: aside--primary; }

.tds-layout-aside + .tds-layout-aside { grid-area: aside--secondary; }

.tds-layout.tds-layout--no_offset, .tds-layout :is(.tds-layout, .tds-layout--no_offset) { padding-inline: 0px; }

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

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

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

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

.tds-content_container > .tds-layout { padding-inline: 0px; }

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

.tds-layout-item:first-child:last-child { grid-column: 1 / 13; }

[class*="tds-layout-2col"] .tds-layout-aside { grid-area: aside; }

.tds-layout-main--left .tds-layout-aside, .tds-layout-main--right .tds-layout-main { padding-inline-start: 0px; }

.tds-layout-2col.tds-layout-2col { grid-template: 1fr / repeat(2, 6fr); }

.tds-layout-2col-has_main, .tds-layout-2col-has_main--large, .tds-layout-2col-spacious { grid-template: 1fr / repeat(12, 1fr); }

.tds-layout-2col-has_main.tds-layout-main--left { grid-template-areas: "main main main main main main main main aside aside aside aside"; }

.tds-layout-2col-has_main.tds-layout-main--right { grid-template-areas: "aside aside aside aside main main main main main main main main"; }

.tds-layout-2col-has_main--large.tds-layout-main--left { grid-template-areas: "main main main main main main main main main aside aside aside"; }

.tds-layout-2col-has_main--large.tds-layout-main--right { grid-template-areas: "aside aside aside main main main main main main main main main"; }

.tds-layout-2col-static_sidebar.tds-layout-main--left { grid-template: "main aside" 1fr / 10fr minmax(204px, 2fr); }

.tds-layout-2col-static_sidebar.tds-layout-main--right { grid-template: "aside main" 1fr / minmax(204px, 2fr) 10fr; }

.tds-layout-2col-static_sidebar--large.tds-layout-main--left { grid-template: "main aside" 1fr / 9fr minmax(318px, 3fr); }

.tds-layout-2col-static_sidebar--large.tds-layout-main--right { grid-template: "aside main" 1fr / minmax(318px, 3fr) 9fr; }

@media (min-width: 600px) {
  .tds-layout-main--left .tds-layout-aside, .tds-layout-main--right .tds-layout-main { padding-inline-start: 24px; }
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main, .tds-layout-2col-content_heavy.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-content_heavy.tds-layout-main--right .tds-layout-main { padding-inline-start: 0px; }
}

@media (min-width: 900px) {
  .tds-layout-2col-spacious.tds-layout-main--left { grid-template-areas: ". main main main main main main . aside aside aside ."; }
  .tds-layout-2col-spacious.tds-layout-main--right { grid-template-areas: ". aside aside aside . main main main main main main ."; }
  .tds-layout-2col-content_heavy.tds-layout-main--left { grid-template: ". . main aside" 1fr / 1fr 1fr 7fr minmax(min-content, 318px); }
  .tds-layout-2col-content_heavy.tds-layout-main--right { grid-template: "aside main . ." 1fr / minmax(min-content, 318px) 7fr 1fr 1fr; }
}

@media (min-width: 600px) and (max-width: 899px) {
  .tds-layout-2col-spacious.tds-layout-main--left { grid-template-areas: "main main main main main main main aside aside aside aside aside"; }
  .tds-layout-2col-spacious.tds-layout-main--right { grid-template-areas: "aside aside aside aside aside main main main main main main main"; }
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main { padding-inline-start: 24px; }
  .tds-layout-2col-content_heavy.tds-layout-main--left { grid-template: "main aside" 1fr / 9fr minmax(min-content, 318px); }
  .tds-layout-2col-content_heavy.tds-layout-main--right { grid-template: "aside main" 1fr / minmax(min-content, 318px) 9fr; }
}

.tds-layout-3col, .tds-layout-3col-has_main, .tds-layout-3col-has_main--large { grid-template-areas: "aside--primary main aside--secondary"; }

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

.tds-layout-3col-has_main, .tds-layout-3col-has_main--large { grid-template: 1fr / repeat(12, 1fr); }

.tds-layout-3col-has_main .tds-layout-main { grid-column: 4 / 10; }

.tds-layout-3col-has_main .tds-layout-aside + .tds-layout-aside { grid-column: 10 / 13; }

.tds-layout-3col-has_main .tds-layout-main + .tds-layout-aside { grid-column: 1 / 4; }

.tds-layout-3col-has_main--large .tds-layout-main { grid-column: 3 / 11; }

.tds-layout-3col-has_main--large .tds-layout-aside + .tds-layout-aside { grid-column: 11 / 13; }

.tds-layout-3col-has_main--large .tds-layout-main + .tds-layout-aside { grid-column: 1 / 3; }

.tds-layout-3col-has_main--inset .tds-layout-main { grid-column: 4 / 10; }

.tds-layout-3col-has_main--inset .tds-layout-aside + .tds-layout-aside { grid-column: 10 / 12; }

.tds-layout-3col-has_main--inset .tds-layout-main + .tds-layout-aside { grid-column: 2 / 4; }

.tds-layout-3col-has_main--spread .tds-layout-main { grid-column: 4 / 10; }

.tds-layout-3col-has_main--spread .tds-layout-aside + .tds-layout-aside { grid-column: 11 / 13; }

.tds-layout-3col-has_main--spread .tds-layout-main + .tds-layout-aside { grid-column: 1 / 3; }

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

@media (min-width: 600px) {
  .tds-layout-checkerboard { grid-template: "checkboard--row" 1fr / 1fr; gap: 0px; }
  .tds-layout-checkerboard .tds-layout-item { display: grid; grid-template: "checkerboard-asset checkerboard-caption" 1fr / 1fr 1fr; place-content: center; align-items: stretch; }
  .tds-layout-checkerboard .tds-layout-checkerboard--caption { grid-area: checkerboard-caption; padding-inline: var(--tds-size--8x) var(--tds-size--8x); place-self: center stretch; text-align: start; }
  .tds-layout-checkerboard .tds-layout-item:nth-child(2n+1) { 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(2n+1) .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%; object-fit: cover; object-position: center center; }

:root, .tds-component-preview { --tds-shell-footer-height: initial; --tds-shell-header-height: var(--tds-size--7x); }

.tds-shell { --tds-shell-content-height: calc( 100vh - var(--tds-shell-header-height) - var(--tds-shell-footer-height) ); display: grid; gap: 0px 24px; grid-template-columns: auto; grid-template-rows: var(--tds-shell-header-height) 1fr var(--tds-shell-footer-height); min-block-size: -webkit-fill-available; grid-template-areas: "tds-shell-masthead" "tds-shell-content" "tds-shell-footer"; }

.tds-shell.tds-shell--no_footer { --tds-shell-footer-height: 0px; }

@media (min-width: 600px) {
  .tds-shell { --tds-shell-footer-height: 52px; }
}

.tds-shell-masthead, .tds-shell-footer { display: flex; flex-flow: row; }

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

.tds-shell-masthead--is_sticky, .tds-shell-footer--is_sticky { position: sticky; }

.tds-shell-masthead--is_sticky { top: 0px; }

.tds-shell-footer--is_sticky { bottom: 0px; }

.tds-shell-footer { grid-area: tds-shell-footer; }

.tds-shell-footer .tds-footer-nav { place-content: center; align-items: center; display: flex; }

.tds-shell-content { grid-area: tds-shell-content; min-block-size: var(--tds-shell-content-height); }

a { appearance: none; color: inherit; font-weight: inherit; text-decoration: none; }

a:where(:focus, .tds--focus) { border-radius: var(--tds-border-radius--outline-only); outline: var(--tds-outline--focus); outline-offset: 2px; }

:where(h1, h2) a:where(:focus, .tds--focus) { border-radius: var(--tds-size--half); }

button.tds-link { display: inline; line-height: initial; }

.tds-link { --tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tds-size--half)) * -1); --tds-link--box-shadow--default: 0 calc(1px + var(--tds-border-width--small)) 0 -1px currentcolor; --tds-link--box-shadow--hover: 0 calc(1px + var(--tds-border-width--medium)) 0 -1px currentcolor; --tds-link--box-shadow--none: 0 0 0 0 transparent; border: 0px; padding: 0px; cursor: pointer; position: relative; background-color: transparent; text-align: initial; color: var(--tds-theme-foreground); transition: box-shadow 0.33s var(--tds-bezier), color 0.33s ease; box-shadow: var(--tds-link--box-shadow--default); -webkit-box-decoration-break: clone; box-decoration-break: clone; }

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

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

.tds-link--secondary { box-shadow: var(--tds-link--box-shadow--none); color: var(--tds-theme-foreground-low-contrast); font-weight: var(--tds-font-weight-medium); }

.tds-link--primary { box-shadow: var(--tds-link--box-shadow--none); color: var(--tds-theme-foreground-primary); font-weight: var(--tds-font-weight-medium); }

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

.tds-link--interaction { box-shadow: var(--tds-link--box-shadow--none); color: var(--tds-theme-foreground-high-contrast); cursor: pointer; display: inline-block; font-weight: var(--tds-font-weight-medium); position: relative; }

.tds-link--interaction::after { content: ""; position: absolute; bottom: 0px; left: 0px; inline-size: 100%; block-size: 3px; background-image: radial-gradient(
      circle,
      var(--tds-theme-foreground-low-contrast) 1px,
      transparent 1px); background-position: center bottom; background-repeat: repeat-x; background-size: 6px 3px; transform: translateY(0.2em); transition: transform 300ms, background-image 0.3s; }

.tds-link--interaction:hover::after, .tds-link--interaction:focus::after { background-image: radial-gradient(
      circle,
      var(--tds-theme-foreground-high-contrast) 1px,
      transparent 1px); transform: translateY(0.15em); }

@media (hover: hover) {
  .tds-link:is(:hover, .tds--hover):not(.tds-link--primary, .tds-link--vertical, .tds-link--interaction, [disabled], .tds--disabled) { box-shadow: var(--tds-link--box-shadow--hover); color: var(--tds-theme-foreground-high-contrast); }
  .tds-link--primary:is(:hover, .tds--hover):not([disabled], .tds--disabled) { color: var(--tds-theme-primary-highlight); box-shadow: var(--tds-link--box-shadow--none); }
  .tds-link--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) { color: var(--tds-theme-foreground); }
  .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) { box-shadow: currentcolor -4px 0px 0px 0px; }
  [dir="rtl"] .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) { box-shadow: currentcolor 4px 0px 0px 0px; }
  .tds-link--interaction:is(:hover, .tds--hover):not([disabled], .tds--disabled) { color: var(--tds-theme-foreground-high-contrast); box-shadow: var(--tds-link--box-shadow--none); }
}

.tds-link--icon-leading { margin-inline-start: 28px; }

.tds-link--icon-trailing { margin-inline-end: 28px; }

:is(.tds-link, .tds-link--icon-leading, .tds-link--icon-trailing) > :is(.tds-icon--inline, .tds-icon) { position: absolute; top: -4px; }

.tds-link > .tds-icon--inline:first-child, .tds-link--icon-leading > .tds-icon { left: var(--tds-link--icon-margin); }

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

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

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

.tds-list { --tds-list--separator-color: var(--tds-color--secondary-accent); --tds-list--timeline-color: var(--tds-theme-foreground); --tds-list-item--margin-block: var(--tds-size--1x); --tds-list-item--padding-inline: 0; list-style-type: none; margin: 0px; padding: 0px; }

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

.tds-list--ordered, .tds-list--unordered, .tds-list--padded, .tds-list--timeline { --tds-list-item--padding-inline: var(--tds-size--half); padding-inline-start: var(--tds-size--3x); }

.tds-list--ordered { list-style-type: decimal; }

.tds-list--unordered { list-style-type: disc; }

.tds-list--align-end { list-style-type: none; text-align: end; }

.tds-list--borders { --tds-list-item--margin-block: var(--tds-size--2x); }

.tds-list--small-borders { --tds-list-item--margin-block: var(--tds-size--3x); }

.tds-list--timeline { --tds-list-item--margin-block: var(--tds-size--2x); --tds-list-item--padding-inline: 12px; }

.tds--vertical-rhythm .tds-list > .tds-list { --tds-spacer-top: 0; }

.tds-list--light { --tds-list--timeline-color: var(--tds-color--secondary-accent); }

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

.tds-list > :is(li, dd) { padding-inline: var(--tds-list-item--padding-inline) var(--tds-list-item--padding-inline); position: relative; }

.tds-list--horizontal > li { display: inline-block; }

:is(.tds-list--light, .tds-list--caption) > li { color: var(--tds-theme-foreground-low-contrast); }

.tds-list > :is(li, dd):not(:last-of-type) { margin-block-end: var(--tds-list-item--margin-block); }

@media (min-width: 600px) {
  .tds-list--horizontal > li:not(:last-of-type) { margin-block-end: 0px; margin-inline-end: calc(var(--tds-list-item--margin-block) + 0.5em); }
}

.tds-list > li > .tds-icon:first-child { --tds-icon--list-inset: calc((var(--tds-size--3x) / 2 * -1) - (var(--tds-icon--size) / 2) - 1px); position: absolute; left: var(--tds-icon--list-inset); top: calc(var(--tds-size--1x) + 2px); transform: translateY(-50%); z-index: 1; background-color: var(--tds-theme-background, var(--tds-theme-foreground-on-primary)); transition: background-color 0.3s; }

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

.tds-modal .tds-list > li > .tds-icon:first-child { background-color: var(--tds-theme-background-dialog); }

.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-list > li > .tds-icon:first-child { background-color: var(--tds-theme-background-container); }

.tds-list--borders > li::before, .tds-list--small-borders > li::before, .tds-list > li.tds-list-item--separated::before { background-color: var(--tds-list--separator-color); block-size: 1px; content: ""; display: block; }

.tds-list--borders > li::before { margin-block-end: var(--tds-list-item--margin-block); }

.tds-list--small-borders > li::before { margin-block-end: calc(var(--tds-list-item--margin-block) / 2); max-inline-size: var(--tds-size--4x); }

.tds-list > li.tds-list-item--separated::before { margin-block-end: var(--tds-list-item--margin-block); }

.tds-list--timeline > li::before, .tds-list--timeline > li:not(:last-of-type)::after { background-color: currentcolor; content: ""; left: -14px; position: absolute; top: 0.5em; }

.tds-list--timeline > li::before { block-size: var(--tds-size--1x); border-radius: var(--tds-size--1x); inline-size: var(--tds-size--1x); margin-inline-start: -3px; }

.tds-list--timeline > li:not(:last-of-type)::after { block-size: calc(100% + var(--tds-list-item--margin-block)); display: block; inline-size: 2px; }

[dir="rtl"] .tds-list--timeline > li::before, [dir="rtl"] .tds-list--timeline > li:not(:last-of-type)::after { left: auto; right: -14px; }

.tds-listbox { --tds-listbox--padding-block: var(--tds-size--2x); border-radius: var(--tds-border-radius--outline-only); max-block-size: 300px; overflow-y: auto; scroll-behavior: auto; }

.tds-dropdown.tds-tooltip > .tds-listbox { padding: var(--tds-listbox--padding-block) 0; }

.tds-listbox-search { border-block-end: 1px solid var(--tds-theme-background-container-alt); padding: var(--tds-size--half) var(--tds-size--2x); }

.tds-tooltip > .tds-listbox-search:first-child { padding-block-start: var(--tds-size--half); }

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

.tds-listbox-search:has(.tds-form-input-search:focus-visible) ~ .tds-listbox { outline: var(--tds-outline--focus); }

.tds-dropdown.tds-tooltip .tds-listbox-search:has(.tds-form-input-search:focus-visible) ~ .tds-listbox { outline: none; }

.tds-listbox-option { --tds-form--indent: var(--tds-component-pill-padding-inline); align-items: center; cursor: pointer; display: flex; justify-content: space-between; background-color: transparent; margin: 0px; min-block-size: var(--tds-size--4x); padding: var(--tds-size--half) var(--tds-form--indent); text-align: start; inline-size: 100%; max-inline-size: 100%; outline-offset: -2px; transition: background-color 0.3s; }

.tds-listbox-option--add { --tds-form--indent: var(--tds-component-pill-padding-inline); align-items: center; cursor: pointer; display: flex; justify-content: space-between; background-color: transparent; margin: 0px; min-block-size: var(--tds-size--4x); padding: var(--tds-size--half) var(--tds-form--indent); text-align: start; inline-size: 100%; max-inline-size: 100%; outline-offset: -2px; transition: background-color 0.3s; border-block-start: solid; border-color: var(--tds-theme-border-low-contrast); border-width: 1px; }

.tds-listbox-group { --tds-form--indent: var(--tds-component-pill-padding-inline); align-items: center; cursor: pointer; display: flex; justify-content: space-between; background-color: transparent; margin: 0px; min-block-size: var(--tds-size--4x); padding: var(--tds-size--half) var(--tds-form--indent); text-align: start; inline-size: 100%; max-inline-size: 100%; outline-offset: -2px; transition: background-color 0.3s; }

.tds-listbox .tds-listbox--lined:not(:last-child) { border-block-end: solid; border-color: var(--tds-theme-border-low-contrast); border-width: 1px; }

.tds-listbox-group--single { --tds-form--indent: var(--tds-component-pill-padding-inline); align-items: center; display: flex; justify-content: space-between; background-color: transparent; margin: 0px; min-block-size: var(--tds-size--4x); padding: var(--tds-size--half) var(--tds-form--indent); text-align: start; inline-size: 100%; max-inline-size: 100%; outline-offset: -2px; transition: background-color 0.3s; border-block-end: 1px solid; border-color: var(--tds-theme-border-low-contrast); }

.tds-listbox .tds-listbox-group--option { --tds-form--indent: 50px; }

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

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

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

[aria-multiselectable="true"] .tds-listbox-option, [aria-multiselectable="true"] .tds-listbox-group, [aria-multiselectable="true"] .tds-listbox-option--add { justify-content: flex-start; }

.tds-listbox-option:focus, .tds-listbox-group--multiselect { outline: none; }

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

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

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

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

.tds-listbox-option .tds-multiselect-icon, .tds-listbox-group .tds-multiselect-icon, .tds-listbox-option .tds-singleselect-icon, .tds-listbox-group .tds-singleselect-icon { color: transparent; transform: scale(0); position: relative; transition: color 0.3s, transform 0.3s; }

.tds--selected .tds-multiselect-icon.tds-icon, .tds--selected .tds-singleselect-icon.tds-icon, .tds--selected tds-icon.tds-multiselect-icon, .tds--selected tds-icon.tds-singleselect-icon { color: currentcolor; transform: scale(1); }

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

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

.tds-addoption-box { block-size: calc(var(--tds-size--2x) + 2px); display: inline-block; inline-size: calc(var(--tds-size--2x) + 2px); margin-inline-end: 12px; pointer-events: none; transition: border-color 0.3s; }

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

.tds-loader { inset: 0px; position: absolute; background-color: var(--tds-color--scrim--semitransparent); pointer-events: none; opacity: 0; transition: opacity 0.5s; z-index: 1010; }

.tds-loader--fullscreen { position: fixed; }

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

.tds-loader .tds-icon { inset: 0px; margin: auto; position: absolute; }

.tds-loader .tds-icon-loader { --tds-icon--size: var(--tds-size--6x); animation: var(--tds--rotating); border-radius: 50%; opacity: var(--tds-ui-opacity-70); overflow: hidden; }

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

.tds-loader-container { position: relative; }

.tds-locale-selector { display: flex; inline-size: 100%; justify-content: center; max-inline-size: 1260px; padding: 0 var(--tds-size--2x); }

.tds-locale-selector--narrow { flex-direction: column; justify-content: flex-start; padding: 0px; }

.tds-locale-selector-trigger { display: flex; cursor: pointer; background-color: transparent; transition: background-color 0.33s; }

.tds-locale-selector-column { inline-size: 100%; margin: 0px auto; max-inline-size: 700px; }

.tds-locale-selector-superregion { padding: 0 12px var(--tds-size--3x); }

.tds-locale-selector-region { column-count: 2; column-gap: var(--tds-size--2x); margin-inline: -12px; }

.tds-locale-selector--narrow .tds-locale-selector-region { column-count: 1; }

.tds-locale-selector-region-name { padding-block-end: 12px; padding-block-start: var(--tds-size--2x); }

.tds-locale-selector--narrow .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > .tds-locale-selector-region-name { padding-block-start: 0px; }

.tds-locale-selector-country { break-inside: avoid; flex-flow: wrap; transition: background-color 0.33s; }

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

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

.tds-card.tds-locale-selector-trigger .tds-card-body, .tds-card.tds-locale-selector-country { padding: var(--tds-size--1x) 12px; }

.tds-card.tds-locale-selector-trigger .tds-card-body { padding-inline-start: var(--tds-size--1x); }

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

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

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

@media (hover: hover) {
  .tds-card.tds-locale-selector-trigger:hover, .tds-card.tds-locale-selector-country:hover { background-color: var(--tds-theme-background-container); }
}

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

.tds-locale-selector-language { font-size: 12px; margin-block-start: 2px; }

.tds-locale-selector-language:not(:last-child) { margin-inline-end: var(--tds-size--2x); }

.tds-locale-selector-language--selected { color: var(--tds-theme-foreground-high-contrast); pointer-events: none; }

@media (max-width: 1240px) {
  .tds-locale-selector { flex-direction: column; justify-content: flex-start; }
}

@media (max-width: 599px) {
  .tds-locale-selector-region { column-count: 1; }
  .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > tds-locale-selector-region-name { padding-block-start: 0px; }
}

.tds-card.tds-locale-selector-country .tds-text--h6 { inline-size: 100%; }

.tds-card.tds-locale-selector-country > .tds-list { margin: 0px; }

@media (min-width: 1200px) {
  .tds-locale-selector.tds-locale-selector--multicolumn { padding: 0px; margin: 0px -12px; inline-size: auto; max-inline-size: inherit; gap: var(--tds-size--3x); flex-direction: row; }
  .tds-locale-selector--multicolumn .tds-locale-selector-column { flex-basis: 25%; inline-size: auto; max-inline-size: 100%; }
  .tds-locale-selector--multicolumn .tds-locale-selector-column--europe { flex-basis: 50%; }
  .tds-locale-selector--multicolumn .tds-locale-selector-region { column-count: 1; }
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region { column-count: 2; }
  .tds-locale-selector--multicolumn .tds-locale-selector-country { max-inline-size: 240px; }
  .tds-locale-selector--multicolumn .tds-locale-selector-region-name { padding-block-start: var(--tds-size--3x); }
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion:first-child .tds-locale-selector-region-name { padding-block-start: var(--tds-size--half); }
}

@media (min-width: 1440px) {
  .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region { column-count: 3; }
}

.tds-media-player { --tds-media-player--color: var(--tds-color-white, #fff); visibility: hidden; }

.tds-media-player.ready { visibility: visible; }

.tds-media-player .tds-form-label { padding: 0px; }

.tds-media-player-range { --tds-form-item--grid-template-areas: "label input"; align-items: center; display: grid; grid-template-columns: min-content 1fr; grid-template-rows: unset; }

.tds-media-player-range .tds-form-label-wrap { --tds-form-label--color: var(--tds-media-player--color, #fff); padding-inline: 0px 12px; }

.tds-media-player .tds-icon { --tds-icon--size: 28px; fill: var(--tds-media-player--color, #fff); }

.tds-media-player .tds-icon > g { display: none; }

.tds-media-player [aria-pressed="false"] .tds-icon > g:first-of-type { display: initial; }

.tds-media-player [aria-pressed="true"] .tds-icon:not(.tds-icon-speaker) > g:last-of-type { display: initial; }

.tds-media-player [aria-pressed="true"] .tds-icon.tds-icon-speaker--low > g:not(:first-of-type, :last-of-type) { display: initial; }

.tds-media-player [aria-pressed="true"] .tds-icon.tds-icon-speaker--high > g:is(:last-of-type) { display: initial; }

.tds-menu { display: inline; }

.tds-menu--content { inline-size: max-content; position: relative; }

.tds-menu-wrapper { display: inline-block; }

.tds-menu--inline { }

.tds-menu--inline .tds-site-nav-item { --tds-nav-item--padding-inline: var(--tds-size--1x); --tds-nav-item--padding-block: 0px; min-block-size: auto; }

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

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

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

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

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

.tds-modal img { display: block; min-inline-size: 100%; }

.tds-modal--fullscreen, .tds-modal--sheet-left, .tds-modal--sheet-right { --tds-modal--height: 100dvh; border-radius: 0px; bottom: 0px; max-block-size: var(--tds-modal--height); min-block-size: var(--tds-modal--height); top: 0px; }

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

.tds-modal--sheet-right, [dir="rtl"] .tds-modal--sheet-left { left: auto; right: 0px; }

.tds-modal:not([open]) { opacity: 0; transform: translateX(0px) translateY(50%); pointer-events: none; visibility: hidden; transition: opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0.5s; }

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

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

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

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

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

@media (min-width: 600px) {
  :root, .tds-component-preview { --tds-modal--height: auto; --tds-modal--width: 772px; }
  .tds-modal { --tds-modal-border-radius: var(--tds-size--2x); bottom: 50%; margin: auto; max-inline-size: calc(100vw - var(--tds-size--12x)); min-block-size: var(--tds-size--8x); max-block-size: calc(100% - var(--tds-size--12x)); border-radius: var(--tds-modal-border-radius); box-shadow: var(--tds-box-shadow--large); }
  .tds-modal--fullscreen, .tds-modal--sheet-left, .tds-modal--sheet-right { border-radius: 0px; max-block-size: 100vh; bottom: 0px; }
  .tds-modal--fullscreen { max-inline-size: 100vw; }
  .tds-modal:not([open]) { transform: translateX(0px) translateY(100%); }
  .tds-modal--sheet-left:not([open]), [dir="rtl"] .tds-modal--sheet-right:not([open]) { transform: translateX(-50%) translateY(0px); }
  .tds-modal--sheet-right:not([open]), [dir="rtl"] .tds-modal--sheet-left:not([open]) { transform: translateX(50%) translateY(0px); }
  .tds-modal[open] { transform: translateX(0px) translateY(50%); }
  .tds-modal--fullscreen[open], .tds-modal--sheet-left[open], .tds-modal--sheet-right[open] { transform: translateX(0px) translateY(0px); }
}

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

.tds-modal-backdrop { --tds-modal-backdrop--opacity: 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); inline-size: 120vw; block-size: 120vh; background-color: rgb(0 0 0 / var(--tds-modal-backdrop--opacity)); z-index: 999; transition: background-color 0.5s, backdrop-filter 0.5s, -webkit-backdrop-filter 0.5s; }

.tds-modal:not([open]) + .tds-modal-backdrop { backdrop-filter: blur(0px); pointer-events: none; }

.tds-modal[open] + .tds-modal-backdrop { --tds-modal-backdrop--opacity: 0.3; backdrop-filter: blur(4px); pointer-events: inherit; }

.tds-modal-header { align-items: flex-start; background-color: var(--tds-theme-background-dialog); display: flex; flex-direction: row-reverse; justify-content: space-between; padding: var(--tds-size--2x); padding-inline-start: var(--tds-size--3x); position: sticky; top: 0px; z-index: 10; box-shadow: 0 -2px 0 0 var(--tds-theme-background-dialog); }

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

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

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

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

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

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

.tds-modal-close--over-image:hover { background-color: rgb(var(--tds-color--rgb-shade) 0.16); }

.tds-modal-close--over-image .tds-modal-close-icon { color: var(--tds-theme-foreground-on-primary); }

.tds-modal-header > :is(h1, h2, h3) { padding-block-end: 0px; transition: padding 0.33s var(--tds-bezier),
    font-size 0.33s var(--tds-bezier),
    line-height 0.33s var(--tds-bezier); }

.tds-modal-footer { background-color: var(--tds-theme-background-dialog); bottom: calc(var(--tds-size--3x) * -1); padding: var(--tds-size--3x) var(--tds-size--3x) var(--tds-size--6x); position: sticky; transition: padding 0.33s var(--tds-bezier); z-index: 11; }

.tds-modal--scrolling .tds-modal-header > :is(h1, h2, h3) { font-size: var(--tds-font-size-40); line-height: var(--tds-line-height-50); padding-block-start: var(--tds-size--1x); }

.tds-modal-content { padding: 0 var(--tds-size--3x) var(--tds-size--6x); }

.tds-modal-header + .tds-modal-content { padding-block-start: var(--tds-size--half); }

.tds-modal-content:not(:last-child) { padding-block-end: var(--tds-size--half); }

.tds-modal-overflow--visible { overflow-y: visible; }

.tds-modal-overflow--visible .tds-modal-header { border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0; position: unset; }

.tds-modal-overflow--visible .tds-modal-footer { border-radius: 0 0 var(--tds-modal-border-radius) var(--tds-modal-border-radius); position: unset; }

@media (min-width: 600px) {
  .tds-modal-header { padding-inline-start: var(--tds-size--6x); }
  .tds-modal-content, .tds-modal-footer { padding-inline: var(--tds-size--6x) var(--tds-size--6x); }
  .tds-modal--sheet-small .tds-modal-content, .tds-modal--sheet-small .tds-modal-footer { padding-inline: var(--tds-size--4x) var(--tds-size--4x); }
}

.tds-modal .tds-status_msg { --tds-card--background-color: var(--tds-theme-background-container-alt); }

.tds-modal .tds-card.tds-locale-selector-country--selected { background-color: var(--tds-theme-background-container-alt); }

.tds-modal .tds-chip:not(.tds-chip--unencapsulated, [class*="tds-chip--color"], [class*="tds-chip--grey"], [class*="tds-chip--green"], [class*="tds-chip--teal"], [class*="tds-chip--blue"], [class*="tds-chip--purple"], [class*="tds-chip--magenta"], [class*="tds-chip--red"], [class*="tds-chip--orange"], [class*="tds-chip--yellow"]) { --tds-chip--background-color: var(--tds-theme-background-container-alt-highlight); }

:root, .tds-density--default, .tds-page-layout--medium-space { --tds-page-layout--footer-start-space: var(--tds-size--12x); --tds-page-layout--title-end-space: var(--tds-size--4x); --tds-page-layout--title-start-space: var(--tds-size--6x); --tds-page-layout--title-top-slot-space: var(--tds-size--1x); }

.tds-page-layout--large-space { --tds-page-layout--footer-start-space: 128px; --tds-page-layout--title-end-space: var(--tds-size--6x); --tds-page-layout--title-start-space: var(--tds-size--8x); }

.tds-density--dense, .tds-page-layout--small-space { --tds-page-layout--footer-start-space: var(--tds-size--8x); --tds-page-layout--title-end-space: var(--tds-size--3x); --tds-page-layout--title-start-space: var(--tds-size--4x); --tds-page-layout--title-top-slot-space: var(--tds-size--half); }

.tds-page-layout { display: grid; gap: 0 var(--tds-size--3x); grid-template-areas: "title title" "open open" "main main" "aside aside"; grid-template-columns: repeat(2, 1fr); grid-template-rows: min-content min-content 1fr min-content; margin-block-end: var(--tds-page-layout--footer-start-space); padding-inline-end: var(--tds-content_container--gutter); padding-inline-start: var(--tds-content_container--gutter); }

.tds-content_container .tds-page-layout { padding-inline: 0px; }

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

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

.tds-page-title { display: grid; grid-area: title; grid-template-columns: none; grid-template-areas: "top" "text" "bottom" "trailing"; grid-template-rows: var(--tds-page-layout--title-start-space) auto auto auto; margin-block-end: var(--tds-page-layout--title-end-space); }

.tds-page-title-top { align-items: flex-end; display: flex; grid-area: top; padding-block-end: var(--tds-page-layout--title-top-slot-space); padding-block-start: var(--tds-page-layout--title-top-slot-space); }

.tds-page-title-text { grid-area: text; }

h1.tds-page-title-text { padding-block: 0px; }

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

.tds-page-title-bottom { grid-area: bottom; padding-block-start: var(--tds-size--2x); }

.tds-page-title-bottom .tds-status_msg, .tds-page-title-trailing .tds-btn_group { margin: 0px; }

@media (min-width: 600px) {
  .tds-page-layout--narrow-main { grid-template-areas: ". title title title title title title title title title title ." ". main main main main main main main main main main ."; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content 1fr; }
  .tds-page-layout--content-level-aside { grid-template-areas: "title title title title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main"; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content min-content 1fr; }
  .tds-page-layout--top-level-aside { grid-template-areas: "aside aside aside title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main"; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content min-content 1fr; }
  .tds-page-title { grid-template-areas: "top ." "text trailing" "bottom ."; grid-template-rows: var(--tds-page-layout--title-start-space) auto auto; }
  .tds-page-title-trailing { align-items: center; display: flex; justify-content: flex-end; margin-block-start: 0px; margin-inline-start: var(--tds-size--3x); }
}

@media (min-width: 1200px) {
  .tds-page-layout--narrow-main { grid-template-areas: ". . title title title title title title title title . ." ". . main main main main main main main main . ."; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content 1fr; }
  .tds-page-layout--content-level-aside.tds-page-layout--narrow-main { grid-template-areas: "title title title title title title title title title title title title" "aside aside aside main main main main main main open open open"; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content 1fr; }
  .tds-page-layout--top-level-aside.tds-page-layout--narrow-main { grid-template-areas: "aside aside aside title title title title title title title title title" "aside aside aside main main main main main main open open open"; grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content 1fr; }
}

.tds-page-main { grid-area: main; }

@media (min-width: 600px) {
  .tds-page-layout--top-level-aside .tds-page-aside { margin-block-start: var(--tds-page-layout--title-start-space); }
}

.tds-pagination { --pagination-primary--display: initial; --pagination-primary-select--margin-horiz: var(--tds-size--1x); --pagination-secondary--display: none; text-align: center; }

.tds-pagination, .tds-pagination-navigation { color: var(--tds-theme-foreground); font-weight: var(--tds-font-weight-medium); }

.tds-pagination-navigation { line-height: initial; }

.tds-pagination-navigation[aria-disabled="true"] { box-shadow: transparent 0px 0px 0px; cursor: not-allowed; opacity: var(--tds-ui-opacity-50); pointer-events: none; }

.tds-pagination select { background-color: transparent; border: 0px; border-radius: var(--tds-border-radius--outline-only); color: var(--tds-theme-foreground); margin: auto; }

@media (max-width: 599px) {
  .tds-pagination-primary > select { display: block; margin: var(--tds-size--1x) auto; }
}

.tds-pagination .tds-pagination-current { display: inline-block; position: relative; }

.tds-pagination-primary .tds-pagination-current { margin: 0 var(--tds-size--1x); }

.tds-pagination .tds-pagination-current select { appearance: none; padding-inline-end: var(--tds-size--3x); position: relative; }

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

.tds-pagination-secondary .tds-pagination-current select { padding-inline-start: var(--tds-size--half); }

.tds-pagination .tds-pagination-current select:focus { outline: var(--tds-outline--focus); }

.tds-pagination-primary .tds-pagination-current select:focus { outline-offset: 2px; }

.tds-pagination .tds-pagination-current .tds-icon { position: absolute; right: var(--tds-size--half); pointer-events: none; top: calc(50% - 5px); z-index: 0; }

@media (max-width: 599px) {
  .tds-pagination select { font-size: var(--tds-size--2x); }
}

@media (min-width: 600px) {
  .tds-pagination-primary > select { margin: 0 var(--tds-size--2x); }
  .tds-pagination-primary .tds-pagination-current { margin: 0 var(--tds-size--2x); }
}

.tds-pagination-primary { display: var(--pagination-primary--display); justify-content: space-around; }

.tds-pagination-secondary { display: var(--pagination-secondary--display); inline-size: max-content; white-space: nowrap; }

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

.tds-pagination-navigation + .tds-pagination-navigation { margin-inline-start: var(--tds-size--3x); position: relative; }

button.tds-pagination-navigation:has(+ .tds-pagination-navigation) { margin-inline-end: 2px; }

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

@media (min-width: 900px) {
  .tds-pagination { --pagination-primary-select--margin-horiz: var(--tds-size--2x); display: flex; justify-content: space-between; }
  .tds-pagination-primary { --pagination-primary--display: initial; inline-size: 100%; }
  .tds-pagination-secondary { --pagination-secondary--display: initial; }
  .tds-pagination-secondary label { color: var(--tds-theme-foreground); }
}

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

@media (min-width: 900px) {
  .tds-density--dense .tds-pagination { --pagination-primary-select--margin-horiz: var(--tds-size--2x); }
}

.tds-pagination--show-numbers .tds-pagination-primary { --pagination-primary--display: flex; justify-content: center; }

.tds-pagination--show-numbers .tds-pagination-current { line-height: 16px; margin: 0 var(--pagination-primary-select--margin-horiz); }

.tds-pagination--show-numbers .tds-pagination-secondary .tds-pagination-current { margin: 0px; }

.tds-pagination--show-numbers .tds-pagination-navigation { align-items: center; display: flex; place-content: center; }

.tds-pagination .tds-pagination-current tds-icon .tds-icon { top: calc(50% - 8px); }

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

.tds-popover-container { position: relative; }

.tds-popover-container--inline { display: inline-block; }

.tds-popover-container--embedded { display: flex; }

.tds-popover-container--embedded.tds-popover-container--inline { display: inline-flex; }

.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-start { flex-direction: row-reverse; }

.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-end { flex-direction: row; }

.tds-popover-container--embedded.tds-popover-container--anchor-side-block-start { flex-direction: column-reverse; }

.tds-popover-container--embedded.tds-popover-container--anchor-side-block-end { flex-direction: column; }

.tds-popover { --tds-popover-center-value: 50%; background-color: var(--tds-theme-background-dialog); border-radius: var(--tds-border-radius--card); box-shadow: var(--tds-box-shadow--medium); inset: unset; margin: unset; position: absolute; z-index: 15; opacity: 0; pointer-events: none; transition: opacity 0.33s, transform 0.33s; color: var(--tds-theme-foreground); font-family: var(--tds-font-family-base); font-size: var(--tds-base-font_size); font-weight: 400; line-height: var(--tds-base-line_height); text-align: initial; text-wrap: initial; }

[class*="tds-popover-container--anchor-side-inline-"] .tds-popover { top: var(--tds-popover-center-value); transform: translateY(calc(var(--tds-popover-center-value) * -1)) translateX(var(--tds-popover-animation-space)); }

.tds-popover-container--anchor-side-inline-start .tds-popover { inset-inline-end: calc(100% + var(--tds-popover-trigger-gap)); }

.tds-popover-container--anchor-side-inline-end .tds-popover { inset-inline-start: calc(100% + var(--tds-popover-trigger-gap)); }

[class*="tds-popover-container--anchor-side-block-"] .tds-popover { left: var(--tds-popover-center-value); transform: translateX(calc(var(--tds-popover-center-value) * -1)) translateY(var(--tds-popover-animation-space)); }

.tds-popover-container--anchor-side-block-start .tds-popover { inset-block-end: calc(100% + var(--tds-popover-trigger-gap)); }

.tds-popover-container--anchor-side-block-end .tds-popover { inset-block-start: calc(100% + var(--tds-popover-trigger-gap)); }

:where(.tds-popover-container--anchor-side-inline-start, .tds-popover-container--anchor-side-block-start) .tds-popover { --tds-popover-animation-space: var(--tds-popover-trigger-gap); }

:where(.tds-popover-container--anchor-side-inline-end, .tds-popover-container--anchor-side-block-end) .tds-popover { --tds-popover-animation-space: calc(var(--tds-popover-trigger-gap) * -1); }

[class*="tds-popover-container--anchor-side-"] [class*="tds-popover--align-"] { --tds-popover-center-value: 0%; }

[class*="tds-popover-container--anchor-side-inline-"] [class*="tds-popover--align-"] { top: unset; }

[class*="tds-popover-container--anchor-side-block-"] [class*="tds-popover--align-"] { left: unset; }

[class*="tds-popover-container--anchor-side-inline-"] .tds-popover--align-start { inset-block-start: 0px; }

[class*="tds-popover-container--anchor-side-inline-"] .tds-popover--align-end { inset-block-end: 0px; }

[class*="tds-popover-container--anchor-side-inline-"] .tds-popover--align-full-width { inset-block: 0px; }

[class*="tds-popover-container--anchor-side-block-"] .tds-popover--align-start { inset-inline-start: 0px; }

[class*="tds-popover-container--anchor-side-block-"] .tds-popover--align-end { inset-inline-end: 0px; }

[class*="tds-popover-container--anchor-side-block-"] .tds-popover--align-full-width { inset-inline: 0px; }

.tds-popover-container--embedded .tds-popover { order: 2; display: none; background-color: unset; border-radius: unset; box-shadow: unset; inset: unset; position: unset; transform: unset; }

.tds-popover-container--embedded [data-tds-popover-trigger] { order: 1; }

.tds-popover--open { --tds-popover-animation-space: 0; opacity: 1; pointer-events: inherit; }

.tds-popover-container--embedded .tds-popover--open { display: block; }

.tds-popover::before { content: ""; display: block; inset: calc(var(--tds-popover-trigger-gap) * -1); position: absolute; }

.tds-popover-container--embedded .tds-popover::before { display: none; }

.tds-popover--content { inline-size: max-content; position: relative; }

.tds-selector { --tds-selector-font-color--selected: var(--tds-color-white); display: grid; gap: var(--tds-size--1x) calc(var(--tds-size--1x) * 1.5); grid-template-columns: repeat(var(--tds-column-count, auto-fill), var(--tds-column-width, minmax(200px, 1fr))); justify-items: stretch; padding: var(--tds-size--1x) 0 12px; }

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

:is(.tds-theme--replicant, .tds-theme--marketing) .tds-scrim--black .tds-selector, .tds-scrim--black:is(.tds-theme--replicant, .tds-theme--marketing) .tds-selector { --tds-selector-font-color--selected: var(--tds-color-grey-20); }

.tds-selector--col4 { --tds-column-count: 4; --tds-column-width: minmax(max-content, 1fr); }

.tds-selector-input { opacity: 0; pointer-events: none; position: absolute; }

.tds-selector-label { align-items: center; block-size: var(--tds-height--pill); border-radius: var(--tds-border-radius--pill); cursor: pointer; display: flex; justify-content: center; padding: 0 calc(var(--tds-size--1x) * 1.5); text-align: center; transition: background-color 0.3s, color 0.3s, opacity 0.3s; user-select: none; }

.tds-selector-label:hover { background-color: var(--tds-theme-background-container); }

.tds-selector-input:checked + .tds-selector-label { background-color: var(--tds-theme-primary); color: var(--tds-selector-font-color--selected); font-weight: var(--tds-font-weight-medium); }

.tds-selector-input:checked + .tds-selector-label:hover { background-color: var(--tds-theme-primary-highlight); }

.tds-selector-input:focus-visible + .tds-selector-label { outline: var(--tds-outline--focus); }

.tds--indicate-focus .tds-selector-input:focus + .tds-selector-label { outline: var(--tds-outline--focus); }

.tds-stepper { --tds-stepper--stroke: calc(var(--tds-size--half) / 2); --tds-stepper--circle-stroke: calc(var(--tds-size--half) / 2); --tds-stepper--line-top: 0; --tds-stepper--line-left: calc(var(--tds-icon--size) / 2 - var(--tds-stepper--stroke) / 2); --tds-stepper--mask-color: var(--tds-theme-background, var(--tds-color-white)); --tds-stepper--icon-color: var(--tds-theme-border); --tds-stepper--text-color: var(--tds-theme-foreground-low-contrast); --tds-stepper--line-mask-end: calc(50% + calc(var(--tds-icon--size) / 2)); position: relative; }

.tds-modal .tds-stepper { --tds-stepper--mask-color: var( --tds-theme-background-dialog, var(--tds-theme-background, var(--tds-color-white)) ); }

.tds-stepper::before { background-color: var(--tds-color--tertiary-highlight); block-size: 100%; content: ""; inline-size: var(--tds-stepper--stroke); left: var(--tds-stepper--line-left); position: absolute; top: var(--tds-stepper--line-top); }

[dir="rtl"] .tds-stepper::before { right: var(--tds-stepper--line-left); }

.tds-stepper-item, .tds-stepper-item-action { align-items: start; border-radius: var(--tds-size--1x); color: var(--tds-stepper--icon-color); column-gap: var(--tds-size--2x); display: grid; grid-template: "circle text" min-content / var(--tds-icon--size) max-content; position: relative; text-align: start; }

.tds-stepper-item:not(:first-of-type) { margin-block-start: var(--tds-size--3x); }

.tds-stepper-item-action { grid-area: circle / circle / text / text; }

.tds--indicate-focus .tds-stepper-item-action:focus { outline: var(--tds-outline--focus); z-index: 1; }

.tds-stepper-item .tds-icon { background-color: var(--tds-stepper--mask-color); grid-area: circle; }

.tds-stepper-item-text { align-items: center; color: var(--tds-stepper--text-color); display: flex; grid-area: text; min-block-size: var(--tds-icon--size); padding-inline-end: 3px; }

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

.tds-stepper-item--complete { --tds-stepper--icon-color: var(--tds-color-green); }

.tds-stepper-item--disabled { --tds-stepper--icon-color: var(--tds-color--tertiary-highlight); --tds-stepper--text-color: var(--tds-color--tertiary-highlight); }

.tds-stepper-item--error { --tds-stepper--icon-color: var(--tds-theme-secondary-negative); --tds-stepper--text-color: var(--tds-theme-secondary-negative); }

.tds-stepper-item::before, .tds-stepper-item-action::before { block-size: var(--tds-size--2x); border-radius: 50%; content: ""; grid-area: circle; inline-size: var(--tds-size--2x); box-shadow: inset 0 0 0 var(--tds-stepper--circle-stroke) currentcolor; box-sizing: unset; background-color: var(--tds-stepper--mask-color); border: var(--tds-size--half) solid var(--tds-stepper--mask-color); }

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

:root { --tds-sidenav--inline-size: auto; --tds-sidenav--scroll-padding: var(--tds-size--3x); --tds-sidenav--inline-scroll-padding: var(--tds-size--3x); }

.tds-sidenav { --tds-nav-item--color: var(--tds-theme-foreground-low-contrast); --tds-sidenav-group--indent-from-icons: 0px; inline-size: var(--tds-sidenav--inline-size); }

.tds-sidenav, .tds-density--default .tds-sidenav, .tds-sidenav .tds-density--default, .tds-sidenav.tds-density--default { --tds-nav-item--block-size: var(--tds-size--5x); }

.tds-density--dense .tds-sidenav, .tds-sidenav .tds-density--dense, .tds-sidenav.tds-density--dense { --tds-nav-item--block-size: var(--tds-size--4x); }

.tds-sidenav--sticky { bottom: 0px; margin-block: calc(var(--tds-sidenav--scroll-padding) * -1); max-block-size: 100vh; padding-block: var(--tds-sidenav--scroll-padding); position: sticky; top: 0px; margin-inline: calc(var(--tds-sidenav--inline-scroll-padding) * -1); overflow-y: auto; padding-inline: var(--tds-sidenav--inline-scroll-padding); }

.tds-sidenav--icons .tds-site-nav-item { --tds-sidenav-group--indent-from-icons: calc( var(--tds-icon--size) - var(--tds-size--half) - var(--tds-size--1x) + var(--tds-nav-item-leading--gap, 0px) ); }

@media (min-width: 600px) {
  .tds-sidenav--internal { --tds-sidenav--inline-size: calc(200px + var(--tds-sidenav--inline-scroll-padding) * 2); }
}

.tds-sidenav--collapsed { display: none; }

.tds-sidenav--persistent.tds-sidenav--collapsed { --tds-sidenav--inline-size: min-content; display: block; }

.tds-sidenav--internal.tds-sidenav--sticky { max-block-size: calc(100vh - var(--tds-shell-header-height)); top: var(--tds-site-header--height); }

.tds-sidenav-group { --tds-nav-item--block-size: var(--tds-size--4x); display: none; font-size: var(--tds-font-size-20); padding-block-end: var(--tds-size--1x); padding-inline-start: 0px; }

:where(.tds-density--dense .tds-sidenav, .tds-density--dense.tds-sidenav, .tds-sidenav .tds-density--dense) .tds-sidenav-group { --tds-nav-item--block-size: 28px; }

.tds-sidenav--internal .tds-sidenav-group { padding-block-start: var(--tds-size--half); }

.tds-sidenav-group .tds-sidenav-group { padding-block-start: 0px; }

.tds-site-nav-item.tds--expanded + .tds-sidenav-group, .tds-site-nav-item.tds--expanded + :where(tds-side-nav-item-group) > .tds-sidenav-group, .tds-sidenav-group--always-expanded { display: block; }

.tds-sidenav .tds-sidenav-group li:not(:last-child), .tds-sidenav .tds-sidenav-group tds-side-nav-item:not(:last-child) li { margin-block-end: 0px; }

.tds-sidenav .tds-sidenav-group .tds-site-nav-item { --tds-sidenav-group--level-indent: var(--tds-size--1x); --tds-sidenav-group--static-indent: var(--tds-nav-item--padding-inline) + var(--tds-sidenav-group--indent-from-icons); padding-inline-start: calc(var(--tds-sidenav-group--static-indent) + var(--tds-sidenav-group--level-indent)); }

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

.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item { --tds-sidenav-group--level-indent: var(--tds-size--2x); }

.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item { --tds-sidenav-group--level-indent: var(--tds-size--3x); }

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > :not(.tds-icon:first-child, .tds-site-nav-item-leading), .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item-leading > :not(.tds-icon:first-child, tds-content:first-child:has(.tds-icon)), .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > tds-icon:last-child .tds-icon, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-sidenav-group, .tds-sidenav--persistent.tds-sidenav--collapsed:not(.tds-sidenav--icons) { display: none; }

.tds-sidenav--persistent.tds-sidenav--collapsed.tds-sidenav--sticky { overflow: visible; position: relative; top: 0px; z-index: 1; }

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-items--vertical { overflow: visible; }

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-popover { inline-size: max-content; max-inline-size: 300px; padding: var(--tds-size--1x) 12px; }

:root, .tds-component-preview { --tds-switch_toggle--font-size: var(--tds-font-size-20); --tds-switch_toggle--size: 32px; }

.tds-switch_toggle { --tds-switch_toggle--radius: calc(var(--tds-switch_toggle--size) / 2); --tds-switch_toggle--spacer: var(--tds-size--1x); align-items: center; display: flex; inline-size: min-content; position: relative; user-select: none; }

.tds-switch_toggle * { cursor: pointer; }

.tds-switch_toggle--large { --tds-switch_toggle--font-size: var(--tds-font-size-30); --tds-switch_toggle--size: 40px; }

.tds-density--default, .tds-switch_toggle--medium { --tds-switch_toggle--font-size: var(--tds-font-size-20); --tds-switch_toggle--size: 32px; }

.tds-density--dense, .tds-switch_toggle--small { --tds-switch_toggle--font-size: var(--tds-font-size-10); --tds-switch_toggle--size: 28px; }

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

.tds-switch_toggle-track { display: block; position: relative; block-size: var(--tds-switch_toggle--size); inline-size: calc(var(--tds-switch_toggle--size) * 2); background-color: var(--tds-theme-background-container-alt); border-radius: var(--tds-switch_toggle--radius); transition: background-color 0.5s; }

.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track { background-color: var(--tds-theme-primary); }

.tds-switch_toggle-checkbox:focus-visible + .tds-switch_toggle-track { outline: var(--tds-outline--focus); outline-offset: 2px; }

.tds--indicate-focus .tds-switch_toggle-checkbox:focus + .tds-switch_toggle-track { outline: var(--tds-outline--focus); outline-offset: 2px; }

.tds-switch_toggle-btn { font-size: var(--tds-switch_toggle--font-size); margin-inline: var(--tds-switch_toggle--spacer) var(--tds-switch_toggle--spacer); text-transform: none; color: var(--tds-theme-foreground-high-contrast); transition: color 0.5s; line-height: 1; }

.tds-switch_toggle-btn:nth-last-child(2) { order: -1; }

.tds-switch_toggle--label_inside .tds-switch_toggle-btn { --tds-switch_toggle--spacer: 0; --tds-switch_toggle-btn--indent: 1px; align-items: center; block-size: 100%; display: flex; inline-size: calc(50% + var(--tds-switch_toggle-btn--indent)); justify-content: center; position: absolute; }

.tds-switch_toggle--large .tds-switch_toggle-btn { --tds-switch_toggle-btn--indent: 4px; }

.tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) { left: 2px; }

.tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child { right: 2px; }

.tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn { color: var(--tds-color-white); }

.tds-switch_toggle-track::after { background-color: var(--tds-color-white); block-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x)); border-radius: var(--tds-border-radius--circle); box-shadow: var(--tds-box-shadow--small); content: ""; display: block; inline-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x)); margin: var(--tds-size--half); position: absolute; transform: translateX(0px); transition: transform 0.5s var(--tds-bezier), color 0.5s var(--tds-bezier); z-index: 10; }

.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after { transform: translateX(var(--tds-switch_toggle--size)); }

[dir="rtl"] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox ~ .tds-switch_toggle-track::after, [dir="rtl"] .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after { transform: translateX(calc(var(--tds-switch_toggle--size) * -1)); }

[dir="rtl"] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track::after { transform: translateX(0px); }

:root { --tds-switch-toggle--radius: var(--tds-size--4x); }

:root, .tds-density--default { --tds-switch-toggle-group--caption-gap: var(--tds-size-base); --tds-switch-toggle-group--gap: var(--tds-size--2x); --tds-switch-toggle-group--legend-gap: 14px; }

.tds-density--dense { --tds-switch-toggle-group--caption-gap: var(--tds-size-half); --tds-switch-toggle-group--gap: var(--tds-size--1x); --tds-switch-toggle-group--legend-gap: var(--tds-size-base); }

:root, .tds-density--default, .tds-switch-toggle--large { --tds-switch-toggle--block-size: var(--tds-size--4x); --tds-switch-toggle--inline-size: var(--tds-size--7x); --tds-switch-toggle--padding: var(--tds-size--half); --tds-switch-toggle-indicator--block-size: 12px; --tds-switch-toggle-indicator--stroke: 2px; --tds-switch-toggle-off-indicator--inline-size: 10px; }

.tds-density--dense, .tds-switch-toggle--medium { --tds-switch-toggle--block-size: var(--tds-size--3x); --tds-switch-toggle--inline-size: var(--tds-size--5x); --tds-switch-toggle--padding: 3px; --tds-switch-toggle-indicator--block-size: 8px; --tds-switch-toggle-indicator--stroke: 1.5px; --tds-switch-toggle-off-indicator--inline-size: 6px; }

.tds-switch-toggle--small { --tds-switch-toggle--block-size: var(--tds-size--2x); --tds-switch-toggle--inline-size: 28px; --tds-switch-toggle--padding: 2px; --tds-switch-toggle-indicator--block-size: 6px; --tds-switch-toggle-indicator--stroke: 1px; --tds-switch-toggle-off-indicator--inline-size: 5px; }

:root, .tds-scrim--white, .tds-scrim--light { --tds-switch-toggle-off-indicator--opacity: 0.1; }

.tds-scrim--black { --tds-switch-toggle-off-indicator--opacity: 0.15; }

.tds-form-input-group:has(.tds-switch-toggle-wrapper) { gap: var(--tds-switch-toggle-group--gap); }

.tds-switch-toggle-group.tds-form-fieldset { gap: 0px; }

.tds-switch-toggle-group .tds-form-input-group + .tds-text--caption { padding-block-start: var(--tds-switch-toggle-group--caption-gap); }

.tds-switch-toggle-hidden-choice { block-size: 0px; clip-path: inset(100%); inline-size: 0px; opacity: 0; pointer-events: none; position: absolute; }

.tds-switch-toggle-label-wrapper { align-items: center; cursor: pointer; display: flex; gap: var(--tds-size--1x); }

.tds-switch-toggle { --tds-switch-toggle-handle--size: calc( var(--tds-switch-toggle--block-size) - (var(--tds-switch-toggle--padding) * 2) ); --tds-switch-toggle-handle--translate: calc( var(--tds-switch-toggle--inline-size) - var(--tds-switch-toggle-handle--size) - (var(--tds-switch-toggle--padding) * 2) ); background-color: var(--tds-theme-background-container-alt); block-size: var(--tds-switch-toggle--block-size); inline-size: var(--tds-switch-toggle--inline-size); min-inline-size: var(--tds-switch-toggle--inline-size); border-radius: var(--tds-switch-toggle--radius); padding: var(--tds-switch-toggle--padding); display: flex; align-items: center; position: relative; transition: background-color 0.33s; }

.tds-switch-toggle:dir(rtl) { flex-direction: row-reverse; }

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle { background-color: var(--tds-theme-primary); }

.tds-switch-toggle-hidden-choice:focus-visible + .tds-switch-toggle-label-wrapper .tds-switch-toggle { outline: var(--tds-outline--focus); }

.tds-switch-toggle--error { border: 1px solid var(--tds-theme-secondary-negative); }

.tds-switch-toggle--a11y-indicators::before, .tds-switch-toggle--a11y-indicators::after { block-size: var(--tds-switch-toggle-indicator--block-size); border-radius: var(--tds-switch-toggle--radius); box-shadow: inset 0 0 0 var(--tds-switch-toggle-indicator--stroke) var(--tds-theme-foreground-high-contrast); box-sizing: border-box; content: ""; display: block; opacity: 0; position: absolute; transition: opacity 0.33s; }

.tds-switch-toggle--a11y-indicators::before { border-width: calc(var(--tds-switch-toggle-indicator--stroke) / 2); inline-size: var(--tds-switch-toggle-indicator--stroke); left: calc((var(--tds-switch-toggle-handle--translate) / 2) - (var(--tds-switch-toggle-indicator--stroke) / 2) + var(--tds-switch-toggle--padding)); }

.tds-switch-toggle--a11y-indicators::after { border-width: var(--tds-switch-toggle-indicator--stroke); inline-size: var(--tds-switch-toggle-off-indicator--inline-size); right: calc((var(--tds-switch-toggle-handle--translate) / 2) - (var(--tds-switch-toggle-off-indicator--inline-size) / 2) + var(--tds-switch-toggle--padding)); }

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::before, .tds-switch-toggle-hidden-choice:not(:checked) + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::after { transition: opacity 0.33s 0.33s; }

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::before { opacity: 0.25; }

.tds-switch-toggle-hidden-choice:not(:checked) + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators::after { opacity: var(--tds-switch-toggle-off-indicator--opacity); transition: opacity 0.33s 0.33s; }

.tds-switch-toggle-handle { background-color: var(--tds-theme-foreground-on-primary); block-size: var(--tds-switch-toggle-handle--size); border-radius: var(--tds-switch-toggle--radius); box-shadow: var(--tds-ui-box-shadow-small); display: block; inline-size: var(--tds-switch-toggle-handle--size); z-index: 1; transition: transform 0.33s var(--tds-bezier); }

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle-handle { transform: translateX(var(--tds-switch-toggle-handle--translate)); }

.tds-switch-toggle-label { flex-basis: 0px; flex-grow: 1; }

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-form-label { color: var(--tds-theme-foreground-high-contrast); }

.tds-time-picker { display: flex; justify-content: center; }

.tds-time-picker--listbox { border-radius: var(--tds-border-radius--outline-only); max-block-size: calc(7 * var(--tds-size--4x)); overflow-y: auto; scroll-behavior: auto; }

.tds-time-picker--listbox::after { block-size: calc(6 * var(--tds-size--4x)); content: ""; display: block; }

.tds-time-picker--listbox:not(:first-of-type) { border-inline-start: 1px solid var(--tds-theme-background-container-alt-highlight); }

.tds-time-picker--option { --tds-form--indent: 20px; align-items: center; cursor: pointer; display: flex; justify-content: center; background-color: transparent; margin: 0px; min-block-size: var(--tds-size--4x); padding: var(--tds-size--half) var(--tds-form--indent); text-align: start; inline-size: 100%; max-inline-size: 100%; outline-offset: -2px; transition: background-color 0.3s; }

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

.tds--indicate-focus .tds-time-picker--option:is(:focus, .tds--focus) { border-radius: var(--tds-size--half); outline: var(--tds-outline--focus); }

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

:root, .tds-scrim--white, .tds-scrim--light { --tds-toast--background: var(--tds-color-grey-15); --tds-toast--foreground: var(--tds-color-grey-65); --tds-toast--foreground-high-contrast: var(--tds-color-white); --tds-toast--highlight: var(--tds-color-grey-20); }

.tds-scrim--black { --tds-toast--background: var(--tds-color-white); --tds-toast--foreground: var(--tds-color-grey-20); --tds-toast--foreground-high-contrast: var(--tds-color-grey-10); --tds-toast--highlight: var(--tds-color-grey-65); }

.tds-toast-container { display: flex; flex-direction: column; inline-size: calc(100vw - var(--tds-size--6x)); left: 50%; max-block-size: max(300px, 30vh); max-inline-size: 432px; overflow: auto; position: fixed; top: var(--tds-size-8x); transform: translate(-50%, 0px); z-index: 1001; }

.tds-raw-toast-container, .tds-toast-container { display: flex; flex-direction: column; inline-size: 432px; max-inline-size: calc(100vw - var(--tds-size--6x)); }

.tds-toast { background-color: var(--tds-toast--background); color: var(--tds-toast--foreground); padding: var(--tds-size--2x); padding-inline-end: calc(var(--tds-size--1x) * 3 / 2); flex: 0 0 auto; display: flex; flex-direction: row; column-gap: var(--tds-size--1x); align-items: flex-start; border-radius: calc(var(--tds-size--1x) / 2); }

.tds-toast-container .tds-toast { margin-block: 0 calc(var(--tds-size--1x)); opacity: 1; transition: margin-block-start 1s, margin-block-end 1s, opacity 1s; }

.tds-toast.tds-toast--fade-in { margin-block: calc(var(--intrinsic-height) * -1) 0; opacity: 0; transition: margin-block-start, margin-block-end, opacity; }

.tds-toast.tds-toast--fade-out { margin-block: calc(var(--intrinsic-height) * -1) 0; opacity: 0; pointer-events: none; z-index: -1; }

.tds-toast strong { color: var(--tds-toast--foreground-high-contrast); }

.tds-toast--default { padding-block: calc(var(--tds-size--2x) * 9 / 8); padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)) calc(var(--tds-size--1x) + var(--tds-size--half)); }

.tds-toast-body { display: flex; flex-direction: column; flex-grow: 1; line-height: var(--tds-line-height-40); row-gap: calc(var(--tds-size--1x) / 2); }

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

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

.tds-toast-loader, .tds-toast-status { block-size: var(--tds-size--3x); inline-size: var(--tds-size--3x); opacity: 1; position: relative; }

.tds-toast-loader { transition: opacity 0.5s; }

.tds-toast-loader .tds-icon { margin: auto; position: absolute; }

.tds-toast-loader .tds-icon-loader { --tds-icon--size: var(--tds-size--3x); animation: var(--tds--rotating); border-radius: 50%; opacity: var(--tds-ui-opacity-70); }

.tds-toast-loader .tds-icon-logo { --tds-icon--size: calc(var(--tds-size-2x) + 1.25px); animation: var(--tds--pulsing); color: var(--tds-theme-foreground-low-contrast); left: 50%; top: 50%; transform: translate(-50%, -50%); }

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

.tds-site-footer--sticky { bottom: 0px; position: sticky; }

.tds-footer-nav { inline-size: 100%; }

.tds-footer-nav > ul { align-items: center; display: flex; flex-flow: column; justify-content: center; }

.tds-site-footer--align_start .tds-footer-nav > ul { justify-content: flex-start; }

.tds-footer-nav > ul > li { padding: var(--tds-size--half) 0; }

.tds-footer-nav .tds-footer-item { color: var(--tds-theme-foreground-low-contrast); font-weight: var(--tds-font-weight-medium); }

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

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

@media (min-width: 600px) {
  .tds-footer-nav > ul { flex-flow: wrap; }
  .tds-footer-nav > ul > li { padding-block: var(--tds-size--1x) var(--tds-size--1x); }
  .tds-footer-nav > ul > li:first-child { padding-inline-start: 0px; }
  .tds-footer-nav > ul > li:last-child { padding-inline-end: 0px; }
}

:root, .tds-component-preview { --tds-site-header--gap: var(--tds-size--half); --tds-site-header--height: var(--tds-size--7x); }

.tds-site-header { display: flex; flex-flow: wrap; inline-size: 100%; justify-content: space-between; min-block-size: var(--tds-site-header--height); position: relative; transition: background-color 0.33s, box-shadow 0.33s; z-index: 10; }

.tds-global-menu { inline-size: 100%; }

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

.tds-site-header--internal.tds-site-header--sticky.tds-site-header--stuck { background-color: var(--tds-theme-background); }

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

.tds-site-header .tds-align--center { flex-basis: 0px; flex-grow: 1; justify-content: center; padding-inline: var(--tds-size--1x); }

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

.tds-site-header.tds-site-header--internal .tds-align--start { padding-inline-start: var(--tds-size--3x); }

.tds-site-header.tds-site-header--internal .tds-align--end { padding-inline-end: var(--tds-size--3x); }

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

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

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

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

.tds-site-header-leading, .tds-site-header-trailing { align-items: center; display: flex; gap: var(--tds-site-header--gap); }

.tds-site-header-leading { justify-content: flex-start; }

.tds-site-header-trailing { justify-content: flex-end; }

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

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

.tds-site-header--internal :is(.tds-site-header-leading, .tds-site-header-trailing) { --tds-site-header--gap: 14px; }

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

.tds-site-header--internal .tds-site-logo ~ .tds-app-switcher { margin-inline-start: -10px; }

.tds-site-header--internal .tds-site-menu-btn { color: var(--tds-theme-foreground-low-contrast); }

.tds-site-header--internal .tds-site-menu-btn + .tds-site-logo, .tds-site-header--internal tds-internal-menu-trigger + tds-internal-logo .tds-site-logo { margin-inline-start: 0px; }

.tds-site-logo-link { align-items: center; box-shadow: none; display: inline-flex; padding: 0 var(--tds-size--2x); }

.tds-site-header--internal .tds-site-logo-link { padding: 0px; }

.tds-app-title, .tds-site-app-title { align-items: center; block-size: var(--tds-size--4x); display: inline-flex; flex-direction: row; gap: var(--tds-size--half); padding-block: var(--tds-size--half); padding-inline: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x); position: relative; }

.tds-site-app-title.tds-text--h6 { display: flex; padding-block-start: 0px; }

.tds-app-title::before, .tds-site-app-title::before { background: var(--tds-theme-border-low-contrast); block-size: var(--tds-size--2x); border-radius: 1px; content: ""; inline-size: 1px; inset-inline-start: 0px; position: absolute; transition: opacity 0.33s; }

.tds-app-title-text { color: var(--tds-theme-foreground-high-contrast); font-size: var(--tds-font-size-30); font-weight: var(--tds-font-weight-regular); line-height: var(--tds-line-height-30); text-wrap: nowrap; }

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

.tds-site-logo :focus { border-radius: var(--tds-border-radius--pill); outline: none; }

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

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

.tds-site-header-search { align-items: center; display: flex; flex-basis: 0px; flex-grow: 1; max-inline-size: calc(329px + var(--tds-size--2x)); }

.tds-mock-app-switcher { align-items: center; color: var(--tds-theme-foreground-high-contrast); display: flex; gap: var(--tds-size--half); }

.tds-mock-app-switcher .tds-icon-chevron-small-180 { color: var(--tds-theme-foreground-low-contrast); }

.tds-mock-location { align-items: center; display: flex; gap: var(--tds-size--half); padding-inline-end: 12px; }

:root { --tds-site-header-panel--padding-inline: calc(var(--tds-size--3x) + var(--tds-size--half)); }

.tds-site-header-panel { --tds-modal--width: 100%; border-radius: 0px; inset: 0px; max-block-size: 100dvh; max-inline-size: 100%; min-block-size: 100dvh; z-index: 490; }

.tds-site-header-panel:not([open]) { transform: translateY(0px); }

.tds-site-header-panel[open] { transform: translateY(0px); }

.tds-site-header-panel-header { align-items: center; padding-inline-start: var(--tds-size--2x); }

.tds-site-header-panel-content { flex-grow: 1; padding: 0 var(--tds-site-header-panel--padding-inline); }

.tds-site-header-panel-footer-content { border-block-start: var(--tds-text--border-low-contrast); margin: var(--tds-site-header-panel--padding-inline); padding-block-start: var(--tds-site-header-panel--padding-inline); }

.tds-site-header-panel + .tds-modal-backdrop { display: none; }

.tds-site-header-panel--internal { --tds-site-header-panel--padding-inline: var(--tds-size--3x); }

@media (min-width: 1200px) {
  .tds-site-header { z-index: 500; }
  .tds-site-header-panel { min-block-size: 0px; max-block-size: 90dvh; top: 0px; bottom: auto; overflow-y: hidden; transition: 0.5s var(--tds-bezier); }
  .tds-site-header-panel:not([open]) { transform: translateY(calc(-1 * var(--tds-size--12x))); }
  .tds-site-header-panel-content { margin-block-start: calc(var(--tds-shell-header-height) + var(--tds-banner-offset-height, 0px)); padding-block-end: var(--tds-size--6x); overflow-y: auto; transition: transform 0.5s var(--tds-bezier); }
  .tds-site-header-panel:not([open]) .tds-site-header-panel-content { transform: translateY(var(--tds-size--9x)); }
  .tds-site-header-panel[open] .tds-site-header-panel-content { transform: translateY(0px); }
  .tds-site-header-panel + .tds-modal-backdrop { display: block; z-index: 480; }
  .tds-site-header-panel[open] + .tds-modal-backdrop { transition-delay: 0.25s; }
  .tds-site-header .tds-site-nav-items.tds-align--end li:last-child .tds-site-nav-item--icon-only { margin-inline-end: var(--tds-size--2x); }
}

:root { --tds-nav-item--block-size: var(--tds-size--4x); --tds-nav-item--color: inherit; --tds-nav-item--padding-block: var(--tds-size--half); --tds-nav-item--padding-inline: var(--tds-size--2x); --tds-nav-item--width: auto; --tds-nav-item-leading--gap: var(--tds-size--1x); --tds-nav-item-trailing--gap: var(--tds-size--half); }

.tds-site-nav-item { align-items: center; border-radius: var(--tds-border-radius--pill); color: var(--tds-nav-item--color); display: inline-flex; justify-content: space-between; font-weight: var(--tds-font-weight-medium); gap: var(--tds-nav-item-leading--gap); inline-size: var(--tds-nav-item--width); min-block-size: var(--tds-nav-item--block-size); padding: var(--tds-nav-item--padding-block) var(--tds-nav-item--padding-inline); transition: color 0.33s, background-color 0.33s; }

.tds-site-nav-items--vertical .tds-site-nav-item { inline-size: 100%; outline-offset: -2px; }

.tds-site-nav-item--with-caption { --tds-nav-item--padding-block: var(--tds-size--1x); }

.tds-site-nav-item--large { --tds-nav-item--padding-block: var(--tds-size--2x); --tds-nav-item-leading--gap: 12px; font-size: var(--tds-font-size-40); line-height: var(--tds-line-height-40); }

.tds-site-nav-item.tds--highlighted, .tds-site-nav-item.tds-animate--backdrop.tds--highlighted { --tds-nav-item--color: var(--tds-theme-foreground-high-contrast); backdrop-filter: blur(var(--tds-blur--button)); background-color: var(--tds-theme-background-container-alt); }

@media (hover: hover) {
  :is(.tds-site-nav-item, .tds-site-nav-item.tds-animate--backdrop):where(:not(.tds-site-nav-item--read-only)):hover { --tds-nav-item--color: var(--tds-theme-foreground-high-contrast); backdrop-filter: blur(var(--tds-blur--button)); background-color: var(--tds-theme-background-container-alt); }
  .tds-site-nav-item.tds--highlighted:where(:not(.tds-site-nav-item--read-only):not(.tds-animate--backdrop)):hover { background-color: var(--tds-theme-background-container-alt-highlight); }
}

.tds-site-nav-item:focus { outline: none; }

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

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

.tds-site-nav-item--icon-only, .tds-site-nav-item:has(> .tds-icon:only-child), .tds-site-nav-item:has(> tds-content:only-child tds-icon:only-child .tds-icon) { block-size: var(--tds-size--4x); inline-size: var(--tds-size--4x); justify-content: center; padding: 0px; }

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

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

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

.tds-site-nav-items--vertical .tds-site-nav-item-text { flex-grow: 1; text-align: start; }

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

.tds-site-nav-item-caption { color: var(--tds-theme-foreground-low-contrast); display: block; font-size: var(--tds-font-size-20); font-weight: var(--tds-font-weight-regular); line-height: var(--tds-line-height-20); }

.tds-site-nav-item--large .tds-site-nav-item-caption { font-size: var(--tds-font-size-30); line-height: var(--tds-line-height-30); }

.tds-site-nav-item--with-caption:not(.tds-site-nav-item--large) .tds-site-nav-item-text { padding-block-start: 2px; }

.tds-site-nav-item--with-caption:not(.tds-site-nav-item--large) .tds-site-nav-item-caption { padding-block-end: 2px; }

:is(.tds-sidenav--internal, .tds-site-header-panel--internal) { --tds-nav-item-leading--gap: 12px; --tds-nav-item-trailing--gap: var(--tds-size--half); }

.tds-site-nav-item-leading, .tds-site-nav-item-trailing { align-items: center; display: flex; }

.tds-site-nav-item-leading { gap: var(--tds-nav-item-leading--gap); text-align: start; }

.tds-site-nav-item-trailing { gap: var(--tds-nav-item-trailing--gap); text-align: end; }

.tds-site-nav-item .tds-icon { transition: none; }

.tds-site-nav-item > .tds-icon:first-child, .tds-site-nav-item .tds-site-nav-item-leading .tds-icon { margin-inline-start: calc(var(--tds-size--half) * -1); }

.tds-site-nav-item--with-caption .tds-icon:first-child:not(tds-icon .tds-icon), .tds-site-nav-item--with-caption tds-content:has(tds-icon):first-child tds-icon:first-child .tds-icon { align-self: start; }

.tds-site-nav-item > .tds-icon:last-child, .tds-site-nav-item > tds-content:has(tds-icon):last-child tds-icon:last-child .tds-icon, .tds-site-nav-item > .tds-site-nav-item-trailing .tds-icon { margin-inline-end: calc(var(--tds-size--half) * -1); }

.tds-site-nav-items--vertical .tds-site-nav-item > .tds-icon:last-child:not(tds-icon .tds-icon), .tds-site-nav-items--vertical .tds-site-nav-item > tds-icon:last-child .tds-icon, .tds-site-nav-items--vertical .tds-site-nav-item > tds-content:has(tds-icon):last-child tds-icon .tds-icon, .tds-site-nav-items--vertical .tds-site-nav-item > .tds-site-nav-item-trailing .tds-icon { margin-inline-end: 2px; }

.tds-site-nav-item .tds-icon:only-child:not(tds-icon .tds-icon), .tds-site-nav-item tds-content:has(tds-icon):only-child tds-icon:only-child .tds-icon, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-icon:first-child, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > tds-content:has(tds-icon):first-child .tds-icon, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-site-nav-item-leading .tds-icon:first-child, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > .tds-site-nav-item-leading tds-content:has(tds-icon):first-child .tds-icon { margin-inline: calc((var(--tds-nav-item--padding-inline) - var(--tds-nav-item--padding-block)) * -1); }

.tds-site-nav-item :is(.tds-site-nav-item-trailing, .tds-icon[class*="chevron"]:last-child) { color: var(--tds-theme-foreground-low-contrast); transition: color 0.33s ease, transform 0.5s var(--tds-bezier); }

.tds-site-nav-item.tds--highlighted :is(.tds-site-nav-item-trailing, .tds-icon[class*="chevron"]:last-child) { color: var(--tds-theme-foreground-high-contrast); }

@media (hover: hover) {
  .tds-site-nav-item:hover :is(.tds-site-nav-item-trailing, .tds-icon[class*="chevron"]:last-child) { color: var(--tds-theme-foreground-high-contrast); }
}

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

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

.tds-site-nav-items { align-items: center; display: flex; margin: 0px; transition: transform 0.5s; position: relative; z-index: 1; }

.tds-site-header > .tds-site-nav-items { min-block-size: var(--tds-site-header--height); position: static; }

.tds-site-nav-items--vertical { --tds-nav-item--padding-inline: 12px; align-items: initial; flex-direction: column; overflow-y: auto; text-align: start; }

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

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

:is(.tds-site-header-panel, .tds-sidenav) .tds-site-nav-items--vertical { margin-inline: calc(var(--tds-nav-item--padding-inline) * -1) calc(var(--tds-nav-item--padding-inline) * -1); }

.tds-site-nav-items--vertical .tds-site-nav-items--vertical { margin-inline: 0px; }

:is(.tds-sidenav--internal, .tds-site-header-panel--internal) .tds-site-nav-items--vertical { --tds-nav-item--padding-inline: var(--tds-size--1x); }

@media (min-width: 900px) {
  .tds-site-header-panel .tds-site-nav-items--vertical { align-items: flex-start; }
}

.tds-status_msg { --tds-card--padding: var(--tds-padding--card--dense); display: flex; margin: var(--tds-size--3x) 0; }

.tds-status_msg-heading { padding: 0px; }

.tds-status_msg :is(.tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6, .tds-text--h6) { padding-block-start: 0px; }

.tds-status_msg:not(.tds-card) .tds-card-body { padding-block: 0px; padding-inline-start: calc(var(--tds-card--padding) / 3); }

.tds-status_msg:not(.tds-card) .tds-icon + .tds-card-body { padding-block: 2px; }

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

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

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

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

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

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

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

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

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

.tds-table-deprecated-row p { margin: 0px; }

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

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

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

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

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

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

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

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

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

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

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

table { font-size: inherit; font-weight: inherit; line-height: inherit; }

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

.tds-table { --tds-table-cell-border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast); --tds-table-cell-border-block-start: none; border-collapse: collapse; border-spacing: 0px; font-size: var(--tds-font-size-30); min-inline-size: 100%; text-align: start; }

.tds-table-head { --tds-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half)); }

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

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

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

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

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

.tds-table-column--selected { background-color: var(--tds-theme-background-container-highlight); }

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

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

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

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

.tds-table-row th.tds-th--caption, .tds-th--caption { align-items: var(--tds-table-cell-align-items); color: var(--tds-caption--color); font-size: var(--tds-font-size-20); font-weight: var(--tds-font-weight-medium); }

.tds-table-row th:first-child::after { background: var(--tds-scrim--background); inset-block: 1px; inset-inline: 0px; position: absolute; transition: background-color 0.3s; z-index: -2; }

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

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

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

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

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

.tds-table--align-top { --tds-table-cell-vertical-align: top; }

.tds-table--align-bottom { --tds-table-cell-vertical-align: bottom; }

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

table { color: inherit; }

.tds-data-table-wrapper { --tds-data-table--row-hover-radius: 4px; --tds-data-table--row-outdent-size: 8px; --tds-data-table--vertical-align: middle; inline-size: calc(100% + ((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * 2)); margin-inline-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1); margin-inline-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1); overflow: auto visible; }

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

* + .tds-data-table-wrapper { margin-block-start: var(--tds-size--1x); }

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

.tds-data-table-toolbar { align-items: center; display: flex; gap: var(--tds-size--2x); justify-content: space-between; }

.tds-data-table-tools { align-items: center; display: flex; gap: var(--tds-size--2x); }

.tds-density--dense .tds-data-table-tools { gap: var(--tds-size--1x); }

.tds-data-table { border-spacing: 0px; font-size: var(--tds-data-table--font-size); font-variant-numeric: tabular-nums; inline-size: calc(100% - var(--tds-data-table--row-hover-radius) * 2); margin: 0 var(--tds-data-table--row-hover-radius); position: relative; z-index: 1; }

.tds-data-table--align-top { --tds-data-table--vertical-align: top; }

.tds-data-table--align-bottom { --tds-data-table--vertical-align: bottom; }

.tds-data-table tr { background-color: transparent; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; }

.tds-data-table :where(th, td) { block-size: var(--tds-size--5x); border-block-end: 1px solid var(--tds-theme-background-container); position: relative; text-align: start; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; vertical-align: var(--tds-data-table--vertical-align); white-space: nowrap; }

.tds-data-table :where(th, td):is(:first-child, :last-child)::before { content: ""; position: absolute; top: -1px; bottom: -1px; z-index: -1; border-color: transparent; transition: background-color 0.3s, top 0.3s; }

.tds-data-table :where(th, td):first-child::before, [dir="rtl"] .tds-data-table :where(th, td):last-child::before { border-radius: var(--tds-data-table--row-hover-radius) 0 0 var(--tds-data-table--row-hover-radius); left: calc(var(--tds-data-table--row-hover-radius) * -1); right: 100%; }

.tds-data-table :where(th, td):last-child::before, [dir="rtl"] .tds-data-table :where(th, td):first-child::before { border-radius: 0 var(--tds-data-table--row-hover-radius) var(--tds-data-table--row-hover-radius) 0; left: 100%; right: calc(var(--tds-data-table--row-hover-radius) * -1); }

.tds-data-table th { font-weight: var(--tds-font-weight-medium); }

.tds-data-table thead :where(th, td) { padding: 12px var(--tds-data-table--row-outdent-size); }

.tds-data-table tbody :where(th, td) { padding: var(--tds-size--1x) var(--tds-data-table--row-outdent-size); }

.tds-data-table tbody tr:is(:hover, .tds--highlighted), .tds-data-table tbody tr:is(:hover, .tds--highlighted) :where(th, td)::before { background-color: var(--tds-theme-background-container); }

.tds-data-table tbody .tds-tr--selected:is(:hover, .tds--highlighted), .tds-data-table tbody .tds-tr--selected:is(:hover, .tds--highlighted) :where(th, td)::before, .tds-data-table tbody .tds-tr--selected:has(.tds-tooltip), .tds-data-table tbody .tds-tr--selected:has(.tds-tooltip) :where(th, td)::before { z-index: 3; }

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

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

.tds-data-table tbody tr.tds-tr--selected :where(th, td)::before, .tds-data-table tbody tr.tds-tr--selected :where(th, td)::after { background-color: var(--tds-theme-background-container-highlight); }

.tds-data-table tbody tr.tds-tr--selected + tr.tds-tr--selected :where(th, td)::before { top: -6px; }

.tds--indicate-focus .tds-data-table tbody tr:focus-within { outline: var(--tds-outline--focus); outline-offset: -5px; z-index: 4; }

.tds-td--actions { padding-inline-end: var(--tds-data-table--row-outdent-size); padding-inline-start: var(--tds-data-table--row-outdent-size); text-align: end; }

.tds-data-table tbody tr:is(:hover, .tds--highlighted) .tds-td--actions { position: sticky; right: 0px; z-index: 3; }

.tds-td--select { padding-inline-end: var(--tds-data-table--row-outdent-size); padding-inline-start: var(--tds-data-table--row-outdent-size); white-space: nowrap; width: 0px; }

.tds-th--sortable { cursor: pointer; user-select: none; }

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

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

.tds-th--sortable .tds-th--inner::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: var(--tds-size--half); border-radius: var(--tds-size--half); background-color: transparent; transition: background-color 0.3s, transform 0.3s; z-index: -1; }

.tds-th--sortable:hover .tds-th--inner::before { background-color: var(--tds-theme-background-container); }

.tds-th--sortable .tds-th--inner:focus-visible::before { outline: var(--tds-outline--focus); outline-offset: -2px; }

.tds--indicate-focus .tds-th--sortable .tds-th--inner:focus::before { outline: var(--tds-outline--focus); outline-offset: -2px; }

.tds-data-table--prototype-animated-th-hover .tds-th--sortable .tds-th--inner::before { transform: scale(0.7); }

.tds-data-table--prototype-animated-th-hover .tds-th--sortable:hover .tds-th--inner::before { transform: scale(1); }

.tds-th--sortable .tds-th--inner { padding: 12px var(--tds-data-table--row-outdent-size); text-align: inherit; width: 100%; }

.tds-th--sortable .tds-icon { margin-inline-start: var(--tds-size--half); vertical-align: middle; }

:where(.tds-data-table) th [class*="tds-icon-double-chevron"] { --tds-icon-double-chevron-down--fill: var(--tds-theme-border); --tds-icon-double-chevron-up--fill: var(--tds-theme-border); opacity: 0; transition: opacity 0.3s, transform 0.3s; }

.tds-th--sort-asc [class*="tds-icon-double-chevron"] { --tds-icon-double-chevron-up--fill: var(--tds-theme-foreground-high-contrast); }

.tds-th--sort-desc [class*="tds-icon-double-chevron"] { --tds-icon-double-chevron-down--fill: var(--tds-theme-foreground-high-contrast); }

:is(.tds-th--sortable:hover, .tds-th--sort-asc, .tds-th--sort-desc) [class*="tds-icon-double-chevron"] { opacity: 1; }

.tds-th--sortable :focus-visible [class*="tds-icon-double-chevron"] { opacity: 1; }

.tds--indicate-focus .tds-th--sortable :focus [class*="tds-icon-double-chevron"] { opacity: 1; }

.tds-data-table--sticky-first-col th:first-child { left: var(--tds-data-table--row-hover-radius); position: sticky; z-index: 1; }

[dir="rtl"] .tds-data-table--sticky-first-col th:first-child { left: auto; right: var(--tds-data-table--row-hover-radius); }

.tds-data-table--sticky-first-col .tds-td--select { left: var(--tds-data-table--row-hover-radius); position: sticky; z-index: 1; }

[dir="rtl"] .tds-data-table--sticky-first-col .tds-td--select { left: auto; right: var(--tds-data-table--row-hover-radius); }

.tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type) { left: calc(var(--tds-form-input-choice--check-size) + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius)); position: sticky; z-index: 1; }

[dir="rtl"] .tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type) { left: auto; right: calc(var(--tds-form-input-choice--check-size) + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius)); }

.tds-data-table--sticky-first-col.tds-density--dense th:not(:first-child):is(:first-of-type) { left: calc(var(--tds-form-input-choice--check-size) + 2px + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius)); }

[dir="rtl"] .tds-data-table--sticky-first-col.tds-density--dense th:not(:first-child):is(:first-of-type) { left: auto; right: calc(var(--tds-form-input-choice--check-size) + 2px + (var(--tds-data-table--row-outdent-size) * 2) + var(--tds-data-table--row-hover-radius)); }

.tds-data-table--sticky-first-col th:first-child::after, .tds-data-table--sticky-first-col .tds-td--select::after, .tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type)::after { content: ""; position: absolute; inset: 1px 0px; background: var(--tds-theme-background, var(--tds-color-white)); transition: background-color 0.3s; z-index: -2; }

.tds-data-table--sticky-first-col :where(th, td):first-child::before { background: var(--tds-theme-background, var(--tds-color-white)); }

.tds-data-table--sticky-first-col tbody tr.tds-tr--selected:not(:hover, .tds--highlighted) th:first-child::after, .tds-data-table--sticky-first-col tbody tr.tds-tr--selected:not(:hover, .tds--highlighted) .tds-td--select::after, .tds-data-table--sticky-first-col tbody tr.tds-tr--selected th:not(:first-child):is(:first-of-type)::after { background: var(--tds-theme-background-container-highlight); }

.tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) th:first-child::after, .tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) .tds-td--select::after, .tds-data-table--sticky-first-col tbody tr:not(.tds-tr--selected):is(:hover, .tds--highlighted) th:not(:first-child):is(:first-of-type)::after { background: var(--tds-theme-background-container); }

.tds-data-table-null-message { align-items: center; display: flex; flex-direction: column; padding: clamp(100px, 10vh, 200px) 40px; }

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

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

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

.tds-tab-list { --tds-tab--background-color-off: transparent; --tds-tab--background-color-on: var(--tds-theme-background-container); --tds-tab--border-radius: var(--tds-border-radius--pill); --tds-tab--box-shadow--focus-off: inset 0 0 0 0 transparent; --tds-tab--box-shadow--focus-on: inset 0 0 0 3px rgb(var(--tds-color--rgb-shade) 0.08); --tds-tab--box-shadow--highlight-off: 0 0 0 0 transparent; --tds-tab--box-shadow--highlight-on: 0 0 0 0 transparent; --tds-tab--font-size: var(--tds-font-size-30); --tds-tab--font-weight: var(--tds-font-weight-medium); --tds-tab--gap: var(--tds-size--half); --tds-tab-list--height: var(--tds-height--pill); align-items: center; block-size: var(--tds-tab-list--height); display: grid; gap: var(--tds-tab--gap); grid-auto-flow: column; overflow-x: auto; position: relative; }

.tds-tab-list--toggle { --tds-tab--background-color-on: var(--tds-color-white); --tds-tab--border-radius: calc(var(--tds-border-radius--pill) - 2px); --tds-tab--box-shadow--highlight-on: var(--tds-box-shadow--small); background-color: var(--tds-theme-background-container-alt); border-radius: var(--tds-border-radius--pill); padding: var(--tds-size--half); }

:is(.tds-scrim--black, .tds-colorscheme--dark) .tds-tab-list--toggle { --tds-tab--background-color-on: var(--tds-color-grey-20); }

:is(.tds-scrim--black, .tds-colorscheme--dark) :is(.tds-modal, .tds-tooltip) .tds-tab-list--toggle { --tds-tab--background-color-on: var(--tds-theme-background-container-alt); }

.tds-tab-list--vertical, .tds-tab-list--legacy-vertical, .tds-tab-list--underline { --tds-tab--border-radius: 0; gap: 0px; }

.tds-tab-list--vertical, .tds-tab-list--legacy-vertical { --tds-tab--justify-content: start; --tds-tab-list--height: auto; grid-auto-flow: row; }

.tds-tab-list--legacy-vertical { --tds-tab--background-color-on: transparent; --tds-tab--box-shadow--highlight-off: inset 0 0 0 0 transparent; --tds-tab--box-shadow--highlight-on: inset -4px 0 0 0 var(--tds-theme-primary); }

.tds-tab-list--underline { --tds-tab--background-color-on: transparent; --tds-tab-list--height: var(--tds-size--7x); --tds-tab--box-shadow--highlight-off: none; --tds-tab--box-shadow--highlight-on: none; --tds-tab-list--underline--max_width: auto; --tds-tab-list--underline--size: var(--tds-border-width-small); --tds-tab-list--tab-underline--border-radius: 2px; --tds-tab-list--tab-underline--bottom: 0; --tds-tab-list--tab-underline--size: var(--tds-border-width-large); display: inline-grid; }

.tds-tab-list--underline.tds-tab-list--full-width { display: flex; inline-size: 100%; justify-content: center; }

.tds-tab-list--underline.tds-tab-list--full-width.tds-tab-list--align-start { justify-content: flex-start; }

.tds-tab-list--underline--inner { display: inline-grid; grid-auto-columns: 1fr; }

.tds-density--dense .tds-tab-list--underline { max-block-size: var(--tds-tab-list--underline--max_width); }

.tds-tab-list--underline::after { background: var(--tds-theme-border); block-size: var(--tds-tab-list--underline--size); bottom: var(--tds-tab-list--underline--size); content: ""; inline-size: 100%; position: absolute; }

.tds-tab-list--underline .tds-tab::after { content: ""; position: absolute; block-size: var(--tds-tab-list--tab-underline--size); inline-size: 100%; border-radius: var(--tds-tab-list--tab-underline--border-radius); background: var(--tds-theme-foreground-high-contrast); bottom: var(--tds-tab-list--tab-underline--bottom); z-index: 1; opacity: 0; transform: scale(1, 0); transition: opacity 0.3s, transform 0.3s; }

.tds-tab-list--underline.tds-tab-list--animated .tds-tab::after { display: none; }

.tds-tab-list--underline .tds-tab--active::after, .tds-tab-list--underline .tds-tab[aria-selected="true"]::after { opacity: 1; transform: scale(1, 1); }

.tds-tab-list--dots { --tds-tab--background-color-off: var(--tds-theme-border); --tds-tab--background-color-on: var(--tds-theme-foreground-high-contrast); --tds-tab-list--height: 12px; justify-content: center; }

.tds-tab-list--animated { --tds-animate-backdrop-visibility: inherit; }

.tds-tab { --tds-tab--background-color: var(--tds-tab--background-color-off); --tds-tab--box-shadow--focus: var(--tds-tab--box-shadow--focus-off); --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-off); align-items: center; block-size: calc(var(--tds-tab-list--height) - 8px); border-radius: var(--tds-tab--border-radius); display: inline-flex; font-size: var(--tds-tab--font-size); font-weight: var(--tds-tab--font-weight); justify-content: var(--tds-tab--justify-content, center); line-height: 1.2; outline-offset: -2px; padding: var(--tds-size--half) var(--tds-size--3x); position: relative; color: var(--tds-theme-foreground-low-contrast); background-color: var(--tds-tab--background-color); scroll-snap-align: center; box-shadow: var(--tds-tab--box-shadow--focus), var(--tds-tab--box-shadow--highlight); cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s; }

.tds-tab-list--icons .tds-tab { block-size: var(--tds-tab-list--height); inline-size: var(--tds-tab-list--height); padding: 0px; }

.tds-tab-list--toggle.tds-tab-list--icons { padding: 2px; }

.tds-tab-list--vertical .tds-tab, .tds-tab-list--legacy-vertical .tds-tab { min-block-size: var(--tds-height--pill); }

.tds-tab-list--underline .tds-tab { grid-row: 1; min-block-size: var(--tds-tab-list--height); text-align: center; white-space: nowrap; }

.tds-tab-list--dots .tds-tab { font-size: 0px; outline-offset: 0px; padding: var(--tds-size--half); text-indent: -10000px; }

.tds-tab-list--animated .tds-tab { --tds-tab--background-color-on: var(--tds-tab--background-color-off); --tds-tab--box-shadow--highlight-on: var(--tds-tab--box-shadow--highlight-off); }

.tds-tab:focus-visible { outline: var(--tds-outline--focus); }

.tds-tab-list--toggle.tds-tab-list--icons .tds-tab { block-size: calc(var(--tds-tab-list--height) - var(--tds-size--half)); inline-size: calc(var(--tds-tab-list--height) - var(--tds-size--half)); padding: 0px; }

:is(.tds-density--dense .tds-tab-list--toggle.tds-tab-list--icons, .tds-density--dense.tds-tab-list--toggle.tds-tab-list--icons) .tds-icon { --tds-icon--size: 20px; }

.tds--indicate-focus .tds-tab:focus { outline: var(--tds-outline--focus); }

.tds-tab--active, .tds-tab[aria-selected="true"] { --tds-tab--background-color: var(--tds-tab--background-color-on); --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-on); cursor: inherit; color: var(--tds-theme-foreground-high-contrast); background-color: var(--tds-tab--background-color); }

.tds-tab-list--animated .tds--animated-backdrop { background-color: var(--tds-tab--background-color-on); border-radius: var(--tds-tab--border-radius); box-shadow: var(--tds-tab--box-shadow--highlight-on); }

.tds--indicate-focus .tds--animated-backdrop { transition: none; }

.tds-tab-list--dots .tds--animated-backdrop { z-index: 1; }

.tds-tab-list--animated.tds-tab-list--underline .tds--animated-backdrop { background: var(--tds-theme-foreground-high-contrast); block-size: var(--tds-tab-list--tab-underline--size); border-radius: var(--tds-tab-list--tab-underline--border-radius); bottom: var(--tds-tab-list--tab-underline--bottom); position: absolute; top: unset; z-index: 1; }

.tds-tooltip { --tds-tooltip--padding: var(--tds-padding--card); --tds-tooltip--translate-y: var(--tds-size--1x); --tds-tooltip--safe-space: var(--tds-size--1x); --tds-tooltip--x-offset: 0px; --tds-tooltip--offset-align: 8; --tds-tooltip--offset-padding: 24; background-color: var(--tds-theme-background-dialog); border-radius: var(--tds-border-radius--card); bottom: calc(100% + var(--tds-tooltip--safe-space)); box-shadow: var(--tds-box-shadow--medium); inline-size: max-content; left: 50%; max-inline-size: min(-48px + 100vw, 400px); padding: var(--tds-tooltip--padding); position: absolute; text-align: initial; top: auto; writing-mode: horizontal-tb; z-index: 550; }

.tds-tooltip.tds-tooltip--overlay { backface-visibility: hidden; bottom: unset; position: fixed; transform: translateY(var(--tds-tooltip--translate-y)) translateX(0); }

.tds-tooltip.tds-tooltip--overlay.tds-tooltip--width-full { max-inline-size: min(-48px + 100vw, 400px); }

.tds-tooltip, .tds-tooltip--closed { opacity: 0; transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset))); pointer-events: none; visibility: hidden; transition: opacity 0.5s var(--tds-bezier),
    transform 0.5s var(--tds-bezier),
    visibility 0s 0.5s; }

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

.tds-density--dense .tds-tooltip, .tds-density--dense.tds-tooltip { --tds-tooltip--offset-padding: 16; --tds-tooltip--padding: var(--tds-padding--card--dense); }

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

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

.tds-tooltip--align-start { inset-inline-start: calc(var(--tds-tooltip--padding) * -1); left: unset; }

.tds-tooltip--align-end { inset-inline-end: calc(var(--tds-tooltip--padding) * -1); left: unset; }

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

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

[data-tds-tooltip-trigger] { cursor: pointer; }

.tds-tooltip-wrapper, .tds-tooltip-wrapper--inline { position: relative; }

.tds-tooltip-wrapper { display: flex; }

.tds-tooltip-wrapper--inline { display: inline-flex; vertical-align: middle; }

.tds-tooltip > * { position: relative; z-index: 2; }

:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > :first-child { margin-block-start: 0px; padding-block-start: 0px; }

:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > :last-child { margin-block-end: 0px; padding-block-end: 0px; }

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

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

h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6, .tds-text--caption-header { font-weight: var(--tds-font-weight-medium); padding-block: var(--tds-size--4x) var(--tds-size--1x); color: var(--tds-theme-foreground-high-contrast); transition: font 0.33s, color 0.33s, opacity 0.33s, padding 0.33s; }

h6, .tds-text--h6 { padding-block-end: 0px; }

:is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) + :is(h1, h2, h3, h4, h5, h6, .tds-text--h1, .tds-text--h1-alt, .tds-text--h2, .tds-text--h3, .tds-text--h4, .tds-text--h5, .tds-text--h6) { padding-block-start: var(--tds-size--2x); }

@media (max-width: 599px) {
  h1, .tds-text--h1, .tds-text--h1-alt { font-size: var(--tds-font-size-70); line-height: var(--tds-line-height-70); }
  h2, .tds-text--h2 { font-size: var(--tds-font-size-60); line-height: var(--tds-line-height-60); }
  h3, .tds-text--h3 { font-size: var(--tds-font-size-50); line-height: var(--tds-line-height-60); }
  h4, .tds-text--h4 { font-size: var(--tds-font-size-40); line-height: var(--tds-line-height-30); }
  h5, .tds-text--h5 { font-size: var(--tds-font-size-30); line-height: var(--tds-line-height-30); }
  h6, .tds-text--h6 { font-size: var(--tds-font-size-30); line-height: var(--tds-line-height-30); }
  .tds-text--caption-header { font-size: var(--tds-font-size-20); line-height: var(--tds-line-height-10); }
}

@media (min-width: 600px) {
  h1, .tds-text--h1 { font-size: var(--tds-font-size-80); line-height: var(--tds-line-height-80); }
  .tds-text--h1-alt { font-size: var(--tds-font-size-75); line-height: var(--tds-line-height-75); }
  h2, .tds-text--h2 { font-size: var(--tds-font-size-70); line-height: var(--tds-line-height-70); }
  h3, .tds-text--h3 { font-size: var(--tds-font-size-60); line-height: var(--tds-line-height-60); }
  h4, .tds-text--h4 { font-size: var(--tds-font-size-50); line-height: var(--tds-line-height-60); }
  h5, .tds-text--h5 { font-size: var(--tds-font-size-40); line-height: var(--tds-line-height-20); }
  h6, .tds-text--h6 { font-size: var(--tds-font-size-30); line-height: var(--tds-line-height-30); }
  .tds-text--caption-header { font-size: var(--tds-font-size-20); line-height: var(--tds-line-height-10); }
}

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

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

.tds-text--body + .tds-text--body { padding-block-start: var(--tds-paragraph-gap); }

.tds-text--caption { color: var(--tds-theme-foreground-low-contrast); font-size: var(--tds-font-size-20); line-height: var(--tds-line-height-10); }

:is(ul, ol, p) + :is(ul, ol, p).tds-text--caption { padding-block-start: 12px; }

.tds-text--thin { font-weight: var(--tds-font-weight-thin) !important; }

.tds-text--light { font-weight: var(--tds-font-weight-light) !important; }

.tds-text--regular { font-weight: var(--tds-font-weight-regular) !important; }

.tds-text--medium { font-weight: var(--tds-font-weight-medium) !important; }

.tds-text--bold { font-weight: var(--tds-font-weight-bold) !important; }

.tds-text--contrast-high { color: var(--tds-theme-foreground-high-contrast); }

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

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

.tds-text--center { margin-inline: auto; text-align: center !important; }

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

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

.tds-text--full-width { max-inline-size: 100% !important; }

.tds-text--full-width :is(ul, ol, li, p, div, details, summary) { max-inline-size: 100%; }

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

.tds-text--with_divider::after { background-color: var(--tds-theme-foreground-high-contrast); block-size: 1px; content: ""; display: block; inline-size: 100%; margin-inline-start: 0.5em; }

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

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

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

.tds-text--nowrap { text-wrap: nowrap; }

.tds-text--wrap-balanced { text-wrap: balance; }

.tds-text--strikethrough { text-decoration: line-through; }

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

code { --tds-code--background-color: var(--tds-theme-background-container); --tds-code--border: var(--tds-text--border-low-contrast); --tds-code--font-color: var(--tds-theme-foreground); --tds-code--padding: var(--tds-size--1x); max-inline-size: 100%; padding: 0px 0.414em; border-radius: 0.25em; color: var(--tds-code--font-color); border: var(--tds-code--border); background-color: var(--tds-code--background-color); transition: background-color 0.3s, color 0.3s; }

:is(ul, ol, p, strong, label) code { border: 0px; }

:is(ul, ol, p, strong, label) code.tds-text--border { border: var(--tds-code--border); }

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

:root, .tds-component-preview { --tds-spacer-base: var(--tds-size--half); --tds-spacer-1x: var(--tds-spacer-base); --tds-spacer-2x: calc(var(--tds-spacer-base) * 2); --tds-spacer-3x: calc(var(--tds-spacer-base) * 3); --tds-spacer-4x: calc(var(--tds-spacer-base) * 4); --tds-spacer-5x: calc(var(--tds-spacer-base) * 5); --tds-spacer-6x: calc(var(--tds-spacer-base) * 6); --tds-spacer-8x: calc(var(--tds-spacer-base) * 8); --tds-spacer-10x: calc(var(--tds-spacer-base) * 10); --tds-spacer-12x: calc(var(--tds-spacer-base) * 12); --tds-spacer-14x: calc(var(--tds-spacer-base) * 14); --tds-spacer-16x: calc(var(--tds-spacer-base) * 16); --tds-spacer-18x: calc(var(--tds-spacer-base) * 18); --tds-spacer-20x: calc(var(--tds-spacer-base) * 20); --tds-spacer-24x: calc(var(--tds-spacer-base) * 24); --tds-spacer-32x: calc(var(--tds-spacer-base) * 32); }

:is(h1, h2, h3, h4) + :is(p, ul, ol, .tds-list, legend) { --tds-spacer-top: var(--tds-spacer-5x); }

:is(h5, p, ul, ol, .tds-list, legend) + :is(p, ul, ol, .tds-list, legend) { --tds-spacer-top: var(--tds-spacer-4x); }

h6 + :is(p, ul, ol, .tds-list, legend) { --tds-spacer-top: var(--tds-spacer-3x); }

* + form { --tds-spacer-top: var(--tds-spacer-10x); }

.tds--vertical-rhythm [class*="tds--pad-top-"], .tds--vertical-rhythm [class*="tds-spacer-"], .tds--vertical-rhythm :is(h1, h2, h3, h4, h5, h6) { padding-block-start: var(--tds-spacer-top); }

.tds--vertical-rhythm :is(*) + :is(p, form, ul, ol, .tds-list, legend) { padding-block-start: var(--tds-spacer-top); }

@media (max-width: 599px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl { --tds-spacer-top: calc(var(--tds-spacer-base) * 18); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg { --tds-spacer-top: calc(var(--tds-spacer-base) * 16); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) { --tds-spacer-top: var(--tds-spacer-14x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm, :is(h2, .tds-text--h2).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-12x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs, :is(h2, .tds-text--h2).tds--pad-top-lg, :is(h3, .tds-text--h3).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-10x); }
  :is(h2, .tds-text--h2), :is(h3, .tds-text--h3).tds--pad-top-lg, :is(h4, .tds-text--h4).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-8x); }
  :is(h2, .tds-text--h2).tds--pad-top-sm, :is(h3, .tds-text--h3), :is(h4, .tds-text--h4).tds--pad-top-lg, :is(h5, .tds-text--h5).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-6x); }
  :is(h2, .tds-text--h2).tds--pad-top-xs, :is(h3, .tds-text--h3).tds--pad-top-sm, :is(h3, .tds-text--h3).tds--pad-top-xs, :is(h4, .tds-text--h4), :is(h4, .tds-text--h4).tds--pad-top-sm, :is(h4, .tds-text--h4).tds--pad-top-xs, :is(h5, .tds-text--h5).tds--pad-top-lg, :is(h5, .tds-text--h5), :is(h6, .tds-text--h6), :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs), :is(h6, .tds-text--h6).tds--pad-top-xl, :is(h6, .tds-text--h6).tds--pad-top-lg { --tds-spacer-top: var(--tds-spacer-5x); }
}

@media (min-width: 600px) and (max-width: 899px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-20x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg { --tds-spacer-top: var(--tds-spacer-18x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) { --tds-spacer-top: var(--tds-spacer-16x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm, :is(h2, .tds-text--h2).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-14x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs, :is(h2, .tds-text--h2).tds--pad-top-lg, :is(h3, .tds-text--h3).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-12x); }
  :is(h2, .tds-text--h2), :is(h3, .tds-text--h3).tds--pad-top-lg, :is(h4, .tds-text--h4).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-10x); }
  :is(h2, .tds-text--h2).tds--pad-top-sm, :is(h3, .tds-text--h3), :is(h4, .tds-text--h4).tds--pad-top-lg, :is(h5, .tds-text--h5).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-8x); }
  :is(h2, .tds-text--h2).tds--pad-top-xs, :is(h3, .tds-text--h3).tds--pad-top-sm, :is(h4, .tds-text--h4), :is(h5, .tds-text--h5).tds--pad-top-lg, :is(h6, .tds-text--h6).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-6x); }
  :is(h3, .tds-text--h3).tds--pad-top-xs, :is(h4, .tds-text--h4).tds--pad-top-sm, :is(h4, .tds-text--h4).tds--pad-top-xs, :is(h5, .tds-text--h5), :is(h6, .tds-text--h6), :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs), :is(h6, .tds-text--h6).tds--pad-top-lg { --tds-spacer-top: var(--tds-spacer-5x); }
}

@media (min-width: 900px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl { --tds-spacer-top: calc(var(--tds-spacer-base) * 22); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg { --tds-spacer-top: calc(var(--tds-spacer-base) * 20); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) { --tds-spacer-top: var(--tds-spacer-18x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm, :is(h2, .tds-text--h2).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-16x); }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs, :is(h2, .tds-text--h2).tds--pad-top-lg, :is(h3, .tds-text--h3).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-14x); }
  :is(h2, .tds-text--h2), :is(h3, .tds-text--h3).tds--pad-top-lg, :is(h4, .tds-text--h4).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-12x); }
  :is(h2, .tds-text--h2).tds--pad-top-sm, :is(h3, .tds-text--h3), :is(h4, .tds-text--h4).tds--pad-top-lg, :is(h5, .tds-text--h5).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-10x); }
  :is(h2, .tds-text--h2).tds--pad-top-xs, :is(h3, .tds-text--h3).tds--pad-top-sm, :is(h4, .tds-text--h4), :is(h5, .tds-text--h5).tds--pad-top-lg, :is(h6, .tds-text--h6).tds--pad-top-xl { --tds-spacer-top: var(--tds-spacer-8x); }
  :is(h3, .tds-text--h3).tds--pad-top-xs, :is(h4, .tds-text--h4).tds--pad-top-sm, :is(h5, .tds-text--h5), :is(h6, .tds-text--h6) { --tds-spacer-top: var(--tds-spacer-6x); }
  :is(h4, .tds-text--h4).tds--pad-top-xs, :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs) { --tds-spacer-top: var(--tds-spacer-4x); }
  :is(h6, .tds-text--h6).tds--pad-top-lg { --tds-spacer-top: calc(var(--tds-spacer-base) * 7); }
}

.tds--pad-top-1x { --tds-spacer-top: var(--tds-spacer-1x); }

.tds--pad-top-2x { --tds-spacer-top: var(--tds-spacer-2x); }

.tds--pad-top-3x { --tds-spacer-top: var(--tds-spacer-3x); }

.tds--pad-top-4x { --tds-spacer-top: var(--tds-spacer-4x); }

.tds--pad-top-6x { --tds-spacer-top: var(--tds-spacer-6x); }

.tds--pad-top-8x { --tds-spacer-top: var(--tds-spacer-8x); }

.tds--pad-top-10x { --tds-spacer-top: var(--tds-spacer-10x); }

.tds--pad-top-12x { --tds-spacer-top: var(--tds-spacer-12x); }

.tds--pad-top-14x { --tds-spacer-top: var(--tds-spacer-14x); }

.tds--pad-top-16x { --tds-spacer-top: var(--tds-spacer-16x); }

.tds--pad-top-18x { --tds-spacer-top: var(--tds-spacer-18x); }

.tds--pad-top-24x { --tds-spacer-top: var(--tds-spacer-24x); }

.tds--pad-top-32x { --tds-spacer-top: var(--tds-spacer-32x); }

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

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

.tds-density--dense { --tds-progress-bar--height: 12px; }

.tds-progress_bar--secondary { --tds-progress-bar--value-color: var(--tds-theme-foreground-high-contrast); }

.tds-progress_bar::-webkit-progress-bar { border: none; border-radius: var(--tds-progress-bar--border-radius); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset; background-color: var(--tds-progress-bar--bar-color); }

.tds-progress_bar::-webkit-progress-value { background-color: var(--tds-progress-bar--value-color); border-radius: var(--tds-progress-bar--border-radius); transition: inline-size 0.5s; }

.tds-theme--replicant { --tds-btn--font-size: var(--tds-font-size-20); }

.tds-theme--replicant .tds-btn { --tds-btn--background-color: transparent; border: none; color: var(--tds-theme-foreground-on-primary); filter: var(--tds-glow--medium); font-weight: var(--tds-font-weight-bold, 700); letter-spacing: 0.1em; text-transform: uppercase; transition: 0.5s; z-index: 0; }

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

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

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

.tds-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary) { color: var(--tds-theme-foreground-high-contrast); }

.tds-theme--replicant .tds-btn:is(:disabled, .tds--disabled) { filter: none; }

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

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

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

.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled) { --tds-btn--background-color: transparent; animation: 1s ease 0s 1 normal forwards running tds-flicker--soft; filter: var(--tds-glow--bright); opacity: 1; transition: 0.52s 0.48s; }

.tds-theme--replicant .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) { color: var(--tds-theme-foreground-on-primary); }

.tds-theme--replicant .tds-btn::before, .tds-theme--replicant .tds-btn::after { content: ""; display: block; inset: 0px; position: absolute; transition: 0.5s; }

.tds-theme--replicant .tds-btn::before { background: var(--tds-theme-foreground-high-contrast); clip-path: var(--tds-notch); z-index: -1; }

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

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

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

.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled)::before, .tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled)::after { transition: 0.52s 0.48s; }

.tds-theme--replicant .tds-btn--secondary::after { background: var(--tds-theme-foreground-high-contrast); clip-path: var(--tds-notch--outline); }

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

.tds-theme--replicant .tds-card .tds-btn--tertiary { background-color: inherit; }

:is(.tds-theme--replicant) .tds-chip { --tds-border-radius--pill: 0; background-color: var(--tds-theme-foreground-high-contrast); color: var(--tds-theme-foreground-on-primary); }

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

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

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

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

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

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

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

.tds-theme--replicant .tds-scrim--black .tds-card, .tds-theme--replicant.tds-scrim--black .tds-card, .tds-scrim--black .tds-theme--replicant .tds-card { --tds-color--secondary: var(--tds-color-white); --tds-form-input--border-color: var(--tds-color-white); }

.tds-theme--replicant .tds-form-input--default::before { content: ""; display: block; position: absolute; inset: 0px; background-color: var(--tds-form-input--border-color, var(--tds-theme-foreground-high-contrast)); clip-path: var(--tds-notch--outline-thin); transition: clip-path 0.5s, background-color 0.5s; }

.tds-theme--replicant .tds-form-input--default:focus-within { --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast); outline-offset: 2px; }

:is([dir="rtl"].tds-theme--replicant, [dir="rtl"] .tds-theme--replicant, .tds-theme--replicant [dir="rtl"]) .tds-form-input--default::before { transform: rotateY(180deg); }

.tds-theme--replicant .tds-form-input--default.tds-form-input--readonly::before { display: none; }

.tds-theme--replicant .tds-form-input--default:focus-within::before { clip-path: var(--tds-notch--outline); }

.tds-theme--replicant .tds-form-input--default.tds-form-input.tds-form-input--focus, .tds-theme--replicant .tds-form-input--default .tds-form-input.tds-form-input--focus { --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast); }

.tds-theme--replicant .tds-form-input-trailing .tds-icon--small { margin-inline-end: 2px; }

.tds-theme--replicant .tds-form-input-trailing .tds-icon-btn:last-child { margin-inline-end: -6px; }

.tds-theme--replicant .tds-card .tds-form-input--default::before { --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast); }

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

.tds-theme--replicant .tds-form-input-choice::after { transform: none; opacity: 0; transition: opacity 0.33s; }

.tds-theme--replicant :is(.tds-form-input-choice:checked, .tds-form-input-choice:indeterminate) { animation: 1s ease 0s 1 normal forwards running tds-flicker--soft; opacity: 1; }

.tds-theme--replicant .tds-form-input-choice:checked::after, .tds-theme--replicant .tds-form-input-choice[type="checkbox"]:indeterminate::after { opacity: 1; transition: opacity 0.52s 0.48s; }

.tds-theme--replicant .tds-form-input-choice-label .tds-form-label { font-weight: var(--tds-font-weight-medium); letter-spacing: inherit; text-transform: inherit; }

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

.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input { --tds-plus--transform-size: calc((var(--tds-height--choice) + 12px) * -1); color: var(--tds-theme-foreground); text-transform: var(--tds-heading--text-transform); }

.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:hover, .tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input { color: var(--tds-theme-foreground-high-contrast); }

.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input::after { background: var(--tds-fading-line); block-size: 3px; box-shadow: 0 0 0 0 rgb(var(--tds-color--rgb-shade) 0.15); content: ""; display: block; inline-size: 100%; margin-block-start: var(--tds-size--half); opacity: 0.33; transition: opacity 0.33s, box-shadow 0.33s; position: absolute; bottom: 0px; }

[dir="rtl"] .tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input::after { transform: rotateY(180deg); }

.tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"] + .tds-form-input::after { transition: opacity 0.52s 0.48s, box-shadow 0.52s 0.48s; }

.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input::after { box-shadow: -2px 0 6px 4px rgb(var(--tds-color--rgb-shade) 0.15); opacity: 1; }

.tds-theme--replicant .tds-form-input-visual-checkbox { box-shadow: none; position: relative; }

.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input { border-radius: 0px; }

.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox { box-shadow: none; }

.tds-theme--replicant .tds-form-input-visual-checkbox::before, .tds-theme--replicant .tds-form-input-visual-checkbox::after { animation: 1s ease 0s 1 normal none running turn-off; background: currentcolor; block-size: 1em; content: ""; display: block; inline-size: 2px; inset: 0px; opacity: 1; position: absolute; transform: rotate(0deg); margin: auto; transition: transform 0.52s var(--tds-bezier) 0.48s; }

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

.tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"] + .tds-form-input .tds-form-input-leading { transition: transform 0.52s var(--tds-bezier) 0.48s; }

.tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"]:checked + .tds-form-input .tds-form-input-leading { animation: 1s ease 0s 1 normal none running turn-on; transform: translateX(var(--tds-plus--transform-size)); }

.tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"]:checked + .tds-form-input .tds-form-input-visual-checkbox::before, .tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"]:checked + .tds-form-input .tds-form-input-visual-checkbox::after { opacity: 0; }

.tds-theme--replicant .tds-form-input-hidden-choice[type="checkbox"]:checked + .tds-form-input .tds-form-input-visual-checkbox::before { animation: 1s ease 0s 1 normal none running turn-on-before; transform: rotate(-270deg); }

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

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

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

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

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

.tds-theme--replicant .tds-link { box-shadow: rgba(187, 187, 187, 0.75) 0px 0.5px 0px 0px; transition: color 0.33s, box-shadow 0.33s; }

.tds-theme--replicant .tds-link:is(:hover, .tds--hover):not([disabled], .tds--disabled) { --tds-text--color: var(--tds-theme-foreground-high-contrast); box-shadow: 0 1.5px 0 0 rgb(var(--tds-color--rgb-shade) 1); transition: color 0.33s, box-shadow 0.33s; }

.tds-theme--replicant .tds-link--primary, .tds-theme--replicant .tds-link--secondary { --tds-text--color: inherit; font-weight: var(--tds-font-weight-regular); }

.tds-theme--replicant .tds-card:not(.tds-card--outline) .tds-list > li > .tds-icon:first-child { background-color: var(--tds-color-black); }

.tds-theme--replicant .tds-card.tds-card--highlighted .tds-list > li > .tds-icon:first-child { background-color: var(--tds-color--grey15); }

.tds-theme--replicant { --tds-modal--full-height: calc(100vh - var(--tds-size--8x)); --tds-modal--full-width: calc(100vw - var(--tds-size--8x)); }

.tds-theme--replicant .tds-modal { background-color: transparent; border-radius: 0px; bottom: auto; box-shadow: none; color: var(--tds-theme-foreground-high-contrast); filter: drop-shadow(rgba(255, 255, 255, 0.33) 0px 0px 6px); }

.tds-theme--replicant .tds-modal-content { overflow: auto; }

.tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) { left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); }

.tds-theme--replicant [dir="rtl"].tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left), .tds-theme--replicant [dir="rtl"] .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left), [dir="rtl"].tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left), [dir="rtl"] .tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) { left: unset; right: 50%; transform: translateY(-50%) translateX(50%); }

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

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

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

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

.tds-theme--replicant .tds-modal::before, .tds-theme--replicant .tds-modal::after { inset: 0px; content: ""; display: block; position: absolute; }

.tds-theme--replicant .tds-modal::before { background-color: var(--tds-theme-foreground-high-contrast); clip-path: var(--tds-notch--outline); opacity: 1; transition: 0.5s; }

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

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

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

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

@keyframes turn-on-modal-before { 
  0% { opacity: 1; }
  8% { opacity: 0.5; }
  16% { opacity: 1; }
  24% { opacity: 0.5; }
  32% { opacity: 1; }
  40% { opacity: 0.5; }
  48% { opacity: 1; }
  100% { opacity: 1; }
}

.tds-theme--replicant .tds-modal-header, .tds-theme--replicant .tds-modal-footer { background-color: transparent; }

@media (max-width: 599px) {
  .tds-theme--replicant .tds-modal { inline-size: var(--tds-modal--full-width) !important; }
  .tds-theme--replicant .tds-modal--fullscreen { block-size: var(--tds-modal--full-height) !important; }
}

@media (min-width: 600px) {
  .tds-theme--replicant .tds-modal { --tds-modal-border-radius: 0; }
  .tds-theme--replicant .tds-modal--fullscreen { inline-size: var(--tds-modal--full-width); block-size: var(--tds-modal--full-height); }
  .tds-modal--fullscreen + .tds-modal-backdrop { display: block; }
}

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

.tds-theme--replicant .tds-modal-close:hover, .tds-theme--replicant .tds-modal-close:focus { animation: 1s ease 0s 1 normal forwards running tds-flicker--soft; filter: var(--tds-glow--bright); transition: 0.52s 0.48s; }

.tds-theme--replicant .tds-modal-close-icon { block-size: var(--tds-size--2x); inline-size: var(--tds-size--2x); }

.tds-theme--replicant [dir="rtl"].tds-modal.tds-modal--sheet-right, .tds-theme--replicant [dir="rtl"] .tds-modal.tds-modal--sheet-right, [dir="rtl"].tds-theme--replicant .tds-modal.tds-modal--sheet-right, [dir="rtl"] .tds-theme--replicant .tds-modal.tds-modal--sheet-right { left: unset; right: 0px; top: 0px; transform: translateX(100%) translateY(0px); }

.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: 0px; right: unset; top: 0px; transform: translateX(-100%) translateY(0px); }

.tds-theme--replicant .tds-progress_bar { --tds-notch--outline-thin__progress: polygon( 0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 9.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 9.5px), calc(100% - 1.5px) 1.5px, 0 1.5px ); --tds-notch_progress: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); --tds-progress-bar--bar-color: transparent; --tds-progress-bar--border-radius: 1px; --tds-progress-bar--height: var(--tds-size--3x); background-color: transparent; box-shadow: none; padding: 4px; }

.tds-theme--replicant .tds-progress_bar-wrapper::before { background: var(--tds-theme-foreground-high-contrast); inset: 0px; clip-path: var(--tds-notch--outline-thin); content: ""; display: block; opacity: 1; position: absolute; transition: 0.5s; }

.tds-theme--replicant .tds-progress_bar::-webkit-progress-value { border-radius: 0px; box-shadow: var(--tds-glow--medium); clip-path: var(--tds-notch_progress); }

.tds-theme--replicant .tds-progress_bar::-webkit-progress-bar { box-shadow: none; }

.tds-theme--replicant .tds-status_msg { --tds-card--padding: 0; }

.tds-theme--replicant .tds-status_msg--enclosed { backdrop-filter: blur(4px); background-color: var(--tds-theme-background-container-alt); }

.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon { --tds-card--padding: 0; }

.tds-theme--replicant .tds-status_msg .tds-card-body { padding: 0px; }

.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon + .tds-card-body, .tds-theme--replicant .tds-status_msg:not(.tds-card--layout-vertical) .tds-icon + .tds-card-body { padding-inline-start: var(--tds-size--1x); }

.tds-theme--replicant .tds-switch_toggle { --tds-border-radius--circle: 0; --tds-switch_toggle--radius: 0; }

.tds-theme--replicant .tds-switch_toggle-track::after { background-color: var(--tds-theme-foreground-on-primary); }

.tds-theme--replicant .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track { background-color: var(--tds-color-white); }

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child { right: 0px; }

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) { left: 0px; }

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn { color: var(--tds-theme-foreground-on-primary); }

.tds-theme--replicant :is(h1, h2, .tds-text--h1, .tds-text--h2) { text-shadow: 0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), 0.5); }

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

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

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

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

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

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

:root, .tds-component-preview { --tds-animate-transition-duration--medium: 600ms; --tds-animate-transition-duration--short: 500ms; --tds-animate-transition-function--base: linear; --tds-animate-transition-function--mktg: cubic-bezier(0.165, 0.84, 0.44, 1); --tds-animate-transition-property: opacity; --tds-animate-transition_duration--long: 1500ms; --tds--fade-in: tds--fade-in 1s ease; --tds--pulsing: tds--pulsing 1.5s infinite ease-in-out; --tds--rotating: tds--rotating 1.5s infinite linear; }

.tds-animate--fade_out { opacity: var(--tds-opacity--transparent); transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--base); }

.tds-animate--fade_in { opacity: var(--tds-opacity--100); transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--base); }

.tds-animate_small--to_reveal { z-index: -1; opacity: var(--tds-opacity--transparent); transform: translate3d(0px, 30px, 0px); transition: transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg), opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg); }

.tds-animate_small--reveal .tds-animate_small--to_reveal { opacity: var(--tds-opacity--100); transform: translate3d(0px, 0px, 0px); z-index: initial; }

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

.tds-animate_large--revealed { z-index: initial; opacity: var(--tds-opacity--100); transform: translate3d(0px, 0px, 0px); transition: transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg), opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg); }

.tds-animate--squish { transition: translate 0.1s; }

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

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

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

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

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

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

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

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

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

@keyframes tds--rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

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

@keyframes tds--pulsing { 
  0% { opacity: 0; }
  20% { opacity: 0.7; }
  100% { opacity: 0; }
}

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

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

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

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

.tds--prevent-scroll { overflow: hidden; }

.tds--product-name { white-space: nowrap; }

.tds-fullscreen-ios { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }

.tds--padding--small { padding: var(--tds-size--1x) !important; }

.tds--padding { padding: var(--tds-size--2x) !important; }

.tds--padding--large { padding: var(--tds-size--3x) !important; }

.tds--no_horizontal_padding { padding-inline: 0px !important; }

.tds--no_vertical_padding { padding-block: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

.tds--is_hidden { display: none !important; }

.tds--is_visually_hidden:not(:focus):not(:active) { block-size: 1px; border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(100%); inline-size: 1px; margin: -1px; overflow: hidden; padding: 0px; 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; }
}

.tds-status-color--green { --tds-status-color--background-color: var(--tds-color-status-green); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tds-status-color--grey { --tds-status-color--background-color: var(--tds-color-status-grey); }

.tds-status-color--grey-pastel { --tds-status-color--background-color: var(--tds-theme-status-grey-pastel); }