.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1, .mat-headline, .mat-typography h1 {
    font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2, .mat-title, .mat-typography h2 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3, .mat-subheading-2, .mat-typography h3 {
    font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4, .mat-subheading-1, .mat-typography h4 {
    font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5, .mat-typography h5 {
    font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
}

.mat-h6, .mat-typography h6 {
    font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
}

.mat-body-strong, .mat-body-2 {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-body, .mat-body-1, .mat-typography {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px
}

.mat-small, .mat-caption {
    font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-display-4, .mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3, .mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2, .mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1, .mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle, .mat-card {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle, .mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell, .mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label, .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header, .mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px
}

.mat-radio-button, .mat-select {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical, .mat-stepper-horizontal {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label, .mat-tab-link {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item, .mat-list-option {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tree-node, .mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

.mat-focus-indicator, .mat-mdc-focus-indicator {
    position: relative
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: #000000de
}

.mat-option.mat-option-disabled {
    color: #00000061
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #2962ff
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #212121
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #e0e0e0
}

.mat-optgroup-label {
    color: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #2962ff
}

.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #212121
}

.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #e0e0e0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: white;
    color: #000000de
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: #000000de
}

.mat-badge-content {
    color: #fff;
    background: #2962ff
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #212121;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #000000de;
    background: #e0e0e0
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
    background: white;
    color: #000000de
}

.mat-button, .mat-icon-button, .mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
    color: #2962ff
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #212121
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #e0e0e0
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #2962ff
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #212121
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #e0e0e0
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: black
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
    color: #000000de;
    background-color: #fff
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: #fff
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: #000000de
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: #2962ff
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #212121
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #e0e0e0
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: #0000001f
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element, .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: #0000001a
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-button-toggle-standalone, .mat-button-toggle-group {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: white
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: white
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: white;
    color: #000000de
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
    background-color: #2962ff
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #212121
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
    background-color: #e0e0e0
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #0000008a
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #2962ff
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #212121
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #e0e0e0
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: black
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #2962ff;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: #0000001a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #212121;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-table {
    background: white
}

.mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky {
    background: inherit
}

mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
    border-bottom-color: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell, .mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    border-top-color: #0000008a
}

.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header {
    color: #00000061
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content, .mat-date-range-input-separator {
    color: #000000de;
    border-color: transparent
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(41, 98, 255, .2)
}

.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before, [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(41, 98, 255, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before, [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(41, 98, 255, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #2962ff;
    color: #fff
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #2962ff66
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #2962ff4d
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(33, 33, 33, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(33, 33, 33, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(33, 33, 33, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #212121;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #21212166
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #2121214d
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(224, 224, 224, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(224, 224, 224, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(224, 224, 224, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #e0e0e066
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000000de
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #e0e0e04d
}

.mat-datepicker-content-touch {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-datepicker-toggle-active {
    color: #2962ff
}

.mat-datepicker-toggle-active.mat-accent {
    color: #212121
}

.mat-datepicker-toggle-active.mat-warn {
    color: #e0e0e0
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
    background: white;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: white;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: white
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description, .mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label, .mat-hint {
    color: #0009
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #2962ff
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #212121
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #e0e0e0
}

.mat-focused .mat-form-field-required-marker {
    color: #212121
}

.mat-form-field-ripple {
    background-color: #000000de
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #2962ff
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #212121
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #e0e0e0
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #2962ff
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #212121
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #e0e0e0
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #e0e0e0
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #e0e0e0
}

.mat-error {
    color: #e0e0e0
}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #2962ff
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #212121
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #e0e0e0
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.mat-icon.mat-primary {
    color: #2962ff
}

.mat-icon.mat-accent {
    color: #212121
}

.mat-icon.mat-warn {
    color: #e0e0e0
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #0000008a
}

.mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #2962ff
}

.mat-input-element::placeholder {
    color: #0000006b
}

.mat-input-element::-moz-placeholder {
    color: #0000006b
}

.mat-input-element::-webkit-input-placeholder {
    color: #0000006b
}

.mat-input-element:-ms-input-placeholder {
    color: #0000006b
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #212121
}

.mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element {
    caret-color: #e0e0e0
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #e0e0e0
}

.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: white
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-menu-item {
    background: transparent;
    color: #000000de
}

.mat-menu-item[disabled], .mat-menu-item[disabled]:after, .mat-menu-item[disabled] .mat-icon-no-color {
    color: #00000061
}

.mat-menu-item .mat-icon-no-color, .mat-menu-item-submenu-trigger:after {
    color: #0000008a
}

.mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: white
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    color: #0000008a
}

.mat-paginator-decrement, .mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first, .mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last {
    border-color: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #1565c0
}

.mat-progress-bar-buffer {
    background-color: #1565c0
}

.mat-progress-bar-fill:after {
    background-color: #2962ff
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #424242
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #424242
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #212121
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #424242
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #424242
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #e0e0e0
}

.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #2962ff
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #212121
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #e0e0e0
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #2962ff
}

.mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #2962ff
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #212121
}

.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #212121
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #e0e0e0
}

.mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #e0e0e0
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: white
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #2962ff
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #212121
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow, .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #e0e0e0
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end, [dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #212121
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #2121218a
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #212121
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #2962ff
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: #2962ff8a
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #2962ff
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #e0e0e0
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: #e0e0e08a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #e0e0e0
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label {
    background-color: #2962ff
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: #2962ff33
}

.mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label {
    background-color: #212121
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: #21212133
}

.mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label {
    background-color: #e0e0e0
}

.mat-warn .mat-slider-thumb-label-text {
    color: #000000de
}

.mat-warn .mat-slider-focus-ring {
    background-color: #e0e0e033
}

.mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb, .mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
    background-color: #0000000a
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #2962ff;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #212121;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #000000de
}

.mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #e0e0e0
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #e0e0e0
}

.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before, .mat-horizontal-stepper-header:after, .mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar, .mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label, .mat-tab-link {
    color: #000000de
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: #00000061
}

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #1565c04d
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #2962ff
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4242424d
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #212121
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4242424d
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #e0e0e0
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
    background-color: #000000de
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #1565c04d
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
    background-color: #2962ff
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff6
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {
    background-color: #ffffff1f
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4242424d
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
    background-color: #212121
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff6
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {
    background-color: #ffffff1f
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4242424d
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
    background-color: #e0e0e0
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
    color: #000000de
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #0006
}

.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #0006
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {
    background-color: #0000001f
}

.mat-toolbar {
    background: whitesmoke;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #2962ff;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #212121;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #e0e0e0;
    color: #000000de
}

.mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row, .mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row, .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: white
}

.mat-tree-node, .mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #212121
}

.choose-wallet-item-modal .tds-btn_group, .payment-actions {
    float: left
}

.tds--padding--large:hover {
    border-color: #000;
    border: 2px solid
}

.tds-breadcrumb {
    cursor: pointer
}

.mat-dialog-container {
    min-width: 700px
}

.tds-form-item-feedback {
    color: red;
    text-align: right;
    float: right
}

.text-nowrap {
    white-space: nowrap
}

.tds-search-result-list {
    background-color: var(--tds-color--white);
    border: 1px solid var(--tds-color--grey50);
    border-block-start-color: var(--tds-color--grey60);
    box-shadow: 0 4px 8px #00000014;
    box-shadow: inset 0 0 0 0 transparent;
    overflow: auto;
    z-index: 2000;
    position: absolute;
    height: 400px;
    max-width: 100%
}

.tds-search-result:hover {
    cursor: pointer;
    background-color: var(--tds-color--grey60)
}

.highlight {
    background-color: #fff3b2
}

.tds-btn_group {
    grid-template-columns:repeat(auto-fit, minmax(0, 280px)) !important;
    justify-content: end !important
}

::-webkit-scrollbar {
    height: 12px;
    width: 12px
}

::-webkit-scrollbar-track {
    background: rgb(224, 224, 224);
    border-radius: 20px
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 20px;
    border: 2px solid rgb(224, 224, 224)
}

.btn-float-right {
    min-width: 480px;
    float: right
}

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

:root, .tds-colorscheme--light, .tds-scrim--white {
    --tds-theme-background-container-alt-highlight: rgba(0, 0, 0, .075);
    --tds-theme-background-container-alt: rgba(0, 0, 0, .05);
    --tds-theme-status-yellow-pastel: rgba(255, 193, 7, .2);
    --tds-theme-status-orange-pastel: rgba(242, 145, 55, .2);
    --tds-theme-status-red-pastel: rgba(235, 67, 47, .175);
    --tds-theme-status-magenta-pastel: rgba(225, 62, 140, .175);
    --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
    --tds-theme-status-purple-pastel: rgba(134, 62, 225, .175);
    --tds-theme-status-blue-pastel: rgba(62, 107, 226, .175);
    --tds-theme-status-teal-pastel: rgba(62, 173, 225, .15);
    --tds-theme-status-green-pastel: rgba(2, 176, 40, .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, .075);
    --tds-theme-background-container-alt: rgba(0, 0, 0, .05);
    --tds-theme-status-yellow-pastel: rgba(255, 193, 7, .2);
    --tds-theme-status-orange-pastel: rgba(242, 145, 55, .2);
    --tds-theme-status-red-pastel: rgba(235, 67, 47, .175);
    --tds-theme-status-magenta-pastel: rgba(225, 62, 140, .175);
    --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
    --tds-theme-status-purple-pastel: rgba(134, 62, 225, .175);
    --tds-theme-status-blue-pastel: rgba(62, 107, 226, .175);
    --tds-theme-status-teal-pastel: rgba(62, 173, 225, .15);
    --tds-theme-status-green-pastel: rgba(2, 176, 40, .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, .25);
    --tds-theme-background-container-alt: rgba(255, 255, 255, .135);
    --tds-theme-status-yellow-pastel: rgba(255, 193, 7, .225);
    --tds-theme-status-orange-pastel: rgba(242, 145, 55, .225);
    --tds-theme-status-red-pastel: rgba(235, 67, 47, .25);
    --tds-theme-status-magenta-pastel: rgba(225, 62, 140, .25);
    --tds-theme-status-purple-puzzo: rgb(102, 51, 153);
    --tds-theme-status-purple-pastel: rgba(134, 62, 225, .275);
    --tds-theme-status-blue-pastel: rgba(62, 107, 226, .275);
    --tds-theme-status-teal-pastel: rgba(62, 173, 225, .25);
    --tds-theme-status-green-pastel: rgba(2, 176, 40, .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(.5, 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: .001px;
    --tds-border-style: solid;
    --tds-border-width--hairline: 1px;
    --tds-border-width--large: 3px;
    --tds-border-width--medium: 2px;
    --tds-border-width--small: 1px;
    --tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, .16);
    --tds-box-shadow--large-reverse: 0 -8px 16px 0 rgba(0, 0, 0, .16);
    --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, .12);
    --tds-box-shadow--off: 0 0 0 0 rgba(0, 0, 0, 0);
    --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, .08);
    --tds-height--choice: 24px;
    --tds-height--pill: 40px;
    --tds-max-paragraph-width: 75ch;
    --tds-opacity--100: 1;
    --tds-opacity--30: .3;
    --tds-opacity--50: .5;
    --tds-opacity--70: .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: .5px
    }
}

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

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

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

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

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

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

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

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

li {
    margin: 0
}

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

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

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

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

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

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

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

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

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

b, strong {
    font-weight: 500
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-inline-size: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    block-size: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

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

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

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

:focus {
    outline: none
}

* {
    outline-offset: 2px
}

:not(input):focus-visible {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

:where(.tds--indicate-focus) :focus {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

details {
    display: block
}

summary {
    display: list-item
}

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

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

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

@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: Noto Sans Arabic;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Noto Sans Arabic;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Arabic.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Noto-Sans-Vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

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

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

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

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

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-weight: 500;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

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

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-weight: 400;
    src: url(https://digitalassets.tesla.com/tesla-design-system/raw/upload/static/fonts/intl-fonts/Fira-Code.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

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

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

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

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

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

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

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

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

:root {
    font-family: Universal Sans Text, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-latin-display)
}

:is(h5,h6,.tds-text--h5,.tds-text--h6) {
    font-family: Universal Sans Text, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-latin-text)
}

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

:lang(ar) {
    font-family: Universal Sans Text, Noto Sans Arabic, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, Noto Sans Arabic, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-arabic-display)
}

:is(code,.tds-text--monospace):lang(ar) {
    font-family: Fira Code, Noto Sans Mono, Menlo, monospace;
    font-family: var(--tds-font-family-arabic-monospace)
}

:lang(el) {
    font-family: Universal Sans Text, Noto Sans, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, Noto Sans, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-greek-display)
}

:is(code,.tds-text--monospace):lang(el) {
    font-family: Fira Code, Noto Sans Mono, Menlo, monospace;
    font-family: var(--tds-font-family-greek-monospace)
}

:lang(he) {
    font-family: Universal Sans Text, Noto Sans Hebrew, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, Noto Sans Hebrew, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-hebrew-display)
}

:is(code,.tds-text--monospace):lang(he) {
    font-family: Fira Code, Noto Sans Mono, Menlo, monospace;
    font-family: var(--tds-font-family-hebrew-monospace)
}

:lang(th) {
    font-family: Universal Sans Text, Noto Sans Thai, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, Noto Sans Thai, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-thai-display)
}

:is(code,.tds-text--monospace):lang(th) {
    font-family: Fira Code, Noto Sans Mono, Menlo, monospace;
    font-family: var(--tds-font-family-thai-monospace)
}

:lang(ko) {
    font-family: Universal Sans Text, Noto Sans KR, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, Noto Sans KR, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-korean-display)
}

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

:lang(ja) {
    font-family: Universal Sans Text, AXIS Font Japanese W55, Hiragino Sans, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, AXIS Font Japanese W55, Hiragino Sans, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-japanese-display)
}

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

:lang(zh) {
    font-family: Universal Sans Text, PingFang SC, Microsoft YaHei, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, PingFang SC, Microsoft YaHei, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-chinese-simplified-display)
}

:is(code,.tds-text--monospace):lang(zh) {
    font-family: Fira Code, PingFang Mono SC, Microsoft YaHei Mono, Menlo, monospace;
    font-family: var(--tds-font-family-chinese-simplified-monospace)
}

:lang(zh-HK) {
    font-family: Universal Sans Text, PingFang HK, Microsoft YaHei, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, PingFang HK, Microsoft YaHei, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-chinese-hk-display)
}

:is(code,.tds-text--monospace):lang(zh-HK) {
    font-family: Fira Code, PingFang Mono HK, Microsoft YaHei Mono, Menlo, monospace;
    font-family: var(--tds-font-family-chinese-hk-monospace)
}

:is(:lang(zh-MO),:lang(zh-TW)) {
    font-family: Universal Sans Text, PingFang TC, Microsoft YaHei, -apple-system, Arial, sans-serif;
    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: Universal Sans Display, PingFang TC, Microsoft YaHei, -apple-system, Arial, sans-serif;
    font-family: var(--tds-font-family-chinese-traditional-display)
}

:is(code,.tds-text--monospace):is(:lang(zh-MO),:lang(zh-TW)) {
    font-family: Fira Code, PingFang Mono TC, Microsoft YaHei Mono, Menlo, monospace;
    font-family: var(--tds-font-family-chinese-traditional-monospace)
}

[class*=tds-scrim--] {
    background-color: #fff;
    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, .7);
    --tds-color--secondary: var(--tds-color-grey-10);
    --tds-color--secondary-accent: var(--tds-color-grey-50);
    --tds-color--secondary-highlight: var(--tds-color-black);
    --tds-color--tertiary: var(--tds-color-grey-70);
    --tds-color--tertiary-highlight: var(--tds-color-grey-65);
    --tds-caption--color: var(--tds-color-grey-30);
    --tds-dialog--background-color: var(--tds-color-white);
    --tds-form-label--color: var(--tds-color-grey-30);
    --tds-heading--color: var(--tds-color-grey-10);
    --tds-pill--blur-color: rgba(0, 0, 0, .048);
    --tds-pill--blur-color-highlight: rgba(0, 0, 0, .072);
    --tds-text--color: var(--tds-color-grey-20);
    --tds-text--color--light: var(--tds-color-grey-30);
    --tds-text--color--placeholder: var(--tds-color-grey-40);
    --tds-text--color--primary: var(--tds-color-blue-30);
    --tds-toggle--background-color: rgba(150, 150, 150, .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: #393c41;
    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, .8);
    --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, .6);
    --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, .4);
    --tds-color--error: var(--tds-color--red20);
    --tds-color--hairline: var(--tds-color-grey-35);
    --tds-color--inverse: var(--tds-color-black);
    --tds-color--rgb-shade: 255, 255, 255;
    --tds-color--rgb-shade--inverse: 0, 0, 0;
    --tds-color--scrim--semitransparent: rgba(0, 0, 0, .7);
    --tds-color--secondary: var(--tds-color-grey-70);
    --tds-color--secondary-accent: var(--tds-color-grey-35);
    --tds-color--secondary-highlight: var(--tds-color-white);
    --tds-color--tertiary: var(--tds-color-grey-15);
    --tds-color--tertiary-highlight: var(--tds-color-grey-20);
    --tds-caption--color: var(--tds-color-grey-50);
    --tds-dialog--background-color: var(--tds-color-grey-15);
    --tds-form-label--color: var(--tds-color-grey-50);
    --tds-heading--color: var(--tds-color-white);
    --tds-pill--blur-color: rgba(255, 255, 255, .13);
    --tds-pill--blur-color-highlight: rgba(255, 255, 255, .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, .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: #393c41;
    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: #fff;
    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)
}

.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) .5));
    --tds-glow--medium: drop-shadow(0 0 var(--tds-size--1x) rgb(var(--tds-color--rgb-shade) .33));
    --tds-glow--off: drop-shadow(0 0 0 rgb(var(--tds-color--rgb-shade) .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) .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: 12px;
    font-size: var(--tds-font-size-20);
    line-height: 20px;
    line-height: var(--tds-line-height-30)
}

.tds-theme--replicant [class*=tds-scrim--]:not(.tds-scrim--blur) {
    color: #393c41;
    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: #000;
        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: .25
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: .25
    }
    24% {
        opacity: 0
    }
    48% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

: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 {
    margin-block-start: 16px;
    margin-block-start: var(--tds-size--2x)
}

.tds-accordion-summary {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: grid;
    grid-template:"title icon" "caption .";
    grid-template-columns:min-content 1fr;
    grid-gap: 0 var(--tds-accordion--gap);
    align-items: center;
    padding-block-end: 8px;
    padding-block-end: var(--tds-size--1x);
    border-radius: .001px;
    border-radius: var(--tds-border-radius--outline-only);
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    transition: color .33s ease
}

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

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

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

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

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

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

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

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

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

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

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

.tds-accordion-content {
    padding-block-start: 8px;
    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) + 16px);
    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: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-accordion-summary:hover > .tds-text--h5 {
    color: #5c5e62;
    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: 0 4px 8px #00000014;
    box-shadow: var(--tds-box-shadow--small)
}

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

.tds-app-switcher-toolbar {
    display: flex;
    flex-direction: row;
    gap: 8px;
    gap: var(--tds-size--1x);
    justify-content: space-between;
    padding: 16px;
    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 16px;
    padding: 0 var(--tds-size--2x);
    padding-block-end: 16px;
    padding-block-end: var(--tds-size--2x)
}

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

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

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

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

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

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

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

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

.tds-app-switcher-search-result {
    align-items: center;
    color: #393c41;
    color: var(--tds-theme-foreground);
    cursor: pointer;
    display: flex;
    inline-size: 100%;
    justify-content: space-between;
    padding-block: 4px;
    padding-block: calc(var(--tds-size--half));
    padding-inline: 20px;
    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: rgba(0, 0, 0, .05);
    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: 4px;
    border-radius: var(--tds-size--half);
    outline: 2px solid #8e8e8e;
    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: 48px;
    block-size: var(--tds-size--6x);
    flex-direction: row;
    gap: 8px;
    gap: var(--tds-size--1x);
    inline-size: 100%;
    justify-content: flex-start;
    overflow: visible;
    padding: 8px;
    padding: var(--tds-size--1x)
}

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

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

.tds-app-switcher-apps-item-title {
    font-size: 12px;
    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: 16px;
    padding-block: var(--tds-size--2x);
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    gap: var(--tds-size--half);
    padding-inline: 12px;
    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: 8px 4px;
    padding-block: var(--tds-size--1x) var(--tds-size--half);
    padding-inline: 20px;
    padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half))
}

.tds-app-switcher-search-result-divider {
    align-self: center;
    background: rgba(0, 0, 0, .05);
    background: var(--tds-theme-background-container-alt);
    background-clip: content-box;
    block-size: 1px;
    flex-shrink: 0;
    inline-size: 100%;
    margin-block: 8px;
    margin-block: var(--tds-size--1x);
    padding-inline: 20px;
    padding-inline: calc(var(--tds-size--half) + var(--tds-size--2x))
}

.tds-app-switcher-search-result > .tds-icon, .tds-app-switcher-subapps-item > .tds-icon {
    opacity: 0;
    transition: opacity .33s ease;
    color: #5c5e62;
    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: 16px;
    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 24px;
    padding: 0 var(--tds-size--3x)
}

.tds-app-layout-sidenav {
    padding-block-start: 48px;
    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: 16px;
    padding: var(--tds-banner--padding);
    position: relative;
    text-align: center;
    transition: background-color .5s ease, color .5s ease
}

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

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

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

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

: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: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    display: flex;
    font-size: 14px;
    font-size: var(--tds-breadcrumb--font-size);
    line-height: 20px;
    line-height: var(--tds-breadcrumb--line-height);
    margin-inline-start: -12px;
    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: 4px;
    border-radius: var(--tds-border-radius--pill);
    -moz-column-gap: 2px;
    -moz-column-gap: calc(var(--tds-size--half) / 2);
    column-gap: 2px;
    column-gap: calc(var(--tds-size--half) / 2);
    display: flex;
    min-block-size: 32px;
    min-block-size: var(--tds-breadcrumb--height);
    padding: 0 12px;
    padding: 0 var(--tds-breadcrumb--padding-inline);
    transition: color .33s ease, background-color .33s ease
}

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

.tds-breadcrumb-tooltip-actions .tds-breadcrumb {
    border-radius: 0;
    border-radius: initial;
    padding: 6px 20px;
    padding: var(--tds-breadcrumb-padding) calc(var(--tds-size--3x) - var(--tds-size--half))
}

.tds-breadcrumb:only-child .tds-icon {
    margin-inline-start: -4px;
    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: 4px;
    border-radius: var(--tds-size--half);
    outline: 2px solid #8e8e8e;
    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: #0000000d;
    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: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-breadcrumb-tooltip-actions {
    display: grid;
    padding-block: 8px 8px;
    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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    padding: 0
}

button:where(:focus,.tds--focus) {
    border-radius: .001px;
    border-radius: var(--tds-border-radius--outline-only);
    outline: 2px solid #8e8e8e;
    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: 40px;
    block-size: var(--tds-height--pill);
    border-radius: var(--tds-btn--border-radius);
    box-shadow: inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 var(--tds-border-width--medium) transparent;
    color: #fff;
    color: var(--tds-theme-foreground-on-primary);
    display: inline-flex;
    font-size: 14px;
    font-size: var(--tds-btn--font-size);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    justify-content: center;
    line-height: 1.2;
    padding: 4px 24px;
    padding: var(--tds-size--half) var(--tds-size--3x);
    position: relative;
    text-align: center;
    text-transform: inherit;
    border: 3px solid var(--tds-btn--border-color);
    border: var(--tds-border-width--large) solid var(--tds-btn--border-color);
    background-color: var(--tds-btn--background-color);
    transition: border-color .33s ease, background-color .33s ease, color .33s ease, box-shadow .25s ease
}

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

@media (min-width: 600px) {
    .tds-btn {
        inline-size: auto
    }

    .tds-btn--width-full {
        inline-size: 100%;
        inline-size: -webkit-fill-available
    }

    .tds-btn--width-min {
        min-inline-size: 204px;
        min-inline-size: var(--tds-btn--min-width)
    }
}

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

    .tds-btn--width-auto {
        inline-size: auto
    }
}

.tds-btn--small {
    --tds-height--pill: 28px;
    font-size: 12px;
    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: #171a20;
    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: #fff;
    color: var(--tds-color-white)
}

.tds-btn--tertiary {
    --tds-btn--background-color: var(--tds-theme-background-container);
    color: #393c41;
    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 2px;
    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: #fff;
    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: -8px;
    margin-inline-start: calc(var(--tds-size--1x) * -1)
}

.tds-btn > .tds-icon--inline:last-child {
    margin-inline-end: -8px;
    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: 16px 24px;
    grid-gap: 16px 24px;
    grid-gap: var(--tds-size--2x) var(--tds-size--3x);
    gap: var(--tds-size--2x) var(--tds-size--3x);
    grid-template-rows:repeat(auto-fit, minmax(0, 1fr));
    justify-content: stretch;
    margin: 16px 0;
    margin: var(--tds-size--2x) 0
}

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

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

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

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

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

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

.tds-btn_group--grouped > .tds-btn:first-child {
    border-inline-start-width: 3px;
    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: 3px;
    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--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: #f4f4f4;
    background-color: var(--tds-theme-background-container);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--card);
    display: flex;
    max-inline-size: var(--tds-card--width);
    overflow: hidden;
    transition: background-color .33s ease;
    max-block-size: -moz-min-content;
    max-block-size: min-content;
    block-size: -moz-min-content;
    block-size: min-content
}

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

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

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

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

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

.tds-card > tds-icon + .tds-card-body, .tds-card > .tds-icon + .tds-card-body {
    padding-block-start: 26px;
    padding-block-start: calc(var(--tds-card--padding) + 2px);
    padding-inline-start: 8px;
    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: 8px;
    padding-block-start: calc(var(--tds-card--padding) / 3);
    padding-inline: 24px 24px;
    padding-inline: var(--tds-card--padding) var(--tds-card--padding)
}

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

.tds-card--highlighted {
    background-color: #fff;
    background-color: var(--tds-theme-background-dialog);
    box-shadow: 0 8px 16px #0000001f;
    box-shadow: var(--tds-box-shadow--medium)
}

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

.tds-card--outline {
    background-color: transparent;
    border-color: #e2e3e3;
    border-color: var(--tds-theme-border-low-contrast);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--card);
    border-style: solid;
    border-width: 1px;
    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: 32px;
    block-size: var(--tds-chip--height);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    display: inline-flex;
    font-size: 14px;
    font-size: var(--tds-chip--font-size);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    inline-size: var(--tds-chip--width);
    justify-content: center;
    min-inline-size: 32px;
    min-inline-size: var(--tds-chip--height);
    overflow: hidden;
    padding: 6px 10px;
    padding: var(--tds-chip--padding);
    text-overflow: ellipsis
}

.tds-chip-caption {
    color: #5c5e62;
    color: var(--tds-caption--color);
    font-weight: 400;
    font-weight: var(--tds-font-weight-regular);
    margin-inline-start: 8px;
    margin-inline-start: var(--tds-chip-caption--margin-inline-start)
}

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

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

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

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

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

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

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

.tds-form-input--default .tds-chip:last-child {
    margin-inline-end: 8px;
    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: 16px;
    block-size: var(--tds-size--2x);
    display: flex;
    inline-size: 16px;
    inline-size: var(--tds-size--2x);
    justify-content: center;
    margin-inline-end: 4px;
    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: 4px;
    margin-inline-end: var(--tds-size--half)
}

.tds-chip .tds-icon-btn {
    --tds-icon-btn--border-width: 1px;
    block-size: 20px;
    block-size: var(--tds-chip-icon-btn--size);
    inline-size: 20px;
    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: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    margin-inline: 2px -3px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

: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: 100%;
    inline-size: var(--tds-content_container--inline-size);
    margin-inline-end: auto;
    margin-inline-start: auto;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-content_container--gutter);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-content_container--gutter)
}

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

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

.tds-content_container--max_width {
    max-inline-size: 1060px;
    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) - 24px * 2);
    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: 16px var(--tds-date-picker--grid-gap);
    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: 4px;
    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: 500;
    font-weight: var(--tds-font-weight-medium);
    padding: 0;
    text-align: center
}

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

.tds-date-picker-days-label, .tds-date-picker-days-grid {
    align-items: center;
    display: grid;
    gap: 4px 0;
    grid-gap: 4px 0;
    grid-gap: var(--tds-size--half) 0;
    gap: var(--tds-size--half) 0;
    grid-template-columns:repeat(7, 1fr);
    grid-template-columns:repeat(var(--tds-column-count, 7), 1fr);
    margin: 8px 0;
    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 #d0d1d2;
    border: 1px solid var(--tds-theme-border)
}

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

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

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

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

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

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

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

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

.tds-date-picker-days-grid button:focus-visible span {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-date-picker-days-grid button:focus span {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

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

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

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

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

.tds-date-picker--selected .tds-day--selected:before {
    background-color: #3e6ae1;
    background-color: var(--tds-theme-primary);
    color: #fff;
    color: var(--tds-color-white);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    transition: background-color .3s ease, color .3s ease
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tds-form-fieldset, .tds-form-layout {
    display: grid;
    gap: 24px;
    grid-gap: 24px;
    grid-gap: var(--tds-form--gap);
    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: 0px;
    padding-inline-start: var(--tds-form--indent)
}

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

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

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

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

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

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

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

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

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

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

:is(.tds-form-label,.tds-form-caption,.tds-form-feedback) + :is(.tds-form-input--readonly,.tds-form-input-group--layout-horizontal) {
    margin-block-start: 4px;
    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: #f4f4f4;
    background-color: var(--tds-theme-background-container);
    block-size: auto;
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    box-shadow: inset 0 0 0 1px #f4f4f4;
    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: 100%;
    inline-size: var(--tds-form-input--inline-size, 100%);
    justify-content: space-between;
    min-block-size: 40px;
    min-block-size: var(--tds-height--pill);
    outline-offset: 2px;
    padding: 0;
    padding: 0 var(--tds-form--indent);
    transition: inline-size .5s cubic-bezier(.5, 0, 0, .75), padding .5s cubic-bezier(.5, 0, 0, .75), background-color .33s ease, box-shadow .33s ease;
    transition: inline-size .5s var(--tds-bezier), padding .5s var(--tds-bezier), background-color .33s ease, box-shadow .33s ease
}

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

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

:is(.tds-scrim--light,.tds-scrim--black) :is(.tds-modal,.tds-tooltip) .tds-form-input--default {
    --tds-form-input--border-color: var(--tds-theme-background-container-alt);
    background-color: #0000000d;
    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: #fff;
    background-color: var(--tds-theme-background)
}

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

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

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

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

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

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

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

.tds--indicate-focus .tds-form-input:focus-within {
    --tds-form-input--border-color: var(--tds-theme-background-container);
    outline: 2px solid #8e8e8e;
    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: 4px;
    border-radius: var(--tds-size--half);
    outline-offset: -2px
}

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

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

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

.tds-form-input--collapsed.tds-form-input--highlighted:hover {
    background-color: #eee;
    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: 8px;
    margin-block-end: var(--tds-size--1x)
}

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

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

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

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

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

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

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

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

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

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

.tds-form-input-choice:focus {
    box-shadow: inset 0 0 0 2px #171a20;
    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: 12px;
    border-radius: calc(var(--tds-height--choice) / 2)
}

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

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

.tds-form-input-choice[type=checkbox]:after {
    background-image: 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>");
    background-image: var(--tds-background-image--check)
}

.tds-form-input-choice[type=checkbox]:indeterminate:after {
    background-image: 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>");
    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: 8px;
    margin-block-start: var(--tds-size--1x)
}

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

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

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

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

:is(:root,.tds-density--default) .tds-form-input-group .tds-form-input-choice + .tds-form-input-choice-label {
    margin-block-start: 8px;
    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: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

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

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

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

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

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

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

.tds--indicate-focus .tds-form-input > input:focus ~ .tds-dropdown.tds-tooltip {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:has(.tds-form-input-search:focus) {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

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

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

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

.tds-list-item--file {
    align-items: center;
    color: #393c41;
    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: 8px;
    padding-block-start: var(--tds-size--1x)
}

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

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

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

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

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

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

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

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

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

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

.tds-form-input-password {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    inline-size: 100%;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    border-radius: .001px;
    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
}

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

.tds-form-input-code-verification {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: 20px;
    font-size: var(--tds-font-size-50);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    margin: 0;
    padding: 0;
    border-radius: .001px;
    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);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: inherit;
    cursor: ew-resize;
    inline-size: 100%;
    margin: 4px 0;
    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: #3e6ae1;
    background-color: var(--tds-theme-primary);
    block-size: 100%;
    border-radius: 8px;
    border-radius: var(--tds-size--1x);
    content: "";
    display: block;
    inline-size: 100%;
    inline-size: var(--tds-form-input-range--progress-width, 100%);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

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

.tds-form-input-range--progress::-moz-range-progress {
    background-color: #3e6ae1;
    background-color: var(--tds-theme-primary);
    block-size: var(--tds-form-input-range--track-size);
    border-radius: var(--tds-form-input-range--track-radius)
}

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

.tds-form-input-range::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    background-color: #d0d1d2;
    background-color: var(--tds-color-grey-50);
    block-size: var(--tds-form-input-range--track-size);
    border: none;
    border-radius: var(--tds-form-input-range--track-radius);
    inline-size: 100%
}

.tds-form-input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    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 1px #d0d1d2, 0 0 0 0 transparent, 0 4px 8px #00000014;
    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: none;
    outline: var(--tds-range-slider--outline, none);
    position: relative;
    outline-offset: 2px;
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease
}

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

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

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

.tds-form-input-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-color: var(--tds-color-white);
    block-size: var(--tds-form-input-range--thumb-size);
    border: none;
    border-radius: calc(var(--tds-form-input-range--thumb-size) / 2);
    box-shadow: inset 0 0 0 1px #d0d1d2, 0 0 0 0 transparent, 0 4px 8px #00000014;
    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: none;
    outline: var(--tds-range-slider--outline, none);
    z-index: 2;
    outline-offset: 2px;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease
}

.tds--indicate-focus ::-moz-range-thumb {
    -moz-transition: none;
    transition: none
}

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

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

.tds-form-label-range.tds-form-label-range {
    align-items: baseline;
    display: flex
}

.tds-form-label-range .tds-form-caption {
    flex-grow: 1;
    text-align: end
}

.tds-form-input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    border: none;
    color: inherit;
    flex-grow: 1;
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    inline-size: 100%;
    margin: 0;
    padding: 0;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    text-overflow: ellipsis;
    border-radius: .001px;
    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: 0;
    right: var(--tds-form-input-select--chevron-inset, 0)
}

[dir=rtl] .tds-form-input-select + .tds-form-input-trailing {
    left: 0;
    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: #f4f4f4;
    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: #f4f4f4;
    background-color: var(--tds-theme-background-container)
}

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

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

.tds-form-input-search:focus {
    outline: 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 .33s ease, background-color .33s ease, visibility 0s .33s
}

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

label.tds-form-input {
    color: #5c5e62;
    color: var(--tds-form-label--color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tds-form-input--option {
    --tds-form--indent: 12px;
    align-items: center;
    block-size: auto;
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    box-shadow: inset 0 0 0 1px #d0d1d2;
    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: 40px;
    min-block-size: var(--tds-height--pill);
    padding: 4px 0;
    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: 100%;
    border-radius: var(--tds-border-radius--circle);
    justify-content: center;
    max-block-size: 40px;
    max-block-size: var(--tds-height--pill);
    max-inline-size: 40px;
    max-inline-size: var(--tds-height--pill);
    min-inline-size: 40px;
    min-inline-size: var(--tds-height--pill);
    padding: 8px;
    padding: var(--tds-size--1x)
}

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

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

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

.tds-form-input-hidden-choice:checked + .tds-form-input {
    font-weight: 500;
    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: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-form-input-hidden-choice:focus-visible + .tds-form-input {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-form-input-hidden-choice:focus + .tds-form-input {
    outline: 2px solid #8e8e8e;
    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: 24px;
    max-block-size: var(--tds-height--choice);
    max-inline-size: 24px;
    max-inline-size: var(--tds-height--choice);
    min-block-size: 24px;
    min-block-size: var(--tds-height--choice);
    min-inline-size: 24px;
    min-inline-size: var(--tds-height--choice);
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #5c5e62;
    box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast);
    border-radius: 4px;
    border-radius: var(--tds-size--half);
    transition: box-shadow .33s ease
}

.tds-form-input-leading .tds-form-input-visual-checkbox {
    margin-inline-end: 8px;
    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 #171a20;
    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: 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>");
    background-image: var(--tds-background-image--check);
    background-repeat: no-repeat;
    transform: scale(0);
    transition: transform .33s cubic-bezier(.5, 0, 0, .75);
    transition: transform .33s var(--tds-bezier)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:is(.tds-form-input,.tds-form-input-group,.tds-form-label,.tds-form-caption,.tds-form-input-code-verification-group) + .tds-form-feedback {
    margin-block-start: 8px;
    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: 500;
    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: #5c5e62;
    color: var(--tds-form-label--color);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    padding-inline: 0px 0px;
    padding-inline: var(--tds-form--indent) calc(var(--tds-form--indent) / 2);
    transition: color .33s ease
}

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

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

.tds-form-caption {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    line-height: 18px;
    line-height: var(--tds-line-height-10);
    padding-inline: 0px 0px;
    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: 8px;
    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: 40px;
    inline-size: var(--tds-height--pill);
    block-size: 40px;
    block-size: var(--tds-height--pill);
    padding: 4px;
    padding: var(--tds-size--half);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    vertical-align: middle;
    background-color: var(--tds-icon-btn--background);
    box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width) transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: color .33s ease, background-color .33s ease, box-shadow .25s ease, transform .33s cubic-bezier(.5, 0, 0, .75);
    transition: color .33s ease, background-color .33s ease, box-shadow .25s ease, transform .33s var(--tds-bezier);
    border: var(--tds-icon-btn--border-width) solid transparent
}

: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: -8px;
    margin-block-end: calc(var(--tds-size--1x) * -1);
    margin-block-start: -8px;
    margin-block-start: calc(var(--tds-size--1x) * -1)
}

.tds-form-input .tds-icon-btn {
    --tds-icon-btn--border-width: 1px;
    block-size: 32px;
    block-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
    inline-size: 32px;
    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: -4px;
    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: -4px;
    margin-inline-start: calc(var(--tds-size--half) * -1)
}

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

@media (hover: hover) {
    .tds-icon-btn:not([disabled]):hover, .tds-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]) {
        --tds-icon-btn--background: var(--tds-theme-background-container-alt);
        -webkit-backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(var(--tds-blur--button));
        backdrop-filter: blur(16px);
        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:
}

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

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

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

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

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

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

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

:is([class*=tds-icon-arrow],[class*=tds-icon-chevron],[class*=tds-icon-speaker]) {
    transform: rotateY(0) rotateX(0);
    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: 4px;
    margin-inline-start: var(--tds-size--half)
}

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

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

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

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

.tds-icon-logo-wordmark {
    inline-size: 120px;
    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, .48), rgba(119, 119, 119, .8), rgb(119, 119, 119));
    color: #fff0;
    -webkit-mask: url("data:image/svg+xml,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z' fill='black'/></svg>");
    mask: url("data:image/svg+xml,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z' fill='black'/></svg>");
    -webkit-mask-size: cover;
    mask-size: cover;
    opacity: .7;
    opacity: var(--tds-ui-opacity-70)
}

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

.tds-icon-badge {
    --tds-badge--color: var(--tds-theme-primary);
    --tds-badge--text-color: var(--tds-color-white);
    font-feature-settings: "tnum";
    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 .9s var(--tds-bezier), border .9s var(--tds-bezier), opacity .9s var(--tds-bezier), transform .9s var(--tds-bezier), box-shadow .25s var(--tds-bezier), background-color .9s 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: #393c41;
    color: var(--tds-theme-foreground);
    cursor: pointer;
    display: inline-flex;
    flex-flow: row nowrap;
    font-size: 14px;
    font-size: var(--tds-font-size-30);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    min-block-size: 40px;
    min-block-size: var(--tds-size--5x);
    min-inline-size: 24px;
    min-inline-size: var(--tds-size--3x);
    padding-block: 8px 8px;
    padding-block: var(--tds-size--1x) var(--tds-size--1x);
    padding-inline: var(--tds-icon-trigger--padding-inline-start) var(--tds-icon-trigger--padding-inline-end);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

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

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

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

.tds-icon-crosshatch:before {
    block-size: 12px;
    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: 12px;
    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: 26px;
    min-block-size: calc(var(--tds-size--2x) + 10px)
}

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

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

.tds-icon-trigger--small .tds-icon-crosshatch:after {
    inline-size: 6px;
    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: 8px;
    margin-inline-end: var(--tds-size--1x)
}

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

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

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

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

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

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

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

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

.tds-icon-trigger--invert-colors[aria-pressed=true] .tds-icon-crosshatch {
    background-color: #000;
    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: #fff;
    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: 4px;
    gap: var(--tds-size--half)
}

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

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

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

.tds-flex-gutters {
    margin-block-end: 24px;
    margin-block-end: var(--tds-size--3x);
    margin-block-start: -24px;
    margin-block-start: var(--tds-gutter--negative);
    margin-inline-start: -24px;
    margin-inline-start: var(--tds-gutter--negative)
}

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

    .tds-flex-small-gutters > :first-child {
        margin-block-start: 0
    }

    .tds-flex-small-gutters > :last-child {
        margin-block-end: 0
    }
}

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

    .tds-flex-small-gutters > :first-child {
        margin-inline-start: 0
    }

    .tds-flex-small-gutters > :last-child {
        margin-inline-end: 0
    }
}

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

.tds-flex-item {
    flex: 1
}

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

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

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

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

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

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

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

[class*=tds-flex--col_] {
    flex: none;
    transition: inline-size .25s ease-in-out
}

@media (min-width: 600px) {
    .tds-flex--col_1of2 {
        inline-size: 50%
    }

    .tds-flex--col_1of3 {
        inline-size: 33.3333%
    }

    .tds-flex--col_2of3 {
        inline-size: 66.6667%
    }

    .tds-flex--col_1of4 {
        inline-size: 25%
    }

    .tds-flex--col_3of4 {
        inline-size: 75%
    }

    .tds-flex--col_1of1 {
        inline-size: 100%
    }
}

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

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

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

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

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

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

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

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

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

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

.tds-flex--fit > .tds-flex-item {
    flex: 1
}

@media (min-width: 600px) {
    .tds-flex--full > .tds-flex-item {
        flex: 0 0 100%
    }

    .tds-flex--halfs > .tds-flex-item {
        flex: 0 0 50%
    }

    .tds-flex--thirds > .tds-flex-item {
        flex: 0 0 33.3333%
    }

    .tds-flex--quarters > .tds-flex-item {
        flex: 0 0 25%
    }

    .tds-flex--large_fit > .tds-flex-item {
        flex: 1
    }

    .tds-flex--large_full > .tds-flex-item {
        flex: 0 0 100%
    }

    .tds-flex--large_halfs > .tds-flex-item {
        flex: 0 0 50%
    }

    .tds-flex--large_thirds > .tds-flex-item {
        flex: 0 0 33.3333%
    }

    .tds-flex--large_quarters > .tds-flex-item {
        flex: 0 0 25%
    }
}

.tds-flex--as_columns {
    flex-flow: column wrap
}

.tds-flex--as-rows {
    display: flex;
    flex-flow: row wrap
}

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

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

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

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

@media (max-width: 599px) {
    .tds-flex-item {
        inline-size: 100%;
        min-inline-size: 112px;
        flex: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main, .tds-layout-2col-content_heavy.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-content_heavy.tds-layout-main--right .tds-layout-main {
        padding-inline-start: 0
    }
}

@media (min-width: 900px) {
    .tds-layout-2col-spacious.tds-layout-main--left {
        grid-template-areas:". main main main main main main . aside aside aside ."
    }

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

    .tds-layout-2col-content_heavy.tds-layout-main--left {
        grid-template:". . main aside" 1fr/1fr 1fr 7fr minmax(min-content, 318px)
    }

    .tds-layout-2col-content_heavy.tds-layout-main--right {
        grid-template:"aside main . . " 1fr/minmax(min-content, 318px) 7fr 1fr 1fr
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .tds-layout-2col-spacious.tds-layout-main--left {
        grid-template-areas:"main main main main main main main aside aside aside aside aside"
    }

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

    .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside, .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main {
        padding-inline-start: 24px
    }

    .tds-layout-2col-content_heavy.tds-layout-main--left {
        grid-template:"main aside" 1fr/9fr minmax(min-content, 318px)
    }

    .tds-layout-2col-content_heavy.tds-layout-main--right {
        grid-template:"aside main" 1fr/minmax(min-content, 318px) 9fr
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 600px) {
    .tds-layout-checkerboard {
        grid-template:"checkboard--row" 1fr/1fr;
        grid-gap: 0
    }

    .tds-layout-checkerboard .tds-layout-item {
        display: grid;
        grid-template:"checkerboard-asset checkerboard-caption" 1fr/1fr 1fr;
        justify-content: center;
        align-content: center;
        align-items: stretch
    }

    .tds-layout-checkerboard .tds-layout-checkerboard--caption {
        grid-area: checkerboard-caption;
        padding-inline-start: 64px;
        padding-inline-start: var(--tds-size--8x);
        padding-inline-end: 64px;
        padding-inline-end: var(--tds-size--8x);
        place-self: center stretch;
        text-align: start
    }

    .tds-layout-checkerboard .tds-layout-item:nth-child(odd) {
        grid-template-areas:"checkerboard-caption checkerboard-asset"
    }

    .tds-layout-checkerboard .tds-layout-item:nth-child(even) {
        grid-template-areas:"checkerboard-asset checkerboard-caption"
    }

    .tds-layout-checkerboard .tds-layout-item:nth-child(odd) .tds-layout-checkerboard--caption {
        text-align: end
    }
}

.tds-layout-checkerboard .tds-layout-checkboard--asset {
    display: block;
    grid-area: checkerboard-asset;
    inline-size: 100%;
    max-inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (hover: hover) {
    .tds-link:is(:hover,.tds--hover):not(.tds-link--primary,.tds-link--vertical,[disabled],.tds--disabled) {
        box-shadow: var(--tds-link--box-shadow--hover);
        color: #171a20;
        color: var(--tds-theme-foreground-high-contrast)
    }

    .tds-link--primary:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
        color: #3457b1;
        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: #393c41;
        color: var(--tds-theme-foreground)
    }

    .tds-link--vertical:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
        box-shadow: -4px 0 0 0 currentcolor
    }

    [dir=rtl] .tds-link--vertical:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
        box-shadow: 4px 0 0 0 currentcolor
    }
}

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

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

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

.tds-link > .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: auto;
    left: initial;
    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: auto;
    right: initial
}

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

p + .tds-list, .tds-list + p {
    padding-block-start: 14px;
    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: 24px;
    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: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast)
}

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

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

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

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

.tds-modal .tds-list > li > .tds-icon:first-child {
    background-color: #fff;
    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: #f4f4f4;
    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: 32px;
    max-inline-size: var(--tds-size--4x)
}

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

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

.tds-list--timeline > li:before {
    block-size: 8px;
    block-size: var(--tds-size--1x);
    border-radius: 8px;
    border-radius: var(--tds-size--1x);
    inline-size: 8px;
    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: .001px;
    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 rgba(0, 0, 0, .05);
    border-block-end: 1px solid var(--tds-theme-background-container-alt);
    padding: 4px 16px;
    padding: var(--tds-size--half) var(--tds-size--2x)
}

.tds-tooltip > .tds-listbox-search:first-child {
    padding-block-start: 4px;
    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: 2px solid #8e8e8e;
    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: 20px;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    margin: 0;
    min-block-size: 32px;
    min-block-size: var(--tds-size--4x);
    padding: 4px 0;
    padding: var(--tds-size--half) var(--tds-form--indent);
    text-align: start;
    inline-size: 100%;
    max-inline-size: 100%;
    outline-offset: -2px;
    transition: background-color .3s ease
}

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

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

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

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

.tds-listbox-option:is(:focus-visible,.tds--focus) {
    border-radius: 4px;
    border-radius: var(--tds-size--half);
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-listbox-option:is(:focus,.tds--focus) {
    border-radius: 4px;
    border-radius: var(--tds-size--half);
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

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

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

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

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

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

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

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

.tds-loader {
    inset: 0;
    position: absolute;
    background-color: #ffffffb3;
    background-color: var(--tds-color--scrim--semitransparent);
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
    z-index: 1010
}

.tds-loader--fullscreen {
    position: fixed
}

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

.tds-loader .tds-icon {
    inset: 0;
    margin: auto;
    position: absolute
}

.tds-loader .tds-icon-loader {
    --tds-icon--size: var(--tds-size--6x);
    animation: tds--rotating 1.5s infinite linear;
    animation: var(--tds--rotating);
    border-radius: 50%;
    opacity: .7;
    opacity: var(--tds-ui-opacity-70);
    overflow: hidden
}

.tds-loader .tds-icon-logo {
    animation: tds--pulsing 1.5s infinite ease-in-out;
    animation: var(--tds--pulsing);
    color: #5c5e62;
    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 16px;
    padding: 0 var(--tds-size--2x)
}

.tds-locale-selector--narrow {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0
}

.tds-locale-selector-trigger {
    display: flex;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .33s ease
}

.tds-locale-selector-column {
    inline-size: 100%;
    margin: 0 auto;
    max-inline-size: 700px
}

.tds-locale-selector-superregion {
    padding: 0 12px 24px;
    padding: 0 12px var(--tds-size--3x)
}

.tds-locale-selector-region {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 16px;
    -moz-column-gap: var(--tds-size--2x);
    column-gap: 16px;
    column-gap: var(--tds-size--2x);
    margin-inline-end: -12px;
    margin-inline-start: -12px
}

.tds-locale-selector--narrow .tds-locale-selector-region {
    -moz-column-count: 1;
    column-count: 1
}

.tds-locale-selector-region-name {
    padding-block-end: 12px;
    padding-block-start: 16px;
    padding-block-start: var(--tds-size--2x)
}

.tds-locale-selector--narrow .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > .tds-locale-selector-region-name {
    padding-block-start: 0
}

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

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

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

.tds-card.tds-locale-selector-trigger .tds-card-body, .tds-card.tds-locale-selector-country {
    padding: 8px 12px;
    padding: var(--tds-size--1x) 12px
}

.tds-card.tds-locale-selector-trigger .tds-card-body {
    padding-inline-start: 8px;
    padding-inline-start: var(--tds-size--1x)
}

.tds-card.tds-locale-selector-trigger .tds-icon {
    margin-block-start: 6px;
    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: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

@media (hover: hover) {
    .tds-card.tds-locale-selector-trigger:hover, .tds-card.tds-locale-selector-country:hover {
        background-color: #f4f4f4;
        background-color: var(--tds-theme-background-container)
    }
}

.tds-card.tds-locale-selector-country--selected {
    background-color: #f4f4f4;
    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: 16px;
    margin-inline-end: var(--tds-size--2x)
}

.tds-locale-selector-language--selected {
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    pointer-events: none
}

@media (max-width: 1240px) {
    .tds-locale-selector {
        flex-direction: column;
        justify-content: flex-start
    }
}

@media (max-width: 599px) {
    .tds-locale-selector-region {
        -moz-column-count: 1;
        column-count: 1
    }

    .tds-locale-selector-column:first-child .tds-locale-selector-superregion:first-child > tds-locale-selector-region-name {
        padding-block-start: 0
    }
}

.tds-card.tds-locale-selector-country .tds-text--h6 {
    inline-size: 100%
}

.tds-card.tds-locale-selector-country > .tds-list {
    margin: 0
}

@media (min-width: 1200px) {
    .tds-locale-selector.tds-locale-selector--multicolumn {
        padding: 0;
        margin: 0 -12px;
        inline-size: auto;
        max-inline-size: inherit;
        gap: 24px;
        gap: var(--tds-size--3x);
        flex-direction: row
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-column {
        flex-basis: 25%;
        inline-size: auto;
        max-inline-size: 100%
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-column--europe {
        flex-basis: 50%
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-region {
        -moz-column-count: 1;
        column-count: 1
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region {
        -moz-column-count: 2;
        column-count: 2
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-country {
        max-inline-size: 240px
    }

    .tds-locale-selector--multicolumn .tds-locale-selector-region-name {
        padding-block-start: 24px;
        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: 4px;
        padding-block-start: var(--tds-size--half)
    }
}

@media (min-width: 1440px) {
    .tds-locale-selector--multicolumn .tds-locale-selector-superregion--europe .tds-locale-selector-region {
        -moz-column-count: 3;
        column-count: 3
    }
}

.tds-media-player {
    --tds-media-player--color: var(--tds-color-white, #fff);
    visibility: hidden
}

.tds-media-player.ready {
    visibility: visible
}

.tds-media-player .tds-form-label {
    padding: 0
}

.tds-media-player-range {
    --tds-form-item--grid-template-areas: "label input";
    align-items: center;
    display: grid;
    grid-template-columns:min-content 1fr;
    grid-template-rows:initial
}

.tds-media-player-range .tds-form-label-wrap {
    --tds-form-label--color: var(--tds-media-player--color, #fff);
    padding-inline-end: 12px;
    padding-inline-start: 0
}

.tds-media-player .tds-icon {
    --tds-icon--size: 28px;
    fill: #fff;
    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: inline;
    display: initial
}

.tds-media-player [aria-pressed=true] .tds-icon:not(.tds-icon-speaker) > g:last-of-type {
    display: inline;
    display: initial
}

.tds-media-player [aria-pressed=true] .tds-icon.tds-icon-speaker--low > g:not(:first-of-type,:last-of-type) {
    display: inline;
    display: initial
}

.tds-media-player [aria-pressed=true] .tds-icon.tds-icon-speaker--high > g:is(:last-of-type) {
    display: inline;
    display: initial
}

.tds-menu {
    display: inline
}

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

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

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

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

.tds-modal {
    --tds-modal-border-radius: var(--tds-size--1x);
    block-size: var(--tds-modal--height);
    bottom: 0;
    display: flex;
    flex-direction: column;
    inline-size: var(--tds-modal--width);
    left: 0;
    position: fixed;
    right: 0;
    background-color: #fff;
    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: 0 -8px 16px #00000029;
    box-shadow: var(--tds-box-shadow--large-reverse);
    color: #393c41;
    color: var(--tds-theme-foreground);
    max-block-size: calc(100% - 24px);
    max-block-size: calc(100% - var(--tds-size--3x));
    overflow-y: auto;
    padding: 0;
    z-index: 1000;
    overscroll-behavior: contain
}

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

.tds-modal--fullscreen, .tds-modal--sheet-left, .tds-modal--sheet-right {
    --tds-modal--height: 100%;
    --tds-modal--height: 100dvh;
    border-radius: 0;
    bottom: 0;
    max-block-size: var(--tds-modal--height);
    min-block-size: var(--tds-modal--height);
    top: 0
}

.tds-modal--fullscreen {
    --tds-modal--width: 100vw;
    max-inline-size: 100vw
}

.tds-modal--sheet-left, .tds-modal--sheet-right {
    --tds-modal--width: 414px;
    max-inline-size: calc(100vw - 48px);
    max-inline-size: calc(100vw - var(--tds-size--6x))
}

.tds-modal--sheet-small {
    --tds-modal--width: 311px
}

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

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

.tds-modal:not([open]) {
    opacity: 0;
    transform: translate(0) translateY(50%);
    pointer-events: none;
    visibility: hidden;
    transition: opacity .5s cubic-bezier(.5, 0, 0, .75), transform .5s cubic-bezier(.5, 0, 0, .75), visibility 0s .5s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s
}

.tds-modal--fullscreen:not([open]) {
    transform: translate(0) translateY(50%)
}

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

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

.tds-modal[open] {
    opacity: 1;
    transform: translate(0) translateY(0);
    pointer-events: inherit;
    visibility: inherit;
    transition: opacity .5s cubic-bezier(.5, 0, 0, .75), transform .5s cubic-bezier(.5, 0, 0, .75), visibility 0s 0s;
    transition: opacity .5s var(--tds-bezier), transform .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 - 96px);
        max-inline-size: calc(100vw - var(--tds-size--12x));
        min-block-size: 64px;
        min-block-size: var(--tds-size--8x);
        max-block-size: calc(100% - 96px);
        max-block-size: calc(100% - var(--tds-size--12x));
        border-radius: var(--tds-modal-border-radius);
        box-shadow: 0 8px 16px #00000029;
        box-shadow: var(--tds-box-shadow--large)
    }

    .tds-modal--fullscreen, .tds-modal--sheet-left, .tds-modal--sheet-right {
        border-radius: 0;
        max-block-size: 100vh;
        bottom: 0
    }

    .tds-modal--fullscreen {
        max-inline-size: 100vw
    }

    .tds-modal:not([open]) {
        transform: translate(0) translateY(100%)
    }

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

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

    .tds-modal[open] {
        transform: translate(0) translateY(50%)
    }

    .tds-modal--fullscreen[open], .tds-modal--sheet-left[open], .tds-modal--sheet-right[open] {
        transform: translate(0) translateY(0)
    }
}

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

.tds-modal-backdrop {
    --tds-modal-backdrop--opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    inline-size: 120vw;
    block-size: 120vh;
    background-color: rgb(0 0 0/var(--tds-modal-backdrop--opacity));
    z-index: 999;
    transition: background-color .5s ease, -webkit-backdrop-filter .5s ease;
    transition: background-color .5s ease, backdrop-filter .5s ease;
    transition: background-color .5s ease, backdrop-filter .5s ease, -webkit-backdrop-filter .5s ease
}

.tds-modal:not([open]) + .tds-modal-backdrop {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    pointer-events: none
}

.tds-modal[open] + .tds-modal-backdrop {
    --tds-modal-backdrop--opacity: .3;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    pointer-events: inherit
}

.tds-modal-header {
    align-items: flex-start;
    background-color: #fff;
    background-color: var(--tds-theme-background-dialog);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 16px;
    padding: var(--tds-size--2x);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 -2px #fff;
    box-shadow: 0 -2px 0 0 var(--tds-theme-background-dialog)
}

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

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

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

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

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

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

.tds-modal-close--over-image:hover {
    background-color: rgb(0, 0, 0 .16);
    background-color: rgb(var(--tds-color--rgb-shade) .16)
}

.tds-modal-close--over-image .tds-modal-close-icon {
    color: #fff;
    color: var(--tds-theme-foreground-on-primary)
}

.tds-modal-header > :is(h1,h2,h3) {
    padding-block-end: 0;
    transition: padding .33s cubic-bezier(.5, 0, 0, .75), font-size .33s cubic-bezier(.5, 0, 0, .75), line-height .33s cubic-bezier(.5, 0, 0, .75);
    transition: padding .33s var(--tds-bezier), font-size .33s var(--tds-bezier), line-height .33s var(--tds-bezier)
}

.tds-modal-footer {
    background-color: #fff;
    background-color: var(--tds-theme-background-dialog);
    bottom: -24px;
    bottom: calc(var(--tds-size--3x) * -1);
    padding: 24px 24px 48px;
    padding: var(--tds-size--3x) var(--tds-size--3x) var(--tds-size--6x);
    position: sticky;
    transition: padding .33s cubic-bezier(.5, 0, 0, .75);
    transition: padding .33s var(--tds-bezier);
    z-index: 11
}

.tds-modal--scrolling .tds-modal-header > :is(h1,h2,h3) {
    font-size: 17px;
    font-size: var(--tds-font-size-40);
    line-height: 24px;
    line-height: var(--tds-line-height-50);
    padding-block-start: 8px;
    padding-block-start: var(--tds-size--1x)
}

.tds-modal-content {
    padding: 0 24px 48px;
    padding: 0 var(--tds-size--3x) var(--tds-size--6x)
}

.tds-modal-header + .tds-modal-content {
    padding-block-start: 4px;
    padding-block-start: var(--tds-size--half)
}

.tds-modal-content:not(:last-child) {
    padding-block-end: 0
}

.tds-modal-overflow--visible {
    overflow-y: visible
}

.tds-modal-overflow--visible .tds-modal-header {
    border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
    position: static;
    position: initial
}

.tds-modal-overflow--visible .tds-modal-footer {
    border-radius: 0 0 var(--tds-modal-border-radius) var(--tds-modal-border-radius);
    position: static;
    position: initial
}

@media (min-width: 600px) {
    .tds-modal-header {
        padding-inline-start: 48px;
        padding-inline-start: var(--tds-size--6x)
    }

    .tds-modal-content, .tds-modal-footer {
        padding-inline: 48px 48px;
        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: 32px 32px;
        padding-inline: var(--tds-size--4x) var(--tds-size--4x)
    }
}

:root, .tds-density--default, .tds-page-layout--medium-space {
    --tds-page-layout--footer-start-space: var(--tds-size--12x);
    --tds-page-layout--title-end-space: var(--tds-size--4x);
    --tds-page-layout--title-start-space: var(--tds-size--6x);
    --tds-page-layout--title-top-slot-space: var(--tds-size--1x)
}

.tds-page-layout--large-space {
    --tds-page-layout--footer-start-space: 128px;
    --tds-page-layout--title-end-space: var(--tds-size--6x);
    --tds-page-layout--title-start-space: var(--tds-size--8x)
}

.tds-density--dense, .tds-page-layout--small-space {
    --tds-page-layout--footer-start-space: var(--tds-size--8x);
    --tds-page-layout--title-end-space: var(--tds-size--3x);
    --tds-page-layout--title-start-space: var(--tds-size--4x);
    --tds-page-layout--title-top-slot-space: var(--tds-size--half)
}

.tds-page-layout {
    display: grid;
    grid-gap: 0 24px;
    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: 96px;
    margin-block-end: var(--tds-page-layout--footer-start-space);
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-content_container--gutter);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-content_container--gutter)
}

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

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

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

.tds-page-title {
    display: grid;
    grid-area: title;
    grid-template:"top" "text" "bottom" "trailing";
    grid-template-rows:48px auto auto auto;
    grid-template-rows:var(--tds-page-layout--title-start-space) auto auto auto;
    margin-block-end: 32px;
    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: 8px;
    padding-block-end: var(--tds-page-layout--title-top-slot-space);
    padding-block-start: 8px;
    padding-block-start: var(--tds-page-layout--title-top-slot-space)
}

.tds-page-title-text {
    grid-area: text
}

h1.tds-page-title-text {
    padding-block-end: 0;
    padding-block-start: 0
}

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

.tds-page-title-bottom {
    grid-area: bottom;
    padding-block-start: 16px;
    padding-block-start: var(--tds-size--2x)
}

.tds-page-title-bottom .tds-status_msg, .tds-page-title-trailing .tds-btn_group {
    margin: 0
}

@media (min-width: 600px) {
    .tds-page-layout--narrow-main {
        grid-template-areas:". title title title title title title title title title title ." ". main main main main main main main main main main .";
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows:min-content 1fr
    }

    .tds-page-layout--content-level-aside {
        grid-template-areas:"title title title title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main";
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows:min-content min-content 1fr
    }

    .tds-page-layout--top-level-aside {
        grid-template-areas:"aside aside aside title title title title title title title title title" "aside aside aside open open open open open open open open open" "aside aside aside main main main main main main main main main";
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows:min-content min-content 1fr
    }

    .tds-page-title {
        grid-template-areas:"top ." "text trailing" "bottom .";
        grid-template-rows:48px auto auto;
        grid-template-rows:var(--tds-page-layout--title-start-space) auto auto
    }

    .tds-page-title-trailing {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-block-start: 0;
        margin-inline-start: 24px;
        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: 48px;
        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: #393c41;
    color: var(--tds-theme-foreground);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium)
}

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

.tds-pagination-navigation[aria-disabled=true] {
    box-shadow: 0 0 0 transparent;
    cursor: not-allowed;
    opacity: .5;
    opacity: var(--tds-ui-opacity-50);
    pointer-events: none
}

.tds-pagination select {
    background-color: transparent;
    border: 0;
    border-radius: .001px;
    border-radius: var(--tds-border-radius--outline-only);
    color: #393c41;
    color: var(--tds-theme-foreground);
    margin: auto
}

@media (max-width: 599px) {
    .tds-pagination-primary > select {
        display: block;
        margin: 8px auto;
        margin: var(--tds-size--1x) auto
    }
}

.tds-pagination .tds-pagination-current {
    display: inline-block;
    position: relative
}

.tds-pagination-primary .tds-pagination-current {
    margin: 0 8px;
    margin: 0 var(--tds-size--1x)
}

.tds-pagination .tds-pagination-current select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    position: relative
}

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

.tds-pagination-secondary .tds-pagination-current select {
    padding-inline-start: 4px;
    padding-inline-start: var(--tds-size--half)
}

.tds-pagination .tds-pagination-current select:focus {
    outline: 2px solid #8e8e8e;
    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: 4px;
    right: var(--tds-size--half);
    pointer-events: none;
    top: calc(50% - 5px);
    z-index: 0
}

@media (max-width: 599px) {
    .tds-pagination select {
        font-size: 16px;
        font-size: var(--tds-size--2x)
    }
}

@media (min-width: 600px) {
    .tds-pagination-primary > select {
        margin: 0 16px;
        margin: 0 var(--tds-size--2x)
    }

    .tds-pagination-primary .tds-pagination-current {
        margin: 0 16px;
        margin: 0 var(--tds-size--2x)
    }
}

.tds-pagination-primary {
    display: var(--pagination-primary--display);
    justify-content: space-around
}

.tds-pagination-secondary {
    display: var(--pagination-secondary--display);
    inline-size: -moz-max-content;
    inline-size: max-content;
    white-space: nowrap
}

.tds-pagination-secondary--value {
    color: #393c41;
    color: var(--tds-theme-foreground)
}

.tds-pagination-navigation + .tds-pagination-navigation {
    margin-inline-start: 24px;
    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: #171a20;
    background-color: var(--tds-theme-foreground-high-contrast);
    block-size: 100%;
    content: "";
    display: block;
    inline-size: 1px;
    inset-inline-start: -14px;
    position: absolute;
    top: 0
}

@media (min-width: 900px) {
    .tds-pagination {
        --pagination-primary-select--margin-horiz: var(--tds-size--2x);
        display: flex;
        justify-content: space-between
    }

    .tds-pagination-primary {
        --pagination-primary--display: initial;
        inline-size: 100%
    }

    .tds-pagination-secondary {
        --pagination-secondary--display: initial
    }

    .tds-pagination-secondary label {
        color: #393c41;
        color: var(--tds-theme-foreground)
    }
}

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

@media (min-width: 900px) {
    .tds-density--dense .tds-pagination {
        --pagination-primary-select--margin-horiz: var(--tds-size--2x)
    }
}

.tds-pagination--show-numbers .tds-pagination-primary {
    --pagination-primary--display: flex;
    justify-content: center
}

.tds-pagination--show-numbers .tds-pagination-current {
    line-height: 16px;
    margin: 0 var(--pagination-primary-select--margin-horiz)
}

.tds-pagination--show-numbers .tds-pagination-secondary .tds-pagination-current {
    margin: 0
}

.tds-pagination--show-numbers .tds-pagination-navigation {
    align-items: center;
    display: flex;
    place-content: center center
}

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

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

.tds-popover-container--inline {
    display: inline-block
}

.tds-popover-container--embedded {
    display: flex
}

.tds-popover-container--embedded.tds-popover-container--inline {
    display: inline-flex
}

.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-start {
    flex-direction: row-reverse
}

.tds-popover-container--embedded.tds-popover-container--anchor-side-inline-end {
    flex-direction: row
}

.tds-popover-container--embedded.tds-popover-container--anchor-side-block-start {
    flex-direction: column-reverse
}

.tds-popover-container--embedded.tds-popover-container--anchor-side-block-end {
    flex-direction: column
}

.tds-popover {
    --tds-popover-center-value: 50%;
    background-color: #fff;
    background-color: var(--tds-theme-background-dialog);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--card);
    box-shadow: 0 8px 16px #0000001f;
    box-shadow: var(--tds-box-shadow--medium);
    inset: unset;
    margin: 0;
    margin: initial;
    position: absolute;
    z-index: 15;
    opacity: 0;
    pointer-events: none;
    transition: opacity .33s ease, transform .33s ease;
    color: #393c41;
    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: left;
    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)) translate(var(--tds-popover-animation-space))
}

.tds-popover-container--anchor-side-inline-start .tds-popover {
    inset-inline-end: calc(100% + 8px);
    inset-inline-end: calc(100% + var(--tds-popover-trigger-gap))
}

.tds-popover-container--anchor-side-inline-end .tds-popover {
    inset-inline-start: calc(100% + 8px);
    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: translate(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% + 8px);
    inset-block-end: calc(100% + var(--tds-popover-trigger-gap))
}

.tds-popover-container--anchor-side-block-end .tds-popover {
    inset-block-start: calc(100% + 8px);
    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: auto;
    top: initial
}

[class*=tds-popover-container--anchor-side-block-] [class*=tds-popover--align-] {
    left: auto;
    left: initial
}

[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-start {
    inset-block-start: 0
}

[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-end {
    inset-block-end: 0
}

[class*=tds-popover-container--anchor-side-inline-] .tds-popover--align-full-width {
    inset-block: 0 0
}

[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-start {
    inset-inline-start: 0
}

[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-end {
    inset-inline-end: 0
}

[class*=tds-popover-container--anchor-side-block-] .tds-popover--align-full-width {
    inset-inline: 0 0
}

.tds-popover-container--embedded .tds-popover {
    order: 2;
    display: none;
    background-color: transparent;
    background-color: initial;
    border-radius: 0;
    border-radius: initial;
    box-shadow: none;
    box-shadow: initial;
    inset: unset;
    position: static;
    position: initial;
    transform: none;
    transform: initial
}

.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: -8px;
    inset: calc(var(--tds-popover-trigger-gap) * -1);
    position: absolute
}

.tds-popover-container--embedded .tds-popover:before {
    display: none
}

.tds-selector {
    --tds-selector-font-color--selected: var(--tds-color-white);
    display: grid;
    grid-gap: 8px 12px;
    grid-gap: var(--tds-size--1x) calc(var(--tds-size--1x) * 1.5);
    grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
    grid-template-columns:repeat(var(--tds-column-count, auto-fill), var(--tds-column-width, minmax(200px, 1fr)));
    justify-items: stretch;
    padding: 8px 0 12px;
    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: 40px;
    block-size: var(--tds-height--pill);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    padding: 0 calc(var(--tds-size--1x) * 1.5);
    text-align: center;
    transition: background-color .3s ease, color .3s ease, opacity .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tds-selector-label:hover {
    background-color: #f4f4f4;
    background-color: var(--tds-theme-background-container)
}

.tds-selector-input:checked + .tds-selector-label {
    background-color: #3e6ae1;
    background-color: var(--tds-theme-primary);
    color: var(--tds-selector-font-color--selected);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium)
}

.tds-selector-input:checked + .tds-selector-label:hover {
    background-color: #3457b1;
    background-color: var(--tds-theme-primary-highlight)
}

.tds-selector-input:focus-visible + .tds-selector-label {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-selector-input:focus + .tds-selector-label {
    outline: 2px solid #8e8e8e;
    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: #eee;
    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: 8px;
    border-radius: var(--tds-size--1x);
    color: var(--tds-stepper--icon-color);
    -moz-column-gap: 16px;
    -moz-column-gap: var(--tds-size--2x);
    column-gap: 16px;
    grid-column-gap: 16px;
    grid-column-gap: var(--tds-size--2x);
    column-gap: var(--tds-size--2x);
    display: grid;
    grid-template:"circle text" min-content/24px max-content;
    grid-template:"circle text" min-content/var(--tds-icon--size) max-content;
    position: relative;
    text-align: start
}

.tds-stepper-item:not(:first-of-type) {
    margin-block-start: 24px;
    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: 2px solid #8e8e8e;
    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: 24px;
    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: 16px;
    block-size: var(--tds-size--2x);
    border-radius: 50%;
    content: "";
    grid-area: circle;
    inline-size: 16px;
    inline-size: var(--tds-size--2x);
    box-shadow: inset 0 0 0 var(--tds-stepper--circle-stroke) currentcolor;
    box-sizing: content-box;
    box-sizing: initial;
    background-color: var(--tds-stepper--mask-color);
    border: 4px solid var(--tds-stepper--mask-color);
    border: var(--tds-size--half) solid var(--tds-stepper--mask-color)
}

@media (min-width: 600px) {
    .tds-stepper:not(.tds-stepper--vertical) {
        --tds-stepper--icon-grid-area-height: calc(var(--tds-size--4x) - var(--tds-size--half));
        --tds-stepper--text-grid-area-height: min-content;
        --tds-stepper--line-top: calc(var(--tds-stepper--icon-grid-area-height) / 2 - var(--tds-stepper--stroke) / 2);
        --tds-stepper--line-left: 0;
        --tds-setpper-item--text-width: calc(var(--tds-size) * 12);
        display: inline-flex
    }

    .tds-stepper.tds-stepper--width-full {
        display: flex
    }

    .tds-stepper:not(.tds-stepper--vertical):before {
        writing-mode: vertical-lr
    }

    .tds-stepper.tds-stepper--vertical:before {
        block-size: calc(100% - 2px)
    }

    .tds-stepper--width-full .tds-stepper-item {
        flex-basis: 0;
        flex-grow: 1
    }

    .tds-stepper:not(.tds-stepper--vertical) :is(.tds-stepper-item,.tds-stepper-item-action) {
        grid-template:"circle" var(--tds-stepper--icon-grid-area-height) "text" var(--tds-stepper--text-grid-area-height)/minmax(min-content, 1fr);
        justify-items: center
    }

    .tds-stepper.tds-stepper--vertical .tds-stepper-item-action {
        -moz-column-gap: 4px;
        -moz-column-gap: var(--tds-size--half);
        column-gap: 4px;
        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: 8px;
        margin-inline-start: var(--tds-size--1x)
    }

    .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:before {
        border-width: 8px;
        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% - 12px);
        inline-size: calc(50% - var(--tds-icon--size) / 2);
        position: absolute;
        top: calc(var(--tds-stepper--line-top) - 1px)
    }

    .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type:after {
        left: 0
    }

    .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type:after {
        left: var(--tds-stepper--line-mask-end)
    }

    [dir=rtl] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type:after {
        left: auto;
        left: initial;
        right: 0
    }

    [dir=rtl] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type:after {
        left: auto;
        left: initial;
        right: var(--tds-stepper--line-mask-end)
    }

    .tds-stepper-item-text {
        padding-block-end: 4px;
        padding-block-end: var(--tds-size--half);
        padding-block-start: 4px;
        padding-block-start: var(--tds-size--half);
        min-inline-size: var(--tds-setpper-item--text-width);
        max-inline-size: var(--tds-setpper-item--text-width);
        overflow: hidden;
        overflow-wrap: break-word;
        transition: color .33s ease, background-color .33s ease
    }

    .tds-stepper-item-action .tds-stepper-item-text {
        border-radius: 4px;
        border-radius: var(--tds-border-radius--pill);
        padding: 4px 12px;
        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: #f4f4f4;
        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: auto;
    inline-size: var(--tds-sidenav--inline-size)
}

.tds-sidenav, .tds-density--default .tds-sidenav, .tds-sidenav .tds-density--default, .tds-sidenav.tds-density--default {
    --tds-nav-item--block-size: var(--tds-size--5x)
}

.tds-density--dense .tds-sidenav, .tds-sidenav .tds-density--dense, .tds-sidenav.tds-density--dense {
    --tds-nav-item--block-size: var(--tds-size--4x)
}

.tds-sidenav--sticky {
    bottom: 0;
    margin-block: -24px;
    margin-block: calc(var(--tds-sidenav--scroll-padding) * -1);
    max-block-size: 100vh;
    padding-block: 24px;
    padding-block: var(--tds-sidenav--scroll-padding);
    position: sticky;
    top: 0;
    margin-inline: -24px;
    margin-inline: calc(var(--tds-sidenav--inline-scroll-padding) * -1);
    overflow-y: auto;
    padding-inline: 24px;
    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 - 56px);
    max-block-size: calc(100vh - var(--tds-shell-header-height));
    top: 56px;
    top: var(--tds-site-header--height)
}

.tds-sidenav-group {
    --tds-nav-item--block-size: var(--tds-size--4x);
    display: none;
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    padding-block-end: 8px;
    padding-block-end: var(--tds-size--1x);
    padding-inline-start: 0
}

:where(.tds-density--dense .tds-sidenav,.tds-density--dense.tds-sidenav,.tds-sidenav .tds-density--dense) .tds-sidenav-group {
    --tds-nav-item--block-size: 28px
}

.tds-sidenav--internal .tds-sidenav-group {
    padding-block-start: 4px;
    padding-block-start: var(--tds-size--half)
}

.tds-sidenav-group .tds-sidenav-group {
    padding-block-start: 0
}

.tds-site-nav-item.tds--expanded + .tds-sidenav-group, .tds-site-nav-item.tds--expanded + :where(tds-side-nav-item-group) > .tds-sidenav-group, .tds-sidenav-group--always-expanded {
    display: block
}

.tds-sidenav .tds-sidenav-group li:not(:last-child), .tds-sidenav .tds-sidenav-group tds-side-nav-item:not(:last-child) li {
    margin-block-end: 0
}

.tds-sidenav .tds-sidenav-group .tds-site-nav-item {
    --tds-sidenav-group--level-indent: var(--tds-size--1x);
    --tds-sidenav-group--static-indent: var(--tds-nav-item--padding-inline) + var(--tds-sidenav-group--indent-from-icons);
    padding-inline-start: calc(var(--tds-sidenav-group--static-indent) + var(--tds-sidenav-group--level-indent))
}

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

.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item {
    --tds-sidenav-group--level-indent: var(--tds-size--2x)
}

.tds-sidenav .tds-sidenav-group .tds-sidenav-group .tds-sidenav-group .tds-site-nav-item {
    --tds-sidenav-group--level-indent: var(--tds-size--3x)
}

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > :not(.tds-icon:first-child,.tds-site-nav-item-leading), .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item-leading > :not(.tds-icon:first-child,tds-content:first-child:has(.tds-icon)), .tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-item > tds-icon:last-child .tds-icon, .tds-sidenav--persistent.tds-sidenav--collapsed .tds-sidenav-group, .tds-sidenav--persistent.tds-sidenav--collapsed:not(.tds-sidenav--icons) {
    display: none
}

.tds-sidenav--persistent.tds-sidenav--collapsed.tds-sidenav--sticky {
    overflow: visible;
    position: relative;
    top: 0;
    z-index: 1
}

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-site-nav-items--vertical {
    overflow: visible
}

.tds-sidenav--persistent.tds-sidenav--collapsed .tds-popover {
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 300px;
    padding: 8px 12px;
    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: -moz-min-content;
    inline-size: min-content;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tds-switch_toggle * {
    cursor: pointer
}

.tds-switch_toggle--large {
    --tds-switch_toggle--font-size: var(--tds-font-size-30);
    --tds-switch_toggle--size: 40px
}

.tds-density--default, .tds-switch_toggle--medium {
    --tds-switch_toggle--font-size: var(--tds-font-size-20);
    --tds-switch_toggle--size: 32px
}

.tds-density--dense, .tds-switch_toggle--small {
    --tds-switch_toggle--font-size: var(--tds-font-size-10);
    --tds-switch_toggle--size: 28px
}

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

.tds-switch_toggle-track {
    display: block;
    position: relative;
    block-size: 32px;
    block-size: var(--tds-switch_toggle--size);
    inline-size: 64px;
    inline-size: calc(var(--tds-switch_toggle--size) * 2);
    background-color: #0000000d;
    background-color: var(--tds-theme-background-container-alt);
    border-radius: var(--tds-switch_toggle--radius);
    transition: background-color .5s ease
}

.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
    background-color: #3e6ae1;
    background-color: var(--tds-theme-primary)
}

.tds-switch_toggle-checkbox:focus-visible + .tds-switch_toggle-track {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds--indicate-focus .tds-switch_toggle-checkbox:focus + .tds-switch_toggle-track {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: 2px
}

.tds-switch_toggle-btn {
    font-size: 12px;
    font-size: var(--tds-switch_toggle--font-size);
    margin-inline: var(--tds-switch_toggle--spacer) var(--tds-switch_toggle--spacer);
    text-transform: none;
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    transition: color .5s ease;
    line-height: 1
}

.tds-switch_toggle-btn:nth-last-child(2) {
    order: -1
}

.tds-switch_toggle--label_inside .tds-switch_toggle-btn {
    --tds-switch_toggle--spacer: 0;
    --tds-switch_toggle-btn--indent: 1px;
    align-items: center;
    block-size: 100%;
    display: flex;
    inline-size: calc(50% + var(--tds-switch_toggle-btn--indent));
    justify-content: center;
    position: absolute
}

.tds-switch_toggle--large .tds-switch_toggle-btn {
    --tds-switch_toggle-btn--indent: 4px
}

.tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
    left: 2px
}

.tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
    right: 2px
}

.tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
    color: #fff;
    color: var(--tds-color-white)
}

.tds-switch_toggle-track:after {
    background-color: #fff;
    background-color: var(--tds-color-white);
    block-size: 24px;
    block-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
    border-radius: 100%;
    border-radius: var(--tds-border-radius--circle);
    box-shadow: 0 4px 8px #00000014;
    box-shadow: var(--tds-box-shadow--small);
    content: "";
    display: block;
    inline-size: 24px;
    inline-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
    margin: 4px;
    margin: var(--tds-size--half);
    position: absolute;
    transform: translate(0);
    transition: transform .5s cubic-bezier(.5, 0, 0, .75), color .5s cubic-bezier(.5, 0, 0, .75);
    transition: transform .5s var(--tds-bezier), color .5s var(--tds-bezier);
    z-index: 10
}

.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track:after {
    transform: translate(32px);
    transform: translate(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: translate(-32px);
    transform: translate(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: translate(0)
}

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

.tds-scrim--black {
    --tds-switch-toggle-off-indicator--opacity: .15
}

.tds-form-input-group:has(.tds-switch-toggle-wrapper) {
    gap: 16px;
    gap: var(--tds-switch-toggle-group--gap)
}

.tds-switch-toggle-group.tds-form-fieldset {
    gap: 0
}

.tds-switch-toggle-group .tds-form-input-group + .tds-text--caption {
    padding-block-start: 8px;
    padding-block-start: var(--tds-switch-toggle-group--caption-gap)
}

.tds-switch-toggle-hidden-choice {
    block-size: 0;
    clip-path: inset(100%);
    inline-size: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.tds-switch-toggle-label-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    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: #0000000d;
    background-color: var(--tds-theme-background-container-alt);
    block-size: 32px;
    block-size: var(--tds-switch-toggle--block-size);
    inline-size: 56px;
    inline-size: var(--tds-switch-toggle--inline-size);
    min-inline-size: 56px;
    min-inline-size: var(--tds-switch-toggle--inline-size);
    border-radius: 32px;
    border-radius: var(--tds-switch-toggle--radius);
    padding: 4px;
    padding: var(--tds-switch-toggle--padding);
    display: flex;
    align-items: center;
    position: relative;
    transition: background-color .33s ease
}

.tds-switch-toggle:dir(rtl) {
    flex-direction: row-reverse
}

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle {
    background-color: #3e6ae1;
    background-color: var(--tds-theme-primary)
}

.tds-switch-toggle-hidden-choice:focus-visible + .tds-switch-toggle-label-wrapper .tds-switch-toggle {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds-switch-toggle--error {
    border: 1px solid #b74134;
    border: 1px solid var(--tds-theme-secondary-negative)
}

.tds-switch-toggle--a11y-indicators:before, .tds-switch-toggle--a11y-indicators:after {
    block-size: 12px;
    block-size: var(--tds-switch-toggle-indicator--block-size);
    border-radius: 32px;
    border-radius: var(--tds-switch-toggle--radius);
    box-shadow: inset 0 0 0 2px #171a20;
    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 .33s ease
}

.tds-switch-toggle--a11y-indicators:before {
    border-width: 1px;
    border-width: calc(var(--tds-switch-toggle-indicator--stroke) / 2);
    inline-size: 2px;
    inline-size: var(--tds-switch-toggle-indicator--stroke);
    left: calc(var(--tds-switch-toggle-handle--translate) / 2 - 2px / 2 + 4px);
    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: 2px;
    border-width: var(--tds-switch-toggle-indicator--stroke);
    inline-size: 10px;
    inline-size: var(--tds-switch-toggle-off-indicator--inline-size);
    right: calc(var(--tds-switch-toggle-handle--translate) / 2 - 10px / 2 + 4px);
    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 .33s ease .33s
}

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators:before {
    opacity: .25
}

.tds-switch-toggle-hidden-choice:not(:checked) + .tds-switch-toggle-label-wrapper .tds-switch-toggle--a11y-indicators:after {
    opacity: .1;
    opacity: var(--tds-switch-toggle-off-indicator--opacity);
    transition: opacity .33s ease .33s
}

.tds-switch-toggle-handle {
    background-color: #fff;
    background-color: var(--tds-theme-foreground-on-primary);
    block-size: var(--tds-switch-toggle-handle--size);
    border-radius: 32px;
    border-radius: var(--tds-switch-toggle--radius);
    box-shadow: 0 4px 8px #00000014;
    box-shadow: var(--tds-ui-box-shadow-small);
    display: block;
    inline-size: var(--tds-switch-toggle-handle--size);
    z-index: 1;
    transition: transform .33s cubic-bezier(.5, 0, 0, .75);
    transition: transform .33s var(--tds-bezier)
}

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-switch-toggle-handle {
    transform: translate(var(--tds-switch-toggle-handle--translate))
}

.tds-switch-toggle-label {
    flex-basis: 0;
    flex-grow: 1
}

.tds-switch-toggle-hidden-choice:checked + .tds-switch-toggle-label-wrapper .tds-form-label {
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

: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 - 48px);
    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: 64px;
    top: var(--tds-size-8x);
    transform: translate(-50%);
    z-index: 1001
}

.tds-raw-toast-container, .tds-toast-container {
    display: flex;
    flex-direction: column;
    inline-size: 432px;
    max-inline-size: calc(100vw - 48px);
    max-inline-size: calc(100vw - var(--tds-size--6x))
}

.tds-toast {
    background-color: #222;
    background-color: var(--tds-toast--background);
    color: #eee;
    color: var(--tds-toast--foreground);
    padding: 16px;
    padding: var(--tds-size--2x);
    padding-inline-end: 12px;
    padding-inline-end: calc(var(--tds-size--1x) * 3 / 2);
    flex: none;
    display: flex;
    flex-direction: row;
    -moz-column-gap: 8px;
    -moz-column-gap: var(--tds-size--1x);
    column-gap: 8px;
    column-gap: var(--tds-size--1x);
    align-items: flex-start;
    border-radius: 4px;
    border-radius: calc(var(--tds-size--1x) / 2)
}

.tds-toast-container .tds-toast {
    margin-block: 0 8px;
    margin-block: 0 calc(var(--tds-size--1x));
    opacity: 1;
    transition: margin-block-start 1s ease, margin-block-end 1s ease, opacity 1s ease
}

.tds-toast.tds-toast--fade-in {
    margin-block: calc(var(--intrinsic-height) * -1) 0;
    opacity: 0;
    transition: margin-block-start 0s, margin-block-end 0s, opacity 0s
}

.tds-toast.tds-toast--fade-out {
    margin-block: calc(var(--intrinsic-height) * -1) 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.tds-toast strong {
    color: #fff;
    color: var(--tds-toast--foreground-high-contrast)
}

.tds-toast--default {
    padding-block: 18px;
    padding-block: calc(var(--tds-size--2x) * 9 / 8);
    padding-inline: 20px 12px;
    padding-inline: calc(var(--tds-size--2x) + var(--tds-size--half)) calc(var(--tds-size--1x) + var(--tds-size--half))
}

.tds-toast-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 4px;
    row-gap: calc(var(--tds-size--1x) / 2)
}

.tds-toast-close:hover {
    background-color: #393c41;
    background-color: var(--tds-toast--highlight)
}

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

.tds-toast-loader, .tds-toast-status {
    block-size: 24px;
    block-size: var(--tds-size--3x);
    inline-size: 24px;
    inline-size: var(--tds-size--3x);
    opacity: 1;
    position: relative
}

.tds-toast-loader {
    transition: opacity .5s ease
}

.tds-toast-loader .tds-icon {
    margin: auto;
    position: absolute
}

.tds-toast-loader .tds-icon-loader {
    --tds-icon--size: var(--tds-size--3x);
    animation: tds--rotating 1.5s infinite linear;
    animation: var(--tds--rotating);
    border-radius: 50%;
    opacity: .7;
    opacity: var(--tds-ui-opacity-70)
}

.tds-toast-loader .tds-icon-logo {
    --tds-icon--size: calc(var(--tds-size-2x) + 1.25px);
    animation: tds--pulsing 1.5s infinite ease-in-out;
    animation: var(--tds--pulsing);
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

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

.tds-site-footer--sticky {
    bottom: 0;
    position: sticky
}

.tds-footer-nav {
    inline-size: 100%
}

.tds-footer-nav > ul {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

.tds-site-footer--align_start .tds-footer-nav > ul {
    justify-content: flex-start
}

.tds-footer-nav > ul > li {
    padding: 4px 0;
    padding: var(--tds-size--half) 0
}

.tds-footer-nav .tds-footer-item {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium)
}

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

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

@media (min-width: 600px) {
    .tds-footer-nav > ul {
        flex-flow: row wrap
    }

    .tds-footer-nav > ul > li {
        padding-block: 8px 8px;
        padding-block: var(--tds-size--1x) var(--tds-size--1x)
    }

    .tds-footer-nav > ul > li:first-child {
        padding-inline-start: 0
    }

    .tds-footer-nav > ul > li:last-child {
        padding-inline-end: 0
    }
}

:root, .tds-component-preview {
    --tds-site-header--height: var(--tds-size--7x)
}

.tds-site-header {
    display: flex;
    flex-flow: row wrap;
    inline-size: 100%;
    justify-content: space-between;
    min-block-size: 56px;
    min-block-size: var(--tds-site-header--height);
    position: relative;
    transition: background-color .33s ease, box-shadow .33s ease;
    z-index: 10
}

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

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

.tds-site-header--internal.tds-site-header--sticky.tds-site-header--stuck {
    background-color: #fff;
    background-color: var(--tds-theme-background)
}

.tds-site-header .tds-align--start {
    flex-basis: 0;
    flex-grow: 1;
    justify-content: flex-start;
    padding-inline-start: 8px;
    padding-inline-start: var(--tds-size--1x)
}

.tds-site-header .tds-align--center {
    flex-basis: 0;
    flex-grow: 1;
    justify-content: center;
    padding-inline: 8px 8px;
    padding-inline: var(--tds-size--1x) var(--tds-size--1x)
}

.tds-site-header .tds-align--end {
    flex-basis: 0;
    flex-grow: 1;
    justify-content: flex-end;
    padding-inline-end: 8px;
    padding-inline-end: var(--tds-size--1x)
}

.tds-site-header.tds-site-header--internal .tds-align--start {
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x)
}

.tds-site-header.tds-site-header--internal .tds-align--end {
    padding-inline-end: 24px;
    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: 32px;
        padding-inline-start: var(--tds-size--4x)
    }

    .tds-site-header .tds-align--end {
        padding-inline-end: 32px;
        padding-inline-end: var(--tds-size--4x)
    }
}

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

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

.tds-site-header-leading {
    align-items: center;
    display: flex;
    gap: 4px;
    gap: var(--tds-size--half);
    justify-content: flex-start
}

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

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

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

.tds-site-header--internal .tds-site-menu-btn {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-site-header--internal .tds-site-menu-btn + .tds-site-logo, .tds-site-header--internal tds-internal-menu-trigger + tds-internal-logo .tds-site-logo {
    margin-inline-start: 0
}

.tds-site-logo-link {
    align-items: center;
    box-shadow: none;
    display: inline-flex;
    padding: 0 16px;
    padding: 0 var(--tds-size--2x)
}

.tds-site-header--internal .tds-site-logo-link {
    padding: 0
}

.tds-app-title, .tds-site-app-title {
    align-items: center;
    block-size: 32px;
    block-size: var(--tds-size--4x);
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
    gap: var(--tds-size--half);
    padding-block: 4px;
    padding-block: var(--tds-size--half);
    padding-inline: 12px 8px;
    padding-inline: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x);
    position: relative
}

.tds-site-app-title.tds-text--h6 {
    display: flex;
    padding-block-start: 0
}

.tds-app-title:before, .tds-site-app-title:before {
    background: #e2e3e3;
    background: var(--tds-theme-border-low-contrast);
    block-size: 16px;
    block-size: var(--tds-size--2x);
    border-radius: 1px;
    content: "";
    inline-size: 1px;
    inset-inline-start: 0;
    position: absolute;
    transition: opacity .33s ease
}

.tds-app-title-text {
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    font-size: 14px;
    font-size: var(--tds-font-size-30);
    font-weight: 400;
    font-weight: var(--tds-font-weight-regular);
    line-height: 20px;
    line-height: var(--tds-line-height-30);
    text-wrap: nowrap
}

.tds-skip-to-content {
    align-items: center;
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    line-height: 1.414;
    padding: 8px 16px;
    padding: var(--tds-size--1x) var(--tds-size--2x);
    position: absolute;
    top: 48px;
    top: var(--tds-size--6x);
    white-space: nowrap
}

.tds-site-logo :focus {
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    outline: none
}

.tds-site-logo :focus-visible {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-site-logo :focus {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: 0
}

.tds-site-header-search {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    max-inline-size: 345px;
    max-inline-size: calc(329px + var(--tds-size--2x))
}

.tds-site-header-trailing {
    align-items: center;
    display: flex;
    gap: 4px;
    gap: var(--tds-size--half);
    justify-content: flex-end
}

.tds-mock-app-switcher {
    align-items: center;
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    display: flex;
    gap: 4px;
    gap: var(--tds-size--half)
}

.tds-mock-app-switcher .tds-icon-chevron-small-180 {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-mock-location {
    align-items: center;
    display: flex;
    gap: 4px;
    gap: var(--tds-size--half);
    padding-inline-end: 12px
}

:root {
    --tds-site-header-panel--padding-inline: calc(var(--tds-size--3x) + var(--tds-size--half))
}

.tds-site-header-panel {
    --tds-modal--width: 100%;
    border-radius: 0;
    inset: 0;
    max-block-size: 100%;
    max-block-size: 100dvh;
    max-inline-size: 100%;
    min-block-size: 100%;
    min-block-size: 100dvh;
    z-index: 490
}

.tds-site-header-panel:not([open]) {
    transform: translateY(0)
}

.tds-site-header-panel[open] {
    transform: translateY(0)
}

.tds-site-header-panel-header {
    align-items: center;
    padding-inline-start: 16px;
    padding-inline-start: var(--tds-size--2x)
}

.tds-site-header-panel-content {
    flex-grow: 1;
    padding: 0 28px;
    padding: 0 var(--tds-site-header-panel--padding-inline)
}

.tds-site-header-panel-footer-content {
    margin: 28px;
    margin: var(--tds-site-header-panel--padding-inline);
    padding-block-start: 28px;
    padding-block-start: var(--tds-site-header-panel--padding-inline);
    border-block-start: 1px solid #e2e3e3;
    border-block-start: 1px solid var(--tds-theme-border-low-contrast)
}

.tds-site-header-panel + .tds-modal-backdrop {
    display: none
}

.tds-site-header-panel--internal {
    --tds-site-header-panel--padding-inline: var(--tds-size--3x)
}

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

    .tds-site-header-panel {
        min-block-size: 0;
        max-block-size: 90%;
        max-block-size: 90dvh;
        top: 0;
        bottom: auto;
        overflow-y: hidden;
        transition: .5s cubic-bezier(.5, 0, 0, .75);
        transition: .5s var(--tds-bezier)
    }

    .tds-site-header-panel:not([open]) {
        transform: translateY(-96px);
        transform: translateY(calc(-1 * var(--tds-size--12x)))
    }

    .tds-site-header-panel-content {
        margin-block-start: 56px;
        margin-block-start: calc(var(--tds-shell-header-height) + var(--tds-banner-offset-height, 0px));
        padding-block-end: 48px;
        padding-block-end: var(--tds-size--6x);
        overflow-y: auto;
        transition: transform .5s cubic-bezier(.5, 0, 0, .75);
        transition: transform .5s var(--tds-bezier)
    }

    .tds-site-header-panel:not([open]) .tds-site-header-panel-content {
        transform: translateY(72px);
        transform: translateY(var(--tds-size--9x))
    }

    .tds-site-header-panel[open] .tds-site-header-panel-content {
        transform: translateY(0)
    }

    .tds-site-header-panel + .tds-modal-backdrop {
        display: block;
        z-index: 480
    }

    .tds-site-header-panel[open] + .tds-modal-backdrop {
        transition-delay: .25s
    }

    .tds-site-header .tds-site-nav-items.tds-align--end li:last-child .tds-site-nav-item--icon-only {
        margin-inline-end: 16px;
        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: 4px;
    border-radius: var(--tds-border-radius--pill);
    color: inherit;
    color: var(--tds-nav-item--color);
    display: inline-flex;
    justify-content: space-between;
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    gap: 8px;
    gap: var(--tds-nav-item-leading--gap);
    inline-size: auto;
    inline-size: var(--tds-nav-item--width);
    min-block-size: 32px;
    min-block-size: var(--tds-nav-item--block-size);
    padding: 4px 16px;
    padding: var(--tds-nav-item--padding-block) var(--tds-nav-item--padding-inline);
    transition: color .33s ease, background-color .33s ease
}

.tds-site-nav-items--vertical .tds-site-nav-item {
    inline-size: 100%;
    outline-offset: -2px
}

.tds-site-nav-item--with-caption {
    --tds-nav-item--padding-block: var(--tds-size--1x)
}

.tds-site-nav-item--large {
    --tds-nav-item--padding-block: var(--tds-size--2x);
    --tds-nav-item-leading--gap: 12px;
    font-size: 17px;
    font-size: var(--tds-font-size-40);
    line-height: 24px;
    line-height: var(--tds-line-height-40)
}

.tds-site-nav-item.tds--highlighted {
    --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
    -webkit-backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(16px);
    backdrop-filter: blur(var(--tds-blur--button));
    background-color: #0000000d;
    background-color: var(--tds-theme-background-container-alt)
}

@media (hover: hover) {
    .tds-site-nav-item:where(:not(.tds-site-nav-item--read-only)):hover {
        --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
        -webkit-backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(var(--tds-blur--button));
        backdrop-filter: blur(16px);
        backdrop-filter: blur(var(--tds-blur--button));
        background-color: #0000000d;
        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: #00000013;
        background-color: var(--tds-theme-background-container-alt-highlight)
    }
}

.tds-site-nav-item:focus {
    outline: none
}

.tds-site-nav-item:focus-visible {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds--indicate-focus .tds-site-nav-item:focus {
    outline: 2px solid #8e8e8e;
    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: 32px;
    block-size: var(--tds-size--4x);
    inline-size: 32px;
    inline-size: var(--tds-size--4x);
    justify-content: center;
    padding: 0
}

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

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

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

.tds-site-nav-items--vertical .tds-site-nav-item-text {
    flex-grow: 1;
    text-align: start
}

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

.tds-site-nav-item-caption {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    display: block;
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    font-weight: 400;
    font-weight: var(--tds-font-weight-regular);
    line-height: 20px;
    line-height: var(--tds-line-height-20)
}

.tds-site-nav-item--large .tds-site-nav-item-caption {
    font-size: 14px;
    font-size: var(--tds-font-size-30);
    line-height: 20px;
    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: 8px;
    gap: var(--tds-nav-item-leading--gap);
    text-align: start
}

.tds-site-nav-item-trailing {
    gap: 4px;
    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: -4px;
    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: -4px;
    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: -12px;
    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: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    transition: color .33s ease, transform .5s cubic-bezier(.5, 0, 0, .75);
    transition: color .33s ease, transform .5s var(--tds-bezier)
}

.tds-site-nav-item.tds--highlighted :is(.tds-site-nav-item-trailing,.tds-icon[class*=chevron]:last-child) {
    color: #171a20;
    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: #171a20;
        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: -4px;
    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: -4px;
    margin-inline-end: calc(var(--tds-size--half) * -1)
}

.tds-site-nav-items {
    align-items: center;
    display: flex;
    margin: 0;
    transition: transform .5s ease;
    position: relative;
    z-index: 1
}

.tds-site-header > .tds-site-nav-items {
    min-block-size: 56px;
    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: 8px;
    margin-block-end: var(--tds-size--1x)
}

.tds-site-nav-items--spacious.tds-site-nav-items--vertical > li:not(:last-child) {
    margin-block-end: 16px;
    margin-block-end: var(--tds-size--2x)
}

:is(.tds-site-header-panel,.tds-sidenav) .tds-site-nav-items--vertical {
    margin-inline: -16px -16px;
    margin-inline: calc(var(--tds-nav-item--padding-inline) * -1) calc(var(--tds-nav-item--padding-inline) * -1)
}

.tds-site-nav-items--vertical .tds-site-nav-items--vertical {
    margin-inline: 0 0
}

:is(.tds-sidenav--internal,.tds-site-header-panel--internal) .tds-site-nav-items--vertical {
    --tds-nav-item--padding-inline: var(--tds-size--1x)
}

@media (min-width: 900px) {
    .tds-site-header-panel .tds-site-nav-items--vertical {
        align-items: flex-start
    }
}

.tds-status_msg {
    --tds-card--padding: var(--tds-padding--card--dense);
    display: flex;
    margin: 24px 0;
    margin: var(--tds-size--3x) 0
}

.tds-status_msg-heading {
    padding: 0
}

.tds-status_msg :is(.tds-text--h6,.tds-text--h6,.tds-text--h6,.tds-text--h6,.tds-text--h6,.tds-text--h6) {
    padding-block-start: 0
}

.tds-status_msg:not(.tds-card) .tds-card-body {
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-start: 8px;
    padding-inline-start: calc(var(--tds-card--padding) / 3)
}

.tds-status_msg:not(.tds-card) .tds-icon + .tds-card-body {
    padding-block-end: 2px;
    padding-block-start: 2px
}

: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: 0;
    border-spacing: var(--tds-table-deprecated--border_spacing);
    font-size: 14px;
    font-size: var(--tds-font-size-30);
    inline-size: 100%;
    text-align: start
}

.tds-table-deprecated--bordered th, .tds-table-deprecated--bordered td {
    border: 1px solid #d0d1d2;
    border: var(--tds-table-deprecated--border_width) solid var(--tds-theme-border)
}

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

.tds-table-deprecated-row th, .tds-table-deprecated-row td {
    background-color: transparent;
    background-color: var(--tds-table-deprecated--background-color);
    font-size: 14px;
    font-size: var(--tds-table-deprecated--header-font_size);
    padding-block: 16px 16px;
    padding-block: var(--tds-table-deprecated--padding--vertical) var(--tds-table-deprecated--padding--vertical);
    text-align: start;
    vertical-align: middle;
    vertical-align: var(--tds-table-deprecated--vertical-align)
}

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

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

.tds-table-deprecated--padded_cells th, .tds-table-deprecated--padded_cells td {
    padding-inline: 16px 16px;
    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: 1px solid #d0d1d2;
    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: #fff;
    color: var(--tds-color-white)
}

.tds-table-deprecated-head .tds-table-deprecated-row th {
    color: #393c41;
    color: var(--tds-theme-foreground);
    font-weight: 500;
    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: #f4f4f4;
    background-color: var(--tds-theme-background-container)
}

@media (max-width: 599px) {
    .tds-table-deprecated--responsive .tds-table-deprecated {
        display: flex;
        flex-flow: row wrap
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-caption {
        position: sticky;
        top: 0;
        top: var(--tds-table-deprecated--caption-top);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        border-block-end: 1px solid #d0d1d2;
        border-block-end: 1px solid var(--tds-color-grey-50);
        padding: 16px;
        padding: var(--tds-size--2x)
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-caption--white {
        --tds-table-deprecated--caption-background-color: rgb(255 255 255 / 50%)
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-caption--light {
        --tds-table-deprecated--caption-background-color: rgb(125 125 125 / 50%)
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-caption--black {
        --tds-table-deprecated--caption-background-color: rgb(0 0 0 / 50%)
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-caption h1, .tds-table-deprecated--responsive .tds-table-deprecated-caption h2, .tds-table-deprecated--responsive .tds-table-deprecated-caption h3, .tds-table-deprecated--responsive .tds-table-deprecated-caption h4, .tds-table-deprecated--responsive .tds-table-deprecated-caption h5, .tds-table-deprecated--responsive .tds-table-deprecated-caption h6 {
        padding-block-start: 0
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-head, .tds-table-deprecated--responsive .tds-table-deprecated-body, .tds-table-deprecated--responsive .tds-table-deprecated-foot, .tds-table-deprecated--responsive .tds-table-deprecated-row {
        display: block;
        overflow: scroll;
        max-inline-size: calc(100vw - 48px);
        max-inline-size: calc(100vw - var(--tds-size--3x) * 2)
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-row td {
        inline-size: 100%;
        display: inline-flex;
        flex-flow: row wrap;
        padding-block-end: 0
    }

    .tds-table-deprecated--bordered .tds-table-deprecated-row {
        padding-block-start: 0;
        padding-inline-end: 0;
        margin-block-end: 8px;
        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: 500;
        font-weight: var(--tds-font-weight-medium);
        font-size: 17px;
        font-size: var(--tds-font-size-40);
        line-height: 24px;
        line-height: var(--tds-line-height-40)
    }

    .tds-table-deprecated-responsive .tds-table-deprecated-row {
        padding-block: 16px 16px;
        padding-block: var(--tds-size--2x) var(--tds-size--2x);
        border-block-end: 1px solid #d0d1d2;
        border-block-end: 1px solid var(--tds-color-grey-50)
    }

    .tds-table-deprecated--responsive.tds-table-deprecated--padded_cells th {
        padding-block-end: 0
    }

    .tds-table-deprecated--responsive .tds-table-deprecated-body th:first-child {
        font-weight: 400
    }
}

@media (min-width: 600px) {
    .tds-table-deprecated--row_border .tds-table-deprecated-body th, .tds-table-deprecated--row_border .tds-table-deprecated-body td {
        border-block-start: 1px solid #d0d1d2;
        border-block-start: var(--tds-table-deprecated--border_width) solid var(--tds-theme-border)
    }

    .tds-table-deprecated--striped .tds-table-deprecated-body > .tds-table-deprecated-row:nth-child(odd) > td, .tds-table-deprecated--striped .tds-table-deprecated-body > .tds-table-deprecated-row:nth-child(odd) > th {
        --tds-table-deprecated--background-color: var(--tds-color--tertiary-highlight)
    }
}

.tds-table-deprecated--data {
    font-feature-settings: "tnum";
    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% + 16px);
    inline-size: calc(100% + var(--tds-size--2x));
    margin-inline: -8px -8px;
    margin-inline: calc(-1 * var(--tds-size--1x)) calc(-1 * var(--tds-size--1x));
    overflow-x: auto
}

.tds-table {
    --tds-table-cell-border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast);
    --tds-table-cell-border-block-start: none;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    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: static;
    position: var(--tds-table-cell-position)
}

.tds-table-column {
    inline-size: auto;
    inline-size: var(--tds-table-column-inline-size);
    min-inline-size: 0;
    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: 8px 8px;
    padding-block: var(--tds-table-cell-padding-vertical) var(--tds-table-cell-padding-vertical);
    padding-inline: 8px 8px;
    padding-inline: var(--tds-table-cell-padding-horizontal) var(--tds-table-cell-padding-horizontal);
    position: static;
    position: var(--tds-table-cell-position);
    text-align: start;
    vertical-align: middle;
    vertical-align: var(--tds-table-cell-vertical-align)
}

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

.tds-table-row td {
    align-items: normal;
    align-items: var(--tds-table-cell-align-items);
    border-block-start: var(--tds-table-cell-border-block-start);
    font-size: 14px;
    font-size: var(--tds-font-size-30)
}

.tds-table-row td:before, .tds-table-row th:before {
    color: #171a20;
    color: var(--tds-heading--color);
    display: block;
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    padding-block-end: 0;
    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: #171a20;
    color: var(--tds-heading--color);
    font-size: var(--tds-table-header-font_size);
    font-size: var(--tds-table-header-font-size);
    font-weight: 400;
    font-weight: var(--tds-table-header-font-weight);
    line-height: var(--tds-base-line_height);
    line-height: var(--tds-table-header-line-height)
}

.tds-table-row th.tds-th--caption, .tds-th--caption {
    align-items: normal;
    align-items: var(--tds-table-cell-align-items);
    color: #5c5e62;
    color: var(--tds-caption--color);
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium)
}

.tds-table-row th:first-child:after {
    background: var(--tds-scrim--background);
    inset-block: 1px;
    inset-inline: 0;
    position: absolute;
    transition: background-color .3s ease;
    z-index: -2
}

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

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

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

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

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

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

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

@media (max-width: 599px) {
    .tds-table[class*=-stacked-list] {
        --tds-table-cell-border-block-end: none;
        --tds-table-cell-last-child-padding-block-end: var(--tds-size--3x);
        --tds-table-cell-padding-horizontal: 0;
        --tds-table-cell-position: static;
        --tds-table-header-first-child-margin-block-start: 0;
        --tds-table-header-font-size: var(--tds-font-size-40);
        --tds-table-header-line-height: var(--tds-line-height-20);
        display: flex;
        flex-flow: row wrap;
        padding-inline: 8px 8px;
        padding-inline: var(--tds-size--1x) var(--tds-size--1x)
    }

    .tds-table[class*=-stacked-list] .tds-table-head {
        left: -9999px;
        position: absolute;
        top: -9999px
    }

    .tds-table[class*=-stacked-list] .tds-table-head, .tds-table[class*=-stacked-list] .tds-table-body, .tds-table[class*=-stacked-list] .tds-table-foot, .tds-table[class*=-stacked-list] .tds-table-row {
        display: block;
        inline-size: 100%
    }

    .tds-table[class*=-stacked-list] .tds-table-row td, .tds-table[class*=-stacked-list] .tds-table-row th {
        display: inline-flex;
        inline-size: 100%
    }

    .tds-table--vertical-stacked-list[class*=-stacked-list] {
        --tds-table-cell-before-padding-block-end: var(--tds-size--half)
    }

    .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row td, .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row th.tds-th--caption {
        flex-flow: column nowrap
    }

    .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row td:before, .tds-table--vertical-stacked-list[class*=-stacked-list] .tds-table-row th:before {
        inline-size: 100%
    }

    .tds-table--horizontal-stacked-list[class*=-stacked-list] {
        --tds-table-cell-align-items: center
    }

    .tds-table--horizontal-stacked-list[class*=-stacked-list] .tds-table-row td, .tds-table--horizontal-stacked-list[class*=-stacked-list] .tds-table-row th.tds-th--caption {
        justify-content: space-between
    }

    .tds-table[class*=-stacked-list] .tds-table-row td:first-child {
        padding-block-start: 24px;
        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: 1px solid #e2e3e3;
        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: 24px;
        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: 24px;
        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: 1px solid #e2e3e3;
        border-block-end: var(--tds-table-border-width) solid var(--tds-theme-border-low-contrast)
    }

    .tds-table[class*=-stacked-list].tds-table--grouped-row .tds-table-row:first-child th:not(.tds-th--caption) {
        --tds-table-cell-border-block-start: none
    }

    .tds-table[class*=-stacked-list] .tds-table-row td:before, .tds-table[class*=-stacked-list] .tds-table-row th:before {
        content: var(--columnHeader)
    }
}

table {
    color: inherit
}

.tds-data-table-wrapper {
    --tds-data-table--row-hover-radius: 4px;
    --tds-data-table--row-outdent-size: 8px;
    --tds-data-table--vertical-align: middle;
    inline-size: calc(100% + (var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * 2);
    margin-inline-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
    margin-inline-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
    overflow-x: auto;
    overflow-y: visible
}

* + .tds-data-table-toolbar {
    margin-block-start: 24px;
    margin-block-start: var(--tds-size--3x)
}

* + .tds-data-table-wrapper {
    margin-block-start: 8px;
    margin-block-start: var(--tds-size--1x)
}

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

.tds-data-table-toolbar {
    align-items: center;
    display: flex;
    gap: 16px;
    gap: var(--tds-size--2x);
    justify-content: space-between
}

.tds-data-table-tools {
    align-items: center;
    display: flex;
    gap: 16px;
    gap: var(--tds-size--2x)
}

.tds-density--dense .tds-data-table-tools {
    gap: 8px;
    gap: var(--tds-size--1x)
}

.tds-data-table {
    border-spacing: 0;
    font-size: 14px;
    font-size: var(--tds-data-table--font-size);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    inline-size: calc(100% - var(--tds-data-table--row-hover-radius) * 2);
    margin: 0 var(--tds-data-table--row-hover-radius);
    position: relative;
    z-index: 1
}

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

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

.tds-data-table tr {
    background-color: transparent;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease
}

.tds-data-table :where(th,td) {
    block-size: 40px;
    block-size: var(--tds-size--5x);
    border-block-end: 1px solid #f4f4f4;
    border-block-end: 1px solid var(--tds-theme-background-container);
    position: relative;
    text-align: start;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
    vertical-align: var(--tds-data-table--vertical-align);
    white-space: nowrap
}

.tds-data-table :where(th,td):is(:first-child,:last-child):before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    z-index: -1;
    border-color: transparent;
    transition: background-color .3s ease, top .3s ease
}

.tds-data-table :where(th,td):first-child:before, [dir=rtl] .tds-data-table :where(th,td):last-child:before {
    border-radius: var(--tds-data-table--row-hover-radius) 0 0 var(--tds-data-table--row-hover-radius);
    left: calc(var(--tds-data-table--row-hover-radius) * -1);
    right: 100%
}

.tds-data-table :where(th,td):last-child:before, [dir=rtl] .tds-data-table :where(th,td):first-child:before {
    border-radius: 0 var(--tds-data-table--row-hover-radius) var(--tds-data-table--row-hover-radius) 0;
    left: 100%;
    right: calc(var(--tds-data-table--row-hover-radius) * -1)
}

.tds-data-table th {
    font-weight: 500;
    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: 8px var(--tds-data-table--row-outdent-size);
    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: #f4f4f4;
    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: #eee;
    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: #eee;
    border-color: var(--tds-theme-background-container-highlight);
    box-shadow: 0 -1px #eee;
    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: #eee;
    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: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: -5px;
    z-index: 4
}

.tds-td--actions {
    padding-inline-end: var(--tds-data-table--row-outdent-size);
    padding-inline-start: var(--tds-data-table--row-outdent-size);
    text-align: end
}

.tds-data-table tbody tr:is(:hover,.tds--highlighted) .tds-td--actions {
    position: sticky;
    right: 0;
    z-index: 3
}

.tds-td--select {
    padding-inline-end: var(--tds-data-table--row-outdent-size);
    padding-inline-start: var(--tds-data-table--row-outdent-size);
    white-space: nowrap;
    width: 0
}

.tds-th--sortable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

.tds-th--sortable .tds-th--inner:before {
    content: "";
    position: absolute;
    inset: 0 0 4px;
    bottom: var(--tds-size--half);
    border-radius: 4px;
    border-radius: var(--tds-size--half);
    background-color: transparent;
    transition: background-color .3s ease, transform .3s ease;
    z-index: -1
}

.tds-th--sortable:hover .tds-th--inner:before {
    background-color: #f4f4f4;
    background-color: var(--tds-theme-background-container)
}

.tds-th--sortable .tds-th--inner:focus-visible:before {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: -2px
}

.tds--indicate-focus .tds-th--sortable .tds-th--inner:focus:before {
    outline: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus);
    outline-offset: -2px
}

.tds-data-table--prototype-animated-th-hover .tds-th--sortable .tds-th--inner:before {
    transform: scale(.7)
}

.tds-data-table--prototype-animated-th-hover .tds-th--sortable:hover .tds-th--inner:before {
    transform: scale(1)
}

.tds-th--sortable .tds-th--inner {
    padding: 12px var(--tds-data-table--row-outdent-size);
    text-align: inherit;
    width: 100%
}

.tds-th--sortable .tds-icon {
    margin-inline-start: 4px;
    margin-inline-start: var(--tds-size--half);
    vertical-align: middle
}

:where(.tds-data-table) th [class*=tds-icon-double-chevron] {
    --tds-icon-double-chevron-down--fill: var(--tds-theme-border);
    --tds-icon-double-chevron-up--fill: var(--tds-theme-border);
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease
}

.tds-th--sort-asc [class*=tds-icon-double-chevron] {
    --tds-icon-double-chevron-up--fill: var(--tds-theme-foreground-high-contrast)
}

.tds-th--sort-desc [class*=tds-icon-double-chevron] {
    --tds-icon-double-chevron-down--fill: var(--tds-theme-foreground-high-contrast)
}

:is(.tds-th--sortable:hover,.tds-th--sort-asc,.tds-th--sort-desc) [class*=tds-icon-double-chevron] {
    opacity: 1
}

.tds-th--sortable :focus-visible [class*=tds-icon-double-chevron] {
    opacity: 1
}

.tds--indicate-focus .tds-th--sortable :focus [class*=tds-icon-double-chevron] {
    opacity: 1
}

.tds-data-table--sticky-first-col th:first-child {
    left: var(--tds-data-table--row-hover-radius);
    position: sticky;
    z-index: 1
}

[dir=rtl] .tds-data-table--sticky-first-col th:first-child {
    left: auto;
    right: var(--tds-data-table--row-hover-radius)
}

.tds-data-table--sticky-first-col .tds-td--select {
    left: var(--tds-data-table--row-hover-radius);
    position: sticky;
    z-index: 1
}

[dir=rtl] .tds-data-table--sticky-first-col .tds-td--select {
    left: auto;
    right: var(--tds-data-table--row-hover-radius)
}

.tds-data-table--sticky-first-col th:not(:first-child):is(:first-of-type) {
    left: calc(16px + var(--tds-data-table--row-outdent-size) * 2 + var(--tds-data-table--row-hover-radius));
    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(16px + var(--tds-data-table--row-outdent-size) * 2 + var(--tds-data-table--row-hover-radius));
    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(16px + 2px + var(--tds-data-table--row-outdent-size) * 2 + var(--tds-data-table--row-hover-radius));
    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(16px + 2px + var(--tds-data-table--row-outdent-size) * 2 + var(--tds-data-table--row-hover-radius));
    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 0;
    background: #ffffff;
    background: var(--tds-theme-background, var(--tds-color-white));
    transition: background-color .3s ease;
    z-index: -2
}

.tds-data-table--sticky-first-col :where(th,td):first-child:before {
    background: #ffffff;
    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: #eeeeee;
    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: #f4f4f4;
    background: var(--tds-theme-background-container)
}

.tds-data-table-null-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: clamp(100px, 10vh, 200px) 40px
}

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

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

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

.tds-tab-list {
    --tds-tab--background-color-off: transparent;
    --tds-tab--background-color-on: var(--tds-theme-background-container);
    --tds-tab--border-radius: var(--tds-border-radius--pill);
    --tds-tab--box-shadow--focus-off: inset 0 0 0 0 transparent;
    --tds-tab--box-shadow--focus-on: inset 0 0 0 3px rgb(var(--tds-color--rgb-shade) .08);
    --tds-tab--box-shadow--highlight-off: 0 0 0 0 transparent;
    --tds-tab--box-shadow--highlight-on: 0 0 0 0 transparent;
    --tds-tab-list--height: var(--tds-height--pill);
    align-items: center;
    block-size: var(--tds-tab-list--height);
    display: grid;
    gap: 4px;
    grid-gap: 4px;
    grid-gap: var(--tds-size--half);
    gap: var(--tds-size--half);
    grid-auto-flow: column;
    overflow-x: auto;
    position: relative
}

.tds-tab-list--toggle {
    --tds-tab--background-color-on: var(--tds-color-white);
    --tds-tab--border-radius: calc(var(--tds-border-radius--pill) - 2px);
    --tds-tab--box-shadow--highlight-on: var(--tds-box-shadow--small);
    background-color: #0000000d;
    background-color: var(--tds-theme-background-container-alt);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    padding: 4px;
    padding: var(--tds-size--half)
}

:is(.tds-scrim--black,.tds-colorscheme--dark) .tds-tab-list--toggle {
    --tds-tab--background-color-on: var(--tds-color-grey-20)
}

:is(.tds-scrim--black,.tds-colorscheme--dark) :is(.tds-modal,.tds-tooltip) .tds-tab-list--toggle {
    --tds-tab--background-color-on: var(--tds-theme-background-container-alt)
}

.tds-tab-list--vertical, .tds-tab-list--legacy-vertical, .tds-tab-list--underline {
    --tds-tab--border-radius: 0;
    gap: 0
}

.tds-tab-list--vertical, .tds-tab-list--legacy-vertical {
    --tds-tab--justify-content: start;
    --tds-tab-list--height: auto;
    grid-auto-flow: row
}

.tds-tab-list--legacy-vertical {
    --tds-tab--background-color-on: transparent;
    --tds-tab--box-shadow--highlight-off: inset 0 0 0 0 transparent;
    --tds-tab--box-shadow--highlight-on: inset -4px 0 0 0 var(--tds-theme-primary)
}

.tds-tab-list--underline {
    --tds-tab--background-color-on: transparent;
    --tds-tab--box-shadow--highlight-off: inset 0 -1px 0 0 var(--tds-theme-foreground-high-contrast);
    --tds-tab--box-shadow--highlight-on: inset 0 -4px 0 0 var(--tds-theme-foreground-high-contrast);
    --tds-tab-list--height: var(--tds-size--7x);
    --tds-tab--box-shadow--highlight-off: none;
    --tds-tab--box-shadow--highlight-on: none;
    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: #d0d1d2;
    background: var(--tds-theme-border);
    block-size: 1px;
    block-size: var(--tds-border-width-small);
    bottom: 1px;
    bottom: var(--tds-border-width-small);
    content: "";
    inline-size: 100%;
    position: absolute
}

.tds-tab-list--underline .tds-tab:after {
    content: "";
    position: absolute;
    block-size: 3px;
    block-size: var(--tds-border-width-large);
    inline-size: 100%;
    border-radius: 2px;
    background: #171a20;
    background: var(--tds-theme-foreground-high-contrast);
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transform: scaleY(0);
    transition: opacity .3s ease, transform .3s ease
}

.tds-tab-list--underline.tds-tab-list--animated .tds-tab:after {
    display: none
}

.tds-tab-list--underline .tds-tab--active:after, .tds-tab-list--underline .tds-tab[aria-selected=true]:after {
    opacity: 1;
    transform: scale(1)
}

.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: 12px;
    font-size: var(--tds-font-size-20);
    font-weight: 500;
    font-weight: var(--tds-font-weight-medium);
    justify-content: center;
    justify-content: var(--tds-tab--justify-content, center);
    line-height: 1.2;
    outline-offset: -2px;
    padding: 4px 24px;
    padding: var(--tds-size--half) var(--tds-size--3x);
    position: relative;
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    background-color: var(--tds-tab--background-color);
    scroll-snap-align: center;
    box-shadow: var(--tds-tab--box-shadow--focus), var(--tds-tab--box-shadow--highlight);
    cursor: pointer;
    transition: background-color .3s ease, box-shadow .3s ease, color .3s ease
}

.tds-tab-list--icons .tds-tab {
    block-size: var(--tds-tab-list--height);
    inline-size: var(--tds-tab-list--height);
    padding: 0
}

.tds-tab-list--toggle.tds-tab-list--icons {
    padding: 2px
}

.tds-tab-list--vertical .tds-tab, .tds-tab-list--legacy-vertical .tds-tab {
    min-block-size: 40px;
    min-block-size: var(--tds-height--pill)
}

.tds-tab-list--underline .tds-tab {
    grid-row: 1;
    min-block-size: var(--tds-tab-list--height);
    text-align: center;
    white-space: nowrap
}

.tds-tab-list--dots .tds-tab {
    font-size: 0;
    outline-offset: 0;
    padding: 4px;
    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: 2px solid #8e8e8e;
    outline: var(--tds-outline--focus)
}

.tds-tab-list--toggle.tds-tab-list--icons .tds-tab {
    block-size: calc(var(--tds-tab-list--height) - 4px);
    block-size: calc(var(--tds-tab-list--height) - var(--tds-size--half));
    inline-size: calc(var(--tds-tab-list--height) - 4px);
    inline-size: calc(var(--tds-tab-list--height) - var(--tds-size--half));
    padding: 0
}

:is(.tds-density--dense .tds-tab-list--toggle.tds-tab-list--icons,.tds-density--dense.tds-tab-list--toggle.tds-tab-list--icons) .tds-icon {
    --tds-icon--size: 20px
}

.tds--indicate-focus .tds-tab:focus {
    outline: 2px solid #8e8e8e;
    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: #171a20;
    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: #171a20;
    background: var(--tds-theme-foreground-high-contrast);
    block-size: 3px;
    block-size: var(--tds-border-width-large);
    border-radius: 2px;
    bottom: 0;
    position: absolute;
    top: auto;
    top: initial;
    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: #fff;
    background-color: var(--tds-theme-background-dialog);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--card);
    bottom: calc(100% + var(--tds-tooltip--safe-space));
    box-shadow: 0 8px 16px #0000001f;
    box-shadow: var(--tds-box-shadow--medium);
    inline-size: -moz-max-content;
    inline-size: max-content;
    left: 50%;
    max-inline-size: min(100vw - 48px, 400px);
    padding: var(--tds-tooltip--padding);
    position: absolute;
    text-align: left;
    text-align: initial;
    top: auto;
    writing-mode: horizontal-tb;
    z-index: 550
}

.tds-tooltip.tds-tooltip--overlay {
    backface-visibility: hidden;
    bottom: auto;
    bottom: initial;
    position: fixed;
    transform: translateY(var(--tds-tooltip--translate-y)) translate(0)
}

.tds-tooltip.tds-tooltip--overlay.tds-tooltip--width-full {
    max-inline-size: min(100vw - 48px, 400px)
}

.tds-tooltip, .tds-tooltip--closed {
    opacity: 0;
    transform: translateY(var(--tds-tooltip--translate-y)) translate(calc(-50% + var(--tds-tooltip--x-offset)));
    pointer-events: none;
    visibility: hidden;
    transition: opacity .5s cubic-bezier(.5, 0, 0, .75), transform .5s cubic-bezier(.5, 0, 0, .75), visibility 0s .5s;
    transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s
}

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

.tds-density--dense .tds-tooltip, .tds-density--dense.tds-tooltip {
    --tds-tooltip--offset-padding: 16;
    --tds-tooltip--padding: var(--tds-padding--card--dense)
}

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

.tds-tooltip--align-start, .tds-tooltip--align-end {
    transform: translateY(var(--tds-tooltip--translate-y)) translate(0)
}

.tds-tooltip--align-start {
    inset-inline-start: calc(var(--tds-tooltip--padding) * -1);
    left: auto;
    left: initial
}

.tds-tooltip--align-end {
    inset-inline-end: calc(var(--tds-tooltip--padding) * -1);
    left: auto;
    left: initial
}

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

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

[data-tds-tooltip-trigger] {
    cursor: pointer
}

.tds-tooltip-wrapper, .tds-tooltip-wrapper--inline {
    position: relative
}

.tds-tooltip-wrapper {
    display: flex
}

.tds-tooltip-wrapper--inline {
    display: inline-flex
}

.tds-tooltip > * {
    position: relative;
    z-index: 2
}

:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > *:first-child {
    margin-block-start: 0;
    padding-block-start: 0
}

:where(.tds-tooltip:not(.tds-menu .tds-tooltip)) > *:last-child {
    margin-block-end: 0;
    padding-block-end: 0
}

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

strong {
    color: #171a20;
    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: 500;
    font-weight: var(--tds-font-weight-medium);
    padding-block: 32px 8px;
    padding-block: var(--tds-size--4x) var(--tds-size--1x);
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    transition: font .33s ease, color .33s ease, opacity .33s ease, padding .33s ease
}

h6, .tds-text--h6 {
    padding-block-end: 0
}

:is(h1,h2,h3,h4,h5,h6,.tds-text--h1,.tds-text--h1-alt,.tds-text--h2,.tds-text--h3,.tds-text--h4,.tds-text--h5,.tds-text--h6) + :is(h1,h2,h3,h4,h5,h6,.tds-text--h1,.tds-text--h1-alt,.tds-text--h2,.tds-text--h3,.tds-text--h4,.tds-text--h5,.tds-text--h6) {
    padding-block-start: 16px;
    padding-block-start: var(--tds-size--2x)
}

@media (max-width: 599px) {
    h1, .tds-text--h1, .tds-text--h1-alt {
        font-size: 28px;
        font-size: var(--tds-font-size-70);
        line-height: 36px;
        line-height: var(--tds-line-height-70)
    }

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

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

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

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

    .tds-text--caption-header {
        font-size: 12px;
        font-size: var(--tds-font-size-20);
        line-height: 18px;
        line-height: var(--tds-line-height-10)
    }
}

@media (min-width: 600px) {
    h1, .tds-text--h1 {
        font-size: 40px;
        font-size: var(--tds-font-size-80);
        line-height: 48px;
        line-height: var(--tds-line-height-80)
    }

    .tds-text--h1-alt {
        font-size: 34px;
        font-size: var(--tds-font-size-75);
        line-height: 44px;
        line-height: var(--tds-line-height-75)
    }

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

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

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

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

    h6, .tds-text--h6 {
        font-size: 14px;
        font-size: var(--tds-font-size-30);
        line-height: 20px;
        line-height: var(--tds-line-height-30)
    }

    .tds-text--caption-header {
        font-size: 12px;
        font-size: var(--tds-font-size-20);
        line-height: 18px;
        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: 500 !important;
        font-weight: var(--tds-font-weight-medium) !important
    }
}

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

.tds-text--body + .tds-text--body {
    padding-block-start: 14px;
    padding-block-start: var(--tds-paragraph-gap)
}

.tds-text--caption {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast);
    font-size: 12px;
    font-size: var(--tds-font-size-20);
    line-height: 18px;
    line-height: var(--tds-line-height-10)
}

:is(ul,ol,p) + :is(ul,ol,p).tds-text--caption {
    padding-block-start: 12px
}

.tds-text--thin {
    font-weight: 100 !important
}

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

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

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

.tds-text--bold {
    font-weight: 700 !important
}

.tds-text--contrast-high {
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-text--contrast-medium {
    color: #393c41;
    color: var(--tds-theme-foreground)
}

.tds-text--contrast-low {
    color: #5c5e62;
    color: var(--tds-theme-foreground-low-contrast)
}

.tds-text--center {
    margin-inline: auto auto;
    text-align: center !important
}

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

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

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

.tds-text--with_divider:after {
    background-color: #171a20;
    background-color: var(--tds-theme-foreground-high-contrast);
    block-size: 1px;
    content: "";
    display: block;
    inline-size: 100%;
    margin-inline-start: .5em
}

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

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

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

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

pre code {
    display: block;
    margin: 0;
    overflow-x: auto;
    padding: 8px;
    padding: var(--tds-size--1x);
    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);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    block-size: var(--tds-progress-bar--height);
    inline-size: 100%;
    display: block;
    border: none;
    border-radius: var(--tds-progress-bar--border-radius);
    overflow: hidden;
    box-shadow: 0 1px 2px #0003 inset
}

.tds-density--dense {
    --tds-progress-bar--height: 12px
}

.tds-progress_bar--secondary {
    --tds-progress-bar--value-color: var(--tds-theme-foreground-high-contrast)
}

.tds-progress_bar::-webkit-progress-bar {
    border: none;
    border-radius: var(--tds-progress-bar--border-radius);
    box-shadow: 0 1px 2px #0003 inset;
    background-color: var(--tds-progress-bar--bar-color)
}

.tds-progress_bar::-webkit-progress-value {
    background-color: var(--tds-progress-bar--value-color);
    border-radius: var(--tds-progress-bar--border-radius);
    -webkit-transition: inline-size .5s;
    transition: inline-size .5s
}

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

.tds-theme--replicant {
    --tds-btn--font-size: var(--tds-font-size-20)
}

.tds-theme--replicant .tds-btn {
    --tds-btn--background-color: transparent;
    border: none;
    color: #fff;
    color: var(--tds-theme-foreground-on-primary);
    filter: var(--tds-glow--medium);
    font-weight: 700;
    font-weight: var(--tds-font-weight-bold, 700);
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: .5s ease;
    z-index: 0
}

.tds-theme--replicant .tds-btn:focus-visible {
    outline: 2px solid #8e8e8e;
    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: #000;
    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: #fff;
    color: var(--tds-color-white)
}

.tds-theme--replicant :is(.tds-btn--secondary,.tds-btn--tertiary) {
    color: #171a20;
    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: 2px solid #8e8e8e;
    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: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

.tds-theme--replicant .tds-btn:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
    --tds-btn--background-color: transparent;
    animation: tds-flicker--soft 1s forwards;
    filter: var(--tds-glow--bright);
    opacity: 1;
    transition: .52s ease .48s
}

.tds-theme--replicant .tds-btn--secondary:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
    color: #fff;
    color: var(--tds-theme-foreground-on-primary)
}

.tds-theme--replicant .tds-btn:before, .tds-theme--replicant .tds-btn:after {
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    transition: .5s ease
}

.tds-theme--replicant .tds-btn:before {
    background: #171a20;
    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: .52s ease .48s
}

.tds-theme--replicant .tds-btn--secondary:after {
    background: #171a20;
    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: #171a20;
    background: var(--tds-theme-foreground-high-contrast)
}

.tds-theme--replicant .tds-card .tds-btn--tertiary {
    background-color: inherit
}

:where(.tds-theme--replicant) .tds-chip {
    --tds-border-radius--pill: 0;
    background-color: #171a20;
    background-color: var(--tds-theme-foreground-high-contrast);
    color: #fff;
    color: var(--tds-theme-foreground-on-primary)
}

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

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

.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: #171a20;
    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: #171a20;
    color: var(--tds-theme-foreground-high-contrast)
}

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

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

.tds-theme--replicant .tds-scrim--black .tds-card, .tds-theme--replicant.tds-scrim--black .tds-card, .tds-scrim--black .tds-theme--replicant .tds-card {
    --tds-color--secondary: var(--tds-color-white);
    --tds-form-input--border-color: var(--tds-color-white)
}

.tds-theme--replicant .tds-form-input--default:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: #171a20;
    background-color: var(--tds-form-input--border-color, var(--tds-theme-foreground-high-contrast));
    clip-path: var(--tds-notch--outline-thin);
    transition: clip-path .5s ease, background-color .5s ease
}

.tds-theme--replicant .tds-form-input--default:focus-within {
    --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
    outline-offset: 2px
}

:is([dir=rtl].tds-theme--replicant,[dir=rtl] .tds-theme--replicant,.tds-theme--replicant [dir=rtl]) .tds-form-input--default:before {
    transform: rotateY(180deg)
}

.tds-theme--replicant .tds-form-input--default.tds-form-input--readonly:before {
    display: none
}

.tds-theme--replicant .tds-form-input--default:focus-within:before {
    clip-path: var(--tds-notch--outline)
}

.tds-theme--replicant .tds-form-input--default.tds-form-input.tds-form-input--focus, .tds-theme--replicant .tds-form-input--default .tds-form-input.tds-form-input--focus {
    --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast)
}

.tds-theme--replicant .tds-form-input-trailing .tds-icon--small {
    margin-inline-end: 2px
}

.tds-theme--replicant .tds-form-input-trailing .tds-icon-btn:last-child {
    margin-inline-end: -6px
}

.tds-theme--replicant .tds-card .tds-form-input--default:before {
    --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast)
}

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

.tds-theme--replicant .tds-form-input-choice:after {
    transform: none;
    opacity: 0;
    transition: opacity .33s ease
}

.tds-theme--replicant :is(.tds-form-input-choice:checked,.tds-form-input-choice:indeterminate) {
    animation: tds-flicker--soft 1s forwards;
    opacity: 1
}

.tds-theme--replicant .tds-form-input-choice:checked:after, .tds-theme--replicant .tds-form-input-choice[type=checkbox]:indeterminate:after {
    opacity: 1;
    transition: opacity .52s ease .48s
}

.tds-theme--replicant .tds-form-input-choice-label .tds-form-label {
    font-weight: 500;
    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: #393c41;
    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: #171a20;
    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(0, 0, 0 .15);
    box-shadow: 0 0 0 0 rgb(var(--tds-color--rgb-shade) .15);
    content: "";
    display: block;
    inline-size: 100%;
    margin-block-start: 4px;
    margin-block-start: var(--tds-size--half);
    opacity: .33;
    transition: opacity .33s ease, box-shadow .33s ease;
    position: absolute;
    bottom: 0
}

[dir=rtl] .tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:after {
    transform: rotateY(180deg)
}

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox] + .tds-form-input:after {
    transition: opacity .52s ease .48s, box-shadow .52s ease .48s
}

.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input:after {
    box-shadow: -2px 0 6px 4px rgb(0, 0, 0 .15);
    box-shadow: -2px 0 6px 4px rgb(var(--tds-color--rgb-shade) .15);
    opacity: 1
}

.tds-theme--replicant .tds-form-input-visual-checkbox {
    box-shadow: none;
    position: relative
}

.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input {
    border-radius: 0
}

.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox {
    box-shadow: none
}

.tds-theme--replicant .tds-form-input-visual-checkbox:before, .tds-theme--replicant .tds-form-input-visual-checkbox:after {
    animation: turn-off 1s;
    background: currentcolor;
    block-size: 1em;
    content: "";
    display: block;
    inline-size: 2px;
    inset: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0);
    margin: auto;
    transition: transform .52s cubic-bezier(.5, 0, 0, .75) .48s;
    transition: transform .52s var(--tds-bezier) .48s
}

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

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

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-leading {
    animation: turn-on 1s;
    transform: translate(var(--tds-plus--transform-size))
}

.tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox:before, .tds-theme--replicant .tds-form-input-hidden-choice[type=checkbox]:checked + .tds-form-input .tds-form-input-visual-checkbox:after {
    opacity: 0
}

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

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

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

@keyframes turn-on-before {
    0% {
        opacity: 1;
        transform: rotate(0)
    }
    8% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: 0
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    48% {
        opacity: 1;
        transform: rotate(0)
    }
    to {
        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)
    }
    to {
        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
    }
    to {
        opacity: 1
    }
}

.tds-theme--replicant .tds-link {
    box-shadow: 0 .5px #bbbbbbbf;
    transition: color .33s ease, box-shadow .33s ease
}

.tds-theme--replicant .tds-link:is(:hover,.tds--hover):not([disabled],.tds--disabled) {
    --tds-text--color: var(--tds-theme-foreground-high-contrast);
    box-shadow: 0 1.5px 0 0 rgb(0, 0, 0 1);
    box-shadow: 0 1.5px 0 0 rgb(var(--tds-color--rgb-shade) 1);
    transition: color .33s ease, box-shadow .33s ease
}

.tds-theme--replicant .tds-link--primary, .tds-theme--replicant .tds-link--secondary {
    --tds-text--color: inherit;
    font-weight: 400;
    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: #000;
    background-color: var(--tds-color-black)
}

.tds-theme--replicant .tds-card.tds-card--highlighted .tds-list > li > .tds-icon:first-child {
    background-color: #222;
    background-color: var(--tds-color--grey15)
}

.tds-theme--replicant {
    --tds-modal--full-height: calc(100vh - var(--tds-size--8x));
    --tds-modal--full-width: calc(100vw - var(--tds-size--8x))
}

.tds-theme--replicant .tds-modal {
    background-color: transparent;
    border-radius: 0;
    bottom: auto;
    box-shadow: none;
    color: #171a20;
    color: var(--tds-theme-foreground-high-contrast);
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, .33))
}

.tds-theme--replicant .tds-modal-content {
    overflow: auto
}

.tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right,.tds-modal--sheet-left) {
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translate(-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: auto;
    left: initial;
    right: 50%;
    transform: translateY(-50%) translate(50%)
}

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

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

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

.tds-theme--replicant .tds-modal.tds-modal--sheet-left.tds-modal[open] {
    transform: translate(0) translateY(0)
}

.tds-theme--replicant .tds-modal:before, .tds-theme--replicant .tds-modal:after {
    content: "";
    display: block;
    inset: 0;
    position: absolute
}

.tds-theme--replicant .tds-modal:before {
    background-color: #171a20;
    background-color: var(--tds-theme-foreground-high-contrast);
    clip-path: var(--tds-notch--outline);
    opacity: 1;
    transition: .5s ease
}

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

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

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

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

@keyframes turn-on-modal-before {
    0% {
        opacity: 1
    }
    8% {
        opacity: .5
    }
    16% {
        opacity: 1
    }
    24% {
        opacity: .5
    }
    32% {
        opacity: 1
    }
    40% {
        opacity: .5
    }
    48% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

.tds-theme--replicant .tds-modal-header, .tds-theme--replicant .tds-modal-footer {
    background-color: transparent
}

@media (max-width: 599px) {
    .tds-theme--replicant .tds-modal {
        inline-size: var(--tds-modal--full-width) !important
    }

    .tds-theme--replicant .tds-modal--fullscreen {
        block-size: var(--tds-modal--full-height) !important
    }
}

@media (min-width: 600px) {
    .tds-theme--replicant .tds-modal {
        --tds-modal-border-radius: 0
    }

    .tds-theme--replicant .tds-modal--fullscreen {
        inline-size: var(--tds-modal--full-width);
        block-size: var(--tds-modal--full-height)
    }

    .tds-modal--fullscreen + .tds-modal-backdrop {
        display: block
    }
}

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

.tds-theme--replicant .tds-modal-close:hover, .tds-theme--replicant .tds-modal-close:focus {
    animation: tds-flicker--soft 1s forwards;
    filter: var(--tds-glow--bright);
    transition: .52s ease .48s
}

.tds-theme--replicant .tds-modal-close-icon {
    block-size: 16px;
    block-size: var(--tds-size--2x);
    inline-size: 16px;
    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: auto;
    left: initial;
    right: 0;
    top: 0;
    transform: translate(100%) translateY(0)
}

.tds-theme--replicant [dir=rtl].tds-modal.tds-modal--sheet-left, .tds-theme--replicant [dir=rtl] .tds-modal.tds-modal--sheet-left, [dir=rtl].tds-theme--replicant .tds-modal.tds-modal--sheet-left, [dir=rtl] .tds-theme--replicant .tds-modal.tds-modal--sheet-left {
    left: 0;
    right: auto;
    right: initial;
    top: 0;
    transform: translate(-100%) translateY(0)
}

.tds-theme--replicant .tds-progress_bar {
    --tds-notch--outline-thin__progress: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 9.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 9.5px), calc(100% - 1.5px) 1.5px, 0 1.5px);
    --tds-notch_progress: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
    --tds-progress-bar--bar-color: transparent;
    --tds-progress-bar--border-radius: 1px;
    --tds-progress-bar--height: var(--tds-size--3x);
    background-color: transparent;
    box-shadow: none;
    padding: 4px
}

.tds-theme--replicant .tds-progress_bar-wrapper:before {
    background: #171a20;
    background: var(--tds-theme-foreground-high-contrast);
    clip-path: var(--tds-notch--outline-thin);
    content: "";
    display: block;
    inset: 0;
    opacity: 1;
    position: absolute;
    transition: .5s ease
}

.tds-theme--replicant .tds-progress_bar::-webkit-progress-value {
    border-radius: 0;
    box-shadow: var(--tds-glow--medium);
    clip-path: var(--tds-notch_progress)
}

.tds-theme--replicant .tds-progress_bar::-webkit-progress-bar {
    box-shadow: none
}

.tds-progress_bar--primary::-moz-progress-bar {
    border-radius: 0;
    box-shadow: var(--tds-glow--medium);
    clip-path: var(--tds-notch_progress)
}

.tds-theme--replicant .tds-status_msg {
    --tds-card--padding: 0
}

.tds-theme--replicant .tds-status_msg--enclosed {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #0000000d;
    background-color: var(--tds-theme-background-container-alt)
}

.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon {
    --tds-card--padding: 0
}

.tds-theme--replicant .tds-status_msg .tds-card-body {
    padding: 0
}

.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon + .tds-card-body, .tds-theme--replicant .tds-status_msg:not(.tds-card--layout-vertical) .tds-icon + .tds-card-body {
    padding-inline-start: 8px;
    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: #fff;
    background-color: var(--tds-theme-foreground-on-primary)
}

.tds-theme--replicant .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
    background-color: #fff;
    background-color: var(--tds-color-white)
}

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
    right: 0
}

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
    left: 0
}

.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
    color: #fff;
    color: var(--tds-theme-foreground-on-primary)
}

.tds-theme--replicant :is(h1,h2,.tds-text--h1,.tds-text--h2) {
    text-shadow: 0 0 8px rgba(0, 0, 0, .5);
    text-shadow: 0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), .5)
}

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

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

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

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

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

.tds-animate--backdrop-backdrop {
    -webkit-backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(16px);
    backdrop-filter: blur(var(--tds-blur--button));
    background-color: #0000000d;
    background-color: var(--tds-theme-background-container-alt);
    border-radius: 4px;
    border-radius: var(--tds-border-radius--pill);
    display: block;
    position: absolute;
    block-size: 1px;
    block-size: var(--tds-animate-backdrop-height, 1px);
    inline-size: 1px;
    inline-size: var(--tds-animate-backdrop-width, 1px);
    left: 0;
    left: var(--tds-animate-backdrop-left, 0);
    top: 0;
    top: var(--tds-animate-backdrop-top, 0);
    visibility: var(--tds-animate-backdrop-visibility);
    opacity: 0;
    opacity: var(--tds-animate-backdrop-opacity, 0);
    z-index: -1;
    transition: opacity .5s ease, visibility 0s 0s;
    transition: var(--tds-animate-backdrop-transition, opacity .5s ease, visibility 0s 0s)
}

:root, .tds-component-preview {
    --tds-animate-transition-duration--medium: .6s;
    --tds-animate-transition-duration--short: .5s;
    --tds-animate-transition-function--base: linear;
    --tds-animate-transition-function--mktg: cubic-bezier(.165, .84, .44, 1);
    --tds-animate-transition-property: opacity;
    --tds-animate-transition_duration--long: 1.5s;
    --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: 0;
    opacity: var(--tds-opacity--transparent);
    transition: opacity .5s linear;
    transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--base)
}

.tds-animate--fade_in {
    opacity: 1;
    opacity: var(--tds-opacity--100);
    transition: opacity .5s linear;
    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: 0;
    opacity: var(--tds-opacity--transparent);
    transform: translate3d(0, 30px, 0);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1);
    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: 1;
    opacity: var(--tds-opacity--100);
    transform: translateZ(0);
    z-index: auto;
    z-index: initial
}

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

.tds-animate_large--revealed {
    z-index: auto;
    z-index: initial;
    opacity: 1;
    opacity: var(--tds-opacity--100);
    transform: translateZ(0);
    transition: transform 1.5s cubic-bezier(.165, .84, .44, 1), opacity 1.5s cubic-bezier(.165, .84, .44, 1);
    transition: transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg), opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg)
}

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

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

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

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

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

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

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

.tds--fade-in {
    animation: tds--fade-in 1s ease;
    animation: var(--tds--fade-in)
}

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

.tds--rotating {
    animation: tds--rotating 1.5s infinite linear;
    animation: var(--tds--rotating)
}

@keyframes tds--rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.tds--pulsing {
    animation: tds--pulsing 1.5s infinite ease-in-out;
    animation: var(--tds--pulsing)
}

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

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

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

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

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

    .tds-columns--three_on_desktop {
        -moz-column-count: 3;
        column-count: 3
    }
}

.tds--prevent-scroll {
    overflow: hidden
}

.tds--product-name {
    white-space: nowrap
}

.tds-fullscreen-ios {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
}

.tds--padding--small {
    padding: 8px !important;
    padding: var(--tds-size--1x) !important
}

.tds--padding {
    padding: 16px !important;
    padding: var(--tds-size--2x) !important
}

.tds--padding--large {
    padding: 24px !important;
    padding: var(--tds-size--3x) !important
}

.tds--no_horizontal_padding {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.tds--is_hidden {
    display: none !important
}

.tds--is_visually_hidden:not(:focus):not(:active) {
    block-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    inline-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

.tds--is_visible {
    visibility: visible
}

.tds--is_invisible {
    visibility: hidden
}

@media (max-width: 599px) {
    .tds--hideon-phone-only {
        display: none !important
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .tds--hideon-tablet-portrait-only {
        display: none !important
    }
}

@media (min-width: 600px) {
    .tds--hideon-tablet-portrait-up {
        display: none !important
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .tds--hideon-tablet-landscape-only {
        display: none !important
    }
}

@media (min-width: 900px) {
    .tds--hideon-tablet-landscape-up {
        display: none !important
    }
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .tds--hideon-desktop-only {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .tds--hideon-desktop-up {
        display: none !important
    }
}

@media (min-width: 1800px) {
    .tds--hideon-desktop-large-up {
        display: none !important
    }
}

.payment-react iframe {
    border: none;
    display: block;
    width: 100%
}

.payment-react .hidden, .qr-details .qr-code-url {
    display: none
}

@media (min-width: 600px) {
    .qr-details .qr-code-instructions {
        font-size: 16px
    }
}

.qr-details .tds-modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.qr-details .payment-actions {
    width: 40%
}

.qr-details.inline-dialog {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 8px 0 24px
}

.qr-details.inline-dialog .payment-actions {
    width: 100%
}

.tds-scrim--black .btn-applepay {
    -apple-pay-button-style: white
}

.btn-applepay {
    -apple-pay-button-style: black;
    -apple-pay-button-type: plain;
    -webkit-appearance: -apple-pay-button;
    display: inline-block;
    font-size: 0
}

.payment-chevron-button {
    align-items: center;
    box-shadow: none !important;
    display: flex
}

.payment-chevron-button > svg {
    stroke: #000
}

.payment-chevron-button:focus {
    outline: 1px dotted currentColor
}

.tds-scrim--black .payment-chevron-button > svg {
    stroke: #fff
}

.choose-wallet-item-modal .tds-btn_group {
    align-items: flex-start;
    -moz-column-gap: 0px;
    column-gap: 0px;
    display: flex;
    flex-wrap: wrap
}

.choose-wallet-item-modal .tds-btn_group .action-button_leading-icon {
    border-radius: 3px;
    height: 20px;
    margin-inline-end: 8px;
    min-inline-size: 0%;
    width: 30px
}

.choose-wallet-item-modal .tds-btn_group .button-wrapper {
    display: flex;
    flex-direction: column;
    margin: 12px
}

.choose-wallet-item-modal .tds-btn_group .button-wrapper .tds-btn {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    padding: 0;
    text-align: start;
    border: 1px solid var(--tds-text--color--placeholder);
    border-radius: var(--tds-border-radius);
    height: 69px;
    text-align: center;
    width: 93px;
    align-items: center;
    display: flex
}

.choose-wallet-item-modal .tds-btn_group .button-wrapper .tds-btn.add-new-payment-method {
    color: #a2a3a5;
    font-size: 42px
}

.choose-wallet-item-modal .tds-btn_group .button-wrapper .tds-btn.add-new-payment-method .tds-icon {
    --tds-icon--size: 35px
}

.choose-wallet-item-modal .tds-btn_group .button-wrapper .wallet-status {
    text-align: center
}

.confirm-delete-wallet-item .warning {
    display: flex;
    margin-bottom: 16px
}

.confirm-delete-wallet-item .warning .tds-icon-warning {
    color: var(--tds-color--yellow);
    margin-right: 8px
}

.confirm-delete-wallet-item .wallet-item {
    margin: 16px 0 32px
}

.choose-payment-type .tds-btn_group {
    margin-bottom: 8px
}

.confirm-payment ul {
    display: grid;
    grid-gap: 24px;
    grid-template-columns:1fr 1fr;
    margin-bottom: 24px
}

.confirm-payment .action-link {
    margin-block-end: 24px
}

.confirm-payment .disclaimer {
    margin-bottom: 24px
}

.confirm-payment small {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.copy-text-input p {
    padding: 8px 0
}

.copy-text-input .appear {
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-name: fadein
}

@keyframes fadein {
    0% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

.copy-text-input[dir=ltr] input {
    order: 1;
    text-align: right
}

.countdown-timer {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.btn-dogecoin {
    --doge-brand-color: #ba9f33;
    --doge-shadow-color: #e0cd81;
    --doge-button-color: #ffffff;
    --doge-button-color-selected: var(--doge-brand-color);
    --doge-text-color: #171a20;
    --doge-text-color-selected: #ffffff;
    border-color: var(--doge-brand-color) !important
}

.btn-dogecoin:before {
    background: var(--doge-brand-color);
    border-radius: 100%;
    color: var(--doge-text-color);
    content: "\189";
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    padding: 1px 0 0 2px;
    width: 21px
}

.btn-dogecoin .dogecoin-wordmark {
    fill: var(--doge-text-color)
}

.btn-dogecoin:hover, .btn-dogecoin:focus {
    background: var(--doge-brand-color) !important;
    border-color: var(--doge-brand-color) !important;
    box-shadow: var(--doge-shadow-color) 0 0 8px;
    color: var(--doge-text-color-selected) !important
}

.btn-dogecoin:hover svg, .btn-dogecoin:focus svg {
    filter: drop-shadow(0 0 8px var(--doge-shadow-color))
}

.btn-dogecoin {
    background: var(--doge-button-color) !important;
    color: var(--doge-text-color) !important;
    font-size: 14px !important
}

.btn-dogecoin:hover:before, .btn-dogecoin:focus:before {
    background: var(--doge-button-color) !important;
    color: var(--doge-brand-color) !important
}

.gift-card-wrapper .add-gift-card {
    margin: 12px 0
}

.gift-card-wrapper .add-gift-card .tds-form-item {
    grid-template-rows:initial;
    transition: height ease-in-out .1s
}

.gift-card-wrapper .add-gift-card .tds-form-item.closed {
    display: none
}

.gift-card-wrapper .add-gift-card .tds-form-item .gift-card-input-wrap {
    display: flex;
    margin-top: 4px
}

.gift-card-wrapper .add-gift-card .tds-form-item .gift-card-input-wrap .tds-btn {
    margin: 0 0 0 8px;
    min-width: auto;
    padding: 0 12px
}

.gift-card-wrapper .add-gift-card .tds-form-item:not(.tds-form-item--error) .tds-form-feedback-feedback {
    display: none
}

.gift-card-wrapper .add-gift-card .tds-form-item .success-message {
    align-items: center;
    color: #5c5e62;
    display: flex;
    font-size: 12px;
    margin: 6px
}

.gift-card-wrapper .add-gift-card .tds-form-item .success-message.hide {
    display: none
}

.gift-card-wrapper .add-gift-card .tds-form-item .success-message svg {
    color: #12bb00;
    margin-inline-end: 8px
}

.gift-card-wrapper .use-gift-card {
    margin: 21px 0
}

.payment-react.inline .inline-view {
    max-height: 512px;
    overflow: hidden
}

.payment-react.inline .inline-view.payment-selected {
    max-height: 0;
    opacity: 0;
    position: relative;
    transition-property: opacity, max-height;
    transition-delay: .4s;
    transition-duration: .2s
}

.wire-instructions-details .subheaders {
    margin-bottom: 40px
}

.wire-instructions-details .copy-fieldset {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.wire-instructions-details .copy-fieldset .tds-form-item {
    width: calc(50% - 10px)
}

@media only screen and (max-width: 600px) {
    .wire-instructions-details .copy-fieldset .tds-form-item {
        width: 100%
    }
}

.inline .wire-instructions-details .subheaders {
    margin-bottom: 40px
}

.inline .wire-instructions-details .copy-fieldset {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.inline .wire-instructions-details .copy-fieldset .tds-form-item {
    width: 100%
}

.kcppay-payment-modal {
    height: -moz-fit-content;
    height: fit-content;
    padding: 36px;
    width: -moz-fit-content;
    width: fit-content
}

.kcppay-payment-modal > div {
    display: none
}

.payment-actions .tds-btn.hidden {
    visibility: hidden
}

.payment-actions > .tds-btn:only-child {
    margin-top: 20px
}

@media (min-width: 600px) {
    .payment-react dialog .tds-btn {
        max-width: 318px
    }
}

.payment-bank-card--header {
    align-items: center;
    display: flex;
    height: 60px
}

.payment-bank-card--header > .payment-bank-card--edit-link {
    margin-left: 20px
}

.payment-bank-card--body {
    display: flex;
    overflow: hidden
}

.hr-solid {
    margin: 24px 0
}

.payment-react.inline .payment-website {
    transition-property: opacity .2s
}

.payment-react.inline .payment-website.hidden {
    opacity: 0
}

.inline-dialog + .payment-website {
    display: none
}

.wallet-item {
    display: flex;
    margin-right: 64px
}

.wallet-item img {
    margin-inline-end: 20px;
    width: 58px
}

.wallet-item .wallet-item-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.wallet-item .wallet-item-summary p {
    padding: 0
}

.wallet-items ul {
    display: flex;
    flex-wrap: wrap
}

.verify-sms--form .verify-sms--body {
    align-items: center;
    display: flex;
    margin-top: 6px
}

.verify-sms--form .verify-sms--body > .tds-form-input {
    width: 150px
}

.verify-sms--form .verify-sms--body > .verify-sms--timer {
    margin-left: 16px;
    min-width: 40%;
    width: 40%
}

.verify-sms--form .verify-sms--body > .hidden {
    visibility: hidden
}

.verify-sms--form .verify-sms--instructions {
    margin-bottom: 24px
}

.verify-sms--form .verify-sms--submit-button {
    margin-top: 40px;
    width: 100%
}

@media (min-width: 600px) {
    .verify-sms--form .verify-sms--submit-button {
        width: 50%
    }
}

.spacer-wrapper {
    display: flex;
    width: 100%
}

.spacer-wrapper .contents {
    width: 100%
}

.spacer-wrapper .spacer {
    visibility: hidden;
    width: 0px
}

.selected-wallet-item .navigate-back {
    left: 0;
    position: absolute;
    top: 0
}

.selected-wallet-item .wallet-item {
    margin-bottom: 32px
}

.encrypted-form-field-page {
    background-color: transparent;
    height: 40px;
    width: 100%
}

.payment-react form .tds-form-layout, .payment-react form .tds-form-layout .tds-form-fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.payment-react form .component {
    width: 100%
}

.payment-react form .component.hidden {
    display: none
}

@media (min-width: 600px) {
    .payment-react form .partial {
        width: calc(50% - (var(--tds-form--gap) * 1) / 2)
    }

    .payment-react form .partial-third > .partial {
        width: calc(33.33333% - (var(--tds-form--gap) * 2) / 3)
    }
}

.payment-react form h3:first-of-type {
    padding-block-start: 0
}

.payment-method-message .content + .payment-actions {
    margin-block-start: 24px
}

.payment-method-message .content:last-child {
    margin-block-end: 48px
}

.payment-method-summary {
    display: flex;
    flex-direction: column
}

.payment-method-summary .summary-contents {
    align-items: center;
    display: flex
}

.payment-method-summary .summary-contents .card-icon {
    border-radius: 3px;
    height: 20px;
    margin-inline-end: 8px;
    width: 30px
}

.payment-status.tds-text--caption {
    padding-top: 0
}

.payment-status.tds-text--caption.error {
    color: var(--tds-color--red20)
}

.sms-esign-wrapper > .sms-esign--title {
    padding-bottom: 12px;
    padding-top: 0
}

.sms-esign-wrapper > .sms-esign--pending {
    padding-top: 40px
}

.sms-esign-wrapper > .sms-esign--instructions {
    display: flex
}

.sms-esign-wrapper > .sms-esign--instructions > span {
    margin-left: 10px
}

.sms-esign-wrapper > .sms-esign--reminder {
    color: var(--tds-color--red10)
}

.sms-esign-wrapper > .sms-esign--complete-button {
    margin-top: 40px;
    width: 100%
}

@media (min-width: 600px) {
    .sms-esign-wrapper > .sms-esign--complete-button {
        width: 50%
    }
}