npm - @scania/tegel-lite - Versions diffs - 0.1.0-beta.updated-globals → 0.1.0-dev-test-beta.0 - Mend

@scania/tegel-lite 0.1.0-beta.updated-globals → 0.1.0-dev-test-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/assets/icons/scania/configurator.svg +1 -0
package/dist/assets/icons/traton/edit_inactive.svg +1 -0
package/dist/assets/icons/traton/skip_backwards.svg +1 -0
package/dist/assets/icons/traton/skip_forward.svg +1 -0
package/dist/components.css +1044 -447
package/dist/global.css +45 -3560
package/dist/scania-variables.css +328 -453
package/dist/tl-accordion.css +8 -8
package/dist/tl-badge.css +4 -18
package/dist/tl-banner.css +2 -2
package/dist/tl-button.css +397 -10
package/dist/tl-card.css +47 -11
package/dist/tl-checkbox-vars.css +1 -1
package/dist/tl-checkbox.css +1 -1
package/dist/tl-chip.css +21 -71
package/dist/tl-datetime.css +7 -4
package/dist/tl-dropdown.css +55 -8
package/dist/tl-footer.css +34 -52
package/dist/tl-header.css +189 -103
package/dist/tl-icon.css +2 -2
package/dist/tl-modal.css +33 -14
package/dist/tl-side-menu.css +131 -42
package/dist/tl-slider.css +416 -20
package/dist/tl-spinner.css +10 -18
package/dist/tl-step.css +28 -2
package/dist/tl-stepper.css +28 -2
package/dist/tl-table.css +42 -9
package/dist/tl-text-field.css +19 -67
package/dist/tl-toggle.css +1 -1
package/dist/traton-variables.css +330 -437
package/package.json +1 -1
/package/dist/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0

package/dist/global.css CHANGED Viewed

@@ -26,6 +26,30 @@
   --radius-full: 9999px;
 }
+:root,
+html {
+  --tds-spacing-layout-8: 8px;
+  --tds-spacing-layout-16: 16px;
+  --tds-spacing-layout-24: 24px;
+  --tds-spacing-layout-32: 32px;
+  --tds-spacing-layout-48: 48px;
+  --tds-spacing-layout-64: 64px;
+  --tds-spacing-layout-72: 72px;
+  --tds-spacing-layout-96: 96px;
+  --tds-spacing-layout-128: 128px;
+  --tds-spacing-layout-160: 160px;
+  --tds-spacing-element-2: 2px;
+  --tds-spacing-element-4: 4px;
+  --tds-spacing-element-8: 8px;
+  --tds-spacing-element-12: 12px;
+  --tds-spacing-element-16: 16px;
+  --tds-spacing-element-20: 20px;
+  --tds-spacing-element-24: 24px;
+  --tds-spacing-element-32: 32px;
+  --tds-spacing-element-40: 40px;
+  --tds-spacing-element-48: 48px;
+}
 :root,
 html {
   /* ========================================================================
@@ -1264,3565 +1288,26 @@ html {
   color: #8a0012;
 }
-/*
-  Contains spacing variables for the layout
-*/
-/* Grid breakpoints used for setting up every grid in different sizes
- - All values most be added
- - Contains gutterless grid breakpoints also
-*/
-:root,
-html {
-  /*
-    Contains spacing variables for the layout
-  */
-  --tds-spacing-layout-8: 8px;
-  --tds-spacing-layout-16: 16px;
-  --tds-spacing-layout-24: 24px;
-  --tds-spacing-layout-32: 32px;
-  --tds-spacing-layout-48: 48px;
-  --tds-spacing-layout-64: 64px;
-  --tds-spacing-layout-72: 72px;
-  --tds-spacing-layout-96: 96px;
-  --tds-spacing-layout-128: 128px;
-  --tds-spacing-layout-160: 160px;
-  --tds-spacing-element-2: 2px;
-  --tds-spacing-element-4: 4px;
-  --tds-spacing-element-8: 8px;
-  --tds-spacing-element-12: 12px;
-  --tds-spacing-element-16: 16px;
-  --tds-spacing-element-20: 20px;
-  --tds-spacing-element-24: 24px;
-  --tds-spacing-element-32: 32px;
-  --tds-spacing-element-40: 40px;
-  --tds-spacing-element-48: 48px;
-  --tds-screen-s: 320px;
-  --tds-screen-md: 672px;
-  --tds-screen-l: 1056px;
-  --tds-screen-xl: 1312px;
-  --tds-screen-xxl: 1584px;
-  --tds-grid-xs: 0;
-  --tds-grid-sm: 608px;
-  --tds-grid-md: 800px;
-  --tds-grid-lg: 992px;
-  --tds-grid-xlg: 1184px;
-  --tds-grid-xxlg: 1376px;
-  --tds-grid-max: 1584px;
-}
-/*
-  Mixin file for create grid layout, container, rows and columns
-  Setting up grid layout based on breakpoint mapping
-*/
-.tds-container,
-.tds-container-fluid {
-  margin-left: auto;
-  margin-right: auto;
-  width: 100%;
-  box-sizing: border-box;
+/** The breakpoint at which the layout changes from fixed size to full-width. */
+.tl-mode-light {
+  --tl-scrollbar-track-color: transparent;
+  --tl-scrollbar-thumb-color: #303c612b;
 }
-.tds-container-fluid {
-  max-width: 2560px;
+.tl-mode-dark {
+  --tl-scrollbar-track-color: transparent;
+  --tl-scrollbar-thumb-color: #a4c7f5;
 }
-@media (min-width: 0) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 100%;
-  }
-}
-@media (min-width: 0) {
-  .tds-hide-xs {
-    display: none !important;
-  }
-  .tds-show-xs {
-    display: block !important;
-  }
-}
-@media (min-width: 608px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 576px;
-  }
-}
-@media (min-width: 608px) {
-  .tds-hide-sm {
-    display: none !important;
-  }
-  .tds-show-sm {
-    display: block !important;
-  }
-}
-@media (min-width: 800px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 768px;
-  }
-}
-@media (min-width: 800px) {
-  .tds-hide-md {
-    display: none !important;
-  }
-  .tds-show-md {
-    display: block !important;
-  }
-}
-@media (min-width: 992px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 960px;
-  }
-}
-@media (min-width: 992px) {
-  .tds-hide-lg {
-    display: none !important;
-  }
-  .tds-show-lg {
-    display: block !important;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 1152px;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-hide-xlg {
-    display: none !important;
-  }
-  .tds-show-xlg {
-    display: block !important;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-  .tds-container {
-    max-width: 1344px;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-hide-xxlg {
-    display: none !important;
-  }
-  .tds-show-xxlg {
-    display: block !important;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-container,
-  .tds-container-fluid {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-  .tds-container {
-    max-width: 1536px;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-hide-max {
-    display: none !important;
-  }
-  .tds-show-max {
-    display: block !important;
-  }
-}
-.tds-row {
-  display: flex;
-  flex-wrap: wrap;
-}
-@media (min-width: 0) {
-  .tds-col-xs-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-xs-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-xs-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-xs-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-xs-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-xs-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-xs-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-xs-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-xs-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-xs-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-xs-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-xs-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xs-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-xs-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 0) {
-  .tds-col,
-  .tds-col-xs {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-@media (min-width: 608px) {
-  .tds-col-sm-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-sm-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-sm-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-sm-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-sm-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-sm-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-sm-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-sm-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-sm-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-sm-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-sm-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-sm-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-sm-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-sm-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 608px) {
-  .tds-col,
-  .tds-col-sm {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-@media (min-width: 800px) {
-  .tds-col-md-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-md-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-md-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-md-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-md-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-md-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-md-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-md-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-md-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-md-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-md-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-md-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-md-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-md-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 800px) {
-  .tds-col,
-  .tds-col-md {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 992px) {
-  .tds-col-lg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-lg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-lg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-lg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-lg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-lg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-lg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-lg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-lg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-lg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-lg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-lg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-lg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-lg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 992px) {
-  .tds-col,
-  .tds-col-lg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-col-xlg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-xlg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-xlg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-xlg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-xlg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-xlg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-xlg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-xlg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-xlg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-xlg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-xlg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-xlg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xlg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-xlg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-col,
-  .tds-col-xlg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
+.traton .tl-mode-light {
+  --tl-scrollbar-track-color: transparent;
+  --tl-scrollbar-thumb-color: #1a1a1926;
 }
-@media (min-width: 1376px) {
-  .tds-col-xxlg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-xxlg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-xxlg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-xxlg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-xxlg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-xxlg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-xxlg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-xxlg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-xxlg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-xxlg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-xxlg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-xxlg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-xxlg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-xxlg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-col,
-  .tds-col-xxlg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-col-max-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-col-max-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-col-max-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-col-max-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-col-max-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-col-max-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-col-max-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-col-max-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-col-max-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-col-max-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-col-max-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-col-max-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-col-max-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-col-max-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-col,
-  .tds-col-max {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-.tds-no-padding [class|=tds-col] {
-  padding: 0 !important;
-}
-@media (min-width: 0) {
-  .tds-col-xs-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-xs-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-xs-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-xs-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-xs-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-xs-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-xs-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-xs-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-xs-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-xs-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-xs-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-xs-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 608px) {
-  .tds-col-sm-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-sm-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-sm-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-sm-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-sm-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-sm-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-sm-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-sm-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-sm-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-sm-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-sm-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-sm-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 800px) {
-  .tds-col-md-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-md-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-md-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-md-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-md-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-md-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-md-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-md-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-md-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-md-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-md-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-md-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 992px) {
-  .tds-col-lg-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-lg-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-lg-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-lg-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-lg-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-lg-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-lg-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-lg-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-lg-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-lg-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-lg-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-lg-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-col-xlg-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-xlg-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-xlg-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-xlg-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-xlg-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-xlg-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-xlg-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-xlg-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-xlg-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-xlg-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-xlg-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-xlg-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-col-xxlg-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-xxlg-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-xxlg-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-xxlg-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-xxlg-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-xxlg-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-xxlg-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-xxlg-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-xxlg-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-xxlg-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-xxlg-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-xxlg-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-col-max-1-offset {
-    margin-left: 8.3333333333%;
-  }
-  .tds-col-max-2-offset {
-    margin-left: 16.6666666667%;
-  }
-  .tds-col-max-3-offset {
-    margin-left: 25%;
-  }
-  .tds-col-max-4-offset {
-    margin-left: 33.3333333333%;
-  }
-  .tds-col-max-5-offset {
-    margin-left: 41.6666666667%;
-  }
-  .tds-col-max-6-offset {
-    margin-left: 50%;
-  }
-  .tds-col-max-7-offset {
-    margin-left: 58.3333333333%;
-  }
-  .tds-col-max-8-offset {
-    margin-left: 66.6666666667%;
-  }
-  .tds-col-max-9-offset {
-    margin-left: 75%;
-  }
-  .tds-col-max-10-offset {
-    margin-left: 83.3333333333%;
-  }
-  .tds-col-max-11-offset {
-    margin-left: 91.6666666667%;
-  }
-  .tds-col-max-12-offset {
-    margin-left: 100%;
-  }
-}
-@media (min-width: 0) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: none;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 100%;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 608px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: none;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 576px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 800px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: none;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 768px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 992px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: block;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 673px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: block;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 864px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: block;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 16px;
-    padding-left: 16px;
-    max-width: 1056px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-sidebar {
-    flex-basis: 288px;
-    min-width: 288px;
-    display: block;
-  }
-  .tds-sidebar.tds-sidebar-collapse {
-    flex-basis: 17rem;
-    min-width: 17rem;
-  }
-  .tds-container-push {
-    padding-right: 24px;
-    padding-left: 24px;
-    max-width: 1248px;
-  }
-  .tds-container-push-fluid {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-}
-.tds-push {
-  display: flex;
-}
-@media (min-width: 0) {
-  .tds-push .tds-col-xs-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-xs-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-xs-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-xs-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-xs-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-xs-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-xs-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-xs-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-xs-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-xs-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-xs-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-xs-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xs-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-xs-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 0) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-xs {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-@media (min-width: 608px) {
-  .tds-push .tds-col-sm-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-sm-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-sm-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-sm-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-sm-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-sm-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-sm-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-sm-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-sm-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-sm-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-sm-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-sm-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-sm-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 8px;
-    padding-right: 8px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-sm-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 608px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-sm {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-@media (min-width: 800px) {
-  .tds-push .tds-col-md-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-md-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-md-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-md-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-md-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-md-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-md-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-md-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-md-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-md-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-md-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-md-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-md-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-md-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 800px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-md {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 992px) {
-  .tds-push .tds-col-lg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-lg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-lg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-lg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-lg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-lg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-lg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-lg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-lg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-lg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-lg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-lg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-lg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-lg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 992px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-lg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-push .tds-col-xlg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-xlg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-xlg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-xlg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-xlg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-xlg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-xlg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-xlg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-xlg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-xlg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-xlg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-xlg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xlg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-xlg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1184px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-xlg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-push .tds-col-xxlg-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-xxlg-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-xxlg-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-xxlg-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-xxlg-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-xxlg-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-xxlg-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-xxlg-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-xxlg-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-xxlg-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-xxlg-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-xxlg-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-xxlg-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-xxlg-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1376px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-xxlg {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-push .tds-col-max-1 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 8.3333333333%;
-    max-width: 8.3333333333%;
-  }
-  .tds-push .tds-col-max-1.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-2 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 16.6666666667%;
-    max-width: 16.6666666667%;
-  }
-  .tds-push .tds-col-max-2.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-3 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .tds-push .tds-col-max-3.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-4 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 33.3333333333%;
-    max-width: 33.3333333333%;
-  }
-  .tds-push .tds-col-max-4.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-5 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 41.6666666667%;
-    max-width: 41.6666666667%;
-  }
-  .tds-push .tds-col-max-5.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-6 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .tds-push .tds-col-max-6.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-7 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 58.3333333333%;
-    max-width: 58.3333333333%;
-  }
-  .tds-push .tds-col-max-7.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-8 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 66.6666666667%;
-    max-width: 66.6666666667%;
-  }
-  .tds-push .tds-col-max-8.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-9 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .tds-push .tds-col-max-9.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-10 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 83.3333333333%;
-    max-width: 83.3333333333%;
-  }
-  .tds-push .tds-col-max-10.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-11 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 91.6666666667%;
-    max-width: 91.6666666667%;
-  }
-  .tds-push .tds-col-max-11.tds-no-padding {
-    padding: 0;
-  }
-  .tds-push .tds-col-max-12 {
-    display: block;
-    flex-grow: 0;
-    flex-shrink: 0;
-    padding-left: 16px;
-    padding-right: 16px;
-    box-sizing: border-box;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .tds-push .tds-col-max-12.tds-no-padding {
-    padding: 0;
-  }
-}
-@media (min-width: 1584px) {
-  .tds-push .tds-col,
-  .tds-push .tds-col-max {
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-    min-width: 8.3333%;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-.tds-push .tds-no-padding [class|=tds-col] {
-  padding: 0 !important;
-}
-@media (min-width: 992px) {
-  .tds-push .tds-container {
-    margin: 0;
-  }
-}
-.tds-content-push {
-  flex-grow: 1;
-}
-.tds-grid-container {
-  display: flex;
-  justify-content: center;
-}
-.tds-grid-fixed,
-.tds-grid-fluid {
-  display: grid;
-  width: calc(100% - 32px);
-  padding: 0 16px;
-  grid-template-columns: repeat(6, 1fr);
-  gap: 16px;
-}
-@media screen and (min-width: 416px) {
-  .tds-grid-fixed {
-    width: 384px;
-  }
-  .tds-grid-fluid {
-    grid-template-columns: repeat(12, 1fr);
-  }
-}
-@media screen and (min-width: 608px) {
-  .tds-grid-fixed {
-    width: 576px;
-    grid-template-columns: repeat(12, 1fr);
-  }
-}
-@media screen and (min-width: 796px) {
-  .tds-grid-fixed {
-    width: 764px;
-  }
-  .tds-grid-fluid {
-    width: calc(100% - 64px);
-    padding: 0 32px;
-  }
-}
-@media screen and (min-width: 976px) {
-  .tds-grid-fixed {
-    width: 944px;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .tds-grid-fixed {
-    width: 1136px;
-    padding: 0 32px;
-  }
-}
-@media screen and (min-width: 1440px) {
-  .tds-grid-fixed {
-    width: 1376px;
-  }
-}
-@media screen and (min-width: 1920px) {
-  .tds-grid-fixed {
-    width: 1856px;
-  }
-}
-/** The breakpoint at which the layout changes from fixed size to full-width. */
-.tds-mode-light {
-  --tl-scrollbar-track-color: transparent;
-  --tl-scrollbar-thumb-color: #303c612b;
-}
-.tds-mode-dark {
-  --tl-scrollbar-track-color: transparent;
-  --tl-scrollbar-thumb-color: #a4c7f5;
-}
-.traton .tds-mode-light {
-  --tl-scrollbar-track-color: transparent;
-  --tl-scrollbar-thumb-color: #1a1a1926;
-}
-.traton .tds-mode-dark {
+.traton .tl-mode-dark {
   --tl-scrollbar-track-color: transparent;
   --tl-scrollbar-thumb-color: #d9edf054;
 }
-.tds-u-sticky {
-  position: sticky !important;
-}
-.tds-u-static {
-  position: static !important;
-}
-.tds-u-relative {
-  position: relative !important;
-}
-.tds-u-absolute {
-  position: absolute !important;
-}
-.tds-u-fixed {
-  position: fixed !important;
-}
-.tds-u-top0 {
-  top: 0 !important;
-}
-.tds-u-right0 {
-  right: 0 !important;
-}
-.tds-u-bottom0 {
-  bottom: 0 !important;
-}
-.tds-u-left0 {
-  left: 0 !important;
-}
-.tds-u-p0 {
-  padding: 0 !important;
-}
-.tds-u-pt0 {
-  padding-top: 0 !important;
-}
-.tds-u-pr0 {
-  padding-right: 0 !important;
-}
-.tds-u-pb0 {
-  padding-bottom: 0 !important;
-}
-.tds-u-pl0 {
-  padding-left: 0 !important;
-}
-.tds-u-p1 {
-  padding: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-pt1 {
-  padding-top: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-pr1 {
-  padding-right: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-pb1 {
-  padding-bottom: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-pl1 {
-  padding-left: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-p2 {
-  padding: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-pt2 {
-  padding-top: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-pr2 {
-  padding-right: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-pb2 {
-  padding-bottom: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-pl2 {
-  padding-left: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-p3 {
-  padding: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-pt3 {
-  padding-top: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-pr3 {
-  padding-right: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-pb3 {
-  padding-bottom: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-pl3 {
-  padding-left: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-m0 {
-  margin: 0 !important;
-}
-.tds-u-mt0 {
-  margin-top: 0 !important;
-}
-.tds-u-mr0 {
-  margin-right: 0 !important;
-}
-.tds-u-mb0 {
-  margin-bottom: 0 !important;
-}
-.tds-u-ml0 {
-  margin-left: 0 !important;
-}
-.tds-u-m1 {
-  margin: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-mt1 {
-  margin-top: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-mr1 {
-  margin-right: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-mb1 {
-  margin-bottom: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-ml1 {
-  margin-left: var(--tds-spacing-layout-8) !important;
-}
-.tds-u-m2 {
-  margin: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-mt2 {
-  margin-top: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-mr2 {
-  margin-right: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-mb2 {
-  margin-bottom: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-ml2 {
-  margin-left: var(--tds-spacing-layout-16) !important;
-}
-.tds-u-m3 {
-  margin: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-mt3 {
-  margin-top: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-mr3 {
-  margin-right: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-mb3 {
-  margin-bottom: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-ml3 {
-  margin-left: var(--tds-spacing-layout-24) !important;
-}
-.tds-u-m-auto {
-  margin: auto !important;
-}
-.tds-u-mt-auto {
-  margin-top: auto !important;
-}
-.tds-u-mr-auto {
-  margin-right: auto !important;
-}
-.tds-u-ml-auto {
-  margin-left: auto !important;
-}
-.tds-u-mb-auto {
-  margin-bottom: auto !important;
-}
-.tds-u-w-auto {
-  width: auto !important;
-}
-.tds-u-w-100 {
-  width: 100% !important;
-}
-.tds-u-w-75 {
-  width: 75% !important;
-}
-.tds-u-w-50 {
-  width: 50% !important;
-}
-.tds-u-w-25 {
-  width: 25% !important;
-}
-.tds-u-h-auto {
-  height: auto !important;
-}
-.tds-u-h-100 {
-  height: 100% !important;
-}
-.tds-u-h-75 {
-  height: 75% !important;
-}
-.tds-u-h-50 {
-  height: 50% !important;
-}
-.tds-u-h-25 {
-  height: 25% !important;
-}
-.tds-u-flex {
-  display: flex !important;
-}
-.tds-u-inline-flex {
-  display: inline-flex;
-}
-.tds-u-block {
-  display: block !important;
-}
-.tds-u-inline-block {
-  display: inline-block !important;
-}
-.tds-u-grid {
-  display: grid !important;
-}
-.tds-u-display-none {
-  display: none !important;
-}
-.tds-u-z10 {
-  z-index: 10 !important;
-}
-.tds-u-z100 {
-  z-index: 100 !important;
-}
-.tds-u-z500 {
-  z-index: 500 !important;
-}
-.tds-u-z1000 {
-  z-index: 1000 !important;
-}
-.tds-u-opacity-100 {
-  opacity: 1 !important;
-}
-.tds-u-opacity-75 {
-  opacity: 0.75 !important;
-}
-.tds-u-opacity-50 {
-  opacity: 0.5 !important;
-}
-.tds-u-opacity-25 {
-  opacity: 0.25 !important;
-}
-.tds-u-visibility-hidden {
-  visibility: hidden !important;
-}
-.tds-u-visibility-visible {
-  visibility: visible !important;
-}
-.tds-u-textalign-start {
-  text-align: start !important;
-}
-.tds-u-textalign-center {
-  text-align: center !important;
-}
-.tds-u-textalign-end {
-  text-align: end !important;
-}
-.tds-u-float-right {
-  float: right !important;
-}
-.tds-u-float-left {
-  float: left !important;
-}
-.tds-u-float-none {
-  float: none !important;
-}
-.tds-u-overflow-auto {
-  overflow: auto !important;
-}
-.tds-u-overflow-scroll {
-  overflow: scroll !important;
-}
-.tds-u-overflow-hidden {
-  overflow: hidden !important;
-}
-.tds-u-flex-start {
-  display: flex !important;
-  justify-content: flex-start !important;
-}
-.tds-u-flex-center {
-  display: flex !important;
-  justify-content: center !important;
-  align-items: center !important;
-}
-.tds-u-flex-end {
-  display: flex !important;
-  justify-content: flex-end !important;
-}
-.tds-u-flex-dir-col {
-  flex-direction: column !important;
-}
-.tds-u-gap1 {
-  gap: 8px !important;
-}
-.tds-u-gap2 {
-  gap: 16px !important;
-}
-.tds-u-gap3 {
-  gap: 24px !important;
-}
-.tds-u-gap4 {
-  gap: 32px !important;
-}
-.tds-u-flex-wrap {
-  flex-wrap: wrap !important;
-}
-.tds-u-align-start {
-  align-items: start !important;
-}
-.tds-u-align-center {
-  align-items: center !important;
-}
-.tds-u-align-end {
-  align-items: end !important;
-}
-.tds-u-justify-between {
-  justify-content: space-between !important;
-}
-.tds-u-justify-around {
-  justify-content: space-around !important;
-}
-.tds-u-justify-center {
-  justify-content: center !important;
-}
-:root,
-.tds-mode-light {
-  --tds-date-picker-input-icon: var(--tds-grey-700);
-  --tds-date-picker-input-icon-disabled: var(--tds-grey-400);
-  --tds-date-picker-calendar-color: var(--tds-grey-958);
-  --tds-date-picker-calendar-bg: var(--tds-grey-50);
-  --tds-date-picker-calendar-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
-  --tds-date-picker-date-color: var(--tds-grey-800);
-  --tds-date-picker-date-bg-hover: rgb(0 0 0 / 8%);
-  --tds-date-picker-date-color-selected: var(--tds-white);
-  --tds-date-picker-date-bg-selected: var(--tds-blue-400);
-  --tds-date-picker-date-color-disabled: var(--tds-grey-600);
-  --tds-date-picker-date-bg-disabled: var(--tds-date-picker-calendar-bg);
-  --tds-date-picker-date-color-not-current-month: var(--tds-grey-500);
-  --tds-date-range-picker-date-bg-in-range: var(--tds-blue-100);
-  --tds-date-range-picker-date-color-in-range: var(--tds-grey-700);
-  --tds-date-range-picker-date-bg-in-range-hover: var(--tds-blue-200);
-}
-:root .tds-mode-variant-primary,
-.tds-mode-light .tds-mode-variant-primary {
-  --tds-date-picker-calendar-bg: var(--tds-blue-200);
-}
-:root .tds-mode-variant-secondary,
-.tds-mode-light .tds-mode-variant-secondary {
-  --tds-date-picker-calendar-bg: var(--tds-white);
-}
-.tds-mode-dark {
-  --tds-date-picker-input-icon: var(--tds-grey-50);
-  --tds-date-picker-input-icon-disabled: var(--tds-grey-800);
-  --tds-date-picker-calendar-bg: var(--tds-grey-900);
-  --tds-date-picker-calendar-color: var(--tds-grey-50);
-  --tds-date-picker-calendar-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
-  --tds-date-picker-date-color: var(--tds-grey-300);
-  --tds-date-picker-date-bg-hover: rgb(0 0 0 / 8%);
-  --tds-date-picker-date-bg-selected: var(--tds-blue-400);
-  --tds-date-picker-date-color-selected: var(--tds-white);
-  --tds-date-picker-date-bg-disabled: var(--tds-grey-400);
-  --tds-date-picker-date-color-disabled: var(--tds-grey-600);
-  --tds-date-picker-date-color-not-current-month: var(--tds-grey-700);
-  --tds-date-picker-date-bg-in-range: var(--tds-blue-600);
-  --tds-date-picker-date-color-in-range: var(--tds-grey-300);
-  --tds-date-picker-date-bg-in-range-hover: var(--tds-blue-500);
-}
-.tds-mode-dark .tds-mode-variant-primary {
-  --tds-date-picker-calendar-bg: var(--tds-grey-900);
-}
-.tds-mode-dark .tds-mode-variant-secondary {
-  --tds-date-picker-calendar-bg: var(--tds-grey-868);
-}
-/* Overwrite of global rules that bleed in some components */
-:root tds-dropdown.tds-mode-variant-primary, :root tds-dropdown .tds-mode-variant-primary, :root tds-dropdown.tds-mode-variant-secondary, :root tds-dropdown .tds-mode-variant-secondary,
-:root tds-textarea.tds-mode-variant-primary,
-:root tds-textarea .tds-mode-variant-primary,
-:root tds-textarea.tds-mode-variant-secondary,
-:root tds-textarea .tds-mode-variant-secondary,
-:root tds-text-field.tds-mode-variant-primary,
-:root tds-text-field .tds-mode-variant-primary,
-:root tds-text-field.tds-mode-variant-secondary,
-:root tds-text-field .tds-mode-variant-secondary,
-.tds-mode-light tds-dropdown.tds-mode-variant-primary,
-.tds-mode-light tds-dropdown .tds-mode-variant-primary,
-.tds-mode-light tds-dropdown.tds-mode-variant-secondary,
-.tds-mode-light tds-dropdown .tds-mode-variant-secondary,
-.tds-mode-light tds-textarea.tds-mode-variant-primary,
-.tds-mode-light tds-textarea .tds-mode-variant-primary,
-.tds-mode-light tds-textarea.tds-mode-variant-secondary,
-.tds-mode-light tds-textarea .tds-mode-variant-secondary,
-.tds-mode-light tds-text-field.tds-mode-variant-primary,
-.tds-mode-light tds-text-field .tds-mode-variant-primary,
-.tds-mode-light tds-text-field.tds-mode-variant-secondary,
-.tds-mode-light tds-text-field .tds-mode-variant-secondary {
-  background: transparent;
-}
 body {
   font-family: var(--body-01-font-family);
   font-size: 14px;
@@ -4855,32 +1340,32 @@ h6 {
 }
 :root,
-.tds-mode-light {
+.tl-mode-light {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-base);
 }
-:root.tds-mode-variant-primary, :root .tds-mode-variant-primary,
-.tds-mode-light.tds-mode-variant-primary,
-.tds-mode-light .tds-mode-variant-primary {
+:root.tl-mode-variant-primary, :root .tl-mode-variant-primary,
+.tl-mode-light.tl-mode-variant-primary,
+.tl-mode-light .tl-mode-variant-primary {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-base);
 }
-:root.tds-mode-variant-secondary, :root .tds-mode-variant-secondary,
-.tds-mode-light.tds-mode-variant-secondary,
-.tds-mode-light .tds-mode-variant-secondary {
+:root.tl-mode-variant-secondary, :root .tl-mode-variant-secondary,
+.tl-mode-light.tl-mode-variant-secondary,
+.tl-mode-light .tl-mode-variant-secondary {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-layer-01);
 }
-.tds-mode-dark {
+.tl-mode-dark {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-base);
 }
-.tds-mode-dark.tds-mode-variant-primary, .tds-mode-dark .tds-mode-variant-primary {
+.tl-mode-dark.tl-mode-variant-primary, .tl-mode-dark .tl-mode-variant-primary {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-base);
 }
-.tds-mode-dark.tds-mode-variant-secondary, .tds-mode-dark .tds-mode-variant-secondary {
+.tl-mode-dark.tl-mode-variant-secondary, .tl-mode-dark .tl-mode-variant-secondary {
   color: var(--color-foreground-text-strong);
   background-color: var(--color-background-layer-01);
 }