@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;600;700);
.border-small {
  border: solid;
}

.border-medium {
  border: solid;
}

.border-large {
  border: solid;
}

/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*
/*
/*  Mixin: Google Fonts
/*
/*    1. Google's names for font files
/*    2. Loading a single font
/*    3. Loading multiple fonts
/*
/* --------------------------------------------- */
.lang-en {
  --font-family-base: opensans,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: aiaeverest,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-en h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h1-font-size);
  line-height: 3.5rem;
  letter-spacing: -0.03125rem;
}
.lang-en h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h2-font-size);
  line-height: 3rem;
  letter-spacing: -0.03125rem;
}
.lang-en h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-en h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-en h4.regular {
  font-weight: 400;
}
.lang-en h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0rem;
}
.lang-en h5.regular {
  font-weight: 400;
}
.lang-en h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0rem;
}
.lang-en h6.medium {
  font-weight: 500;
}
.lang-en h6.regular {
  font-weight: 400;
}
.lang-en .body-1, .lang-en .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-en .dds-body, .lang-en .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-en .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-en .body-1__regular {
  font-weight: 400;
}
.lang-en .body-1__semibold {
  font-weight: 600;
}
.lang-en .body-1__bold {
  font-weight: 700;
}
.lang-en .body-2, .lang-en .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-en .dds-body, .lang-en .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-en .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
}
.lang-en .body-2__regular {
  font-weight: 400;
}
.lang-en .body-2__semibold {
  font-weight: 600;
}
.lang-en .body-2__bold {
  font-weight: 700;
}
.lang-en .body-3 {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-en .body-3__regular {
  font-weight: 400;
}
.lang-en .body-3__semibold {
  font-weight: 600;
}
.lang-en .body-3__bold {
  font-weight: 700;
}
.lang-en .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-en .body-4__regular {
  font-weight: 400;
}
.lang-en .body-4__semibold {
  font-weight: 600;
}
.lang-en .body-4__bold {
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .lang-en {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-en h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-en h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0rem;
  }
  .lang-en h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0rem;
  }
  .lang-en h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-en h4.regular {
    font-weight: 400;
  }
  .lang-en h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-en h5.regular {
    font-weight: 400;
  }
  .lang-en h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-en h6.medium {
    font-weight: 500;
  }
  .lang-en h6.regular {
    font-weight: 400;
  }
}

.lang-km {
  --font-family-base: noto sans khmer,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: noto sans khmer,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-km h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h1-font-size);
  line-height: 3.5rem;
  letter-spacing: 0.03125rem;
}
.lang-km h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h2-font-size);
  line-height: 3rem;
  letter-spacing: 0.03125rem;
}
.lang-km h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-km h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-km h4.regular {
  font-weight: 400;
}
.lang-km h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0rem;
}
.lang-km h5.regular {
  font-weight: 400;
}
.lang-km h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0rem;
}
.lang-km h6.medium {
  font-weight: 700;
}
.lang-km h6.regular {
  font-weight: 400;
}
.lang-km .body-1, .lang-km .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-km .dds-body, .lang-km .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-km .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-km .body-1__regular {
  font-weight: 400;
}
.lang-km .body-1__semibold {
  font-weight: 600;
}
.lang-km .body-1__bold {
  font-weight: 700;
}
.lang-km .body-2, .lang-km .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-km .dds-body, .lang-km .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-km .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
}
.lang-km .body-2__regular {
  font-weight: 400;
}
.lang-km .body-2__semibold {
  font-weight: 600;
}
.lang-km .body-2__bold {
  font-weight: 700;
}
.lang-km .body-3 {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-km .body-3__regular {
  font-weight: 400;
}
.lang-km .body-3__semibold {
  font-weight: 600;
}
.lang-km .body-3__bold {
  font-weight: 700;
}
.lang-km .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-km .body-4__regular {
  font-weight: 400;
}
.lang-km .body-4__semibold {
  font-weight: 600;
}
.lang-km .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-km {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-km h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-km h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0rem;
  }
  .lang-km h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0rem;
  }
  .lang-km h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-km h4.regular {
    font-weight: 400;
  }
  .lang-km h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-km h5.regular {
    font-weight: 400;
  }
  .lang-km h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-km h6.medium {
    font-weight: 700;
  }
  .lang-km h6.regular {
    font-weight: 400;
  }
}

.lang-ko {
  --font-family-base: spoqa han sans neo,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: spoqa han sans neo,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-ko h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: 3.5rem;
  letter-spacing: -0.03125rem;
}
.lang-ko h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: 3rem;
  letter-spacing: -0.03125rem;
}
.lang-ko h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: -0.03125rem;
}
.lang-ko h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-ko h4.medium {
  font-weight: 500;
}
.lang-ko h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0rem;
}
.lang-ko h5.medium {
  font-weight: 500;
}
.lang-ko h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0rem;
}
.lang-ko h6.medium {
  font-weight: 500;
}
.lang-ko .body-1, .lang-ko .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-ko .dds-body, .lang-ko .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-ko .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-ko .body-1__medium {
  font-weight: 500;
}
.lang-ko .body-1__regular {
  font-weight: 400;
}
.lang-ko .body-1__semibold {
  font-weight: 500;
}
.lang-ko .body-1__bold {
  font-weight: 700;
}
.lang-ko .body-2, .lang-ko .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-ko .dds-body, .lang-ko .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-ko .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
}
.lang-ko .body-2__medium {
  font-weight: 500;
}
.lang-ko .body-2__regular {
  font-weight: 400;
}
.lang-ko .body-2__semibold {
  font-weight: 500;
}
.lang-ko .body-2__bold {
  font-weight: 700;
}
.lang-ko .body-3 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-ko .body-3__regular {
  font-weight: 400;
}
.lang-ko .body-3__semibold {
  font-weight: 500;
}
.lang-ko .body-3__bold {
  font-weight: 700;
}
.lang-ko .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-ko .body-4__regular {
  font-weight: 400;
}
.lang-ko .body-4__semibold {
  font-weight: 500;
}
.lang-ko .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-ko {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-ko h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.01875rem;
  }
  .lang-ko h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: -0.01875rem;
  }
  .lang-ko h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: -0.01875rem;
  }
  .lang-ko h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-ko h4.medium {
    font-weight: 500;
  }
  .lang-ko h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-ko h5.medium {
    font-weight: 500;
  }
  .lang-ko h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-ko h6.medium {
    font-weight: 500;
  }
}

.lang-hi {
  --font-family-base: mangal,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: mangal,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-hi h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: 3.5rem;
  letter-spacing: 0.03125rem;
}
.lang-hi h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: 3rem;
  letter-spacing: 0.03125rem;
}
.lang-hi h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-hi h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-hi h4.regular {
  font-weight: 400;
}
.lang-hi h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0rem;
}
.lang-hi h5.regular {
  font-weight: 400;
}
.lang-hi h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0rem;
}
.lang-hi h6.medium {
  font-weight: 700;
}
.lang-hi h6.regular {
  font-weight: 400;
}
.lang-hi .body-1, .lang-hi .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-hi .dds-body, .lang-hi .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-hi .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-hi .body-1__regular {
  font-weight: 400;
}
.lang-hi .body-1__semibold {
  font-weight: 700;
}
.lang-hi .body-1__bold {
  font-weight: 700;
}
.lang-hi .body-2, .lang-hi .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-hi .dds-body, .lang-hi .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-hi .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
}
.lang-hi .body-2__regular {
  font-weight: 400;
}
.lang-hi .body-2__semibold {
  font-weight: 700;
}
.lang-hi .body-2__bold {
  font-weight: 700;
}
.lang-hi .body-3 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-hi .body-3__regular {
  font-weight: 400;
}
.lang-hi .body-3__semibold {
  font-weight: 700;
}
.lang-hi .body-3__bold {
  font-weight: 700;
}
.lang-hi .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-hi .body-4__regular {
  font-weight: 400;
}
.lang-hi .body-4__semibold {
  font-weight: 700;
}
.lang-hi .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-hi {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-hi h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-hi h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0rem;
  }
  .lang-hi h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0rem;
  }
  .lang-hi h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-hi h4.regular {
    font-weight: 400;
  }
  .lang-hi h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-hi h5.regular {
    font-weight: 400;
  }
  .lang-hi h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-hi h6.medium {
    font-weight: 700;
  }
  .lang-hi h6.regular {
    font-weight: 400;
  }
}

.lang-si {
  --font-family-base: nirmala ui,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: nirmala ui,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-si h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: 4.25rem;
  letter-spacing: 0.03125rem;
}
.lang-si h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: 3.5rem;
  letter-spacing: 0.03125rem;
}
.lang-si h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: 3rem;
  letter-spacing: 0rem;
}
.lang-si h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-si h4.regular {
  font-weight: 400;
}
.lang-si h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-si h5.regular {
  font-weight: 400;
}
.lang-si h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.875rem;
  letter-spacing: 0rem;
}
.lang-si h6.medium {
  font-weight: 700;
}
.lang-si h6.regular {
  font-weight: 400;
}
.lang-si .body-1, .lang-si .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-si .dds-body, .lang-si .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-si .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-si .body-1__regular {
  font-weight: 400;
}
.lang-si .body-1__semibold {
  font-weight: 700;
}
.lang-si .body-1__bold {
  font-weight: 700;
}
.lang-si .body-2, .lang-si .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-si .dds-body, .lang-si .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-si .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0rem;
}
.lang-si .body-2__regular {
  font-weight: 400;
}
.lang-si .body-2__semibold {
  font-weight: 700;
}
.lang-si .body-2__bold {
  font-weight: 700;
}
.lang-si .body-3 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-si .body-3__regular {
  font-weight: 400;
}
.lang-si .body-3__semibold {
  font-weight: 700;
}
.lang-si .body-3__bold {
  font-weight: 700;
}
.lang-si .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-si .body-4__regular {
  font-weight: 400;
}
.lang-si .body-4__semibold {
  font-weight: 700;
}
.lang-si .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-si {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-si h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: 2.75rem;
    letter-spacing: -0.03125rem;
  }
  .lang-si h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h2-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-si h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: 2.25rem;
    letter-spacing: -0.03125rem;
  }
  .lang-si h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h4-font-size);
    line-height: 2.125rem;
    letter-spacing: 0rem;
  }
  .lang-si h4.regular {
    font-weight: 400;
  }
  .lang-si h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h5-font-size);
    line-height: 1.75rem;
    letter-spacing: 0rem;
  }
  .lang-si h5.regular {
    font-weight: 400;
  }
  .lang-si h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-si h6.medium {
    font-weight: 700;
  }
  .lang-si h6.regular {
    font-weight: 400;
  }
}

.lang-ta {
  --font-family-base: nirmala ui,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: nirmala ui,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-ta h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: 4rem;
  letter-spacing: 0.03125rem;
}
.lang-ta h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: 3.5rem;
  letter-spacing: 0.03125rem;
}
.lang-ta h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: 3rem;
  letter-spacing: 0rem;
}
.lang-ta h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-ta h4.regular {
  font-weight: 400;
}
.lang-ta h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-ta h5.regular {
  font-weight: 400;
}
.lang-ta h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.875rem;
  letter-spacing: 0rem;
}
.lang-ta h6.medium {
  font-weight: 700;
}
.lang-ta h6.regular {
  font-weight: 400;
}
.lang-ta .body-1, .lang-ta .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-ta .dds-body, .lang-ta .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-ta .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-ta .body-1__regular {
  font-weight: 400;
}
.lang-ta .body-1__semibold {
  font-weight: 700;
}
.lang-ta .body-1__bold {
  font-weight: 700;
}
.lang-ta .body-2, .lang-ta .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-ta .dds-body, .lang-ta .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-ta .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0rem;
}
.lang-ta .body-2__regular {
  font-weight: 400;
}
.lang-ta .body-2__semibold {
  font-weight: 700;
}
.lang-ta .body-2__bold {
  font-weight: 700;
}
.lang-ta .body-3 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-ta .body-3__regular {
  font-weight: 400;
}
.lang-ta .body-3__semibold {
  font-weight: 700;
}
.lang-ta .body-3__bold {
  font-weight: 700;
}
.lang-ta .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-ta .body-4__regular {
  font-weight: 400;
}
.lang-ta .body-4__semibold {
  font-weight: 700;
}
.lang-ta .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-ta {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-ta h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: 2.75rem;
    letter-spacing: -0.03125rem;
  }
  .lang-ta h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h2-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-ta h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: 2.25rem;
    letter-spacing: -0.03125rem;
  }
  .lang-ta h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-ta h4.regular {
    font-weight: 400;
  }
  .lang-ta h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-ta h5.regular {
    font-weight: 400;
  }
  .lang-ta h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-ta h6.medium {
    font-weight: 700;
  }
  .lang-ta h6.regular {
    font-weight: 400;
  }
}

.lang-th {
  --font-family-base: "Noto Sans Thai",
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: "Noto Sans Thai",
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-th h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h1-font-size);
  line-height: 4.25rem;
  letter-spacing: 0.03125rem;
}
.lang-th h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h2-font-size);
  line-height: 3.5rem;
  letter-spacing: 0.03125rem;
}
.lang-th h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 3rem;
  letter-spacing: 0rem;
}
.lang-th h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h4-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-th h4.regular {
  font-weight: 400;
}
.lang-th h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h5-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-th h5.regular {
  font-weight: 400;
}
.lang-th h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h6-font-size);
  line-height: 1.875rem;
  letter-spacing: 0rem;
}
.lang-th h6.medium {
  font-weight: 600;
}
.lang-th h6.regular {
  font-weight: 400;
}
.lang-th .body-1, .lang-th .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-th .dds-body, .lang-th .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-th .dds-body {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-th .body-1__medium {
  font-weight: 500;
}
.lang-th .body-1__regular {
  font-weight: 400;
}
.lang-th .body-1__semibold {
  font-weight: 500;
}
.lang-th .body-1__bold {
  font-weight: 600;
}
.lang-th .body-2, .lang-th .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-th .dds-body, .lang-th .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-th .dds-body {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0rem;
}
.lang-th .body-2__medium {
  font-weight: 500;
}
.lang-th .body-2__regular {
  font-weight: 400;
}
.lang-th .body-2__semibold {
  font-weight: 500;
}
.lang-th .body-2__bold {
  font-weight: 600;
}
.lang-th .body-3 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-th .body-3__regular {
  font-weight: 400;
}
.lang-th .body-3__semibold {
  font-weight: 500;
}
.lang-th .body-3__bold {
  font-weight: 600;
}
.lang-th .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1rem;
  letter-spacing: 0rem;
}
.lang-th .body-4__regular {
  font-weight: 400;
}
.lang-th .body-4__semibold {
  font-weight: 500;
}
.lang-th .body-4__bold {
  font-weight: 600;
}
@media (max-width: 479.98px) {
  .lang-th {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-th h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h1-font-size);
    line-height: 2.75rem;
    letter-spacing: -0.03125rem;
  }
  .lang-th h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h2-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-th h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h3-font-size);
    line-height: 2.25rem;
    letter-spacing: 0rem;
  }
  .lang-th h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h4-font-size);
    line-height: 2.125rem;
    letter-spacing: 0rem;
  }
  .lang-th h4.regular {
    font-weight: 400;
  }
  .lang-th h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h5-font-size);
    line-height: 1.75rem;
    letter-spacing: 0rem;
  }
  .lang-th h5.regular {
    font-weight: 400;
  }
  .lang-th h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-th h6.medium {
    font-weight: 600;
  }
  .lang-th h6.regular {
    font-weight: 400;
  }
}

.lang-vi {
  --font-family-base: opensans,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: opensans,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-vi h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h1-font-size);
  line-height: 4rem;
  letter-spacing: -0.03125rem;
}
.lang-vi h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h2-font-size);
  line-height: 3.5rem;
  letter-spacing: -0.03125rem;
}
.lang-vi h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.lang-vi h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0rem;
}
.lang-vi h4.regular {
  font-weight: 400;
}
.lang-vi h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0rem;
}
.lang-vi h5.regular {
  font-weight: 400;
}
.lang-vi h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 600;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0rem;
}
.lang-vi h6.medium {
  font-weight: 600;
}
.lang-vi h6.regular {
  font-weight: 400;
}
.lang-vi .body-1, .lang-vi .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-vi .dds-body, .lang-vi .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-vi .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.lang-vi .body-1__semibold {
  font-weight: 600;
}
.lang-vi .body-1__regular {
  font-weight: 400;
}
.lang-vi .body-1__semibold {
  font-weight: 600;
}
.lang-vi .body-1__bold {
  font-weight: 700;
}
.lang-vi .body-2, .lang-vi .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-vi .dds-body, .lang-vi .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-vi .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
}
.lang-vi .body-2__semibold {
  font-weight: 600;
}
.lang-vi .body-2__regular {
  font-weight: 400;
}
.lang-vi .body-2__semibold {
  font-weight: 600;
}
.lang-vi .body-2__bold {
  font-weight: 700;
}
.lang-vi .body-3 {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0rem;
}
.lang-vi .body-3__regular {
  font-weight: 400;
}
.lang-vi .body-3__semibold {
  font-weight: 600;
}
.lang-vi .body-3__bold {
  font-weight: 700;
}
.lang-vi .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.lang-vi .body-4__regular {
  font-weight: 400;
}
.lang-vi .body-4__semibold {
  font-weight: 600;
}
.lang-vi .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-vi {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-vi h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: -0.03125rem;
  }
  .lang-vi h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0rem;
  }
  .lang-vi h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0rem;
  }
  .lang-vi h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0rem;
  }
  .lang-vi h4.regular {
    font-weight: 400;
  }
  .lang-vi h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0rem;
  }
  .lang-vi h5.regular {
    font-weight: 400;
  }
  .lang-vi h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 600;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0rem;
  }
  .lang-vi h6.medium {
    font-weight: 600;
  }
  .lang-vi h6.regular {
    font-weight: 400;
  }
}

.lang-zn {
  --font-family-base: noto sans sc,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: noto sans sc,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 44px;
  --h2-font-size: 36px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-zn h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h1-font-size);
  line-height: 3.25rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h2-font-size);
  line-height: 2.75rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h4.regular {
  font-weight: 400;
}
.lang-zn h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h5.regular {
  font-weight: 400;
}
.lang-zn h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0.01875rem;
}
.lang-zn h6.medium {
  font-weight: 500;
}
.lang-zn h6.regular {
  font-weight: 400;
}
.lang-zn .body-1, .lang-zn .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-zn .dds-body, .lang-zn .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-zn .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
}
.lang-zn .body-1__medium {
  font-weight: 500;
}
.lang-zn .body-1__regular {
  font-weight: 400;
}
.lang-zn .body-1__semibold {
  font-weight: 500;
}
.lang-zn .body-1__bold {
  font-weight: 700;
}
.lang-zn .body-2, .lang-zn .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-zn .dds-body, .lang-zn .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-zn .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
}
.lang-zn .body-2__medium {
  font-weight: 500;
}
.lang-zn .body-2__regular {
  font-weight: 400;
}
.lang-zn .body-2__semibold {
  font-weight: 500;
}
.lang-zn .body-2__bold {
  font-weight: 700;
}
.lang-zn .body-3 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.03125rem;
}
.lang-zn .body-3__regular {
  font-weight: 400;
}
.lang-zn .body-3__semibold {
  font-weight: 500;
}
.lang-zn .body-3__bold {
  font-weight: 700;
}
.lang-zn .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0.03125rem;
}
.lang-zn .body-4__regular {
  font-weight: 400;
}
.lang-zn .body-4__semibold {
  font-weight: 500;
}
.lang-zn .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-zn {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-zn h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h4.regular {
    font-weight: 400;
  }
  .lang-zn h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h5.regular {
    font-weight: 400;
  }
  .lang-zn h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn h6.medium {
    font-weight: 500;
  }
  .lang-zn h6.regular {
    font-weight: 400;
  }
}

.lang-zn-Hant {
  --font-family-base: noto sans tc,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --heading-font-family-base: noto sans tc,
    "Helvetica Neue",
    arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --h1-font-size: 44px;
  --h2-font-size: 36px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 20px;
  font-family: var(--font-family-base);
}
.lang-zn-Hant h1 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h1-font-size);
  line-height: 3.25rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h2 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h2-font-size);
  line-height: 2.75rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h3 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h4 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h4-font-size);
  line-height: 2.25rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h4.regular {
  font-weight: 400;
}
.lang-zn-Hant h5 {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h5-font-size);
  line-height: 2rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h5.regular {
  font-weight: 400;
}
.lang-zn-Hant h6 {
  font-family: var(--heading-font-family-base);
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: 1.75rem;
  letter-spacing: 0.01875rem;
}
.lang-zn-Hant h6.medium {
  font-weight: 500;
}
.lang-zn-Hant h6.regular {
  font-weight: 400;
}
.lang-zn-Hant .body-1, .lang-zn-Hant .theme-dark .dds-table--large .dds-table .dds-body, .theme-dark .dds-table--large .dds-table .lang-zn-Hant .dds-body, .lang-zn-Hant .theme-light .dds-table--large .dds-table .dds-body, .theme-light .dds-table--large .dds-table .lang-zn-Hant .dds-body {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
}
.lang-zn-Hant .body-1__medium {
  font-weight: 500;
}
.lang-zn-Hant .body-1__regular {
  font-weight: 400;
}
.lang-zn-Hant .body-1__semibold {
  font-weight: 500;
}
.lang-zn-Hant .body-1__bold {
  font-weight: 700;
}
.lang-zn-Hant .body-2, .lang-zn-Hant .theme-dark .dds-table--small .dds-table .dds-body, .theme-dark .dds-table--small .dds-table .lang-zn-Hant .dds-body, .lang-zn-Hant .theme-light .dds-table--small .dds-table .dds-body, .theme-light .dds-table--small .dds-table .lang-zn-Hant .dds-body {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
}
.lang-zn-Hant .body-2__medium {
  font-weight: 500;
}
.lang-zn-Hant .body-2__regular {
  font-weight: 400;
}
.lang-zn-Hant .body-2__semibold {
  font-weight: 500;
}
.lang-zn-Hant .body-2__bold {
  font-weight: 700;
}
.lang-zn-Hant .body-3 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.03125rem;
}
.lang-zn-Hant .body-3__regular {
  font-weight: 400;
}
.lang-zn-Hant .body-3__semibold {
  font-weight: 500;
}
.lang-zn-Hant .body-3__bold {
  font-weight: 700;
}
.lang-zn-Hant .body-4 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0.03125rem;
}
.lang-zn-Hant .body-4__regular {
  font-weight: 400;
}
.lang-zn-Hant .body-4__semibold {
  font-weight: 500;
}
.lang-zn-Hant .body-4__bold {
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .lang-zn-Hant {
    --h1-font-size: 32px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 22px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
  .lang-zn-Hant h1 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h1-font-size);
    line-height: 2.5rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h2 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h2-font-size);
    line-height: 2.25rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h3 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h4 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h4-font-size);
    line-height: 1.875rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h4.regular {
    font-weight: 400;
  }
  .lang-zn-Hant h5 {
    font-family: var(--heading-font-family-base);
    font-weight: 500;
    font-size: var(--h5-font-size);
    line-height: 1.625rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h5.regular {
    font-weight: 400;
  }
  .lang-zn-Hant h6 {
    font-family: var(--heading-font-family-base);
    font-weight: 700;
    font-size: var(--h6-font-size);
    line-height: 1.5rem;
    letter-spacing: 0.01875rem;
  }
  .lang-zn-Hant h6.medium {
    font-weight: 500;
  }
  .lang-zn-Hant h6.regular {
    font-weight: 400;
  }
}

@font-face {
  font-family: "AIAEverest";
  font-weight: 400;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiM2MyNGQ5NDdhOTI4MmMzOWY2ZGFmNjY1ZmM0ZDJhZWMuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiM2MyNGQ5NDdhOTI4MmMzOWY2ZGFmNjY1ZmM0ZDJhZWMuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/AIAEverest/AIAEverest-Regular.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiNTA2YzkzNmI0ODlhNDk3MzZiODk2MDFkNjlkYzJiNTEud29mZiI7) format("woff");
}
@font-face {
  font-family: "AIAEverest";
  font-weight: 500;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiNDlmM2FhYzE4NmZkYWM4Zjg1NzM4ZjYxYWU2NTc0Y2UuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiNDlmM2FhYzE4NmZkYWM4Zjg1NzM4ZjYxYWU2NTc0Y2UuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/AIAEverest/AIAEverest-Medium.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiMmMxNTRiOGM3NDA5NDljMmFiOGRhM2MzZDI5MDhmMGMud29mZiI7) format("woff");
}
@font-face {
  font-family: "AIAEverest";
  font-weight: 700;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiYmViNDQ0YjBjMDczYTYyNzk5OWZmM2RhNjM5NTRkNDUuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiYmViNDQ0YjBjMDczYTYyNzk5OWZmM2RhNjM5NTRkNDUuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/AIAEverest/AIAEverest-Bold.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiOGVlZjFjMTU1NTA3MjBlYjkxNzg5MjEzNWY1NzA0MjUud29mZiI7) format("woff");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiNGEyOTAxYzgyNjIxOWYxZGE2ZDM5ZmNhMTU4MjZjNDAuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiNGEyOTAxYzgyNjIxOWYxZGE2ZDM5ZmNhMTU4MjZjNDAuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZjk0ZDgwZjY3NWM5ZDFhYjU0ODJhYjFhODkyZWMxZTMud29mZiI7) format("woff");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiMmVlODJhMTBjZTc1Y2MxOWE0MjIyOWZmYjA3N2ZmZjYuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiMmVlODJhMTBjZTc1Y2MxOWE0MjIyOWZmYjA3N2ZmZjYuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiM2IxYzRjNTRhNjdmZTZiNDlkNGQ4YWJkMjFhOGYzOWYud29mZiI7) format("woff");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiYjZlOGNkNTE0YmU4MDFkZDM0MDMzZmFmYWJkMzI3OTMuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiYjZlOGNkNTE0YmU4MDFkZDM0MDMzZmFmYWJkMzI3OTMuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/OpenSans/OpenSans-Semibold.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiN2EwZTk4NzMyNWEyYzAzYjlkMTM0ZDRkY2E3OWI0ZTEud29mZiI7) format("woff");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  font-display: swap;
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZTYzMWQ5MDgzNTA1MTQ5N2M4NzkwMzk3MTYzYzY5OTYuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZTYzMWQ5MDgzNTA1MTQ5N2M4NzkwMzk3MTYzYzY5OTYuZW90Ijs=?#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiMWNmMjZiM2Q4ZjVkZGQ3ZjNjNTBhM2Q5YmE5OWViZjUud29mZiI7) format("woff");
}
@font-face {
  font-family: "Mangal";
  font-weight: 400;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/Mangal/Mangal-Regular.ttf") format("ttf");
}
@font-face {
  font-family: "Mangal";
  font-weight: 700;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/Mangal/Mangal-Bold.ttf") format("ttf");
}
@font-face {
  font-family: "Nirmala UI";
  font-weight: 400;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/Nirmala/Nirmala-Regular.ttf") format("ttf");
}
@font-face {
  font-family: "Nirmala UI";
  font-weight: 700;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/Nirmala/Nirmala-Bold.ttf") format("ttf");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 100;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf") format("ttf");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 300;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf") format("ttf");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 400;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("ttf");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 500;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("ttf");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
  font-display: swap;
  src: url("clientlib-site/resources/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("ttf");
}
@font-face {
  font-family: "dds-icon-font";
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZDkwNjFiODgyOWRlOTJkOGYxZjY3MDY5ZjRmNTYwOGIuZW90Ijs=);
  src: url(data:application/vnd.ms-fontobject;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZDkwNjFiODgyOWRlOTJkOGYxZjY3MDY5ZjRmNTYwOGIuZW90Ijs=#iefix) format("embedded-opentype"), url("clientlib-site/resources/fonts/dds-icon-font/dds-icon-font.ttf") format("truetype"), url(data:font/woff;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZWM0ZjFiZDg1YmI5MTBjYzllMDYxOTNhMjRiYTdkNTkud29mZiI7) format("woff"), url("clientlib-site/resources/fonts/dds-icon-font/dds-icon-font.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=dds-icon-], [class*=" dds-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "dds-icon-font" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dds-icon-delete-solid:before {
  content: "\ea1f";
  color: #e00842;
}

.dds-icon-delete:before {
  content: "\ea1e";
}

.dds-icon-employee:before {
  content: "\e9e6";
}

.dds-icon-reward-on:before {
  content: "\e9d5";
}

.dds-icon-reward:before {
  content: "\e9d6";
}

.dds-icon-customer-on:before {
  content: "\e9be";
}

.dds-icon-customer:before {
  content: "\e9bf";
}

.dds-icon-tiktok:before {
  content: "\e9c3";
}

.dds-icon-twitter:before {
  content: "\e9c5";
}

.dds-icon-kakaotalk:before {
  content: "\e9c6";
}

.dds-icon-star-rating-on:before {
  content: "\e9c7";
}

.dds-icon-account:before {
  content: "\e9d7";
}

.dds-icon-account-on:before {
  content: "\e9dd";
}

.dds-icon-grid-menu:before {
  content: "\ea11";
}

.dds-icon-grid-menu-on:before {
  content: "\ea12";
}

.dds-icon-health:before {
  content: "\ea13";
}

.dds-icon-health-on:before {
  content: "\ea14";
}

.dds-icon-stop:before {
  content: "\ea15";
}

.dds-icon-health-report:before {
  content: "\ea16";
}

.dds-icon-vitality-earn-point:before {
  content: "\ea17";
}

.dds-icon-log-out:before {
  content: "\ea18";
}

.dds-icon-mic-solid:before {
  content: "\ea19";
}

.dds-icon-unlink:before {
  content: "\ea1a";
}

.dds-icon-fontsize-medium:before {
  content: "\ea1b";
}

.dds-icon-fontsize-small:before {
  content: "\ea1c";
}

.dds-icon-fontsize-large:before {
  content: "\ea1d";
}

.dds-icon-notification-new:before {
  content: "\e9f3";
}

.dds-icon-notification-off:before {
  content: "\ea08";
}

.dds-icon-photo:before {
  content: "\ea0c";
}

.dds-icon-video-solid:before {
  content: "\ea0d";
}

.dds-icon-chatbot:before {
  content: "\ea0e";
}

.dds-icon-delete-text:before {
  content: "\ea0f";
}

.dds-icon-file:before {
  content: "\ea10";
}

.dds-icon-ellipsis:before {
  content: "\e999";
}

.dds-icon-indeterminate:before {
  content: "\e99a";
}

.dds-icon-previous-2:before {
  content: "\e9ac";
}

.dds-icon-sorting:before {
  content: "\e9b4";
}

.dds-icon-syncing:before {
  content: "\e9b6";
}

.dds-icon-wifi:before {
  content: "\e9de";
}

.dds-icon-star-rating:before {
  content: "\e998";
}

.dds-icon-error:before {
  content: "\e991";
}

.dds-icon-information:before {
  content: "\e992";
}

.dds-icon-medal:before {
  content: "\e993";
}

.dds-icon-warning:before {
  content: "\e994";
  color: #000;
}

.dds-icon-wifi-off:before {
  content: "\e995";
}

.dds-icon-check:before {
  content: "\e996";
}

.dds-icon-clock:before {
  content: "\e997";
}

.dds-icon-chevron-up:before {
  content: "\e98b";
}

.dds-icon-hide:before {
  content: "\e98c";
}

.dds-icon-chevron-down:before {
  content: "\e98d";
}

.dds-icon-chevron-left:before {
  content: "\e98e";
}

.dds-icon-chevron-right:before {
  content: "\e98f";
}

.dds-icon-show:before {
  content: "\e990";
}

.dds-icon-platinum:before {
  content: "\e9a8";
}

.dds-icon-line:before {
  content: "\e97a";
}

.dds-icon-linkedin:before {
  content: "\e97b";
}

.dds-icon-wechat:before {
  content: "\e97c";
}

.dds-icon-youtube:before {
  content: "\e97d";
}

.dds-icon-facebook:before {
  content: "\e97e";
}

.dds-icon-instagram:before {
  content: "\e97f";
}

.dds-icon-emoji-unhappy-solid:before {
  content: "\e980";
}

.dds-icon-emoji-very-happy:before {
  content: "\e981";
  color: #d6d8da;
}

.dds-icon-emoji-very-happy-solid:before {
  content: "\e982";
}

.dds-icon-emoji-very-unhappy:before {
  content: "\e983";
  color: #d6d8da;
}

.dds-icon-emoji-very-unhappy-solid:before {
  content: "\e984";
}

.dds-icon-star:before {
  content: "\e985";
}

.dds-icon-emoji-happy:before {
  content: "\e986";
  color: #d6d8da;
}

.dds-icon-emoji-happy-solid:before {
  content: "\e987";
}

.dds-icon-emoji-neutral:before {
  content: "\e988";
  color: #d6d8da;
}

.dds-icon-emoji-neutral-solid:before {
  content: "\e989";
}

.dds-icon-emoji-unhappy:before {
  content: "\e98a";
  color: #d6d8da;
}

.dds-icon-internet-banking:before {
  content: "\e99b";
}

.dds-icon-oversea-issued-card:before {
  content: "\e99c";
}

.dds-icon-pps-and-fps:before {
  content: "\e99d";
}

.dds-icon-wallet:before {
  content: "\e99e";
}

.dds-icon-atm:before {
  content: "\e99f";
}

.dds-icon-cash:before {
  content: "\e9a0";
}

.dds-icon-cheque:before {
  content: "\e9a1";
}

.dds-icon-credit-card:before {
  content: "\e9a2";
}

.dds-icon-credit-card-info:before {
  content: "\e9a3";
}

.dds-icon-discover:before {
  content: "\e9a4";
}

.dds-icon-discover-on:before {
  content: "\e9a5";
}

.dds-icon-home:before {
  content: "\e9a6";
}

.dds-icon-home-on:before {
  content: "\e9a7";
}

.dds-icon-more-on:before {
  content: "\e9a9";
}

.dds-icon-profile:before {
  content: "\e9aa";
}

.dds-icon-profile-on:before {
  content: "\e9ab";
}

.dds-icon-report-on:before {
  content: "\e9ad";
}

.dds-icon-setting:before {
  content: "\e9ae";
}

.dds-icon-setting-on:before {
  content: "\e9af";
}

.dds-icon-tag:before {
  content: "\e9b0";
}

.dds-icon-tag-on:before {
  content: "\e9b1";
}

.dds-icon-target:before {
  content: "\e9b2";
}

.dds-icon-target-on:before {
  content: "\e9b3";
}

.dds-icon-vitality-on:before {
  content: "\e9b5";
}

.dds-icon-write-on:before {
  content: "\e9b7";
}

.dds-icon-application:before {
  content: "\e9b8";
}

.dds-icon-application-on:before {
  content: "\e9b9";
}

.dds-icon-calculator:before {
  content: "\e9ba";
}

.dds-icon-calculator-on:before {
  content: "\e9bb";
}

.dds-icon-create-quotation:before {
  content: "\e9bc";
}

.dds-icon-create-quotation-on:before {
  content: "\e9bd";
}

.dds-icon-dashboard:before {
  content: "\e9c0";
}

.dds-icon-dashboard-on:before {
  content: "\e9c1";
}

.dds-icon-icon-play-hero:before {
  content: "\e9c2";
}

.dds-icon-icon-right-carousel-arrow:before {
  content: "\e9c4";
}

.dds-icon-pause:before {
  content: "\e9c8";
}

.dds-icon-play:before {
  content: "\e9c9";
}

.dds-icon-rotate-left:before {
  content: "\e9ca";
}

.dds-icon-rotate-right:before {
  content: "\e9cb";
}

.dds-icon-change-camera:before {
  content: "\e9cc";
}

.dds-icon-change-camera-solid:before {
  content: "\e9cd";
}

.dds-icon-crop:before {
  content: "\e9ce";
}

.dds-icon-flip:before {
  content: "\e9cf";
}

.dds-icon-flip-solid:before {
  content: "\e9d0";
}

.dds-icon-icon-carousel-arrow-left .path1:before {
  content: "\e9d1";
  color: rgb(255, 255, 255);
}

.dds-icon-icon-carousel-arrow-left .path2:before {
  content: "\e9d2";
  margin-left: -1em;
  color: rgb(51, 61, 71);
  opacity: 0.6;
}

.dds-icon-icon-carousel-arrow-left .path3:before {
  content: "\e9d3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.dds-icon-icon-left-carousel-arrow:before {
  content: "\e9d4";
}

.dds-icon-icon-light-play .path1:before {
  content: "\e9d8";
  color: rgb(0, 0, 0);
}

.dds-icon-icon-light-play .path2:before {
  content: "\e9d9";
  margin-left: -0.962890625em;
  color: rgb(255, 255, 255);
}

.dds-icon-icon-light-play .path3:before {
  content: "\e9da";
  margin-left: -0.962890625em;
  color: rgb(51, 61, 71);
  opacity: 0.6;
}

.dds-icon-icon-light-play .path4:before {
  content: "\e9db";
  margin-left: -0.962890625em;
  color: rgb(255, 255, 255);
}

.dds-icon-icon-pause:before {
  content: "\e9dc";
}

.dds-icon-employer:before {
  content: "\e9df";
}

.dds-icon-general-user:before {
  content: "\e9e0";
}

.dds-icon-general-user-solid:before {
  content: "\e9e1";
}

.dds-icon-advisor:before {
  content: "\e9e2";
}

.dds-icon-assignee:before {
  content: "\e9e3";
}

.dds-icon-broker:before {
  content: "\e9e4";
}

.dds-icon-distribution-partner:before {
  content: "\e9e5";
}

.dds-icon-heart-report:before {
  content: "\e9e7";
}

.dds-icon-length:before {
  content: "\e9e8";
}

.dds-icon-nutrition:before {
  content: "\e9e9";
}

.dds-icon-quick:before {
  content: "\e9ea";
}

.dds-icon-shine:before {
  content: "\e9eb";
}

.dds-icon-smoking:before {
  content: "\e9ec";
}

.dds-icon-snack:before {
  content: "\e9ed";
}

.dds-icon-steps:before {
  content: "\e9ee";
}

.dds-icon-steps-solid:before {
  content: "\e9ef";
}

.dds-icon-strength:before {
  content: "\e9f0";
}

.dds-icon-sunshine:before {
  content: "\e9f1";
}

.dds-icon-vegetables:before {
  content: "\e9f2";
}

.dds-icon-vitals:before {
  content: "\e9f4";
}

.dds-icon-vitals-solid:before {
  content: "\e9f5";
}

.dds-icon-weight:before {
  content: "\e9f6";
}

.dds-icon-workout-tracker:before {
  content: "\e9f7";
}

.dds-icon-workout-tracker-solid:before {
  content: "\e9f8";
}

.dds-icon-alcohol:before {
  content: "\e9f9";
}

.dds-icon-beauty:before {
  content: "\e9fa";
}

.dds-icon-beer:before {
  content: "\e9fb";
}

.dds-icon-blood-sugar:before {
  content: "\e9fc";
}

.dds-icon-breath:before {
  content: "\e9fd";
}

.dds-icon-cleaning:before {
  content: "\e9fe";
}

.dds-icon-coffee:before {
  content: "\e9ff";
}

.dds-icon-dark:before {
  content: "\ea00";
}

.dds-icon-doctor:before {
  content: "\ea01";
}

.dds-icon-dream:before {
  content: "\ea02";
}

.dds-icon-drumstick:before {
  content: "\ea03";
}

.dds-icon-fish:before {
  content: "\ea04";
}

.dds-icon-fitness:before {
  content: "\ea05";
}

.dds-icon-flu:before {
  content: "\ea06";
}

.dds-icon-food:before {
  content: "\ea07";
}

.dds-icon-healthy-heart:before {
  content: "\ea09";
}

.dds-icon-heart-rate:before {
  content: "\ea0a";
}

.dds-icon-heart-rate-solid:before {
  content: "\ea0b";
}

.dds-icon-log-out-solid:before {
  content: "\ea53";
}

.dds-icon-mask:before {
  content: "\ea54";
}

.dds-icon-mic:before {
  content: "\ea55";
}

.dds-icon-phone:before {
  content: "\ea56";
}

.dds-icon-phone-solid:before {
  content: "\ea57";
}

.dds-icon-pin:before {
  content: "\ea58";
}

.dds-icon-pin-solid:before {
  content: "\ea59";
}

.dds-icon-search:before {
  content: "\ea5a";
}

.dds-icon-send-msg:before {
  content: "\ea5b";
}

.dds-icon-share:before {
  content: "\ea5c";
}

.dds-icon-share-solid:before {
  content: "\ea5d";
}

.dds-icon-sort-by-alphabet:before {
  content: "\ea5e";
}

.dds-icon-unlock:before {
  content: "\ea5f";
}

.dds-icon-unlock-solid:before {
  content: "\ea60";
}

.dds-icon-unmask:before {
  content: "\ea61";
}

.dds-icon-upload-cloud:before {
  content: "\ea62";
}

.dds-icon-vertical-order:before {
  content: "\ea63";
}

.dds-icon-write:before {
  content: "\ea64";
}

.dds-icon-attach:before {
  content: "\ea65";
}

.dds-icon-bookmark-solid:before {
  content: "\ea66";
}

.dds-icon-bookmark-solid-2:before {
  content: "\ea67";
}

.dds-icon-camera:before {
  content: "\ea68";
}

.dds-icon-camera-solid:before {
  content: "\ea69";
}

.dds-icon-cart:before {
  content: "\ea6a";
}

.dds-icon-cart-solid:before {
  content: "\ea6b";
}

.dds-icon-direction:before {
  content: "\ea6e";
}

.dds-icon-direction-solid:before {
  content: "\ea6f";
}

.dds-icon-download:before {
  content: "\ea70";
}

.dds-icon-edit:before {
  content: "\ea71";
}

.dds-icon-email:before {
  content: "\ea72";
}

.dds-icon-email-solid:before {
  content: "\ea73";
}

.dds-icon-external-link:before {
  content: "\ea74";
}

.dds-icon-filter-funnel:before {
  content: "\ea75";
}

.dds-icon-filter-funnel-solid:before {
  content: "\ea76";
}

.dds-icon-filter-line-funnel:before {
  content: "\ea77";
}

.dds-icon-filter-slider:before {
  content: "\ea78";
}

.dds-icon-filter-slider-solid:before {
  content: "\ea79";
}

.dds-icon-gps:before {
  content: "\ea7a";
}

.dds-icon-grid:before {
  content: "\ea7b";
}

.dds-icon-grid-solid:before {
  content: "\ea7c";
}

.dds-icon-info:before {
  content: "\ea7d";
}

.dds-icon-info-solid:before {
  content: "\ea7e";
}

.dds-icon-link:before {
  content: "\ea7f";
}

.dds-icon-live-chat-solid:before {
  content: "\ea80";
}

.dds-icon-lock:before {
  content: "\ea81";
}

.dds-icon-lock-solid:before {
  content: "\ea82";
}

.dds-icon-foodtracker:before {
  content: "\ea83";
  color: #1f78ad;
}

.dds-icon-instruction1:before {
  content: "\ea84";
  color: #1f78ad;
}

.dds-icon-instruction2:before {
  content: "\ea85";
  color: #1f78ad;
}

.dds-icon-instruction3:before {
  content: "\ea86";
  color: #1f78ad;
}

.dds-icon-instruction4:before {
  content: "\ea87";
  color: #1f78ad;
}

.dds-icon-not_a_food .path1:before {
  content: "\ea88";
  color: rgb(132, 135, 137);
}

.dds-icon-not_a_food .path2:before {
  content: "\ea89";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.dds-icon-plus_circle_gray:before {
  content: "\ea8a";
  color: #7a8999;
}

.dds-icon-rateGray:before {
  content: "\ea8c";
  color: #7a8999;
}

.dds-icon-selectAlbum:before {
  content: "\ea8e";
}

.dds-icon-unidentifiable .path1:before {
  content: "\ea8f";
  color: rgb(131, 135, 137);
}

.dds-icon-unidentifiable .path2:before {
  content: "\ea90";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.dds-icon-duplicate_photo .path1:before {
  content: "\ea94";
  color: rgb(132, 135, 137);
}

.dds-icon-duplicate_photo .path2:before {
  content: "\ea95";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.dds-icon-filled_dark_gray:before {
  content: "\ea96";
}

.dds-icon-award:before {
  content: "\e90d";
}

.dds-icon-birthday:before {
  content: "\e935";
}

.dds-icon-block:before {
  content: "\e936";
}

.dds-icon-bulb:before {
  content: "\e937";
}

.dds-icon-business:before {
  content: "\e938";
}

.dds-icon-calendar:before {
  content: "\e939";
}

.dds-icon-calendar-retake:before {
  content: "\e93a";
}

.dds-icon-calendar-solid:before {
  content: "\e93b";
}

.dds-icon-chart:before {
  content: "\e93c";
}

.dds-icon-comment:before {
  content: "\e93d";
}

.dds-icon-contact-list-solid:before {
  content: "\e93e";
}

.dds-icon-countdown:before {
  content: "\e93f";
}

.dds-icon-coupon:before {
  content: "\e940";
}

.dds-icon-coupon-solid:before {
  content: "\e941";
}

.dds-icon-decrease:before {
  content: "\e942";
}

.dds-icon-default .path1:before {
  content: "\e943";
  color: rgb(234, 235, 236);
}

.dds-icon-default .path2:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(51, 61, 71);
  opacity: 0.5;
}

.dds-icon-discount:before {
  content: "\e945";
}

.dds-icon-earn-points:before {
  content: "\e946";
}

.dds-icon-enquiry:before {
  content: "\e947";
}

.dds-icon-enquiry-solid:before {
  content: "\e948";
}

.dds-icon-exercise-event:before {
  content: "\e949";
}

.dds-icon-expired:before {
  content: "\e94a";
}

.dds-icon-flash:before {
  content: "\e94b";
}

.dds-icon-folder-bookmark:before {
  content: "\e94c";
}

.dds-icon-folder-search:before {
  content: "\e94d";
}

.dds-icon-gift:before {
  content: "\e94e";
}

.dds-icon-globe:before {
  content: "\e94f";
}

.dds-icon-goal:before {
  content: "\e950";
}

.dds-icon-goals-solid:before {
  content: "\e951";
}

.dds-icon-group:before {
  content: "\e952";
}

.dds-icon-increase:before {
  content: "\e953";
}

.dds-icon-laptop:before {
  content: "\e954";
}

.dds-icon-laptop-solid:before {
  content: "\e955";
}

.dds-icon-like:before {
  content: "\e956";
}

.dds-icon-like-solid:before {
  content: "\e957";
}

.dds-icon-list:before {
  content: "\e958";
}

.dds-icon-map:before {
  content: "\e959";
}

.dds-icon-map-solid:before {
  content: "\e95a";
}

.dds-icon-medal-solid:before {
  content: "\e95b";
}

.dds-icon-meetup:before {
  content: "\e95c";
}

.dds-icon-membership-card:before {
  content: "\e95d";
}

.dds-icon-membership-card-solid:before {
  content: "\e95e";
}

.dds-icon-notes:before {
  content: "\e95f";
}

.dds-icon-notes-solid:before {
  content: "\e960";
}

.dds-icon-notification:before {
  content: "\e961";
}

.dds-icon-notification-solid:before {
  content: "\e962";
}

.dds-icon-podcast:before {
  content: "\e963";
}

.dds-icon-popular:before {
  content: "\e964";
}

.dds-icon-popular-solid:before {
  content: "\e965";
}

.dds-icon-post-office:before {
  content: "\e966";
}

.dds-icon-protect:before {
  content: "\e967";
}

.dds-icon-protect-solid:before {
  content: "\e968";
}

.dds-icon-push-notification:before {
  content: "\e969";
}

.dds-icon-qr:before {
  content: "\e96a";
}

.dds-icon-question:before {
  content: "\e96b";
}

.dds-icon-question-solid:before {
  content: "\e96c";
}

.dds-icon-read:before {
  content: "\e96d";
}

.dds-icon-report:before {
  content: "\e96e";
}

.dds-icon-slide-show:before {
  content: "\e96f";
}

.dds-icon-speed:before {
  content: "\e970";
}

.dds-icon-swipe:before {
  content: "\e971";
}

.dds-icon-time:before {
  content: "\e972";
}

.dds-icon-time-solid:before {
  content: "\e973";
}

.dds-icon-video:before {
  content: "\e974";
}

.dds-icon-alarm:before {
  content: "\e975";
}

.dds-icon-alarm-solid:before {
  content: "\e976";
}

.dds-icon-album:before {
  content: "\e977";
}

.dds-icon-alert:before {
  content: "\e978";
}

.dds-icon-alert-solid:before {
  content: "\e979";
}

.dds-icon-refresh:before {
  content: "\e90e";
}

.dds-icon-refresh-solid:before {
  content: "\e90f";
}

.dds-icon-remove:before {
  content: "\e910";
}

.dds-icon-remove-solid:before {
  content: "\e911";
}

.dds-icon-scan-barcode:before {
  content: "\e912";
}

.dds-icon-scan-face:before {
  content: "\e913";
}

.dds-icon-scan-fingerprint:before {
  content: "\e914";
}

.dds-icon-scan-qr:before {
  content: "\e915";
}

.dds-icon-sidebar-collapse:before {
  content: "\e916";
}

.dds-icon-sidebar-expand:before {
  content: "\e917";
}

.dds-icon-success:before {
  content: "\e918";
}

.dds-icon-success-solid:before {
  content: "\e919";
}

.dds-icon-add:before {
  content: "\e91a";
}

.dds-icon-arrow-down:before {
  content: "\e91b";
}

.dds-icon-arrow-left:before {
  content: "\e91c";
}

.dds-icon-arrow-right:before {
  content: "\e91d";
}

.dds-icon-arrow-up:before {
  content: "\e91e";
}

.dds-icon-checkmark:before {
  content: "\e91f";
}

.dds-icon-circle-minus:before {
  content: "\e920";
}

.dds-icon-circle-minus-solid:before {
  content: "\e921";
}

.dds-icon-circle-plus:before {
  content: "\e922";
}

.dds-icon-circle-plus-solid:before {
  content: "\e923";
}

.dds-icon-close:before {
  content: "\e924";
}

.dds-icon-drag:before {
  content: "\e925";
}

.dds-icon-loading:before {
  content: "\e926";
}

.dds-icon-maximize:before {
  content: "\e927";
}

.dds-icon-menu:before {
  content: "\e928";
}

.dds-icon-minimize:before {
  content: "\e929";
}

.dds-icon-minus:before {
  content: "\e92a";
}

.dds-icon-more:before {
  content: "\e92b";
}

.dds-icon-next:before {
  content: "\e92c";
}

.dds-icon-order-accending .path1:before {
  content: "\e92d";
  color: rgb(68, 68, 68);
  opacity: 0.4;
}

.dds-icon-order-accending .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(68, 68, 68);
}

.dds-icon-order-descending .path1:before {
  content: "\e92f";
  color: rgb(68, 68, 68);
}

.dds-icon-order-descending .path2:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(68, 68, 68);
  opacity: 0.4;
}

.dds-icon-order-down:before {
  content: "\e931";
}

.dds-icon-order-up:before {
  content: "\e932";
}

.dds-icon-order-up-and-down:before {
  content: "\e933";
}

.dds-icon-previous:before {
  content: "\e934";
}

.dds-icon-vitality:before {
  content: "\e90c";
}

.dds-icon-underline:before {
  content: "\e901";
}

.dds-icon-sign:before {
  content: "\e902";
}

.dds-icon-sign-solid:before {
  content: "\e903";
}

.dds-icon-print-solid:before {
  content: "\e904";
}

.dds-icon-print:before {
  content: "\e905";
}

.dds-icon-italic:before {
  content: "\e906";
}

.dds-icon-fontsize:before {
  content: "\e900";
}

.dds-icon-duplicate-document:before {
  content: "\e907";
}

.dds-icon-create-new-document:before {
  content: "\e908";
}

.dds-icon-copy-document:before {
  content: "\e909";
}

.dds-icon-bullet-point:before {
  content: "\e90a";
}

.dds-icon-bold:before {
  content: "\e90b";
}

.theme-light .shadow-none {
  box-shadow: none;
}
.theme-light .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-light .shadow {
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.15);
}
.theme-light .shadow-lg {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.175);
}

.theme-dark .shadow-none {
  box-shadow: none;
}
.theme-dark .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-dark .shadow {
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.15);
}
.theme-dark .shadow-lg {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.175);
}

.theme-light .dds-activity-indicator__wrapper {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-activity-indicator__wrapper__spinner {
  border-radius: 62.5rem;
  border: solid 0.1875rem #D6D8DA;
  border-top: solid 0.1875rem #E00842;
  border-right: solid 0.1875rem #E00842;
  border-bottom: solid 0.1875rem #E00842;
  animation: spin 2s linear infinite;
}
.theme-light .dds-activity-indicator__wrapper__label {
  color: #14181C;
}
.theme-light .dds-activity-indicator__wrapper--container {
  width: 8rem;
  padding: 1.25rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-light .dds-activity-indicator--small .dds-activity-indicator__wrapper__spinner {
  width: 1.5rem;
  height: 1.5rem;
  border-width: 0.1875rem;
}
.theme-light .dds-activity-indicator--large .dds-activity-indicator__wrapper__spinner {
  width: 4rem;
  height: 4rem;
  border-width: 0.25rem;
}

.theme-dark .dds-activity-indicator__wrapper {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-activity-indicator__wrapper__spinner {
  border-radius: 62.5rem;
  border: solid 0.1875rem #333D47;
  border-top: solid 0.1875rem #E00842;
  border-right: solid 0.1875rem #E00842;
  border-bottom: solid 0.1875rem #E00842;
  animation: spin 2s linear infinite;
}
.theme-dark .dds-activity-indicator__wrapper__label {
  color: #FFFFFF;
}
.theme-dark .dds-activity-indicator__wrapper--container {
  width: 8rem;
  padding: 1.25rem;
  background-color: #293139;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-dark .dds-activity-indicator--small .dds-activity-indicator__wrapper__spinner {
  width: 1.5rem;
  height: 1.5rem;
  border-width: 0.1875rem;
}
.theme-dark .dds-activity-indicator--large .dds-activity-indicator__wrapper__spinner {
  width: 4rem;
  height: 4rem;
  border-width: 0.25rem;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.theme-light .dds-badge {
  box-sizing: content-box;
  border: solid 0.125rem #FFFFFF;
  border-radius: 62.5rem;
  background-color: #E00842;
  display: inline-flex;
  flex-shrink: 0;
}
.theme-light .dds-badge--with-count {
  padding: 0.0625rem 0.4375rem 0 0.4375rem;
  width: auto;
  height: auto;
  border-radius: 62.5rem;
}
.theme-light .dds-badge--size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.theme-light .dds-badge--size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-light .dds-badge__label {
  color: #FFFFFF;
}

.theme-dark .dds-badge {
  box-sizing: content-box;
  border: solid 0.125rem #14181C;
  border-radius: 62.5rem;
  background-color: #E00842;
  display: inline-flex;
  flex-shrink: 0;
}
.theme-dark .dds-badge--with-count {
  padding: 0.0625rem 0.4375rem 0 0.4375rem;
  width: auto;
  height: auto;
  border-radius: 62.5rem;
}
.theme-dark .dds-badge--size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.theme-dark .dds-badge--size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-dark .dds-badge__label {
  color: #FFFFFF;
}

.theme-light .dds-body {
  color: #14181C;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: baseline;
}
.theme-light .dds-body__legend-dot {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 62.5rem;
}
.theme-light .dds-body__legend-dot--data-digital-red {
  background-color: #e00842;
}
.theme-light .dds-body__legend-dot--data-digital-lavender {
  background-color: #8782c4;
}
.theme-light .dds-body__legend-dot--data-digital-orange {
  background-color: #fc6153;
}
.theme-light .dds-body__legend-dot--data-digital-blue {
  background-color: #358dd4;
}
.theme-light .dds-body__legend-dot--data-salmon {
  background-color: #e75e69;
}
.theme-light .dds-body__legend-dot--data-purple {
  background-color: #3634c8;
}
.theme-light .dds-body__legend-dot--data-digital-cerise {
  background-color: #b44484;
}
.theme-light .dds-body__legend-dot--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-light .dds-body__legend-dot--data-navyblue {
  background-color: #082065;
}
.theme-light .dds-body__legend-dot--data-green {
  background-color: #229f64;
}
.theme-light .dds-body__legend-dot--data-warmgrey {
  background-color: #9a948d;
}
.theme-light .dds-body__legend-dot--data-cerise {
  background-color: #d40c74;
}
.theme-light .dds-body__legend-dot--data-background {
  background-color: #d6d8da;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-1 {
  background-color: #E00842;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-2 {
  background-color: #8782C4;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-3 {
  background-color: #FF5F00;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-4 {
  background-color: #3D8ADB;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-5 {
  background-color: #E26276;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-6 {
  background-color: #5856F6;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-7 {
  background-color: #A4095A;
}
.theme-light .dds-body__legend-dot--data-visualisation-category-8 {
  background-color: #AE8F4C;
}
.theme-light .dds-body__legend-dot--data-visualisation-others {
  background-color: #082065;
}
.theme-light .dds-body__legend-dot--data-visualisation-track {
  background-color: #D6D8DA;
}
.theme-light .dds-body__legend-dot--data-visualisation-positive {
  background-color: #229F64;
}
.theme-light .dds-body__legend-dot--data-visualisation-negative {
  background-color: #D40C74;
}
.theme-light .dds-body__legend-dot--data-visualisation-neutral {
  background-color: #97908B;
}

.theme-dark .dds-body {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: baseline;
}
.theme-dark .dds-body__legend-dot {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 62.5rem;
}
.theme-dark .dds-body__legend-dot--data-digital-red {
  background-color: #e31f4e;
}
.theme-dark .dds-body__legend-dot--data-digital-lavender {
  background-color: #9895c9;
}
.theme-dark .dds-body__legend-dot--data-digital-orange {
  background-color: #ff6b5e;
}
.theme-dark .dds-body__legend-dot--data-digital-blue {
  background-color: #459feb;
}
.theme-dark .dds-body__legend-dot--data-salmon {
  background-color: #ff7a85;
}
.theme-dark .dds-body__legend-dot--data-purple {
  background-color: #5856d6;
}
.theme-dark .dds-body__legend-dot--data-digital-cerise {
  background-color: #c76b9f;
}
.theme-dark .dds-body__legend-dot--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-dark .dds-body__legend-dot--data-navyblue {
  background-color: #2469c1;
}
.theme-dark .dds-body__legend-dot--data-green {
  background-color: #1ebb71;
}
.theme-dark .dds-body__legend-dot--data-warmgrey {
  background-color: #928880;
}
.theme-dark .dds-body__legend-dot--data-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-body__legend-dot--data-background {
  background-color: #333d47;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-1 {
  background-color: #E00842;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-2 {
  background-color: #9F9BD0;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-3 {
  background-color: #FF7F33;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-4 {
  background-color: #3D8ADB;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-5 {
  background-color: #FF7A85;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-6 {
  background-color: #7978DE;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-7 {
  background-color: #E0519B;
}
.theme-dark .dds-body__legend-dot--data-visualisation-category-8 {
  background-color: #BEA570;
}
.theme-dark .dds-body__legend-dot--data-visualisation-others {
  background-color: #5E6E9B;
}
.theme-dark .dds-body__legend-dot--data-visualisation-track {
  background-color: #333D47;
}
.theme-dark .dds-body__legend-dot--data-visualisation-positive {
  background-color: #64bc93;
}
.theme-dark .dds-body__legend-dot--data-visualisation-negative {
  background-color: #E0519B;
}
.theme-dark .dds-body__legend-dot--data-visualisation-neutral {
  background-color: #79736F;
}

.theme-light .dds-breadcrumb {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.theme-light .dds-breadcrumb:not(.dds-breadcrumb--icon-right) {
  border-radius: 0.5rem;
  cursor: pointer;
}
.theme-light .dds-breadcrumb:not(.dds-breadcrumb--icon-right):hover, .theme-light .dds-breadcrumb:not(.dds-breadcrumb--icon-right):focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-breadcrumb__text {
  color: #14181C;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 0.0625rem;
}
.theme-light .dds-breadcrumb__text__left-spacing {
  margin-left: 0.5rem;
  text-decoration: none;
}
.theme-light .dds-breadcrumb__text__right-spacing {
  margin-right: 0.5rem;
}
.theme-light .dds-breadcrumb--icon-left {
  padding: 0.5rem 0;
  cursor: pointer;
}
.theme-light .dds-breadcrumb--icon-right .dds-breadcrumb__text {
  padding: 0.5rem 0 0.4375rem 0;
  border-radius: 0.5rem;
  cursor: pointer;
}
.theme-light .dds-breadcrumb--icon-right .dds-breadcrumb__text:hover, .theme-light .dds-breadcrumb--icon-right .dds-breadcrumb__text:focus {
  background-color: rgba(20, 24, 28, 0.08);
}
.theme-light .dds-breadcrumb--icon-none {
  padding: 0.5rem 0 0.4375rem 0;
}

.theme-dark .dds-breadcrumb {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.theme-dark .dds-breadcrumb:not(.dds-breadcrumb--icon-right) {
  border-radius: 0.5rem;
  cursor: pointer;
}
.theme-dark .dds-breadcrumb:not(.dds-breadcrumb--icon-right):hover, .theme-dark .dds-breadcrumb:not(.dds-breadcrumb--icon-right):focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-breadcrumb__text {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 0.0625rem;
}
.theme-dark .dds-breadcrumb__text__left-spacing {
  margin-left: 0.5rem;
  text-decoration: none;
}
.theme-dark .dds-breadcrumb__text__right-spacing {
  margin-right: 0.5rem;
}
.theme-dark .dds-breadcrumb--icon-left {
  padding: 0.5rem 0;
  cursor: pointer;
}
.theme-dark .dds-breadcrumb--icon-right .dds-breadcrumb__text {
  padding: 0.5rem 0 0.4375rem 0;
  border-radius: 0.5rem;
  cursor: pointer;
}
.theme-dark .dds-breadcrumb--icon-right .dds-breadcrumb__text:hover, .theme-dark .dds-breadcrumb--icon-right .dds-breadcrumb__text:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .dds-breadcrumb--icon-none {
  padding: 0.5rem 0 0.4375rem 0;
}

.theme-light .dds-button {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.theme-light .dds-button:disabled {
  cursor: not-allowed;
}
.theme-light .dds-button--full-width {
  width: 100%;
}
.theme-light .dds-button--primary {
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #E00842;
  border-color: #E00842;
}
.theme-light .dds-button--primary .dds-button__label {
  color: #FFFFFF;
}
.theme-light .dds-button--primary:hover, .theme-light .dds-button--primary:focus {
  background-color: #B30635;
  border-color: #B30635;
}
.theme-light .dds-button--primary:hover .dds-button__label, .theme-light .dds-button--primary:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-light .dds-button--primary:disabled {
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-button--primary:disabled .dds-button__label {
  color: #858B91;
}
.theme-light .dds-button--primary.dds-button--small {
  min-width: 6rem;
  padding: 0.4375rem 1rem;
}
.theme-light .dds-button--primary.dds-button--large {
  min-width: 9rem;
  padding: 0.8125rem 1.5rem;
}
.theme-light .dds-button--secondary {
  border: 0.0625rem solid #E00842;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0);
}
.theme-light .dds-button--secondary.dds-button--small {
  min-width: 6rem;
  padding: 0.4375rem 1rem;
}
.theme-light .dds-button--secondary.dds-button--large {
  min-width: 9rem;
  padding: 0.8125rem 1.5rem;
}
.theme-light .dds-button--secondary:hover, .theme-light .dds-button--secondary:focus {
  border-color: #E00842;
  background-color: #FFEDF1;
}
.theme-light .dds-button--secondary:hover .dds-button__label, .theme-light .dds-button--secondary:focus .dds-button__label {
  color: #E00842;
}
.theme-light .dds-button--secondary:disabled {
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-button--secondary:disabled .dds-button__label {
  color: #858B91;
}
.theme-light .dds-button--secondary .dds-button__label {
  color: #E00842;
}
.theme-light .dds-button--tertiary {
  border: 0;
  border-radius: 0.5rem;
  background-color: transparent;
}
.theme-light .dds-button--tertiary .dds-button__label--underline, .theme-light .dds-button--tertiary:hover .dds-button__label--hover-underline, .theme-light .dds-button--tertiary:focus .dds-button__label--hover-underline {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 0.0625rem;
}
.theme-light .dds-button--tertiary.dds-button--small {
  column-gap: 0.25rem;
  min-width: 3rem;
  padding: 0.5rem 0;
}
.theme-light .dds-button--tertiary.dds-button--large {
  column-gap: 0.5rem;
  min-width: 3rem;
  padding: 0.875rem 0;
}
.theme-light .dds-button--tertiary-white .dds-button__label {
  color: #FFFFFF;
}
.theme-light .dds-button--tertiary-white:hover .dds-button__label, .theme-light .dds-button--tertiary-white:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-light .dds-button--tertiary-white:disabled .dds-button__label {
  color: #858B91;
}
.theme-light .dds-button--tertiary-charcoal .dds-button__label {
  color: #14181C;
}
.theme-light .dds-button--tertiary-charcoal:hover .dds-button__label, .theme-light .dds-button--tertiary-charcoal:focus .dds-button__label {
  color: #14181C;
}
.theme-light .dds-button--tertiary-charcoal:hover:not(:disabled), .theme-light .dds-button--tertiary-charcoal:focus:not(:disabled) {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-button--tertiary-charcoal:disabled .dds-button__label {
  color: #858B91;
}

.theme-dark .dds-button {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.theme-dark .dds-button:disabled {
  cursor: not-allowed;
}
.theme-dark .dds-button--full-width {
  width: 100%;
}
.theme-dark .dds-button--primary {
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #E00842;
  border-color: #E00842;
}
.theme-dark .dds-button--primary .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--primary:hover, .theme-dark .dds-button--primary:focus {
  background-color: #B30635;
  border-color: #B30635;
}
.theme-dark .dds-button--primary:hover .dds-button__label, .theme-dark .dds-button--primary:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--primary:disabled {
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-button--primary:disabled .dds-button__label {
  color: #666E75;
}
.theme-dark .dds-button--primary.dds-button--small {
  min-width: 6rem;
  padding: 0.4375rem 1rem;
}
.theme-dark .dds-button--primary.dds-button--large {
  min-width: 9rem;
  padding: 0.8125rem 1.5rem;
}
.theme-dark .dds-button--secondary {
  border: 0.0625rem solid #FFFFFF;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0);
}
.theme-dark .dds-button--secondary.dds-button--small {
  min-width: 6rem;
  padding: 0.4375rem 1rem;
}
.theme-dark .dds-button--secondary.dds-button--large {
  min-width: 9rem;
  padding: 0.8125rem 1.5rem;
}
.theme-dark .dds-button--secondary:hover, .theme-dark .dds-button--secondary:focus {
  border-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-button--secondary:hover .dds-button__label, .theme-dark .dds-button--secondary:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--secondary:disabled {
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-button--secondary:disabled .dds-button__label {
  color: #666E75;
}
.theme-dark .dds-button--secondary .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--tertiary {
  border: 0;
  border-radius: 0.5rem;
  background-color: transparent;
}
.theme-dark .dds-button--tertiary .dds-button__label--underline, .theme-dark .dds-button--tertiary:hover .dds-button__label--hover-underline, .theme-dark .dds-button--tertiary:focus .dds-button__label--hover-underline {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 0.0625rem;
}
.theme-dark .dds-button--tertiary.dds-button--small {
  column-gap: 0.25rem;
  min-width: 3rem;
  padding: 0.5rem 0;
}
.theme-dark .dds-button--tertiary.dds-button--large {
  column-gap: 0.5rem;
  min-width: 3rem;
  padding: 0.875rem 0;
}
.theme-dark .dds-button--tertiary-white .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--tertiary-white:hover .dds-button__label, .theme-dark .dds-button--tertiary-white:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--tertiary-white:disabled .dds-button__label {
  color: #666E75;
}
.theme-dark .dds-button--tertiary-charcoal .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--tertiary-charcoal:hover .dds-button__label, .theme-dark .dds-button--tertiary-charcoal:focus .dds-button__label {
  color: #FFFFFF;
}
.theme-dark .dds-button--tertiary-charcoal:hover:not(:disabled), .theme-dark .dds-button--tertiary-charcoal:focus:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-button--tertiary-charcoal:disabled .dds-button__label {
  color: #666E75;
}

.dds-card-container {
  cursor: pointer;
  padding: 1rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem transparent;
}

.theme-light .dds-card-container--default {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.theme-light .dds-card-container--default:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.theme-light .dds-card-container--secondary-1 {
  background-color: #DEDDF7;
  border-color: #BCBBEF;
}
.theme-light .dds-card-container--secondary-1:hover, .theme-light .dds-card-container--secondary-1:focus {
  background-color: #BCBBEF;
  border-color: #9B9AE6;
}
.theme-light .dds-card-container--secondary-2 {
  background-color: #FFE4E7;
  border-color: #FFCFD3;
}
.theme-light .dds-card-container--secondary-2:hover, .theme-light .dds-card-container--secondary-2:focus {
  background-color: #FFCFD3;
  border-color: #FF7A85;
}
.theme-light .dds-card-container--secondary-3 {
  background-color: #E9E5E1;
  border-color: #D3CAC3;
}
.theme-light .dds-card-container--secondary-3:hover, .theme-light .dds-card-container--secondary-3:focus {
  background-color: #DEd7d2;
  border-color: #97908B;
}

.theme-dark .dds-card-container--default {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  background-color: #293139;
  border-color: #293139;
}
.theme-dark .dds-card-container--default:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.theme-dark .dds-card-container--secondary-1 {
  background-color: #4645AB;
  border-color: #4645AB;
}
.theme-dark .dds-card-container--secondary-1:hover, .theme-dark .dds-card-container--secondary-1:focus {
  background-color: #353480;
  border-color: #353480;
}
.theme-dark .dds-card-container--secondary-2 {
  background-color: #C64A67;
  border-color: #C64A67;
}
.theme-dark .dds-card-container--secondary-2:hover, .theme-dark .dds-card-container--secondary-2:focus {
  background-color: #982D4F;
  border-color: #982D4F;
}
.theme-dark .dds-card-container--secondary-3 {
  background-color: #79736F;
  border-color: #79736F;
}
.theme-dark .dds-card-container--secondary-3:hover, .theme-dark .dds-card-container--secondary-3:focus {
  background-color: #5A5754;
  border-color: #5A5754;
}

.theme-light .dds-carousel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.theme-light .dds-carousel .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.theme-light .dds-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  margin: 0 0.25rem;
  background-color: #858B91;
}
.theme-light .dds-carousel .swiper-pagination .swiper-pagination-bullet:hover, .theme-light .dds-carousel .swiper-pagination .swiper-pagination-bullet:focus {
  background-color: #666E75;
}
.theme-light .dds-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #293139;
}
.theme-light .dds-carousel .swiper-button-prev,
.theme-light .dds-carousel .swiper-button-next {
  display: none;
  top: 50%;
  width: initial;
  height: initial;
  padding: 0.75rem;
  border-radius: 62.5rem;
  background-color: rgba(20, 24, 28, 0.0784313725);
}
@media (min-width: 1024px) {
  .theme-light .dds-carousel .swiper-button-prev,
  .theme-light .dds-carousel .swiper-button-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
.theme-light .dds-carousel .swiper-button-prev.with-pagination,
.theme-light .dds-carousel .swiper-button-next.with-pagination {
  top: calc(50% - 0.5rem - 0.25rem);
}
.theme-light .dds-carousel .swiper-button-prev:after,
.theme-light .dds-carousel .swiper-button-next:after {
  content: none;
}
.theme-light .dds-carousel .swiper-button-prev .dds-carousel-container__icon:before,
.theme-light .dds-carousel .swiper-button-next .dds-carousel-container__icon:before {
  color: #ffffff;
}
.theme-light .dds-carousel .swiper-button-prev.swiper-button-disabled,
.theme-light .dds-carousel .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-color: #EBECED;
}
.theme-light .dds-carousel .swiper-button-prev.swiper-button-disabled .dds-carousel-container__icon:before,
.theme-light .dds-carousel .swiper-button-next.swiper-button-disabled .dds-carousel-container__icon:before {
  color: #ADB1B5;
}
.theme-light .dds-carousel .swiper-button-prev {
  left: 1.5rem;
}
.theme-light .dds-carousel .swiper-button-next {
  right: 1.5rem;
}

.theme-dark .dds-carousel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-carousel .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.theme-dark .dds-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  margin: 0 0.25rem;
  background-color: #858B91;
}
.theme-dark .dds-carousel .swiper-pagination .swiper-pagination-bullet:hover, .theme-dark .dds-carousel .swiper-pagination .swiper-pagination-bullet:focus {
  background-color: #666E75;
}
.theme-dark .dds-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F5F5F6;
}
.theme-dark .dds-carousel .swiper-button-prev,
.theme-dark .dds-carousel .swiper-button-next {
  display: none;
  top: 50%;
  width: initial;
  height: initial;
  padding: 0.75rem;
  border-radius: 62.5rem;
  background-color: rgba(255, 255, 255, 0.1490196078);
}
@media (min-width: 1024px) {
  .theme-dark .dds-carousel .swiper-button-prev,
  .theme-dark .dds-carousel .swiper-button-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
.theme-dark .dds-carousel .swiper-button-prev.with-pagination,
.theme-dark .dds-carousel .swiper-button-next.with-pagination {
  top: calc(50% - 0.5rem - 0.25rem);
}
.theme-dark .dds-carousel .swiper-button-prev:after,
.theme-dark .dds-carousel .swiper-button-next:after {
  content: none;
}
.theme-dark .dds-carousel .swiper-button-prev .dds-carousel-container__icon:before,
.theme-dark .dds-carousel .swiper-button-next .dds-carousel-container__icon:before {
  color: #ffffff;
}
.theme-dark .dds-carousel .swiper-button-prev.swiper-button-disabled,
.theme-dark .dds-carousel .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-color: #293139;
}
.theme-dark .dds-carousel .swiper-button-prev.swiper-button-disabled .dds-carousel-container__icon:before,
.theme-dark .dds-carousel .swiper-button-next.swiper-button-disabled .dds-carousel-container__icon:before {
  color: #666E75;
}
.theme-dark .dds-carousel .swiper-button-prev {
  left: 1.5rem;
}
.theme-dark .dds-carousel .swiper-button-next {
  right: 1.5rem;
}

.theme-light .dds-checkbox {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.125rem 0 0 0;
  vertical-align: top;
  background-color: #FFFFFF;
  border: 0.0625rem solid #858B91;
  border-radius: 0.25rem;
  appearance: none;
  background-size: contain;
  background-position: center;
}
.theme-light .dds-checkbox.checked {
  border-color: #082065;
  background-color: #082065;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath d=\"M26.44 8.285a2.135 2.135 0 1 1 3.018 3.02L15.151 25.611a2.135 2.135 0 0 1-3.02 0L5.21 18.689a2.135 2.135 0 1 1 3.019-3.019l5.413 5.414L26.44 8.285Z\"/%3e%3c/svg%3e");
}
.theme-light .dds-checkbox:indeterminate {
  border-color: #082065;
  background-color: #082065;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath fill-rule=\"evenodd\" d=\"M8 16c0-.828.413-1.5.923-1.5h14.154c.51 0 .923.672.923 1.5s-.413 1.5-.923 1.5H8.923C8.413 17.5 8 16.828 8 16Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-checkbox:hover, .theme-light .dds-checkbox:focus {
  border: 0.0625rem solid #858B91;
  cursor: pointer;
}
.theme-light .dds-checkbox.disabled {
  cursor: not-allowed;
}
.theme-light .dds-checkbox.disabled:not(.checked, :indeterminate) {
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-checkbox.disabled.checked {
  border-color: #858B91;
  background-color: #858B91;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23ADB1B5\"%3e%3cpath d=\"M26.44 8.285a2.135 2.135 0 1 1 3.018 3.02L15.151 25.611a2.135 2.135 0 0 1-3.02 0L5.21 18.689a2.135 2.135 0 1 1 3.019-3.019l5.413 5.414L26.44 8.285Z\"/%3e%3c/svg%3e");
}
.theme-light .dds-checkbox.disabled:indeterminate {
  border-color: #858B91;
  background-color: #858B91;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23ADB1B5\"%3e%3cpath fill-rule=\"evenodd\" d=\"M8 16c0-.828.413-1.5.923-1.5h14.154c.51 0 .923.672.923 1.5s-.413 1.5-.923 1.5H8.923C8.413 17.5 8 16.828 8 16Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}

.theme-dark .dds-checkbox {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.125rem 0 0 0;
  vertical-align: top;
  background-color: #14181C;
  border: 0.0625rem solid #666E75;
  border-radius: 0.25rem;
  appearance: none;
  background-size: contain;
  background-position: center;
}
.theme-dark .dds-checkbox.checked {
  border-color: #0C6DD2;
  background-color: #0C6DD2;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath d=\"M26.44 8.285a2.135 2.135 0 1 1 3.018 3.02L15.151 25.611a2.135 2.135 0 0 1-3.02 0L5.21 18.689a2.135 2.135 0 1 1 3.019-3.019l5.413 5.414L26.44 8.285Z\"/%3e%3c/svg%3e");
}
.theme-dark .dds-checkbox:indeterminate {
  border-color: #0C6DD2;
  background-color: #0C6DD2;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath fill-rule=\"evenodd\" d=\"M8 16c0-.828.413-1.5.923-1.5h14.154c.51 0 .923.672.923 1.5s-.413 1.5-.923 1.5H8.923C8.413 17.5 8 16.828 8 16Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-checkbox:hover, .theme-dark .dds-checkbox:focus {
  border: 0.0625rem solid #666E75;
  cursor: pointer;
}
.theme-dark .dds-checkbox.disabled {
  cursor: not-allowed;
}
.theme-dark .dds-checkbox.disabled:not(.checked, :indeterminate) {
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-checkbox.disabled.checked {
  border-color: #333D47;
  background-color: #333D47;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23666E75\"%3e%3cpath d=\"M26.44 8.285a2.135 2.135 0 1 1 3.018 3.02L15.151 25.611a2.135 2.135 0 0 1-3.02 0L5.21 18.689a2.135 2.135 0 1 1 3.019-3.019l5.413 5.414L26.44 8.285Z\"/%3e%3c/svg%3e");
}
.theme-dark .dds-checkbox.disabled:indeterminate {
  border-color: #333D47;
  background-color: #333D47;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23666E75\"%3e%3cpath fill-rule=\"evenodd\" d=\"M8 16c0-.828.413-1.5.923-1.5h14.154c.51 0 .923.672.923 1.5s-.413 1.5-.923 1.5H8.923C8.413 17.5 8 16.828 8 16Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}

.theme-light .dds-chip {
  padding: 0.5rem 1rem;
  min-width: 6rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #858B91;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 0.25rem;
  background-color: #FFFFFF;
  cursor: pointer;
}
.theme-light .dds-chip__label {
  flex: 1;
  color: #14181C;
}
.theme-light .dds-chip__icon:before {
  color: #14181C;
  font-weight: 700;
}
.theme-light .dds-chip:not(.dds-chip--disabled):hover, .theme-light .dds-chip:not(.dds-chip--disabled):focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
  border-color: #858B91;
}
.theme-light .dds-chip--activate {
  background-color: #EBEDF3;
  border-color: #082065;
}
.theme-light .dds-chip--activate .dds-chip__label {
  color: #082065;
}
.theme-light .dds-chip--activate:not(.dds-chip--disabled):hover, .theme-light .dds-chip--activate:not(.dds-chip--disabled):focus {
  background-color: #DADEE8;
  border-color: #082065;
}
.theme-light .dds-chip--activate:not(.dds-chip--disabled):hover .dds-chip__label, .theme-light .dds-chip--activate:not(.dds-chip--disabled):focus .dds-chip__label {
  color: #082065;
}
.theme-light .dds-chip--disabled {
  background-color: #EBECED;
  border-color: #D6D8DA;
  cursor: not-allowed;
}
.theme-light .dds-chip--disabled .dds-chip__label {
  color: #858B91;
}
.theme-light .dds-chip--illustration {
  position: relative;
  padding: 1rem;
  min-width: 10.1875rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.5rem;
}
.theme-light .dds-chip--illustration .dds-chip__icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.theme-light .dds-chip--large:not(.dds-chip--illustration) {
  padding: 0.8125rem 0.75rem;
}

.theme-dark .dds-chip {
  padding: 0.5rem 1rem;
  min-width: 6rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #666E75;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 0.25rem;
  background-color: #14181C;
  cursor: pointer;
}
.theme-dark .dds-chip__label {
  flex: 1;
  color: #FFFFFF;
}
.theme-dark .dds-chip__icon:before {
  color: #FFFFFF;
  font-weight: 700;
}
.theme-dark .dds-chip:not(.dds-chip--disabled):hover, .theme-dark .dds-chip:not(.dds-chip--disabled):focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
  border-color: #666E75;
}
.theme-dark .dds-chip--activate {
  background-color: #061A51;
  border-color: #0C6DD2;
}
.theme-dark .dds-chip--activate .dds-chip__label {
  color: #FFFFFF;
}
.theme-dark .dds-chip--activate:not(.dds-chip--disabled):hover, .theme-dark .dds-chip--activate:not(.dds-chip--disabled):focus {
  background-color: #082065;
  border-color: #0C6DD2;
}
.theme-dark .dds-chip--activate:not(.dds-chip--disabled):hover .dds-chip__label, .theme-dark .dds-chip--activate:not(.dds-chip--disabled):focus .dds-chip__label {
  color: #FFFFFF;
}
.theme-dark .dds-chip--disabled {
  background-color: #293139;
  border-color: #333D47;
  cursor: not-allowed;
}
.theme-dark .dds-chip--disabled .dds-chip__label {
  color: #666E75;
}
.theme-dark .dds-chip--illustration {
  position: relative;
  padding: 1rem;
  min-width: 10.1875rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.5rem;
}
.theme-dark .dds-chip--illustration .dds-chip__icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.theme-dark .dds-chip--large:not(.dds-chip--illustration) {
  padding: 0.8125rem 0.75rem;
}

.theme-light .dds-date-picker {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-date-picker__container__input-wrapper {
  padding: 0.8125rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
  border-color: #858B91;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
}
.theme-light .dds-date-picker__container__input-wrapper__input {
  padding: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #14181C;
}
.theme-light .dds-date-picker__container__input-wrapper__input::placeholder {
  color: #666E75;
}
.theme-light .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-day-field, .theme-light .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-month-field, .theme-light .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-year-field {
  color: #14181C;
  text-transform: uppercase;
}
.theme-light .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-text {
  color: #14181C;
}
.theme-light .dds-date-picker__container__input-wrapper__input::-webkit-calendar-picker-indicator {
  display: none;
}
.theme-light .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-day-field, .theme-light .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-month-field, .theme-light .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-year-field, .theme-light .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-text {
  color: #666E75 !important;
}
.theme-light .dds-date-picker__container__input-wrapper__input.in-edit:active, .theme-light .dds-date-picker__container__input-wrapper__input.in-edit:focus {
  box-shadow: none;
}
.theme-light .dds-date-picker__container__input-wrapper__icon {
  cursor: pointer;
}
.theme-light .dds-date-picker__container:focus-within {
  border-color: #082065;
}
.theme-light .dds-date-picker__container--disabled {
  color: #14181C;
}
.theme-light .dds-date-picker__hint-text {
  color: #666E75 !important;
}
.theme-light .dds-date-picker__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-light .dds-date-picker__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-light .dds-date-picker__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-date-picker--disabled .dds-date-picker__container__input-wrapper {
  color: #858B91;
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-date-picker--disabled .dds-date-picker__container__input-wrapper__input:placeholder {
  color: #858B91;
}
.theme-light .dds-date-picker--error .dds-date-picker__container__input-wrapper {
  border-color: #D40C74;
}
.theme-light .dds-date-picker--error .dds-date-picker__error-wrapper {
  display: flex;
}
.theme-light .datepicker-dropdown {
  margin-top: calc(0.8125rem + 0.0625rem) !important;
  margin-left: -1rem !important;
}
.theme-light .datepicker-dropdown .datepicker-picker {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-light .datepicker-dropdown .datepicker-header .datepicker-controls {
  padding-top: 1.5rem;
}
.theme-light .datepicker-dropdown .datepicker-header .view-switch,
.theme-light .datepicker-dropdown .datepicker-header .prev-btn,
.theme-light .datepicker-dropdown .datepicker-header .next-btn {
  background-color: #FFFFFF;
}
.theme-light .datepicker-dropdown .datepicker-header .view-switch:hover, .theme-light .datepicker-dropdown .datepicker-header .view-switch:focus,
.theme-light .datepicker-dropdown .datepicker-header .prev-btn:hover,
.theme-light .datepicker-dropdown .datepicker-header .prev-btn:focus,
.theme-light .datepicker-dropdown .datepicker-header .next-btn:hover,
.theme-light .datepicker-dropdown .datepicker-header .next-btn:focus {
  background-color: transparent;
}
.theme-light .datepicker-dropdown .datepicker-header .view-switch {
  color: #14181C;
  font-size: 1rem;
  font-weight: 600;
}
.theme-light .datepicker-dropdown .datepicker-header .prev-btn svg,
.theme-light .datepicker-dropdown .datepicker-header .next-btn svg {
  fill: #14181C;
}
.theme-light .datepicker-dropdown .datepicker-header .prev-btn[disabled],
.theme-light .datepicker-dropdown .datepicker-header .next-btn[disabled] {
  cursor: not-allowed;
}
.theme-light .datepicker-dropdown .datepicker-header .prev-btn[disabled] svg,
.theme-light .datepicker-dropdown .datepicker-header .next-btn[disabled] svg {
  fill: #ADB1B5;
}
.theme-light .datepicker-dropdown .datepicker-view {
  width: 19.5rem;
  padding: 0.5rem 1rem 1rem 1rem;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell {
  border-radius: 0.5rem;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell:not(.day) {
  height: 2.5rem;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell.focused {
  border-color: #FFFFFF !important;
  background-image: none;
  background-color: #FFFFFF;
  color: #14181C;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell.selected {
  border-color: #082065 !important;
  background-image: none;
  background-color: #082065;
  color: #FFFFFF;
  text-shadow: unset;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell.selected:hover {
  border-color: #061A51 !important;
  background-image: none;
  background-color: #061A51;
  color: #FFFFFF;
  text-shadow: unset;
}
.theme-light .datepicker-dropdown .datepicker-view .datepicker-cell:hover, .theme-light .datepicker-dropdown .datepicker-view .datepicker-cell:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .datepicker-dropdown .datepicker-view .dow {
  color: #666E75;
  height: 2.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.theme-light .datepicker-dropdown .datepicker-view .day {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #FFFFFF !important;
  background-color: #FFFFFF;
  color: #14181C;
}
.theme-light .datepicker-dropdown .datepicker-view .day:hover {
  border-color: rgba(20, 24, 28, 0.0784313725) !important;
  background-image: none;
  background-color: rgba(20, 24, 28, 0.0784313725);
  color: #14181C;
  text-shadow: unset;
}
.theme-light .datepicker-dropdown .datepicker-view .day.today {
  color: #14181C !important;
}
.theme-light .datepicker-dropdown .datepicker-view .day.today.selected {
  color: #FFFFFF !important;
}
.theme-light .datepicker-dropdown .datepicker-view .day.today.selected:hover {
  color: #FFFFFF !important;
}
.theme-light .datepicker-dropdown .datepicker-view .day.prev, .theme-light .datepicker-dropdown .datepicker-view .day.next, .theme-light .datepicker-dropdown .datepicker-view .day.disabled {
  border-color: #FFFFFF !important;
  background-color: #FFFFFF;
  color: #858B91;
}
.theme-light .datepicker-dropdown .datepicker-view .day.disabled {
  cursor: not-allowed;
}
.theme-light .datepicker-dropdown .datepicker-view .day,
.theme-light .datepicker-dropdown .datepicker-view .month,
.theme-light .datepicker-dropdown .datepicker-view .year,
.theme-light .datepicker-dropdown .datepicker-view .decade {
  font-size: 0.875rem;
  font-weight: 400;
}

.theme-dark .dds-date-picker {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-date-picker__container__input-wrapper {
  padding: 0.8125rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
  border-color: #666E75;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #14181C;
}
.theme-dark .dds-date-picker__container__input-wrapper__input {
  padding: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #FFFFFF;
}
.theme-dark .dds-date-picker__container__input-wrapper__input::placeholder {
  color: #ADB1B5;
}
.theme-dark .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-day-field, .theme-dark .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-month-field, .theme-dark .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-year-field {
  color: #FFFFFF;
  text-transform: uppercase;
}
.theme-dark .dds-date-picker__container__input-wrapper__input::-webkit-datetime-edit-text {
  color: #FFFFFF;
}
.theme-dark .dds-date-picker__container__input-wrapper__input::-webkit-calendar-picker-indicator {
  display: none;
}
.theme-dark .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-day-field, .theme-dark .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-month-field, .theme-dark .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-year-field, .theme-dark .dds-date-picker__container__input-wrapper__input--empty::-webkit-datetime-edit-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-date-picker__container__input-wrapper__input.in-edit:active, .theme-dark .dds-date-picker__container__input-wrapper__input.in-edit:focus {
  box-shadow: none;
}
.theme-dark .dds-date-picker__container__input-wrapper__icon {
  cursor: pointer;
}
.theme-dark .dds-date-picker__container:focus-within {
  border-color: #0C6DD2;
}
.theme-dark .dds-date-picker__container--disabled {
  color: #FFFFFF;
}
.theme-dark .dds-date-picker__hint-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-date-picker__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-dark .dds-date-picker__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-dark .dds-date-picker__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-date-picker--disabled .dds-date-picker__container__input-wrapper {
  color: #666E75;
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-date-picker--disabled .dds-date-picker__container__input-wrapper__input:placeholder {
  color: #666E75;
}
.theme-dark .dds-date-picker--error .dds-date-picker__container__input-wrapper {
  border-color: #E0519B;
}
.theme-dark .dds-date-picker--error .dds-date-picker__error-wrapper {
  display: flex;
}
.theme-dark .datepicker-dropdown {
  margin-top: calc(0.8125rem + 0.0625rem) !important;
  margin-left: -1rem !important;
}
.theme-dark .datepicker-dropdown .datepicker-picker {
  background-color: #293139;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.theme-dark .datepicker-dropdown .datepicker-header .datepicker-controls {
  padding-top: 1.5rem;
}
.theme-dark .datepicker-dropdown .datepicker-header .view-switch,
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn,
.theme-dark .datepicker-dropdown .datepicker-header .next-btn {
  background-color: #293139;
}
.theme-dark .datepicker-dropdown .datepicker-header .view-switch:hover, .theme-dark .datepicker-dropdown .datepicker-header .view-switch:focus,
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn:hover,
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn:focus,
.theme-dark .datepicker-dropdown .datepicker-header .next-btn:hover,
.theme-dark .datepicker-dropdown .datepicker-header .next-btn:focus {
  background-color: transparent;
}
.theme-dark .datepicker-dropdown .datepicker-header .view-switch {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
}
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn svg,
.theme-dark .datepicker-dropdown .datepicker-header .next-btn svg {
  fill: #FFFFFF;
}
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn[disabled],
.theme-dark .datepicker-dropdown .datepicker-header .next-btn[disabled] {
  cursor: not-allowed;
}
.theme-dark .datepicker-dropdown .datepicker-header .prev-btn[disabled] svg,
.theme-dark .datepicker-dropdown .datepicker-header .next-btn[disabled] svg {
  fill: #666E75;
}
.theme-dark .datepicker-dropdown .datepicker-view {
  width: 19.5rem;
  padding: 0.5rem 1rem 1rem 1rem;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell {
  border-radius: 0.5rem;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell:not(.day) {
  height: 2.5rem;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell.focused {
  border-color: #293139 !important;
  background-image: none;
  background-color: #293139;
  color: #FFFFFF;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell.selected {
  border-color: #0C6DD2 !important;
  background-image: none;
  background-color: #0C6DD2;
  color: #FFFFFF;
  text-shadow: unset;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell.selected:hover {
  border-color: #0A57A8 !important;
  background-image: none;
  background-color: #0A57A8;
  color: #FFFFFF;
  text-shadow: unset;
}
.theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell:hover, .theme-dark .datepicker-dropdown .datepicker-view .datepicker-cell:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .datepicker-dropdown .datepicker-view .dow {
  color: #ADB1B5;
  height: 2.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.theme-dark .datepicker-dropdown .datepicker-view .day {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #293139 !important;
  background-color: #293139;
  color: #FFFFFF;
}
.theme-dark .datepicker-dropdown .datepicker-view .day:hover {
  border-color: rgba(255, 255, 255, 0.1490196078) !important;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.1490196078);
  color: #FFFFFF;
  text-shadow: unset;
}
.theme-dark .datepicker-dropdown .datepicker-view .day.today {
  color: #FFFFFF !important;
}
.theme-dark .datepicker-dropdown .datepicker-view .day.today.selected {
  color: #FFFFFF !important;
}
.theme-dark .datepicker-dropdown .datepicker-view .day.today.selected:hover {
  color: #FFFFFF !important;
}
.theme-dark .datepicker-dropdown .datepicker-view .day.prev, .theme-dark .datepicker-dropdown .datepicker-view .day.next, .theme-dark .datepicker-dropdown .datepicker-view .day.disabled {
  border-color: #293139 !important;
  background-color: #293139;
  color: #666E75;
}
.theme-dark .datepicker-dropdown .datepicker-view .day.disabled {
  cursor: not-allowed;
}
.theme-dark .datepicker-dropdown .datepicker-view .day,
.theme-dark .datepicker-dropdown .datepicker-view .month,
.theme-dark .datepicker-dropdown .datepicker-view .year,
.theme-dark .datepicker-dropdown .datepicker-view .decade {
  font-size: 0.875rem;
  font-weight: 400;
}

body[data-wcm-mode=EDIT] .dds-dialog-container {
  display: block !important;
}
body[data-wcm-mode=EDIT] .dds-dialog-container__overlay {
  position: relative;
}

.theme-light .dds-dialog-container {
  display: none;
}
.theme-light .dds-dialog-container__overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(20, 24, 28, 0.5019607843);
  z-index: 1001;
  will-change: transform;
}
.theme-light .dds-dialog-container--small .dds-dialog-container__dialog, .theme-light .dds-dialog-container--alert .dds-dialog-container__dialog {
  width: 83.3333333333%;
  max-width: 35.25rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog-container--small .dds-dialog-container__dialog, .theme-light .dds-dialog-container--alert .dds-dialog-container__dialog {
    width: 66.6666666667%;
  }
}
@media (min-width: 1024px) {
  .theme-light .dds-dialog-container--small .dds-dialog-container__dialog, .theme-light .dds-dialog-container--alert .dds-dialog-container__dialog {
    width: 50%;
  }
}
.theme-light .dds-dialog-container--large .dds-dialog-container__dialog {
  width: 83.3333333333%;
  max-width: 47.5rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog-container--large .dds-dialog-container__dialog {
    width: 66.6666666667%;
  }
}
.theme-light .dds-dialog-container--centered-content .dds-dialog-container__dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-dialog-container__dialog {
  position: relative;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #FFFFFF;
  overflow: auto;
  pointer-events: auto;
  will-change: transform;
  height: auto;
  max-height: 29.125rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog-container__dialog {
    min-height: 16rem;
    max-height: 41.375rem;
  }
}
@media (max-width: 479.98px) {
  .theme-light .dds-dialog-container__dialog {
    padding: 1.5rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
  }
}
.theme-light .dds-dialog-container.is-open {
  display: block;
}
.theme-light .dds-dialog-container[aria-hidden=false] .dds-dialog-container__overlay {
  animation: ddsModalFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-light .dds-dialog-container[aria-hidden=false] .dds-dialog-container__dialog {
  animation: ddsModalSlideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-light .dds-dialog-container[aria-hidden=true] .dds-dialog-container__overlay {
  animation: ddsModalFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-light .dds-dialog-container[aria-hidden=true] .dds-dialog-container__dialog {
  animation: ddsModalSlideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media (max-width: 767.98px) {
  .theme-light .dds-dialog-container--drawer .dds-dialog-container__dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 50vh;
    max-height: 95vh;
    border-radius: 1rem 1rem 0 0;
  }
  .theme-light .dds-dialog-container--drawer[aria-hidden=false] .dds-dialog-container__dialog {
    animation: drawer-enter 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
  .theme-light .dds-dialog-container--drawer[aria-hidden=true] .dds-dialog-container__dialog {
    animation: drawer-leave 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes drawer-enter {
  from {
    opacity: 0;
    bottom: -50px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes drawer-leave {
  from {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: -50px;
  }
}

.theme-dark .dds-dialog-container {
  display: none;
}
.theme-dark .dds-dialog-container__overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(20, 24, 28, 0.7019607843);
  z-index: 1001;
  will-change: transform;
}
.theme-dark .dds-dialog-container--small .dds-dialog-container__dialog, .theme-dark .dds-dialog-container--alert .dds-dialog-container__dialog {
  width: 83.3333333333%;
  max-width: 35.25rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog-container--small .dds-dialog-container__dialog, .theme-dark .dds-dialog-container--alert .dds-dialog-container__dialog {
    width: 66.6666666667%;
  }
}
@media (min-width: 1024px) {
  .theme-dark .dds-dialog-container--small .dds-dialog-container__dialog, .theme-dark .dds-dialog-container--alert .dds-dialog-container__dialog {
    width: 50%;
  }
}
.theme-dark .dds-dialog-container--large .dds-dialog-container__dialog {
  width: 83.3333333333%;
  max-width: 47.5rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog-container--large .dds-dialog-container__dialog {
    width: 66.6666666667%;
  }
}
.theme-dark .dds-dialog-container--centered-content .dds-dialog-container__dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-dialog-container__dialog {
  position: relative;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #293139;
  overflow: auto;
  pointer-events: auto;
  will-change: transform;
  height: auto;
  max-height: 29.125rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog-container__dialog {
    min-height: 16rem;
    max-height: 41.375rem;
  }
}
@media (max-width: 479.98px) {
  .theme-dark .dds-dialog-container__dialog {
    padding: 1.5rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
  }
}
.theme-dark .dds-dialog-container.is-open {
  display: block;
}
.theme-dark .dds-dialog-container[aria-hidden=false] .dds-dialog-container__overlay {
  animation: ddsModalFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-dark .dds-dialog-container[aria-hidden=false] .dds-dialog-container__dialog {
  animation: ddsModalSlideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-dark .dds-dialog-container[aria-hidden=true] .dds-dialog-container__overlay {
  animation: ddsModalFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.theme-dark .dds-dialog-container[aria-hidden=true] .dds-dialog-container__dialog {
  animation: ddsModalSlideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media (max-width: 767.98px) {
  .theme-dark .dds-dialog-container--drawer .dds-dialog-container__dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 50vh;
    max-height: 95vh;
    border-radius: 1rem 1rem 0 0;
  }
  .theme-dark .dds-dialog-container--drawer[aria-hidden=false] .dds-dialog-container__dialog {
    animation: drawer-enter 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
  .theme-dark .dds-dialog-container--drawer[aria-hidden=true] .dds-dialog-container__dialog {
    animation: drawer-leave 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes drawer-enter {
  from {
    opacity: 0;
    bottom: -50px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes drawer-leave {
  from {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: -50px;
  }
}

@keyframes ddsModalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ddsModalFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ddsModalSlideIn {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes ddsModalSlideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50px);
  }
}
.theme-light .dds-divider {
  margin: 0;
  color: #D6D8DA;
  border: 0;
  border-top: 0.0625rem solid;
  opacity: 1;
}
.theme-light .dds-divider--default {
  color: #D6D8DA;
}
.theme-light .dds-divider--subdued {
  color: #EBECED;
}
.theme-light .dds-divider--bold {
  color: #ADB1B5;
}
.theme-light .dds-divider--inverse {
  color: #666E75;
}
.theme-light .dds-divider--border-small {
  border-width: 0.0625rem;
}
.theme-light .dds-divider--border-medium {
  border-width: 0.125rem;
}

.theme-dark .dds-divider {
  margin: 0;
  color: #333D47;
  border: 0;
  border-top: 0.0625rem solid;
  opacity: 1;
}
.theme-dark .dds-divider--default {
  color: #333D47;
}
.theme-dark .dds-divider--subdued {
  color: #293139;
}
.theme-dark .dds-divider--bold {
  color: #858B91;
}
.theme-dark .dds-divider--inverse {
  color: #D6D8DA;
}
.theme-dark .dds-divider--border-small {
  border-width: 0.0625rem;
}
.theme-dark .dds-divider--border-medium {
  border-width: 0.125rem;
}

.theme-light .dds-dropdown {
  --dropdown-menu-list-margin-top: 0.25rem;
  --dropdown-toggle-padding-vertical: 0.8125rem;
  --dropdown-toggle-border-width: 0.0625rem;
}
.theme-light .dds-dropdown__dropdown {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  position: relative;
}
.theme-light .dds-dropdown__toggle {
  padding: var(--dropdown-toggle-padding-vertical) 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.5rem;
  border-style: solid;
  border-color: #858B91;
  border-width: var(--dropdown-toggle-border-width);
  border-radius: 0.5rem;
  background-color: #FFFFFF;
  cursor: pointer;
}
.theme-light .dds-dropdown__toggle::after {
  display: none;
}
.theme-light .dds-dropdown__toggle .dds-dropdown__label {
  color: #14181C;
  overflow: hidden;
  display: inline-block;
}
.theme-light .dds-dropdown__toggle .dds-dropdown__indicator {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%2314181C\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 9.724a1.335 1.335 0 0 1 1.886 0L16 19.448l9.724-9.724a1.333 1.333 0 1 1 1.886 1.886L16.943 22.276a1.333 1.333 0 0 1-1.886 0L4.391 11.61a1.333 1.333 0 0 1 0-1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-dropdown__toggle:disabled {
  border-color: #D6D8DA;
  background-color: #EBECED;
  opacity: 1;
  cursor: not-allowed;
}
.theme-light .dds-dropdown__toggle:disabled .dds-dropdown__label {
  color: #858B91;
}
.theme-light .dds-dropdown__toggle:disabled .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23ADB1B5\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 9.724a1.335 1.335 0 0 1 1.886 0L16 19.448l9.724-9.724a1.333 1.333 0 1 1 1.886 1.886L16.943 22.276a1.333 1.333 0 0 1-1.886 0L4.391 11.61a1.333 1.333 0 0 1 0-1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-dropdown__toggle:disabled.show > .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23ADB1B5\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 22.276c.521.52 1.365.52 1.886 0L16 12.552l9.724 9.724a1.333 1.333 0 1 0 1.886-1.886L16.943 9.724a1.333 1.333 0 0 0-1.886 0L4.391 20.39a1.333 1.333 0 0 0 0 1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-dropdown__menu {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding-left: 0;
  margin: 0;
  list-style: none;
  max-height: 17rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  overflow: auto;
}
.theme-light .dds-dropdown__menu::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-light .dds-dropdown__menu::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: #EBECED;
}
.theme-light .dds-dropdown__menu::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ADB1B5;
}
.theme-light .dds-dropdown__menu > li {
  margin-right: 0.5rem;
}
.theme-light .dds-dropdown__menu__item {
  cursor: pointer;
  padding: 0.8125rem 1rem;
  color: #14181C;
  background-color: #FFFFFF;
}
.theme-light .dds-dropdown__menu__item-link {
  display: block;
  color: #14181C;
  text-decoration: none;
}
.theme-light .dds-dropdown__menu__item-link:hover, .theme-light .dds-dropdown__menu__item-link:focus {
  text-decoration: none;
}
.theme-light .dds-dropdown__menu__item:hover, .theme-light .dds-dropdown__menu__item:focus {
  color: #14181C;
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-dropdown__menu__item.active {
  background-color: #EBEDF3;
}
.theme-light .dds-dropdown__menu__item.active:hover, .theme-light .dds-dropdown__menu__item.active:focus {
  background-color: #DADEE8;
}
.theme-light .dds-dropdown__menu__item--nested {
  cursor: pointer;
  padding: 0.75rem 1rem 0.75rem 2rem;
  color: #14181C;
}
.theme-light .dds-dropdown__menu__item--nested a {
  color: #14181C;
}
.theme-light .dds-dropdown__hint-text {
  color: #666E75 !important;
}
.theme-light .dds-dropdown__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-light .dds-dropdown__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__subitems {
  padding-left: 0;
}
.theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__section-title {
  display: flex;
  padding: 0.75rem 1rem;
  column-gap: 0.5rem;
  color: #14181C;
  background-color: #FFFFFF;
}
.theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__section-title__label {
  flex: 1;
}
.theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked {
  background-color: #EBEDF3;
}
.theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked:hover, .theme-light .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked:focus {
  background-color: #DADEE8;
}
.theme-light .dds-dropdown--error .dds-dropdown__toggle {
  border-color: #D40C74;
  background-color: #FFFFFF;
}
.theme-light .dds-dropdown--error .dds-dropdown__hint-text {
  display: none;
}
.theme-light .dds-dropdown--error .dds-dropdown__error-wrapper {
  display: flex;
}
.theme-light .dds-dropdown__search-input {
  position: relative;
}
.theme-light .dds-dropdown__search-input__input {
  padding: 0.8125rem 1rem 0.8125rem 3rem;
  border: 0;
  border-bottom: solid 0.0625rem #ADB1B5;
  width: 100%;
  outline: none;
  color: #14181C;
  background-color: transparent;
}
.theme-light .dds-dropdown__search-input__input:focus, .theme-light .dds-dropdown__search-input__input:active {
  border-bottom-color: #082065;
}
.theme-light .dds-dropdown__search-input__icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.theme-light .dds-dropdown__dropdown.open .dds-dropdown__toggle {
  border-color: #082065;
  background-color: #FFFFFF;
}
.theme-light .dds-dropdown__dropdown.open .dds-dropdown__label {
  color: #14181C;
}
.theme-light .dds-dropdown__dropdown.open .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%2314181C\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 22.276c.521.52 1.365.52 1.886 0L16 12.552l9.724 9.724a1.333 1.333 0 1 0 1.886-1.886L16.943 9.724a1.333 1.333 0 0 0-1.886 0L4.391 20.39a1.333 1.333 0 0 0 0 1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-dropdown__dropdown.open .dds-dropdown__menu {
  display: block;
  z-index: 1000;
}
.theme-light .dds-dropdown--single .dds-dropdown__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 1rem - 1.5rem);
}
.theme-light .dds-dropdown--multi .dds-dropdown__toggle:disabled .dds-dropdown__label__ellipsis-count {
  background-color: #EBECED;
}
.theme-light .dds-dropdown--multi .dds-dropdown__label {
  width: 100%;
  text-align: left;
  position: relative;
  white-space: nowrap;
}
.theme-light .dds-dropdown--multi .dds-dropdown__label__ellipsis-count {
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  z-index: 1;
}
.theme-light .dds-dropdown--multi .dds-dropdown__label__item {
  opacity: 1;
  visibility: visible;
}
.theme-light .dds-dropdown--multi .dds-dropdown__label .hidden {
  opacity: 0;
  visibility: hidden;
}
.theme-light .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true] {
  background-color: #EBEDF3;
}
.theme-light .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true]:hover, .theme-light .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true]:focus {
  background-color: #DADEE8;
}
.theme-light .dds-dropdown--multi.dds-dropdown--nested .dds-dropdown__menu__nested__section-title {
  cursor: pointer;
}
.theme-light .dds-dropdown--multi .dds-dropdown__menu__nested__subitems .dds-checkbox-with-container__control-label {
  padding: 0;
}
.theme-light .dds-dropdown--multi .dds-checkbox-with-container__control-label {
  padding: 0;
}

.theme-dark .dds-dropdown {
  --dropdown-menu-list-margin-top: 0.25rem;
  --dropdown-toggle-padding-vertical: 0.8125rem;
  --dropdown-toggle-border-width: 0.0625rem;
}
.theme-dark .dds-dropdown__dropdown {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  position: relative;
}
.theme-dark .dds-dropdown__toggle {
  padding: var(--dropdown-toggle-padding-vertical) 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.5rem;
  border-style: solid;
  border-color: #666E75;
  border-width: var(--dropdown-toggle-border-width);
  border-radius: 0.5rem;
  background-color: #14181C;
  cursor: pointer;
}
.theme-dark .dds-dropdown__toggle::after {
  display: none;
}
.theme-dark .dds-dropdown__toggle .dds-dropdown__label {
  color: #FFFFFF;
  overflow: hidden;
  display: inline-block;
}
.theme-dark .dds-dropdown__toggle .dds-dropdown__indicator {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 9.724a1.335 1.335 0 0 1 1.886 0L16 19.448l9.724-9.724a1.333 1.333 0 1 1 1.886 1.886L16.943 22.276a1.333 1.333 0 0 1-1.886 0L4.391 11.61a1.333 1.333 0 0 1 0-1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-dropdown__toggle:disabled {
  border-color: #333D47;
  background-color: #293139;
  opacity: 1;
  cursor: not-allowed;
}
.theme-dark .dds-dropdown__toggle:disabled .dds-dropdown__label {
  color: #666E75;
}
.theme-dark .dds-dropdown__toggle:disabled .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23666E75\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 9.724a1.335 1.335 0 0 1 1.886 0L16 19.448l9.724-9.724a1.333 1.333 0 1 1 1.886 1.886L16.943 22.276a1.333 1.333 0 0 1-1.886 0L4.391 11.61a1.333 1.333 0 0 1 0-1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-dropdown__toggle:disabled.show > .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23666E75\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 22.276c.521.52 1.365.52 1.886 0L16 12.552l9.724 9.724a1.333 1.333 0 1 0 1.886-1.886L16.943 9.724a1.333 1.333 0 0 0-1.886 0L4.391 20.39a1.333 1.333 0 0 0 0 1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-dropdown__menu {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #293139;
  border-radius: 0.5rem;
  padding-left: 0;
  margin: 0;
  list-style: none;
  max-height: 17rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  overflow: auto;
}
.theme-dark .dds-dropdown__menu::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-dark .dds-dropdown__menu::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: #293139;
}
.theme-dark .dds-dropdown__menu::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #858B91;
}
.theme-dark .dds-dropdown__menu > li {
  margin-right: 0.5rem;
}
.theme-dark .dds-dropdown__menu__item {
  cursor: pointer;
  padding: 0.8125rem 1rem;
  color: #FFFFFF;
  background-color: #293139;
}
.theme-dark .dds-dropdown__menu__item-link {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}
.theme-dark .dds-dropdown__menu__item-link:hover, .theme-dark .dds-dropdown__menu__item-link:focus {
  text-decoration: none;
}
.theme-dark .dds-dropdown__menu__item:hover, .theme-dark .dds-dropdown__menu__item:focus {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-dropdown__menu__item.active {
  background-color: #061A51;
}
.theme-dark .dds-dropdown__menu__item.active:hover, .theme-dark .dds-dropdown__menu__item.active:focus {
  background-color: #082065;
}
.theme-dark .dds-dropdown__menu__item--nested {
  cursor: pointer;
  padding: 0.75rem 1rem 0.75rem 2rem;
  color: #FFFFFF;
}
.theme-dark .dds-dropdown__menu__item--nested a {
  color: #FFFFFF;
}
.theme-dark .dds-dropdown__hint-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-dropdown__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-dark .dds-dropdown__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__subitems {
  padding-left: 0;
}
.theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__section-title {
  display: flex;
  padding: 0.75rem 1rem;
  column-gap: 0.5rem;
  color: #FFFFFF;
  background-color: #293139;
}
.theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__section-title__label {
  flex: 1;
}
.theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked {
  background-color: #061A51;
}
.theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked:hover, .theme-dark .dds-dropdown--nested .dds-dropdown__menu__nested__section-title.checked:focus {
  background-color: #082065;
}
.theme-dark .dds-dropdown--error .dds-dropdown__toggle {
  border-color: #E0519B;
  background-color: #14181C;
}
.theme-dark .dds-dropdown--error .dds-dropdown__hint-text {
  display: none;
}
.theme-dark .dds-dropdown--error .dds-dropdown__error-wrapper {
  display: flex;
}
.theme-dark .dds-dropdown__search-input {
  position: relative;
}
.theme-dark .dds-dropdown__search-input__input {
  padding: 0.8125rem 1rem 0.8125rem 3rem;
  border: 0;
  border-bottom: solid 0.0625rem #333D47;
  width: 100%;
  outline: none;
  color: #FFFFFF;
  background-color: transparent;
}
.theme-dark .dds-dropdown__search-input__input:focus, .theme-dark .dds-dropdown__search-input__input:active {
  border-bottom-color: #0C6DD2;
}
.theme-dark .dds-dropdown__search-input__icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.theme-dark .dds-dropdown__dropdown.open .dds-dropdown__toggle {
  border-color: #0C6DD2;
  background-color: #14181C;
}
.theme-dark .dds-dropdown__dropdown.open .dds-dropdown__label {
  color: #FFFFFF;
}
.theme-dark .dds-dropdown__dropdown.open .dds-dropdown__indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"%23FFFFFF\"%3e%3cpath fill-rule=\"evenodd\" d=\"M4.39 22.276c.521.52 1.365.52 1.886 0L16 12.552l9.724 9.724a1.333 1.333 0 1 0 1.886-1.886L16.943 9.724a1.333 1.333 0 0 0-1.886 0L4.391 20.39a1.333 1.333 0 0 0 0 1.886Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-dropdown__dropdown.open .dds-dropdown__menu {
  display: block;
  z-index: 1000;
}
.theme-dark .dds-dropdown--single .dds-dropdown__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 1rem - 1.5rem);
}
.theme-dark .dds-dropdown--multi .dds-dropdown__toggle:disabled .dds-dropdown__label__ellipsis-count {
  background-color: #293139;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__label {
  width: 100%;
  text-align: left;
  position: relative;
  white-space: nowrap;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__label__ellipsis-count {
  background-color: #14181C;
  position: absolute;
  right: 0;
  z-index: 1;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__label__item {
  opacity: 1;
  visibility: visible;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__label .hidden {
  opacity: 0;
  visibility: hidden;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true] {
  background-color: #061A51;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true]:hover, .theme-dark .dds-dropdown--multi .dds-dropdown__menu__item[data-is-checked=true]:focus {
  background-color: #082065;
}
.theme-dark .dds-dropdown--multi.dds-dropdown--nested .dds-dropdown__menu__nested__section-title {
  cursor: pointer;
}
.theme-dark .dds-dropdown--multi .dds-dropdown__menu__nested__subitems .dds-checkbox-with-container__control-label {
  padding: 0;
}
.theme-dark .dds-dropdown--multi .dds-checkbox-with-container__control-label {
  padding: 0;
}

.theme-light .dds-floating-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0.8125rem;
  background-color: #FFFFFF;
  border: solid 0.0625rem #ADB1B5;
  border-radius: 62.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.theme-light .dds-floating-btn__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.theme-light .dds-floating-btn__icon:before {
  color: #14181C;
}
.theme-light .dds-floating-btn--primary {
  background-color: rgba(255, 255, 255, 0);
  border-color: #E00842;
}
.theme-light .dds-floating-btn--primary:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  background-color: rgba(255, 237, 241, 0.1);
}
.theme-light .dds-floating-btn--primary .dds-floating-btn__icon:before {
  color: #E00842;
}
.theme-light .dds-floating-btn--secondary {
  background-color: #FFFFFF;
  border-color: #ADB1B5;
}
.theme-light .dds-floating-btn--secondary:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-floating-btn--secondary .dds-floating-btn__icon:before {
  color: #14181C;
}

.theme-dark .dds-floating-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0.8125rem;
  background-color: #14181C;
  border: solid 0.0625rem #333D47;
  border-radius: 62.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.theme-dark .dds-floating-btn__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.theme-dark .dds-floating-btn__icon:before {
  color: #FFFFFF;
}
.theme-dark .dds-floating-btn--primary {
  background-color: rgba(255, 255, 255, 0);
  border-color: #FFFFFF;
}
.theme-dark .dds-floating-btn--primary:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .dds-floating-btn--primary .dds-floating-btn__icon:before {
  color: #E00842;
}
.theme-dark .dds-floating-btn--secondary {
  background-color: #14181C;
  border-color: #333D47;
}
.theme-dark .dds-floating-btn--secondary:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-floating-btn--secondary .dds-floating-btn__icon:before {
  color: #FFFFFF;
}

.theme-light .dds-headline {
  color: #14181C;
  margin-top: 0;
  margin-bottom: 0;
}

.theme-dark .dds-headline {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

.theme-light .dds-icon--size-3:before {
  font-size: 0.75rem;
}
.theme-light .dds-icon--size-4:before {
  font-size: 1rem;
}
.theme-light .dds-icon--size-5:before {
  font-size: 1.25rem;
}
.theme-light .dds-icon--size-6:before {
  font-size: 1.5rem;
}
.theme-light .dds-icon--size-7:before {
  font-size: 2rem;
}
.theme-light .dds-icon--size-9:before {
  font-size: 3rem;
}
.theme-light .dds-icon--size-11:before {
  font-size: 3.5rem;
}
.theme-light .dds-icon--default:before {
  color: #14181C !important;
}
.theme-light .dds-icon--subdued:before {
  color: #666E75 !important;
}
.theme-light .dds-icon--disabled:before {
  color: #ADB1B5 !important;
}
.theme-light .dds-icon--inverse:before {
  color: #FFFFFF !important;
}
.theme-light .dds-icon--primary:before {
  color: #E00842 !important;
}
.theme-light .dds-icon--coloured-surface:before {
  color: #FFFFFF !important;
}
.theme-light .dds-icon--informative:before {
  color: #0C6DD2 !important;
}
.theme-light .dds-icon--success:before {
  color: #229F64 !important;
}
.theme-light .dds-icon--warning:before {
  color: #F7C926 !important;
}
.theme-light .dds-icon--error:before {
  color: #D40C74 !important;
}
.theme-light .dds-icon--selected:before {
  color: #082065 !important;
}
.theme-light .dds-icon--positive:before {
  color: #229F64 !important;
}
.theme-light .dds-icon--negative:before {
  color: #D40C74 !important;
}
.theme-light .dds-icon--multicolor {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-4 {
  width: 1rem;
  height: 1rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-7 {
  width: 2rem;
  height: 2rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-9 {
  width: 3rem;
  height: 3rem;
}
.theme-light .dds-icon--multicolor.dds-icon--size-11 {
  width: 3.5rem;
  height: 3.5rem;
}

.theme-dark .dds-icon--size-3:before {
  font-size: 0.75rem;
}
.theme-dark .dds-icon--size-4:before {
  font-size: 1rem;
}
.theme-dark .dds-icon--size-5:before {
  font-size: 1.25rem;
}
.theme-dark .dds-icon--size-6:before {
  font-size: 1.5rem;
}
.theme-dark .dds-icon--size-7:before {
  font-size: 2rem;
}
.theme-dark .dds-icon--size-9:before {
  font-size: 3rem;
}
.theme-dark .dds-icon--size-11:before {
  font-size: 3.5rem;
}
.theme-dark .dds-icon--default:before {
  color: #FFFFFF !important;
}
.theme-dark .dds-icon--subdued:before {
  color: #858B91 !important;
}
.theme-dark .dds-icon--disabled:before {
  color: #666E75 !important;
}
.theme-dark .dds-icon--inverse:before {
  color: #14181C !important;
}
.theme-dark .dds-icon--primary:before {
  color: #E00842 !important;
}
.theme-dark .dds-icon--coloured-surface:before {
  color: #FFFFFF !important;
}
.theme-dark .dds-icon--informative:before {
  color: #3D8ADB !important;
}
.theme-dark .dds-icon--success:before {
  color: #229F64 !important;
}
.theme-dark .dds-icon--warning:before {
  color: #F7C926 !important;
}
.theme-dark .dds-icon--error:before {
  color: #E0519B !important;
}
.theme-dark .dds-icon--selected:before {
  color: #FFFFFF !important;
}
.theme-dark .dds-icon--positive:before {
  color: #229F64 !important;
}
.theme-dark .dds-icon--negative:before {
  color: #E0519B !important;
}
.theme-dark .dds-icon--multicolor {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-4 {
  width: 1rem;
  height: 1rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-7 {
  width: 2rem;
  height: 2rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-9 {
  width: 3rem;
  height: 3rem;
}
.theme-dark .dds-icon--multicolor.dds-icon--size-11 {
  width: 3.5rem;
  height: 3.5rem;
}

.theme-light .dds-iconbutton {
  display: inline-flex;
  padding: 0.375rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.theme-light .dds-iconbutton__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: transparent;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  appearance: none;
}
.theme-light .dds-iconbutton--small {
  padding: 0.375rem;
}
.theme-light .dds-iconbutton--small .dds-iconbutton__button {
  padding: 0.375rem;
}
.theme-light .dds-iconbutton--medium {
  padding: 0.125rem;
}
.theme-light .dds-iconbutton--medium .dds-iconbutton__button {
  padding: 0.5rem;
}
.theme-light .dds-iconbutton--large {
  padding: 0;
}
.theme-light .dds-iconbutton--large .dds-iconbutton__button {
  padding: 0.5rem;
}
.theme-light .dds-iconbutton:hover:not(.dds-iconbutton--disabled) .dds-iconbutton__button, .theme-light .dds-iconbutton:focus:not(.dds-iconbutton--disabled) .dds-iconbutton__button {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-iconbutton--disabled {
  cursor: not-allowed;
}
.theme-light .dds-iconbutton--disabled .dds-iconbutton__button {
  cursor: not-allowed;
}

.theme-dark .dds-iconbutton {
  display: inline-flex;
  padding: 0.375rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.theme-dark .dds-iconbutton__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: transparent;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  appearance: none;
}
.theme-dark .dds-iconbutton--small {
  padding: 0.375rem;
}
.theme-dark .dds-iconbutton--small .dds-iconbutton__button {
  padding: 0.375rem;
}
.theme-dark .dds-iconbutton--medium {
  padding: 0.125rem;
}
.theme-dark .dds-iconbutton--medium .dds-iconbutton__button {
  padding: 0.5rem;
}
.theme-dark .dds-iconbutton--large {
  padding: 0;
}
.theme-dark .dds-iconbutton--large .dds-iconbutton__button {
  padding: 0.5rem;
}
.theme-dark .dds-iconbutton:hover:not(.dds-iconbutton--disabled) .dds-iconbutton__button, .theme-dark .dds-iconbutton:focus:not(.dds-iconbutton--disabled) .dds-iconbutton__button {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-iconbutton--disabled {
  cursor: not-allowed;
}
.theme-dark .dds-iconbutton--disabled .dds-iconbutton__button {
  cursor: not-allowed;
}

/**
 *
 * @format
 *
 */
.theme-light .dds-image {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.theme-light .dds-image--square {
  border-radius: 0;
}
.theme-light .dds-image--circle {
  border-radius: 62.5rem;
}
.theme-light .dds-image--border-radius-none {
  border-radius: 0;
}
.theme-light .dds-image--border-radius-small {
  border-radius: 0.25rem;
}
.theme-light .dds-image--border-radius-medium {
  border-radius: 0.5rem;
}
.theme-light .dds-image--border-radius-large {
  border-radius: 1rem;
}

.theme-dark .dds-image {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.theme-dark .dds-image--square {
  border-radius: 0;
}
.theme-dark .dds-image--circle {
  border-radius: 62.5rem;
}
.theme-dark .dds-image--border-radius-none {
  border-radius: 0;
}
.theme-dark .dds-image--border-radius-small {
  border-radius: 0.25rem;
}
.theme-dark .dds-image--border-radius-medium {
  border-radius: 0.5rem;
}
.theme-dark .dds-image--border-radius-large {
  border-radius: 1rem;
}

.theme-light .dds-input {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-input__wrapper {
  padding: 0.8125rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
  border-color: #858B91;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
}
.theme-light .dds-input__wrapper > div {
  display: flex;
}
.theme-light .dds-input__wrapper:focus-within {
  border-color: #082065;
}
.theme-light .dds-input__wrapper--error {
  border-color: #D40C74;
}
.theme-light .dds-input__wrapper--error + .dds-input__error-wrapper {
  display: flex;
}
.theme-light .dds-input__wrapper--error .dds-input__wrapper__input--default-color {
  color: #14181C;
}
.theme-light .dds-input__wrapper--error .dds-input__wrapper__input--subdued-color {
  color: #666E75;
}
.theme-light .dds-input__wrapper--disabled {
  color: #858B91;
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__input::placeholder {
  color: #858B91;
}
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__text-prefix,
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__text-suffix {
  color: #858B91 !important;
}
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__text-password {
  cursor: not-allowed;
  text-decoration: underline;
  color: #858B91 !important;
}
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__password-icon,
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__leading-icon,
.theme-light .dds-input__wrapper--disabled .dds-input__wrapper__trailing-icon {
  cursor: not-allowed;
}
.theme-light .dds-input__wrapper__input {
  padding: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #14181C;
  font-family: inherit;
}
.theme-light .dds-input__wrapper__input::placeholder {
  color: #666E75;
}
.theme-light .dds-input__wrapper__input::-webkit-datetime-edit-day-field, .theme-light .dds-input__wrapper__input::-webkit-datetime-edit-month-field, .theme-light .dds-input__wrapper__input::-webkit-datetime-edit-year-field {
  color: #14181C;
  text-transform: uppercase;
}
.theme-light .dds-input__wrapper__input::-webkit-datetime-edit-text {
  color: transparent;
}
.theme-light .dds-input__wrapper__input::-webkit-calendar-picker-indicator {
  display: none;
}
.theme-light .dds-input__wrapper__input--empty::-webkit-datetime-edit-day-field, .theme-light .dds-input__wrapper__input--empty::-webkit-datetime-edit-month-field, .theme-light .dds-input__wrapper__input--empty::-webkit-datetime-edit-year-field {
  color: #666E75 !important;
}
.theme-light .dds-input__wrapper__text-prefix, .theme-light .dds-input__wrapper__text-suffix {
  user-select: none;
  color: #14181C !important;
}
.theme-light .dds-input__wrapper__text-password {
  cursor: pointer;
  text-decoration: underline;
  color: #14181C !important;
}
.theme-light .dds-input__wrapper__password-icon, .theme-light .dds-input__wrapper__trailing-icon, .theme-light .dds-input__wrapper__leading-icon {
  cursor: pointer;
}
.theme-light .dds-input__hint-text {
  color: #666E75 !important;
}
.theme-light .dds-input__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-light .dds-input__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-input-disabled {
  color: #14181C;
}

.theme-dark .dds-input {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-input__wrapper {
  padding: 0.8125rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
  border-color: #666E75;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #14181C;
}
.theme-dark .dds-input__wrapper > div {
  display: flex;
}
.theme-dark .dds-input__wrapper:focus-within {
  border-color: #0C6DD2;
}
.theme-dark .dds-input__wrapper--error {
  border-color: #E0519B;
}
.theme-dark .dds-input__wrapper--error + .dds-input__error-wrapper {
  display: flex;
}
.theme-dark .dds-input__wrapper--error .dds-input__wrapper__input--default-color {
  color: #FFFFFF;
}
.theme-dark .dds-input__wrapper--error .dds-input__wrapper__input--subdued-color {
  color: #ADB1B5;
}
.theme-dark .dds-input__wrapper--disabled {
  color: #666E75;
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__input::placeholder {
  color: #666E75;
}
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__text-prefix,
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__text-suffix {
  color: #666E75 !important;
}
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__text-password {
  cursor: not-allowed;
  text-decoration: underline;
  color: #666E75 !important;
}
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__password-icon,
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__leading-icon,
.theme-dark .dds-input__wrapper--disabled .dds-input__wrapper__trailing-icon {
  cursor: not-allowed;
}
.theme-dark .dds-input__wrapper__input {
  padding: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #FFFFFF;
  font-family: inherit;
}
.theme-dark .dds-input__wrapper__input::placeholder {
  color: #ADB1B5;
}
.theme-dark .dds-input__wrapper__input::-webkit-datetime-edit-day-field, .theme-dark .dds-input__wrapper__input::-webkit-datetime-edit-month-field, .theme-dark .dds-input__wrapper__input::-webkit-datetime-edit-year-field {
  color: #FFFFFF;
  text-transform: uppercase;
}
.theme-dark .dds-input__wrapper__input::-webkit-datetime-edit-text {
  color: transparent;
}
.theme-dark .dds-input__wrapper__input::-webkit-calendar-picker-indicator {
  display: none;
}
.theme-dark .dds-input__wrapper__input--empty::-webkit-datetime-edit-day-field, .theme-dark .dds-input__wrapper__input--empty::-webkit-datetime-edit-month-field, .theme-dark .dds-input__wrapper__input--empty::-webkit-datetime-edit-year-field {
  color: #ADB1B5 !important;
}
.theme-dark .dds-input__wrapper__text-prefix, .theme-dark .dds-input__wrapper__text-suffix {
  user-select: none;
  color: #FFFFFF !important;
}
.theme-dark .dds-input__wrapper__text-password {
  cursor: pointer;
  text-decoration: underline;
  color: #FFFFFF !important;
}
.theme-dark .dds-input__wrapper__password-icon, .theme-dark .dds-input__wrapper__trailing-icon, .theme-dark .dds-input__wrapper__leading-icon {
  cursor: pointer;
}
.theme-dark .dds-input__hint-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-input__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-dark .dds-input__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-input-disabled {
  color: #FFFFFF;
}

.theme-light .dds-label__label {
  color: #14181C;
}
.theme-light .dds-label__asterisk {
  margin-left: 0.25rem;
}

.theme-dark .dds-label__label {
  color: #FFFFFF;
}
.theme-dark .dds-label__asterisk {
  margin-left: 0.25rem;
}

@-webkit-keyframes jsSkeletonLoader {
  100% {
    transform: translateX(100%);
  }
}
@keyframes jsSkeletonLoader {
  100% {
    transform: translateX(100%);
  }
}
:root {
  --shimmer-duration: 1.5s;
}

.theme-light .dds-lazy-load__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  position: relative;
}
.theme-light .dds-lazy-load__skeleton {
  display: block;
  border-radius: 0.25rem;
  background: #EBECED;
  position: relative;
  overflow: hidden;
}
.theme-light .dds-lazy-load__skeleton:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  animation: jsSkeletonLoader var(--shimmer-duration) linear infinite;
}

.theme-dark .dds-lazy-load__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  position: relative;
}
.theme-dark .dds-lazy-load__skeleton {
  display: block;
  border-radius: 0.25rem;
  background: #293139;
  position: relative;
  overflow: hidden;
}
.theme-dark .dds-lazy-load__skeleton:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(270deg, rgba(20, 24, 28, 0.5) 0%, rgba(20, 24, 28, 0) 100%);
  animation: jsSkeletonLoader var(--shimmer-duration) linear infinite;
}

:root {
  --progress-percentage: 0;
}

.theme-light .dds-progress-bar--line {
  width: 100%;
  border-radius: 62.5rem;
  background-color: #D6D8DA;
}
.theme-light .dds-progress-bar--line .dds-progress-bar__percent {
  width: 0;
  border-radius: 62.5rem;
}
.theme-light .dds-progress-bar--line.dds-progress-bar--small {
  height: 0.25rem;
}
.theme-light .dds-progress-bar--line.dds-progress-bar--small .dds-progress-bar__percent {
  height: 0.25rem;
}
.theme-light .dds-progress-bar--line.dds-progress-bar--medium, .theme-light .dds-progress-bar--line.dds-progress-bar--large, .theme-light .dds-progress-bar--line.dds-progress-bar--extra-large {
  height: 0.5rem;
}
.theme-light .dds-progress-bar--line.dds-progress-bar--medium .dds-progress-bar__percent, .theme-light .dds-progress-bar--line.dds-progress-bar--large .dds-progress-bar__percent, .theme-light .dds-progress-bar--line.dds-progress-bar--extra-large .dds-progress-bar__percent {
  height: 0.5rem;
}
.theme-light .dds-progress-bar--circle {
  position: relative;
  border-radius: 62.5rem;
  background-color: transparent;
}
.theme-light .dds-progress-bar--circle .circle-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
  border-style: solid;
  border-color: #D6D8DA;
  border-radius: 62.5rem;
}
.theme-light .dds-progress-bar--circle .circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.theme-light .dds-progress-bar--circle .circle .half-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-radius: 62.5rem;
}
.theme-light .dds-progress-bar--circle .circle .left-side {
  transform: rotate(calc(var(--progress-percentage) * 3.6deg));
}
.theme-light .dds-progress-bar--circle .circle .right-side {
  display: none;
}
.theme-light .dds-progress-bar--circle .circle--over-half {
  clip: rect(auto, auto, auto, auto) !important;
}
.theme-light .dds-progress-bar--circle .circle--over-half .right-side {
  display: block;
  transform: rotate(180deg);
}
.theme-light .dds-progress-bar--circle .dds-progress-bar__thumb {
  display: none;
}
.theme-light .dds-progress-bar--circle .thumb-wrapper {
  position: absolute;
  top: 0;
  transform-origin: bottom;
}
.theme-light .dds-progress-bar--circle .thumb-wrapper--tail {
  transform: rotate(calc(var(--progress-percentage) * 3.6deg));
}
.theme-light .dds-progress-bar--circle .thumb-wrapper .thumb {
  border-radius: 62.5rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small {
  width: 2rem;
  height: 2rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small .circle-background {
  border-width: 0.25rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small .circle {
  clip: rect(0, 2rem, 2rem, 1rem);
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small .circle .half-circle {
  clip: rect(0, 1rem, 2rem, 0);
  border-width: 0.25rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small .thumb-wrapper {
  left: 0.875rem;
  height: 1rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--small .thumb-wrapper .thumb {
  width: 0.25rem;
  height: 0.25rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium {
  width: 6rem;
  height: 6rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium .circle-background {
  border-width: 0.5rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium .circle {
  clip: rect(0, 6rem, 6rem, 3rem);
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium .circle .half-circle {
  clip: rect(0, 3rem, 6rem, 0);
  border-width: 0.5rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium .thumb-wrapper {
  left: 2.75rem;
  height: 3rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--medium .thumb-wrapper .thumb {
  width: 0.5rem;
  height: 0.5rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large {
  width: 9rem;
  height: 9rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large .circle-background {
  border-width: 0.75rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large .circle {
  clip: rect(0, 9rem, 9rem, 4.5rem);
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large .circle .half-circle {
  clip: rect(0, 4.5rem, 9rem, 0);
  border-width: 0.75rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large .thumb-wrapper {
  left: 4.125rem;
  height: 4.5rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--large .thumb-wrapper .thumb {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large {
  width: 16rem;
  height: 16rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large .circle-background {
  border-width: 1rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large .circle {
  clip: rect(0, 16rem, 16rem, 8rem);
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large .circle .half-circle {
  clip: rect(0, 8rem, 16rem, 0);
  border-width: 1rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large .thumb-wrapper {
  left: 7.5rem;
  height: 8rem;
}
.theme-light .dds-progress-bar--circle.dds-progress-bar--extra-large .thumb-wrapper .thumb {
  width: 1rem;
  height: 1rem;
}
.theme-light .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #E00842;
}
.theme-light .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--circle .circle .half-circle {
  border-color: #E00842;
}
.theme-light .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #E00842;
}
.theme-light .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #8782C4;
}
.theme-light .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--circle .circle .half-circle {
  border-color: #8782C4;
}
.theme-light .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #8782C4;
}
.theme-light .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #FF5F00;
}
.theme-light .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--circle .circle .half-circle {
  border-color: #FF5F00;
}
.theme-light .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #FF5F00;
}
.theme-light .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #3D8ADB;
}
.theme-light .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--circle .circle .half-circle {
  border-color: #3D8ADB;
}
.theme-light .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #3D8ADB;
}
.theme-light .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #E26276;
}
.theme-light .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--circle .circle .half-circle {
  border-color: #E26276;
}
.theme-light .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #E26276;
}
.theme-light .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #5856F6;
}
.theme-light .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--circle .circle .half-circle {
  border-color: #5856F6;
}
.theme-light .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #5856F6;
}
.theme-light .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #A4095A;
}
.theme-light .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--circle .circle .half-circle {
  border-color: #A4095A;
}
.theme-light .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #A4095A;
}
.theme-light .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #AE8F4C;
}
.theme-light .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--circle .circle .half-circle {
  border-color: #AE8F4C;
}
.theme-light .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #AE8F4C;
}
.theme-light .dds-progress-bar--data-visualisation-others.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #082065;
}
.theme-light .dds-progress-bar--data-visualisation-others.dds-progress-bar--circle .circle .half-circle {
  border-color: #082065;
}
.theme-light .dds-progress-bar--data-visualisation-others.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #082065;
}
.theme-light .dds-progress-bar--data-visualisation-positive.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #229F64;
}
.theme-light .dds-progress-bar--data-visualisation-positive.dds-progress-bar--circle .circle .half-circle {
  border-color: #229F64;
}
.theme-light .dds-progress-bar--data-visualisation-positive.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #229F64;
}
.theme-light .dds-progress-bar--data-visualisation-negative.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #D40C74;
}
.theme-light .dds-progress-bar--data-visualisation-negative.dds-progress-bar--circle .circle .half-circle {
  border-color: #D40C74;
}
.theme-light .dds-progress-bar--data-visualisation-negative.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #D40C74;
}
.theme-light .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #97908B;
}
.theme-light .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--circle .circle .half-circle {
  border-color: #97908B;
}
.theme-light .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #97908B;
}

.theme-dark .dds-progress-bar--line {
  width: 100%;
  border-radius: 62.5rem;
  background-color: #333D47;
}
.theme-dark .dds-progress-bar--line .dds-progress-bar__percent {
  width: 0;
  border-radius: 62.5rem;
}
.theme-dark .dds-progress-bar--line.dds-progress-bar--small {
  height: 0.25rem;
}
.theme-dark .dds-progress-bar--line.dds-progress-bar--small .dds-progress-bar__percent {
  height: 0.25rem;
}
.theme-dark .dds-progress-bar--line.dds-progress-bar--medium, .theme-dark .dds-progress-bar--line.dds-progress-bar--large, .theme-dark .dds-progress-bar--line.dds-progress-bar--extra-large {
  height: 0.5rem;
}
.theme-dark .dds-progress-bar--line.dds-progress-bar--medium .dds-progress-bar__percent, .theme-dark .dds-progress-bar--line.dds-progress-bar--large .dds-progress-bar__percent, .theme-dark .dds-progress-bar--line.dds-progress-bar--extra-large .dds-progress-bar__percent {
  height: 0.5rem;
}
.theme-dark .dds-progress-bar--circle {
  position: relative;
  border-radius: 62.5rem;
  background-color: transparent;
}
.theme-dark .dds-progress-bar--circle .circle-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
  border-style: solid;
  border-color: #333D47;
  border-radius: 62.5rem;
}
.theme-dark .dds-progress-bar--circle .circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.theme-dark .dds-progress-bar--circle .circle .half-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-radius: 62.5rem;
}
.theme-dark .dds-progress-bar--circle .circle .left-side {
  transform: rotate(calc(var(--progress-percentage) * 3.6deg));
}
.theme-dark .dds-progress-bar--circle .circle .right-side {
  display: none;
}
.theme-dark .dds-progress-bar--circle .circle--over-half {
  clip: rect(auto, auto, auto, auto) !important;
}
.theme-dark .dds-progress-bar--circle .circle--over-half .right-side {
  display: block;
  transform: rotate(180deg);
}
.theme-dark .dds-progress-bar--circle .dds-progress-bar__thumb {
  display: none;
}
.theme-dark .dds-progress-bar--circle .thumb-wrapper {
  position: absolute;
  top: 0;
  transform-origin: bottom;
}
.theme-dark .dds-progress-bar--circle .thumb-wrapper--tail {
  transform: rotate(calc(var(--progress-percentage) * 3.6deg));
}
.theme-dark .dds-progress-bar--circle .thumb-wrapper .thumb {
  border-radius: 62.5rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small {
  width: 2rem;
  height: 2rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small .circle-background {
  border-width: 0.25rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small .circle {
  clip: rect(0, 2rem, 2rem, 1rem);
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small .circle .half-circle {
  clip: rect(0, 1rem, 2rem, 0);
  border-width: 0.25rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small .thumb-wrapper {
  left: 0.875rem;
  height: 1rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--small .thumb-wrapper .thumb {
  width: 0.25rem;
  height: 0.25rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium {
  width: 6rem;
  height: 6rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium .circle-background {
  border-width: 0.5rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium .circle {
  clip: rect(0, 6rem, 6rem, 3rem);
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium .circle .half-circle {
  clip: rect(0, 3rem, 6rem, 0);
  border-width: 0.5rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium .thumb-wrapper {
  left: 2.75rem;
  height: 3rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--medium .thumb-wrapper .thumb {
  width: 0.5rem;
  height: 0.5rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large {
  width: 9rem;
  height: 9rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large .circle-background {
  border-width: 0.75rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large .circle {
  clip: rect(0, 9rem, 9rem, 4.5rem);
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large .circle .half-circle {
  clip: rect(0, 4.5rem, 9rem, 0);
  border-width: 0.75rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large .thumb-wrapper {
  left: 4.125rem;
  height: 4.5rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--large .thumb-wrapper .thumb {
  width: 0.75rem;
  height: 0.75rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large {
  width: 16rem;
  height: 16rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large .circle-background {
  border-width: 1rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large .circle {
  clip: rect(0, 16rem, 16rem, 8rem);
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large .circle .half-circle {
  clip: rect(0, 8rem, 16rem, 0);
  border-width: 1rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large .thumb-wrapper {
  left: 7.5rem;
  height: 8rem;
}
.theme-dark .dds-progress-bar--circle.dds-progress-bar--extra-large .thumb-wrapper .thumb {
  width: 1rem;
  height: 1rem;
}
.theme-dark .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #E00842;
}
.theme-dark .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--circle .circle .half-circle {
  border-color: #E00842;
}
.theme-dark .dds-progress-bar--data-visualisation-category-1.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #E00842;
}
.theme-dark .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #9F9BD0;
}
.theme-dark .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--circle .circle .half-circle {
  border-color: #9F9BD0;
}
.theme-dark .dds-progress-bar--data-visualisation-category-2.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #9F9BD0;
}
.theme-dark .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #FF7F33;
}
.theme-dark .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--circle .circle .half-circle {
  border-color: #FF7F33;
}
.theme-dark .dds-progress-bar--data-visualisation-category-3.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #FF7F33;
}
.theme-dark .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #3D8ADB;
}
.theme-dark .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--circle .circle .half-circle {
  border-color: #3D8ADB;
}
.theme-dark .dds-progress-bar--data-visualisation-category-4.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #3D8ADB;
}
.theme-dark .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #FF7A85;
}
.theme-dark .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--circle .circle .half-circle {
  border-color: #FF7A85;
}
.theme-dark .dds-progress-bar--data-visualisation-category-5.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #FF7A85;
}
.theme-dark .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #7978DE;
}
.theme-dark .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--circle .circle .half-circle {
  border-color: #7978DE;
}
.theme-dark .dds-progress-bar--data-visualisation-category-6.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #7978DE;
}
.theme-dark .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--circle .circle .half-circle {
  border-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-category-7.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #BEA570;
}
.theme-dark .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--circle .circle .half-circle {
  border-color: #BEA570;
}
.theme-dark .dds-progress-bar--data-visualisation-category-8.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #BEA570;
}
.theme-dark .dds-progress-bar--data-visualisation-others.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #5E6E9B;
}
.theme-dark .dds-progress-bar--data-visualisation-others.dds-progress-bar--circle .circle .half-circle {
  border-color: #5E6E9B;
}
.theme-dark .dds-progress-bar--data-visualisation-others.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #5E6E9B;
}
.theme-dark .dds-progress-bar--data-visualisation-positive.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #64bc93;
}
.theme-dark .dds-progress-bar--data-visualisation-positive.dds-progress-bar--circle .circle .half-circle {
  border-color: #64bc93;
}
.theme-dark .dds-progress-bar--data-visualisation-positive.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #64bc93;
}
.theme-dark .dds-progress-bar--data-visualisation-negative.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-negative.dds-progress-bar--circle .circle .half-circle {
  border-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-negative.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #E0519B;
}
.theme-dark .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--line .dds-progress-bar__percent {
  background-color: #79736F;
}
.theme-dark .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--circle .circle .half-circle {
  border-color: #79736F;
}
.theme-dark .dds-progress-bar--data-visualisation-neutral.dds-progress-bar--circle .thumb-wrapper .thumb {
  background-color: #79736F;
}

.theme-light .dds-radio {
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 62.5rem;
  border-color: #858B91;
  accent-color: transparent;
  background-color: #FFFFFF;
}
.theme-light .dds-radio:not(:disabled) {
  cursor: pointer;
}
.theme-light .dds-radio:checked:not(:disabled) {
  border-color: #082065;
  accent-color: #082065;
  background-color: #082065;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='50%' cy='50%' r='3' fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
}
.theme-light .dds-radio:disabled {
  cursor: not-allowed;
}
.theme-light .dds-radio:disabled:not(:checked) {
  border-color: #D6D8DA;
  accent-color: #EBECED;
  background-color: #EBECED;
}
.theme-light .dds-radio:disabled:checked {
  border-color: #858B91;
  accent-color: #858B91;
  background-color: #858B91;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='50%' cy='50%' r='3' fill='%23EBECED'/%3e%3c/svg%3e") !important;
}

.theme-dark .dds-radio {
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 62.5rem;
  border-color: #666E75;
  accent-color: transparent;
  background-color: #14181C;
}
.theme-dark .dds-radio:not(:disabled) {
  cursor: pointer;
}
.theme-dark .dds-radio:checked:not(:disabled) {
  border-color: #0C6DD2;
  accent-color: #0C6DD2;
  background-color: #0C6DD2;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='50%' cy='50%' r='3' fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
}
.theme-dark .dds-radio:disabled {
  cursor: not-allowed;
}
.theme-dark .dds-radio:disabled:not(:checked) {
  border-color: #333D47;
  accent-color: #293139;
  background-color: #293139;
}
.theme-dark .dds-radio:disabled:checked {
  border-color: #333D47;
  accent-color: #333D47;
  background-color: #333D47;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='50%' cy='50%' r='3' fill='%23293139'/%3e%3c/svg%3e") !important;
}

.theme-light .dds-rating {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-rating__rating-container {
  display: flex;
  column-gap: 0.75rem;
}
.theme-light .dds-rating__rating-container__item {
  cursor: pointer;
}
.theme-light .dds-rating__label-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-light .dds-rating__label-container__label {
  color: #14181C;
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item {
  padding: 1rem 0.75rem;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item__label {
  color: #14181C;
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item:hover, .theme-light .dds-rating--numeric .dds-rating__rating-container__item:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item.active {
  border-color: #082065;
  background-color: #EBEDF3;
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item.active:hover, .theme-light .dds-rating--numeric .dds-rating__rating-container__item.active:focus {
  background-color: #DADEE8;
}
.theme-light .dds-rating--numeric .dds-rating__rating-container__item.active .dds-rating__rating-container__item__label {
  color: #082065;
}
.theme-light .dds-rating--numeric--7, .theme-light .dds-rating--numeric--10 {
  width: 100%;
  min-width: 18rem;
  max-width: 35.25rem;
}
.theme-light .dds-rating--numeric--7 .dds-rating__rating-container, .theme-light .dds-rating--numeric--10 .dds-rating__rating-container {
  justify-content: space-between;
  column-gap: 0.25rem;
}
.theme-light .dds-rating--numeric--7 .dds-rating__rating-container__item, .theme-light .dds-rating--numeric--10 .dds-rating__rating-container__item {
  width: auto;
  flex: 1;
  padding: initial;
}
.theme-light .dds-rating--star .dds-rating__rating-container {
  column-gap: 0;
}
.theme-light .dds-rating--star .dds-rating__rating-container__item:before {
  color: #D6D8DA;
}
.theme-light .dds-rating--star .dds-rating__rating-container__item:not(:first-child):not(:last-child) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.theme-light .dds-rating--star .dds-rating__rating-container__item:first-child {
  padding-right: 0.375rem;
}
.theme-light .dds-rating--star .dds-rating__rating-container__item:last-child {
  padding-left: 0.375rem;
}
.theme-light .dds-rating--star .dds-rating__rating-container.has-selected .dds-rating__rating-container__item:before {
  color: #F7C926;
}
.theme-light .dds-rating--star .dds-rating__rating-container.has-selected .dds-rating__rating-container__item.selected ~ .dds-rating__rating-container__item:before {
  color: #D6D8DA;
}
.theme-light .dds-rating--star .dds-rating__rating-container:hover .dds-rating__rating-container__item, .theme-light .dds-rating--star .dds-rating__rating-container:focus .dds-rating__rating-container__item {
  opacity: 0.5;
}
.theme-light .dds-rating--star .dds-rating__rating-container__item:hover ~ .dds-rating__rating-container__item, .theme-light .dds-rating--star .dds-rating__rating-container__item:focus ~ .dds-rating__rating-container__item {
  opacity: 1;
}
.theme-light .dds-rating--emoji .dds-rating__rating-container__item:hover, .theme-light .dds-rating--emoji .dds-rating__rating-container__item:focus {
  opacity: 0.6;
}
.theme-light .dds-rating--emoji .dds-rating__rating-container__item.active:hover, .theme-light .dds-rating--emoji .dds-rating__rating-container__item.active:focus {
  opacity: 0.7;
}

.theme-dark .dds-rating {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-rating__rating-container {
  display: flex;
  column-gap: 0.75rem;
}
.theme-dark .dds-rating__rating-container__item {
  cursor: pointer;
}
.theme-dark .dds-rating__label-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-dark .dds-rating__label-container__label {
  color: #FFFFFF;
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item {
  padding: 1rem 0.75rem;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
  background-color: #14181C;
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item__label {
  color: #FFFFFF;
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item:hover, .theme-dark .dds-rating--numeric .dds-rating__rating-container__item:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item.active {
  border-color: #0C6DD2;
  background-color: #061A51;
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item.active:hover, .theme-dark .dds-rating--numeric .dds-rating__rating-container__item.active:focus {
  background-color: #082065;
}
.theme-dark .dds-rating--numeric .dds-rating__rating-container__item.active .dds-rating__rating-container__item__label {
  color: #FFFFFF;
}
.theme-dark .dds-rating--numeric--7, .theme-dark .dds-rating--numeric--10 {
  width: 100%;
  min-width: 18rem;
  max-width: 35.25rem;
}
.theme-dark .dds-rating--numeric--7 .dds-rating__rating-container, .theme-dark .dds-rating--numeric--10 .dds-rating__rating-container {
  justify-content: space-between;
  column-gap: 0.25rem;
}
.theme-dark .dds-rating--numeric--7 .dds-rating__rating-container__item, .theme-dark .dds-rating--numeric--10 .dds-rating__rating-container__item {
  width: auto;
  flex: 1;
  padding: initial;
}
.theme-dark .dds-rating--star .dds-rating__rating-container {
  column-gap: 0;
}
.theme-dark .dds-rating--star .dds-rating__rating-container__item:before {
  color: #666E75;
}
.theme-dark .dds-rating--star .dds-rating__rating-container__item:not(:first-child):not(:last-child) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.theme-dark .dds-rating--star .dds-rating__rating-container__item:first-child {
  padding-right: 0.375rem;
}
.theme-dark .dds-rating--star .dds-rating__rating-container__item:last-child {
  padding-left: 0.375rem;
}
.theme-dark .dds-rating--star .dds-rating__rating-container.has-selected .dds-rating__rating-container__item:before {
  color: #F7C926;
}
.theme-dark .dds-rating--star .dds-rating__rating-container.has-selected .dds-rating__rating-container__item.selected ~ .dds-rating__rating-container__item:before {
  color: #666E75;
}
.theme-dark .dds-rating--star .dds-rating__rating-container:hover .dds-rating__rating-container__item, .theme-dark .dds-rating--star .dds-rating__rating-container:focus .dds-rating__rating-container__item {
  opacity: 0.5;
}
.theme-dark .dds-rating--star .dds-rating__rating-container__item:hover ~ .dds-rating__rating-container__item, .theme-dark .dds-rating--star .dds-rating__rating-container__item:focus ~ .dds-rating__rating-container__item {
  opacity: 1;
}
.theme-dark .dds-rating--emoji .dds-rating__rating-container__item:hover, .theme-dark .dds-rating--emoji .dds-rating__rating-container__item:focus {
  opacity: 0.6;
}
.theme-dark .dds-rating--emoji .dds-rating__rating-container__item.active:hover, .theme-dark .dds-rating--emoji .dds-rating__rating-container__item.active:focus {
  opacity: 0.7;
}

.theme-light .dds-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.theme-light .dds-switch__slider {
  position: absolute;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  transition: all 0.4s;
  border-radius: 62.5rem;
}
.theme-light .dds-switch__slider::before {
  position: absolute;
  content: "";
  left: 0.125rem;
  bottom: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.4s;
  border-radius: 62.5rem;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center center;
}
.theme-light .dds-switch__input {
  appearance: none;
}
.theme-light .dds-switch__input + .dds-switch__slider {
  cursor: pointer;
  background-color: #858B91;
}
.theme-light .dds-switch__input + .dds-switch__slider:before {
  background-color: #FFFFFF;
}
.theme-light .dds-switch__input:disabled + .dds-switch__slider {
  background-color: #D6D8DA;
  cursor: not-allowed;
}
.theme-light .dds-switch__input:disabled + .dds-switch__slider:before {
  background-color: #F5F5F6;
}
.theme-light .dds-switch__input:checked + .dds-switch__slider {
  background-color: #082065;
  cursor: pointer;
}
.theme-light .dds-switch__input:checked + .dds-switch__slider:before {
  transform: translateX(1.5rem);
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23FFFFFF\"%3e%3cpath xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm6.437 6.143a1.067 1.067 0 0 0-1.509 0l-6.4 6.399-2.706-2.707a1.067 1.067 0 1 0-1.51 1.51l3.462 3.46a1.067 1.067 0 0 0 1.51 0l7.153-7.153a1.067 1.067 0 0 0 0-1.51Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-light .dds-switch__input:checked:disabled + .dds-switch__slider {
  background-color: #D6D8DA;
  cursor: not-allowed;
}
.theme-light .dds-switch__input:checked:disabled + .dds-switch__slider::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23F5F5F6\"%3e%3cpath xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm6.437 6.143a1.067 1.067 0 0 0-1.509 0l-6.4 6.399-2.706-2.707a1.067 1.067 0 1 0-1.51 1.51l3.462 3.46a1.067 1.067 0 0 0 1.51 0l7.153-7.153a1.067 1.067 0 0 0 0-1.51Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}

.theme-dark .dds-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.theme-dark .dds-switch__slider {
  position: absolute;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  transition: all 0.4s;
  border-radius: 62.5rem;
}
.theme-dark .dds-switch__slider::before {
  position: absolute;
  content: "";
  left: 0.125rem;
  bottom: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.4s;
  border-radius: 62.5rem;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center center;
}
.theme-dark .dds-switch__input {
  appearance: none;
}
.theme-dark .dds-switch__input + .dds-switch__slider {
  cursor: pointer;
  background-color: #858B91;
}
.theme-dark .dds-switch__input + .dds-switch__slider:before {
  background-color: #FFFFFF;
}
.theme-dark .dds-switch__input:disabled + .dds-switch__slider {
  background-color: #333D47;
  cursor: not-allowed;
}
.theme-dark .dds-switch__input:disabled + .dds-switch__slider:before {
  background-color: #666E75;
}
.theme-dark .dds-switch__input:checked + .dds-switch__slider {
  background-color: #0C6DD2;
  cursor: pointer;
}
.theme-dark .dds-switch__input:checked + .dds-switch__slider:before {
  transform: translateX(1.5rem);
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23FFFFFF\"%3e%3cpath xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm6.437 6.143a1.067 1.067 0 0 0-1.509 0l-6.4 6.399-2.706-2.707a1.067 1.067 0 1 0-1.51 1.51l3.462 3.46a1.067 1.067 0 0 0 1.51 0l7.153-7.153a1.067 1.067 0 0 0 0-1.51Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}
.theme-dark .dds-switch__input:checked:disabled + .dds-switch__slider {
  background-color: #333D47;
  cursor: not-allowed;
}
.theme-dark .dds-switch__input:checked:disabled + .dds-switch__slider::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23666E75\"%3e%3cpath xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0Zm6.437 6.143a1.067 1.067 0 0 0-1.509 0l-6.4 6.399-2.706-2.707a1.067 1.067 0 1 0-1.51 1.51l3.462 3.46a1.067 1.067 0 0 0 1.51 0l7.153-7.153a1.067 1.067 0 0 0 0-1.51Z\" clip-rule=\"evenodd\"/%3e%3c/svg%3e");
}

.theme-light .dds-tab {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  row-gap: 0;
  border-bottom: solid 0.125rem #D6D8DA;
  padding: 1rem;
  min-width: 4rem;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.theme-light .dds-tab__title {
  color: #666E75 !important;
}
.theme-light .dds-tab:hover, .theme-light .dds-tab:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
  text-decoration: none !important;
}
.theme-light .dds-tab--active {
  border-bottom-color: #E00842 !important;
}
.theme-light .dds-tab--active .dds-tab__title {
  color: #14181C !important;
}
.theme-light .dds-tab--with-background {
  background-color: #F5F5F6;
}

.theme-dark .dds-tab {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  row-gap: 0;
  border-bottom: solid 0.125rem #333D47;
  padding: 1rem;
  min-width: 4rem;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.theme-dark .dds-tab__title {
  color: #ADB1B5 !important;
}
.theme-dark .dds-tab:hover, .theme-dark .dds-tab:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
  text-decoration: none !important;
}
.theme-dark .dds-tab--active {
  border-bottom-color: #E00842 !important;
}
.theme-dark .dds-tab--active .dds-tab__title {
  color: #FFFFFF !important;
}
.theme-dark .dds-tab--with-background {
  background-color: #1F252B;
}

.theme-light .dds-tag {
  padding: 0.125rem 0.5rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 62.5rem;
}
.theme-light .dds-tag__icon {
  width: 1rem;
  height: 1rem;
  fill: #e00842;
  display: flex;
  align-items: center;
}
.theme-light .dds-tag--high-emphasis {
  background-color: #C64A67;
}
.theme-light .dds-tag--high-emphasis .dds-tag__label {
  color: #FFFFFF;
}
.theme-light .dds-tag--medium-emphasis {
  background-color: #FFE4E7;
}
.theme-light .dds-tag--medium-emphasis .dds-tag__label {
  color: #982D4F;
}
.theme-light .dds-tag--default {
  background-color: #E9E5E1;
}
.theme-light .dds-tag--default .dds-tag__label {
  color: #3C3A38;
}
.theme-light .dds-tag--new {
  background-color: #E00842;
}
.theme-light .dds-tag--new .dds-tag__label {
  color: #FFFFFF;
}

.theme-dark .dds-tag {
  padding: 0.125rem 0.5rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 62.5rem;
}
.theme-dark .dds-tag__icon {
  width: 1rem;
  height: 1rem;
  fill: #e31f4e;
  display: flex;
  align-items: center;
}
.theme-dark .dds-tag--high-emphasis {
  background-color: #C64A67;
}
.theme-dark .dds-tag--high-emphasis .dds-tag__label {
  color: #FFFFFF;
}
.theme-dark .dds-tag--medium-emphasis {
  background-color: #FFCFD3;
}
.theme-dark .dds-tag--medium-emphasis .dds-tag__label {
  color: #982D4F;
}
.theme-dark .dds-tag--default {
  background-color: #5A5754;
}
.theme-dark .dds-tag--default .dds-tag__label {
  color: #DEd7d2;
}
.theme-dark .dds-tag--new {
  background-color: #E00842;
}
.theme-dark .dds-tag--new .dds-tag__label {
  color: #FFFFFF;
}

.theme-light .dds-textarea {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-textarea__wrapper {
  padding: 0.75rem 1rem 0.5rem 1rem;
  height: 8rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  border-color: #858B91;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
}
.theme-light .dds-textarea__wrapper:focus-within {
  border-color: #082065;
}
.theme-light .dds-textarea__wrapper--disabled {
  color: #858B91;
  border-color: #D6D8DA;
  background-color: #EBECED;
}
.theme-light .dds-textarea__wrapper__textarea {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #14181C;
  resize: none;
  font-family: inherit;
}
.theme-light .dds-textarea__wrapper__textarea::placeholder {
  color: #666E75;
}
.theme-light .dds-textarea__wrapper__textarea::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-light .dds-textarea__wrapper__textarea::-webkit-scrollbar-track {
  border-radius: 62.5rem;
  background-color: #D6D8DA;
}
.theme-light .dds-textarea__wrapper__textarea::-webkit-scrollbar-thumb {
  border-radius: 62.5rem;
  background-color: #ADB1B5;
}
.theme-light .dds-textarea__wrapper__text-length {
  user-select: none;
  text-align: end;
  color: #666E75 !important;
}
.theme-light .dds-textarea__hint-text {
  color: #666E75 !important;
}
.theme-light .dds-textarea--error .dds-textarea__wrapper {
  border-color: #D40C74;
}
.theme-light .dds-textarea--error .dds-textarea__wrapper__textarea {
  color: #666E75;
}
.theme-light .dds-textarea--error .dds-textarea__hint-text {
  display: none;
}
.theme-light .dds-textarea--error .dds-textarea__error-wrapper {
  display: flex;
}
.theme-light .dds-textarea__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-light .dds-textarea__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-textarea-disabled {
  color: #14181C;
}

.theme-dark .dds-textarea {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-textarea__wrapper {
  padding: 0.75rem 1rem 0.5rem 1rem;
  height: 8rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  border-color: #666E75;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  background-color: #14181C;
}
.theme-dark .dds-textarea__wrapper:focus-within {
  border-color: #0C6DD2;
}
.theme-dark .dds-textarea__wrapper--disabled {
  color: #666E75;
  border-color: #333D47;
  background-color: #293139;
}
.theme-dark .dds-textarea__wrapper__textarea {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #FFFFFF;
  resize: none;
  font-family: inherit;
}
.theme-dark .dds-textarea__wrapper__textarea::placeholder {
  color: #ADB1B5;
}
.theme-dark .dds-textarea__wrapper__textarea::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-dark .dds-textarea__wrapper__textarea::-webkit-scrollbar-track {
  border-radius: 62.5rem;
  background-color: #333D47;
}
.theme-dark .dds-textarea__wrapper__textarea::-webkit-scrollbar-thumb {
  border-radius: 62.5rem;
  background-color: #858B91;
}
.theme-dark .dds-textarea__wrapper__text-length {
  user-select: none;
  text-align: end;
  color: #ADB1B5 !important;
}
.theme-dark .dds-textarea__hint-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-textarea--error .dds-textarea__wrapper {
  border-color: #E0519B;
}
.theme-dark .dds-textarea--error .dds-textarea__wrapper__textarea {
  color: #ADB1B5;
}
.theme-dark .dds-textarea--error .dds-textarea__hint-text {
  display: none;
}
.theme-dark .dds-textarea--error .dds-textarea__error-wrapper {
  display: flex;
}
.theme-dark .dds-textarea__error-wrapper {
  display: none;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-dark .dds-textarea__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-textarea-disabled {
  color: #FFFFFF;
}

.theme-light .dds-tooltip {
  --tooltip-arrow-padding: 0.25rem;
  display: inline-block;
}
.theme-light .dds-tooltip__trigger__icon {
  display: inline-block;
}
.theme-light .dds-tooltip__content {
  display: none;
  position: absolute;
  max-width: 16rem;
  background-color: #333D47;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  box-shadow: none;
}
.theme-light .dds-tooltip__content__text {
  text-align: left;
  color: #FFFFFF;
}
.theme-light .dds-tooltip__content__arrow {
  position: absolute;
  background: #333D47;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
}

.theme-dark .dds-tooltip {
  --tooltip-arrow-padding: 0.25rem;
  display: inline-block;
}
.theme-dark .dds-tooltip__trigger__icon {
  display: inline-block;
}
.theme-dark .dds-tooltip__content {
  display: none;
  position: absolute;
  max-width: 16rem;
  background-color: #FFFFFF;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  box-shadow: none;
}
.theme-dark .dds-tooltip__content__text {
  text-align: left;
  color: #14181C;
}
.theme-dark .dds-tooltip__content__arrow {
  position: absolute;
  background: #FFFFFF;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
}

.theme-light .dds-value-stepper {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 100%;
}
.theme-light .dds-value-stepper__wrapper {
  display: flex;
  justify-content: stretch;
}
.theme-light .dds-value-stepper__wrapper__input {
  flex: 1;
  padding: 0.8125rem 1rem;
  background-color: transparent;
  border-style: solid;
  border-color: #858B91;
  border-width: 0.0625rem;
  color: #14181C;
  text-align: center;
  transition: none;
  outline: none;
  appearance: textfield;
}
.theme-light .dds-value-stepper__wrapper__input::-webkit-outer-spin-button, .theme-light .dds-value-stepper__wrapper__input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.theme-light .dds-value-stepper__wrapper__input:hover, .theme-light .dds-value-stepper__wrapper__input:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-value-stepper__wrapper__btn {
  padding: 0.8125rem 1rem;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
}
.theme-light .dds-value-stepper__wrapper__btn:hover, .theme-light .dds-value-stepper__wrapper__btn:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-value-stepper__wrapper__btn--increase {
  border-left-width: 0rem;
  border-color: #858B91;
  border-radius: 0 0.5rem 0.5rem 0;
}
.theme-light .dds-value-stepper__wrapper__btn--decrease {
  border-right-width: 0rem;
  border-color: #858B91;
  border-radius: 0.5rem 0 0 0.5rem;
}
.theme-light .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__input {
  border-color: #D40C74;
}
.theme-light .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__btn--increase {
  border-color: #D40C74;
}
.theme-light .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__btn--decrease {
  border-color: #D40C74;
}
.theme-light .dds-value-stepper__wrapper--disabled * {
  cursor: not-allowed;
  background-color: #EBECED;
  color: #858B91;
}
.theme-light .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__input {
  border-color: #D6D8DA;
}
.theme-light .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn:hover, .theme-light .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn:focus {
  background-color: #EBECED;
}
.theme-light .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn--decrease {
  border-color: #D6D8DA;
}
.theme-light .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn--increase {
  border-color: #D6D8DA;
}
.theme-light .dds-value-stepper__wrapper--disabled-decrease .dds-value-stepper__wrapper__btn--decrease {
  background-color: #EBECED;
  color: #858B91;
  border-color: #D6D8DA;
  cursor: not-allowed;
}
.theme-light .dds-value-stepper__wrapper--disabled-increase .dds-value-stepper__wrapper__btn--increase {
  background-color: #EBECED;
  color: #858B91;
  border-color: #D6D8DA;
  cursor: not-allowed;
}
.theme-light .dds-value-stepper__hint-text {
  color: #666E75 !important;
}
.theme-light .dds-value-stepper__error-wrapper {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-light .dds-value-stepper__error-wrapper__error-message {
  color: #D40C74 !important;
}

.theme-dark .dds-value-stepper {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 100%;
}
.theme-dark .dds-value-stepper__wrapper {
  display: flex;
  justify-content: stretch;
}
.theme-dark .dds-value-stepper__wrapper__input {
  flex: 1;
  padding: 0.8125rem 1rem;
  background-color: transparent;
  border-style: solid;
  border-color: #666E75;
  border-width: 0.0625rem;
  color: #FFFFFF;
  text-align: center;
  transition: none;
  outline: none;
  appearance: textfield;
}
.theme-dark .dds-value-stepper__wrapper__input::-webkit-outer-spin-button, .theme-dark .dds-value-stepper__wrapper__input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.theme-dark .dds-value-stepper__wrapper__input:hover, .theme-dark .dds-value-stepper__wrapper__input:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-value-stepper__wrapper__btn {
  padding: 0.8125rem 1rem;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
}
.theme-dark .dds-value-stepper__wrapper__btn:hover, .theme-dark .dds-value-stepper__wrapper__btn:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-value-stepper__wrapper__btn--increase {
  border-left-width: 0rem;
  border-color: #666E75;
  border-radius: 0 0.5rem 0.5rem 0;
}
.theme-dark .dds-value-stepper__wrapper__btn--decrease {
  border-right-width: 0rem;
  border-color: #666E75;
  border-radius: 0.5rem 0 0 0.5rem;
}
.theme-dark .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__input {
  border-color: #E0519B;
}
.theme-dark .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__btn--increase {
  border-color: #E0519B;
}
.theme-dark .dds-value-stepper__wrapper--error .dds-value-stepper__wrapper__btn--decrease {
  border-color: #E0519B;
}
.theme-dark .dds-value-stepper__wrapper--disabled * {
  cursor: not-allowed;
  background-color: #293139;
  color: #666E75;
}
.theme-dark .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__input {
  border-color: #333D47;
}
.theme-dark .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn:hover, .theme-dark .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn:focus {
  background-color: #293139;
}
.theme-dark .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn--decrease {
  border-color: #333D47;
}
.theme-dark .dds-value-stepper__wrapper--disabled .dds-value-stepper__wrapper__btn--increase {
  border-color: #333D47;
}
.theme-dark .dds-value-stepper__wrapper--disabled-decrease .dds-value-stepper__wrapper__btn--decrease {
  background-color: #293139;
  color: #666E75;
  border-color: #333D47;
  cursor: not-allowed;
}
.theme-dark .dds-value-stepper__wrapper--disabled-increase .dds-value-stepper__wrapper__btn--increase {
  background-color: #293139;
  color: #666E75;
  border-color: #333D47;
  cursor: not-allowed;
}
.theme-dark .dds-value-stepper__hint-text {
  color: #ADB1B5 !important;
}
.theme-dark .dds-value-stepper__error-wrapper {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-dark .dds-value-stepper__error-wrapper__error-message {
  color: #E0519B !important;
}

.theme-light .dds-accordion .dds-accordion__header__btn {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 1rem;
  border: 0;
  background-color: #FFFFFF;
  width: 100%;
  transition: transform linear 0.2s;
  font-family: inherit;
  cursor: pointer;
}
.theme-light .dds-accordion .dds-accordion__header__btn:after {
  content: unset;
}
.theme-light .dds-accordion .dds-accordion__header__btn:hover {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-accordion .dds-accordion__header__btn:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.theme-light .dds-accordion .dds-accordion__header__btn__icon {
  flex-shrink: 0;
  display: inline-flex;
}
.theme-light .dds-accordion .dds-accordion__header__btn__illustration {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.theme-light .dds-accordion .dds-accordion__header__btn__container {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-light .dds-accordion .dds-accordion__header__btn__container__title {
  flex: 1 1 auto;
  max-width: 47.5rem;
}
.theme-light .dds-accordion .dds-accordion__header__btn__container__right-column {
  flex-shrink: 0;
  display: flex;
}
.theme-light .dds-accordion .dds-accordion__header__btn__container__right-column--text {
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: baseline;
}
.theme-light .dds-accordion .dds-accordion__header__btn__container__right-column--status {
  flex-direction: row;
  align-items: center;
}
.theme-light .dds-accordion .dds-accordion__header__btn__toggle-icon {
  flex-shrink: 0;
  transition: transform 0.2s linear;
}
.theme-light .dds-accordion .dds-accordion__header__btn--with-icon .dds-accordion__header__btn__container__title {
  max-width: 45rem;
}
.theme-light .dds-accordion .dds-accordion__header__btn--with-illustration .dds-accordion__header__btn__container__title {
  max-width: 44.5rem;
}
.theme-light .dds-accordion .dds-accordion__header__btn.open .dds-accordion__header__btn__toggle-icon {
  transform: rotate(180deg);
}
.theme-light .dds-accordion__content {
  display: none;
}
.theme-light .dds-accordion__body {
  margin: 0.75rem 1rem 1rem 1rem;
  background-color: #FFFFFF;
  max-width: 47.5rem;
}
.theme-light .dds-accordion__body > div {
  max-width: 47.5rem;
}
.theme-light .dds-accordion__divider {
  margin: 0 1rem;
}
@media (min-width: 768px) {
  .theme-light .dds-accordion .dds-accordion__header__btn {
    padding: 1.5rem;
  }
  .theme-light .dds-accordion .dds-accordion__header__btn__container {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    justify-content: space-between;
    align-self: center;
  }
  .theme-light .dds-accordion__body {
    margin: 1rem 1rem 1.5rem 1rem;
  }
}
@media (min-width: 1024px) {
  .theme-light .dds-accordion__header__btn {
    padding: 1.5rem;
  }
  .theme-light .dds-accordion__body {
    margin: 1rem 1.5rem 1.5rem 1.5rem;
  }
  .theme-light .dds-accordion__divider {
    margin: 0 1.5rem;
  }
}

.theme-dark .dds-accordion .dds-accordion__header__btn {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 1rem;
  border: 0;
  background-color: #14181C;
  width: 100%;
  transition: transform linear 0.2s;
  font-family: inherit;
  cursor: pointer;
}
.theme-dark .dds-accordion .dds-accordion__header__btn:after {
  content: unset;
}
.theme-dark .dds-accordion .dds-accordion__header__btn:hover {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-accordion .dds-accordion__header__btn:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__icon {
  flex-shrink: 0;
  display: inline-flex;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__illustration {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__container {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__container__title {
  flex: 1 1 auto;
  max-width: 47.5rem;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__container__right-column {
  flex-shrink: 0;
  display: flex;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__container__right-column--text {
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: baseline;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__container__right-column--status {
  flex-direction: row;
  align-items: center;
}
.theme-dark .dds-accordion .dds-accordion__header__btn__toggle-icon {
  flex-shrink: 0;
  transition: transform 0.2s linear;
}
.theme-dark .dds-accordion .dds-accordion__header__btn--with-icon .dds-accordion__header__btn__container__title {
  max-width: 45rem;
}
.theme-dark .dds-accordion .dds-accordion__header__btn--with-illustration .dds-accordion__header__btn__container__title {
  max-width: 44.5rem;
}
.theme-dark .dds-accordion .dds-accordion__header__btn.open .dds-accordion__header__btn__toggle-icon {
  transform: rotate(180deg);
}
.theme-dark .dds-accordion__content {
  display: none;
}
.theme-dark .dds-accordion__body {
  margin: 0.75rem 1rem 1rem 1rem;
  background-color: #14181C;
  max-width: 47.5rem;
}
.theme-dark .dds-accordion__body > div {
  max-width: 47.5rem;
}
.theme-dark .dds-accordion__divider {
  margin: 0 1rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-accordion .dds-accordion__header__btn {
    padding: 1.5rem;
  }
  .theme-dark .dds-accordion .dds-accordion__header__btn__container {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    justify-content: space-between;
    align-self: center;
  }
  .theme-dark .dds-accordion__body {
    margin: 1rem 1rem 1.5rem 1rem;
  }
}
@media (min-width: 1024px) {
  .theme-dark .dds-accordion__header__btn {
    padding: 1.5rem;
  }
  .theme-dark .dds-accordion__body {
    margin: 1rem 1.5rem 1.5rem 1.5rem;
  }
  .theme-dark .dds-accordion__divider {
    margin: 0 1.5rem;
  }
}

.theme-light .dds-area-chart {
  --area-chart-axis-font-color: #666E75;
  --area-chart-axis-border-color: #ADB1B5;
  --area-chart-axis-border-width: 0.125rem;
  --area-chart-axis-grid-color: #EBECED;
  --area-chart-axis-grid-width: 0.0625rem;
  --area-chart-point-background-color-hover: #FFFFFF;
  --area-chart-tooltip-background-color: #333D47;
  --area-chart-tooltip-font-family: var(--font-family-base);
  --area-chart-tooltip-font-color: #FFFFFF;
  --area-chart-color-data-visualisation-category-1: #E00842;
  --area-chart-color-data-visualisation-category-2: #8782C4;
  --area-chart-color-data-visualisation-category-3: #FF5F00;
  --area-chart-color-data-visualisation-category-4: #3D8ADB;
  --area-chart-color-data-visualisation-category-5: #E26276;
  --area-chart-color-data-visualisation-category-6: #5856F6;
  --area-chart-color-data-visualisation-category-7: #A4095A;
  --area-chart-color-data-visualisation-category-8: #AE8F4C;
  --area-chart-color-data-visualisation-others: #082065;
  --area-chart-color-data-visualisation-track: #D6D8DA;
  --area-chart-color-data-visualisation-positive: #229F64;
  --area-chart-color-data-visualisation-negative: #D40C74;
  --area-chart-color-data-visualisation-neutral: #97908B;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-light .dds-area-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-light .dds-area-chart__y-axis-label {
  color: #666E75;
}
.theme-light .dds-area-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-light .dds-area-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-area-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-area-chart {
    row-gap: 2.5rem;
  }
  .theme-light .dds-area-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.theme-dark .dds-area-chart {
  --area-chart-axis-font-color: #ADB1B5;
  --area-chart-axis-border-color: #858B91;
  --area-chart-axis-border-width: 0.125rem;
  --area-chart-axis-grid-color: #293139;
  --area-chart-axis-grid-width: 0.0625rem;
  --area-chart-point-background-color-hover: #14181C;
  --area-chart-tooltip-background-color: #FFFFFF;
  --area-chart-tooltip-font-family: var(--font-family-base);
  --area-chart-tooltip-font-color: #14181C;
  --area-chart-color-data-visualisation-category-1: #E00842;
  --area-chart-color-data-visualisation-category-2: #9F9BD0;
  --area-chart-color-data-visualisation-category-3: #FF7F33;
  --area-chart-color-data-visualisation-category-4: #3D8ADB;
  --area-chart-color-data-visualisation-category-5: #FF7A85;
  --area-chart-color-data-visualisation-category-6: #7978DE;
  --area-chart-color-data-visualisation-category-7: #E0519B;
  --area-chart-color-data-visualisation-category-8: #BEA570;
  --area-chart-color-data-visualisation-others: #5E6E9B;
  --area-chart-color-data-visualisation-track: #333D47;
  --area-chart-color-data-visualisation-positive: #64bc93;
  --area-chart-color-data-visualisation-negative: #E0519B;
  --area-chart-color-data-visualisation-neutral: #79736F;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-dark .dds-area-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-dark .dds-area-chart__y-axis-label {
  color: #ADB1B5;
}
.theme-dark .dds-area-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-dark .dds-area-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-area-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-area-chart {
    row-gap: 2.5rem;
  }
  .theme-dark .dds-area-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.areachart {
  width: 100%;
  height: 100%;
}

.theme-light .dds-avatar {
  border-radius: 62.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-light .dds-avatar--size-8 {
  width: 2.5rem;
  height: 2.5rem;
}
.theme-light .dds-avatar--size-9 {
  width: 3rem;
  height: 3rem;
}
.theme-light .dds-avatar--size-11 {
  width: 3.5rem;
  height: 3.5rem;
}
.theme-light .dds-avatar--size-13 {
  width: 6rem;
  height: 6rem;
}
.theme-light .dds-avatar--size-13 .dds-avatar__initials__text {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.theme-light .dds-avatar__default {
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EBECED;
}
.theme-light .dds-avatar__initials {
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EBECED;
}
.theme-light .dds-avatar__initials__text {
  color: #14181C;
  margin-bottom: 0;
}
.theme-light .dds-avatar__initials--secondary-1 {
  background-color: #DEDDF7;
}
.theme-light .dds-avatar__initials--secondary-1 .dds-avatar__initials__text {
  color: #4645AB;
}
.theme-light .dds-avatar__initials--secondary-2 {
  background-color: #FFE4E7;
}
.theme-light .dds-avatar__initials--secondary-2 .dds-avatar__initials__text {
  color: #982D4F;
}
.theme-light .dds-avatar__initials--secondary-3 {
  background-color: #E9E5E1;
}
.theme-light .dds-avatar__initials--secondary-3 .dds-avatar__initials__text {
  color: #3C3A38;
}
.theme-light .dds-avatar__icon-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #858B91;
  background-color: #FFFFFF;
}

.theme-dark .dds-avatar {
  border-radius: 62.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .dds-avatar--size-8 {
  width: 2.5rem;
  height: 2.5rem;
}
.theme-dark .dds-avatar--size-9 {
  width: 3rem;
  height: 3rem;
}
.theme-dark .dds-avatar--size-11 {
  width: 3.5rem;
  height: 3.5rem;
}
.theme-dark .dds-avatar--size-13 {
  width: 6rem;
  height: 6rem;
}
.theme-dark .dds-avatar--size-13 .dds-avatar__initials__text {
  font-family: var(--heading-font-family-base);
  font-weight: 500;
  font-size: var(--h3-font-size);
  line-height: 2.625rem;
  letter-spacing: 0rem;
}
.theme-dark .dds-avatar__default {
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #293139;
}
.theme-dark .dds-avatar__initials {
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #293139;
}
.theme-dark .dds-avatar__initials__text {
  color: #FFFFFF;
  margin-bottom: 0;
}
.theme-dark .dds-avatar__initials--secondary-1 {
  background-color: #DEDDF7;
}
.theme-dark .dds-avatar__initials--secondary-1 .dds-avatar__initials__text {
  color: #4645AB;
}
.theme-dark .dds-avatar__initials--secondary-2 {
  background-color: #FFCFD3;
}
.theme-dark .dds-avatar__initials--secondary-2 .dds-avatar__initials__text {
  color: #982D4F;
}
.theme-dark .dds-avatar__initials--secondary-3 {
  background-color: #E9E5E1;
}
.theme-dark .dds-avatar__initials--secondary-3 .dds-avatar__initials__text {
  color: #3C3A38;
}
.theme-dark .dds-avatar__icon-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 62.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #666E75;
  background-color: #14181C;
}

.theme-light .dds-bar-chart {
  --bar-chart-bar-thickness: 0.75rem;
  --bar-chart-bar-spacing: 0.5rem;
  --bar-chart-axis-font-color: #666E75;
  --bar-chart-axis-border-color: #ADB1B5;
  --bar-chart-axis-border-width: 0.125rem;
  --bar-chart-axis-grid-color: #EBECED;
  --bar-chart-axis-grid-width: 0.0625rem;
  --bar-chart-hover-overlay-color: #FFFFFF;
  --bar-chart-tooltip-background-color: #333D47;
  --bar-chart-tooltip-font-family: var(--font-family-base);
  --bar-chart-tooltip-font-color: #FFFFFF;
  --bar-chart-color-data-visualisation-category-1: #E00842;
  --bar-chart-color-data-visualisation-category-2: #8782C4;
  --bar-chart-color-data-visualisation-category-3: #FF5F00;
  --bar-chart-color-data-visualisation-category-4: #3D8ADB;
  --bar-chart-color-data-visualisation-category-5: #E26276;
  --bar-chart-color-data-visualisation-category-6: #5856F6;
  --bar-chart-color-data-visualisation-category-7: #A4095A;
  --bar-chart-color-data-visualisation-category-8: #AE8F4C;
  --bar-chart-color-data-visualisation-others: #082065;
  --bar-chart-color-data-visualisation-track: #D6D8DA;
  --bar-chart-color-data-visualisation-positive: #229F64;
  --bar-chart-color-data-visualisation-negative: #D40C74;
  --bar-chart-color-data-visualisation-neutral: #97908B;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.theme-light .dds-bar-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-light .dds-bar-chart__y-axis-label {
  color: #666E75;
  margin-bottom: 1.25rem;
}
.theme-light .dds-bar-chart__legends {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
  flex-shrink: 0;
}
.theme-light .dds-bar-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-bar-chart__legends__item__label {
  color: #14181C;
}
.theme-light .dds-bar-chart__container__tooltip-root {
  position: absolute;
  pointer-events: none;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip {
  position: relative;
  max-width: 16rem;
  background-color: #333D47;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #FFFFFF;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip--stacked {
  width: 16rem;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row--stacked {
  align-items: stretch;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__label, .theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__value, .theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__header__label, .theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__header__value, .theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item__label, .theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item__value {
  color: #FFFFFF;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__header__label {
  flex: 1;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__header__value {
  flex-shrink: 0;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item__color {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 62.5rem;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item__label {
  flex: 1;
}
.theme-light .dds-bar-chart__container__tooltip-root__tooltip__row__item__value {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .theme-light .dds-bar-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}
.theme-light .dds-bar-chart .dds-bar-chart__container__tooltip-root:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.theme-light .dds-bar-chart--tooltip-caret-bottom .dds-bar-chart__container__tooltip-root:after {
  border-width: 8px 6px 0 6px;
  border-color: var(--bar-chart-tooltip-background-color) transparent transparent transparent;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}
.theme-light .dds-bar-chart--tooltip-caret-right .dds-bar-chart__container__tooltip-root:after {
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent var(--bar-chart-tooltip-background-color);
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-light .dds-bar-chart--tooltip-caret-left .dds-bar-chart__container__tooltip-root:after {
  border-width: 6px 8px 6px 0;
  border-color: transparent var(--bar-chart-tooltip-background-color) transparent transparent;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-light .dds-bar-chart--tooltip-caret-top .dds-bar-chart__container__tooltip-root:after {
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--bar-chart-tooltip-background-color) transparent;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
}

.theme-dark .dds-bar-chart {
  --bar-chart-bar-thickness: 0.75rem;
  --bar-chart-bar-spacing: 0.5rem;
  --bar-chart-axis-font-color: #ADB1B5;
  --bar-chart-axis-border-color: #858B91;
  --bar-chart-axis-border-width: 0.125rem;
  --bar-chart-axis-grid-color: #293139;
  --bar-chart-axis-grid-width: 0.0625rem;
  --bar-chart-hover-overlay-color: #14181C;
  --bar-chart-tooltip-background-color: #FFFFFF;
  --bar-chart-tooltip-font-family: var(--font-family-base);
  --bar-chart-tooltip-font-color: #14181C;
  --bar-chart-color-data-visualisation-category-1: #E00842;
  --bar-chart-color-data-visualisation-category-2: #9F9BD0;
  --bar-chart-color-data-visualisation-category-3: #FF7F33;
  --bar-chart-color-data-visualisation-category-4: #3D8ADB;
  --bar-chart-color-data-visualisation-category-5: #FF7A85;
  --bar-chart-color-data-visualisation-category-6: #7978DE;
  --bar-chart-color-data-visualisation-category-7: #E0519B;
  --bar-chart-color-data-visualisation-category-8: #BEA570;
  --bar-chart-color-data-visualisation-others: #5E6E9B;
  --bar-chart-color-data-visualisation-track: #333D47;
  --bar-chart-color-data-visualisation-positive: #64bc93;
  --bar-chart-color-data-visualisation-negative: #E0519B;
  --bar-chart-color-data-visualisation-neutral: #79736F;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.theme-dark .dds-bar-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-dark .dds-bar-chart__y-axis-label {
  color: #ADB1B5;
  margin-bottom: 1.25rem;
}
.theme-dark .dds-bar-chart__legends {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
  flex-shrink: 0;
}
.theme-dark .dds-bar-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-bar-chart__legends__item__label {
  color: #FFFFFF;
}
.theme-dark .dds-bar-chart__container__tooltip-root {
  position: absolute;
  pointer-events: none;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip {
  position: relative;
  max-width: 16rem;
  background-color: #FFFFFF;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #14181C;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip--stacked {
  width: 16rem;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row--stacked {
  align-items: stretch;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__label, .theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__value, .theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__header__label, .theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__header__value, .theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item__label, .theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item__value {
  color: #14181C;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__header__label {
  flex: 1;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__header__value {
  flex-shrink: 0;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item__color {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 62.5rem;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item__label {
  flex: 1;
}
.theme-dark .dds-bar-chart__container__tooltip-root__tooltip__row__item__value {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .theme-dark .dds-bar-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}
.theme-dark .dds-bar-chart .dds-bar-chart__container__tooltip-root:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.theme-dark .dds-bar-chart--tooltip-caret-bottom .dds-bar-chart__container__tooltip-root:after {
  border-width: 8px 6px 0 6px;
  border-color: var(--bar-chart-tooltip-background-color) transparent transparent transparent;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}
.theme-dark .dds-bar-chart--tooltip-caret-right .dds-bar-chart__container__tooltip-root:after {
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent var(--bar-chart-tooltip-background-color);
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-dark .dds-bar-chart--tooltip-caret-left .dds-bar-chart__container__tooltip-root:after {
  border-width: 6px 8px 6px 0;
  border-color: transparent var(--bar-chart-tooltip-background-color) transparent transparent;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-dark .dds-bar-chart--tooltip-caret-top .dds-bar-chart__container__tooltip-root:after {
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--bar-chart-tooltip-background-color) transparent;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
}

.barchart {
  width: 100%;
  height: 100%;
}

.theme-light .dds-bubble-chart {
  --bubble-chart-axis-font-color: #666E75;
  --bubble-chart-axis-grid-color: #EBECED;
  --bubble-chart-axis-grid-width: 0.0625rem;
  --bubble-chart-axis-border-width: 0.125rem;
  --bubble-chart-axis-border-color: #ADB1B5;
  --bubble-chart-point-background-color-hover: #FFFFFF;
  --bubble-chart-tooltip-background-color: #333D47;
  --bubble-chart-font-family: var(--font-family-base);
  --bubble-chart-tooltip-font-color: #FFFFFF;
  --bubble-chart-label-padding: 1rem;
  --bubble-chart-color-data-visualisation-category-1: #E00842;
  --bubble-chart-color-data-visualisation-category-2: #8782C4;
  --bubble-chart-color-data-visualisation-category-3: #FF5F00;
  --bubble-chart-color-data-visualisation-category-4: #3D8ADB;
  --bubble-chart-color-data-visualisation-category-5: #E26276;
  --bubble-chart-color-data-visualisation-category-6: #5856F6;
  --bubble-chart-color-data-visualisation-category-7: #A4095A;
  --bubble-chart-color-data-visualisation-category-8: #AE8F4C;
  --bubble-chart-color-data-visualisation-others: #082065;
  --bubble-chart-color-data-visualisation-track: #D6D8DA;
  --bubble-chart-color-data-visualisation-positive: #229F64;
  --bubble-chart-color-data-visualisation-negative: #D40C74;
  --bubble-chart-color-data-visualisation-neutral: #97908B;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
  padding: 1rem;
  background-color: #FFFFFF;
}
.theme-light .dds-bubble-chart canvas {
  min-height: 260px;
}
.theme-light .dds-bubble-chart__canvas-container {
  width: 100%;
}
.theme-light .dds-bubble-chart__y-axis-label {
  color: #666E75;
}
.theme-light .dds-bubble-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-light .dds-bubble-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-bubble-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-bubble-chart {
    row-gap: 2.5rem;
  }
  .theme-light .dds-bubble-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.theme-dark .dds-bubble-chart {
  --bubble-chart-axis-font-color: #ADB1B5;
  --bubble-chart-axis-grid-color: #293139;
  --bubble-chart-axis-grid-width: 0.0625rem;
  --bubble-chart-axis-border-width: 0.125rem;
  --bubble-chart-axis-border-color: #858B91;
  --bubble-chart-point-background-color-hover: #14181C;
  --bubble-chart-tooltip-background-color: #FFFFFF;
  --bubble-chart-font-family: var(--font-family-base);
  --bubble-chart-tooltip-font-color: #14181C;
  --bubble-chart-label-padding: 1rem;
  --bubble-chart-color-data-visualisation-category-1: #E00842;
  --bubble-chart-color-data-visualisation-category-2: #9F9BD0;
  --bubble-chart-color-data-visualisation-category-3: #FF7F33;
  --bubble-chart-color-data-visualisation-category-4: #3D8ADB;
  --bubble-chart-color-data-visualisation-category-5: #FF7A85;
  --bubble-chart-color-data-visualisation-category-6: #7978DE;
  --bubble-chart-color-data-visualisation-category-7: #E0519B;
  --bubble-chart-color-data-visualisation-category-8: #BEA570;
  --bubble-chart-color-data-visualisation-others: #5E6E9B;
  --bubble-chart-color-data-visualisation-track: #333D47;
  --bubble-chart-color-data-visualisation-positive: #64bc93;
  --bubble-chart-color-data-visualisation-negative: #E0519B;
  --bubble-chart-color-data-visualisation-neutral: #79736F;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
  padding: 1rem;
  background-color: #14181C;
}
.theme-dark .dds-bubble-chart canvas {
  min-height: 260px;
}
.theme-dark .dds-bubble-chart__canvas-container {
  width: 100%;
}
.theme-dark .dds-bubble-chart__y-axis-label {
  color: #ADB1B5;
}
.theme-dark .dds-bubble-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-dark .dds-bubble-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-bubble-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-bubble-chart {
    row-gap: 2.5rem;
  }
  .theme-dark .dds-bubble-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.bubblechart {
  width: 100%;
  height: 100%;
}

.theme-light .dds-checkbox-with-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-checkbox-with-container__control {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.25rem;
  cursor: pointer;
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
}
.theme-light .dds-checkbox-with-container__control__first-row {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 1rem;
}
.theme-light .dds-checkbox-with-container__control__left-icon {
  flex-shrink: 0;
}
.theme-light .dds-checkbox-with-container__control__checkbox {
  flex-shrink: 0;
}
.theme-light .dds-checkbox-with-container__control__label {
  flex: 1;
  color: #14181C;
  word-break: break-word;
}
.theme-light .dds-checkbox-with-container__control__description {
  color: #666E75;
}
.theme-light .dds-checkbox-with-container__control * {
  cursor: pointer;
}
.theme-light .dds-checkbox-with-container__control--default {
  padding: 1.1875rem 1rem;
}
.theme-light .dds-checkbox-with-container__control--image {
  padding: 0.9375rem 1rem;
}
.theme-light .dds-checkbox-with-container__control--align-first-line .dds-checkbox-with-container__control__label {
  margin-top: 0.25rem;
}
.theme-light .dds-checkbox-with-container__control--align-first-line .dds-checkbox-with-container__control__checkbox {
  margin-top: 0.375rem;
}
.theme-light .dds-checkbox-with-container__control-label {
  padding: 0.75rem 0;
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.5rem;
  cursor: pointer;
}
.theme-light .dds-checkbox-with-container__control-label__checkbox {
  flex-shrink: 0;
  pointer-events: none;
}
.theme-light .dds-checkbox-with-container__control-label__label {
  flex: 1;
  color: #14181C;
}
.theme-light .dds-checkbox-with-container__control-label * {
  cursor: pointer;
}
.theme-light .dds-checkbox-with-container:not(.disabled) .dds-checkbox-with-container__control:hover, .theme-light .dds-checkbox-with-container:not(.disabled) .dds-checkbox-with-container__control:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
  border-color: #858B91;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control {
  background-color: #EBECED;
  border-color: #D6D8DA;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control .dds-checkbox-with-container__control__label {
  color: #858B91;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control .dds-checkbox-with-container__control__description {
  color: #858B91;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label {
  cursor: not-allowed;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label .dds-checkbox-with-container__control-label__label {
  color: #858B91;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label * {
  cursor: not-allowed;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__clickable-area {
  cursor: not-allowed;
}
.theme-light .dds-checkbox-with-container.disabled .dds-checkbox-with-container__clickable-area * {
  cursor: not-allowed;
}
.theme-light .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control {
  background-color: #EBEDF3;
  border-color: #082065;
}
.theme-light .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control:hover, .theme-light .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control:focus {
  background-color: #DADEE8;
  border-color: #082065;
}
.theme-light .dds-checkbox-with-container.error .dds-checkbox-with-container__error-wrapper {
  display: flex;
}
.theme-light .dds-checkbox-with-container__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-light .dds-checkbox-with-container__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-light .dds-checkbox-with-container__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-checkbox-with-container--no-gap {
  row-gap: 0;
  display: inline-flex;
}

.theme-dark .dds-checkbox-with-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-checkbox-with-container__control {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.25rem;
  cursor: pointer;
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
}
.theme-dark .dds-checkbox-with-container__control__first-row {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 1rem;
}
.theme-dark .dds-checkbox-with-container__control__left-icon {
  flex-shrink: 0;
}
.theme-dark .dds-checkbox-with-container__control__checkbox {
  flex-shrink: 0;
}
.theme-dark .dds-checkbox-with-container__control__label {
  flex: 1;
  color: #FFFFFF;
  word-break: break-word;
}
.theme-dark .dds-checkbox-with-container__control__description {
  color: #ADB1B5;
}
.theme-dark .dds-checkbox-with-container__control * {
  cursor: pointer;
}
.theme-dark .dds-checkbox-with-container__control--default {
  padding: 1.1875rem 1rem;
}
.theme-dark .dds-checkbox-with-container__control--image {
  padding: 0.9375rem 1rem;
}
.theme-dark .dds-checkbox-with-container__control--align-first-line .dds-checkbox-with-container__control__label {
  margin-top: 0.25rem;
}
.theme-dark .dds-checkbox-with-container__control--align-first-line .dds-checkbox-with-container__control__checkbox {
  margin-top: 0.375rem;
}
.theme-dark .dds-checkbox-with-container__control-label {
  padding: 0.75rem 0;
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.5rem;
  cursor: pointer;
}
.theme-dark .dds-checkbox-with-container__control-label__checkbox {
  flex-shrink: 0;
  pointer-events: none;
}
.theme-dark .dds-checkbox-with-container__control-label__label {
  flex: 1;
  color: #FFFFFF;
}
.theme-dark .dds-checkbox-with-container__control-label * {
  cursor: pointer;
}
.theme-dark .dds-checkbox-with-container:not(.disabled) .dds-checkbox-with-container__control:hover, .theme-dark .dds-checkbox-with-container:not(.disabled) .dds-checkbox-with-container__control:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
  border-color: #666E75;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control {
  background-color: #293139;
  border-color: #333D47;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control .dds-checkbox-with-container__control__label {
  color: #666E75;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control .dds-checkbox-with-container__control__description {
  color: #666E75;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label {
  cursor: not-allowed;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label .dds-checkbox-with-container__control-label__label {
  color: #666E75;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__control-label * {
  cursor: not-allowed;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__clickable-area {
  cursor: not-allowed;
}
.theme-dark .dds-checkbox-with-container.disabled .dds-checkbox-with-container__clickable-area * {
  cursor: not-allowed;
}
.theme-dark .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control {
  background-color: #061A51;
  border-color: #0C6DD2;
}
.theme-dark .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control:hover, .theme-dark .dds-checkbox-with-container.checked:not(.disabled) .dds-checkbox-with-container__control:focus {
  background-color: #082065;
  border-color: #0C6DD2;
}
.theme-dark .dds-checkbox-with-container.error .dds-checkbox-with-container__error-wrapper {
  display: flex;
}
.theme-dark .dds-checkbox-with-container__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-dark .dds-checkbox-with-container__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-dark .dds-checkbox-with-container__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-checkbox-with-container--no-gap {
  row-gap: 0;
  display: inline-flex;
}

.theme-light .dds-circularbutton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.5rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.theme-light .dds-circularbutton__icon-container {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #E00842;
  border-radius: 62.5rem;
}
.theme-light .dds-circularbutton__label {
  color: #14181C;
}
.theme-light .dds-circularbutton:hover .dds-circularbutton__icon-container {
  background-color: #B30635;
}
.theme-light .dds-circularbutton:disabled {
  cursor: not-allowed;
}
.theme-light .dds-circularbutton:disabled .dds-circularbutton__icon-container {
  cursor: not-allowed;
  background-color: #EBECED;
}
.theme-light .dds-circularbutton:disabled .dds-circularbutton__label {
  color: #858B91;
}

.theme-dark .dds-circularbutton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.5rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.theme-dark .dds-circularbutton__icon-container {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #E00842;
  border-radius: 62.5rem;
}
.theme-dark .dds-circularbutton__label {
  color: #FFFFFF;
}
.theme-dark .dds-circularbutton:hover .dds-circularbutton__icon-container {
  background-color: #B30635;
}
.theme-dark .dds-circularbutton:disabled {
  cursor: not-allowed;
}
.theme-dark .dds-circularbutton:disabled .dds-circularbutton__icon-container {
  cursor: not-allowed;
  background-color: #293139;
}
.theme-dark .dds-circularbutton:disabled .dds-circularbutton__label {
  color: #666E75;
}

.theme-light .dds-claim-card {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.theme-light .dds-claim-card__header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-light .dds-claim-card__header__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-light .dds-claim-card__header__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-claim-card__header__caption-wrapper__caption {
  align-items: center;
}
.theme-light .dds-claim-card__header__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #666E75;
}
.theme-light .dds-claim-card__header__title {
  margin-bottom: 0;
}
.theme-light .dds-claim-card__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-claim-card__list__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-light .dds-claim-card__list__item__status-small {
  display: flex;
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: center;
}
.theme-light .dds-claim-card__remarks {
  flex-shrink: 0;
  color: #666E75;
}
@media (min-width: 768px) {
  .theme-light .dds-claim-card {
    padding: 1.5rem;
  }
}

.theme-dark .dds-claim-card {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.theme-dark .dds-claim-card__header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-dark .dds-claim-card__header__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-dark .dds-claim-card__header__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-claim-card__header__caption-wrapper__caption {
  align-items: center;
}
.theme-dark .dds-claim-card__header__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #858B91;
}
.theme-dark .dds-claim-card__header__title {
  margin-bottom: 0;
}
.theme-dark .dds-claim-card__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-claim-card__list__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-dark .dds-claim-card__list__item__status-small {
  display: flex;
  flex-direction: row;
  column-gap: 0.25rem;
  align-items: center;
}
.theme-dark .dds-claim-card__remarks {
  flex-shrink: 0;
  color: #ADB1B5;
}
@media (min-width: 768px) {
  .theme-dark .dds-claim-card {
    padding: 1.5rem;
  }
}

.theme-light .dds-content-card {
  display: flex;
  overflow: hidden;
}
.theme-light .dds-content-card__image {
  flex-shrink: 0;
}
.theme-light .dds-content-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-light .dds-content-card__content__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-light .dds-content-card__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-content-card__content__caption-wrapper__caption {
  align-items: center;
}
.theme-light .dds-content-card__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #666E75;
}
.theme-light .dds-content-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-light .dds-content-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-light .dds-content-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-content-card__content__tag-wrapper .dds-tag__label {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.theme-light .dds-content-card__content__icon-text {
  margin-top: 1rem;
}
.theme-light .dds-content-card .dds-content-card__image {
  object-fit: cover;
}
.theme-light .dds-content-card--vertical {
  padding: 0;
  flex-direction: column;
}
.theme-light .dds-content-card--vertical .dds-content-card__content {
  padding: 1rem;
}
.theme-light .dds-content-card--vertical .dds-content-card__image {
  aspect-ratio: 1.77778/1;
}
.theme-light .dds-content-card--horizontal {
  padding: 1rem;
  column-gap: 1rem;
}
.theme-light .dds-content-card--horizontal .dds-content-card__image {
  width: 6rem;
  height: 6rem;
  aspect-ratio: 1;
}
.theme-light .dds-content-card--horizontal .dds-content-card__content {
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-light .dds-content-card {
    overflow: hidden;
  }
  .theme-light .dds-content-card--vertical {
    padding: 0;
    flex-direction: column;
  }
  .theme-light .dds-content-card--vertical .dds-content-card__content {
    padding: 1.5rem;
  }
  .theme-light .dds-content-card--horizontal {
    padding: 1.5rem;
  }
  .theme-light .dds-content-card--horizontal .dds-content-card__image {
    width: 9rem;
    height: 9rem;
  }
  .theme-light .dds-content-card--horizontal .dds-content-card__content {
    padding: 0;
    width: auto;
    max-width: 47.5rem;
  }
}

.theme-dark .dds-content-card {
  display: flex;
  overflow: hidden;
}
.theme-dark .dds-content-card__image {
  flex-shrink: 0;
}
.theme-dark .dds-content-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-content-card__content__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-dark .dds-content-card__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-content-card__content__caption-wrapper__caption {
  align-items: center;
}
.theme-dark .dds-content-card__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #858B91;
}
.theme-dark .dds-content-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-dark .dds-content-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-dark .dds-content-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-content-card__content__tag-wrapper .dds-tag__label {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.theme-dark .dds-content-card__content__icon-text {
  margin-top: 1rem;
}
.theme-dark .dds-content-card .dds-content-card__image {
  object-fit: cover;
}
.theme-dark .dds-content-card--vertical {
  padding: 0;
  flex-direction: column;
}
.theme-dark .dds-content-card--vertical .dds-content-card__content {
  padding: 1rem;
}
.theme-dark .dds-content-card--vertical .dds-content-card__image {
  aspect-ratio: 1.77778/1;
}
.theme-dark .dds-content-card--horizontal {
  padding: 1rem;
  column-gap: 1rem;
}
.theme-dark .dds-content-card--horizontal .dds-content-card__image {
  width: 6rem;
  height: 6rem;
  aspect-ratio: 1;
}
.theme-dark .dds-content-card--horizontal .dds-content-card__content {
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-dark .dds-content-card {
    overflow: hidden;
  }
  .theme-dark .dds-content-card--vertical {
    padding: 0;
    flex-direction: column;
  }
  .theme-dark .dds-content-card--vertical .dds-content-card__content {
    padding: 1.5rem;
  }
  .theme-dark .dds-content-card--horizontal {
    padding: 1.5rem;
  }
  .theme-dark .dds-content-card--horizontal .dds-content-card__image {
    width: 9rem;
    height: 9rem;
  }
  .theme-dark .dds-content-card--horizontal .dds-content-card__content {
    padding: 0;
    width: auto;
    max-width: 47.5rem;
  }
}

.theme-light .dds-content-flat-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
.theme-light .dds-content-flat-card__link-wrapper {
  text-decoration: none;
  cursor: default;
}
.theme-light .dds-content-flat-card__link-wrapper[href] {
  cursor: pointer;
}
.theme-light .dds-content-flat-card__img-container {
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.theme-light .dds-content-flat-card__img-container__image {
  object-fit: cover;
  border-radius: 0;
}
.theme-light .dds-content-flat-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.theme-light .dds-content-flat-card__content__caption {
  margin-bottom: 0.25rem;
}
.theme-light .dds-content-flat-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-light .dds-content-flat-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-light .dds-content-flat-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-content-flat-card__content__tag-wrapper .dds-tag__label {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.theme-light .dds-content-flat-card__content__icon-text {
  margin-top: 1rem;
}
.theme-light .dds-content-flat-card--hasLink:hover .dds-content-flat-card__content__title, .theme-light .dds-content-flat-card--hasLink:focus .dds-content-flat-card__content__title {
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.25rem;
}

.theme-dark .dds-content-flat-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
.theme-dark .dds-content-flat-card__link-wrapper {
  text-decoration: none;
  cursor: default;
}
.theme-dark .dds-content-flat-card__link-wrapper[href] {
  cursor: pointer;
}
.theme-dark .dds-content-flat-card__img-container {
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.theme-dark .dds-content-flat-card__img-container__image {
  object-fit: cover;
  border-radius: 0;
}
.theme-dark .dds-content-flat-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.theme-dark .dds-content-flat-card__content__caption {
  margin-bottom: 0.25rem;
}
.theme-dark .dds-content-flat-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-dark .dds-content-flat-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-dark .dds-content-flat-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-content-flat-card__content__tag-wrapper .dds-tag__label {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.theme-dark .dds-content-flat-card__content__icon-text {
  margin-top: 1rem;
}
.theme-dark .dds-content-flat-card--hasLink:hover .dds-content-flat-card__content__title, .theme-dark .dds-content-flat-card--hasLink:focus .dds-content-flat-card__content__title {
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.25rem;
}

.theme-light .dds-dialog__container {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-dialog__container__btn-close {
  position: absolute;
  margin-left: 1rem;
  top: 0.25rem;
  right: 0.25rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__container__btn-close {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.theme-light .dds-dialog__container__title {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__container__title {
    padding-bottom: 1.5rem;
  }
}
.theme-light .dds-dialog__scrolling-area {
  overflow: hidden;
}
.theme-light .dds-dialog__scrolling-area::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-light .dds-dialog__scrolling-area::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: #EBECED;
}
.theme-light .dds-dialog__scrolling-area::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ADB1B5;
}
.theme-light .dds-dialog__action {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
  margin: 0 auto;
  width: 100%;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__action {
    padding-top: 1.5rem;
  }
}
.theme-light .dds-dialog__action__buttons-group-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
  flex: 1;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__action__buttons-group-wrapper {
    flex-direction: row;
  }
}
.theme-light .dds-dialog__action__button {
  min-width: 0 !important;
}
.theme-light .dds-dialog__action--large-dialog {
  flex-direction: column;
  align-items: center;
}
.theme-light .dds-dialog__action--large-dialog .dds-dialog__action__buttons-group-wrapper {
  width: 100%;
}
.theme-light .dds-dialog__action--large-dialog .dds-button--primary {
  margin-left: 0;
}
.theme-light .dds-dialog__action--large-dialog .dds-button--primary.dds-button--full-width {
  max-width: 23rem;
}
.theme-light .dds-dialog__action--large-dialog .dds-button--secondary {
  order: 1;
}
.theme-light .dds-dialog__action--large-dialog .dds-button--tertiary {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__action--large-dialog {
    flex-direction: row;
    justify-content: space-between;
  }
  .theme-light .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--primary,
  .theme-light .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--secondary {
    flex: 1;
  }
  .theme-light .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--primary {
    margin-left: 1.5rem;
  }
  .theme-light .dds-dialog__action--large-dialog.hasAllBtns .dds-button--primary {
    width: auto;
    max-width: 23rem;
    margin-left: 1.5rem;
  }
  .theme-light .dds-dialog__action--large-dialog .dds-button--secondary {
    margin-top: 0;
    order: 0;
  }
  .theme-light .dds-dialog__action--large-dialog .dds-button--tertiary {
    margin-top: 0;
  }
}
.theme-light .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-button--tertiary {
  margin-top: 1rem;
  order: 2;
}
@media (min-width: 768px) {
  .theme-light .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-dialog__action__buttons-group-wrapper {
    justify-content: flex-end;
    width: auto;
  }
  .theme-light .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-button--tertiary {
    order: 0;
    margin-top: 0;
  }
}
.theme-light .dds-dialog__action--small-dialog {
  align-content: center;
  flex-direction: column;
  row-gap: 1rem;
}
.theme-light .dds-dialog--alert .dds-dialog__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
}
.theme-light .dds-dialog--alert .dds-dialog__container__title {
  margin-top: 1rem;
  margin-bottom: 0;
}
.theme-light .dds-dialog--alert .dds-dialog__container__message {
  margin-top: 0.5rem;
  text-align: center;
}
.theme-light .dds-dialog--alert .dds-dialog__action {
  flex-direction: column;
  align-items: center;
}
.theme-light .dds-dialog--alert .dds-dialog__action .dds-button--tertiary {
  margin-top: 1rem;
}

.theme-dark .dds-dialog__container {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-dialog__container__btn-close {
  position: absolute;
  margin-left: 1rem;
  top: 0.25rem;
  right: 0.25rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__container__btn-close {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.theme-dark .dds-dialog__container__title {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__container__title {
    padding-bottom: 1.5rem;
  }
}
.theme-dark .dds-dialog__scrolling-area {
  overflow: hidden;
}
.theme-dark .dds-dialog__scrolling-area::-webkit-scrollbar {
  width: 0.25rem;
}
.theme-dark .dds-dialog__scrolling-area::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: #293139;
}
.theme-dark .dds-dialog__scrolling-area::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #858B91;
}
.theme-dark .dds-dialog__action {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
  margin: 0 auto;
  width: 100%;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__action {
    padding-top: 1.5rem;
  }
}
.theme-dark .dds-dialog__action__buttons-group-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
  flex: 1;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__action__buttons-group-wrapper {
    flex-direction: row;
  }
}
.theme-dark .dds-dialog__action__button {
  min-width: 0 !important;
}
.theme-dark .dds-dialog__action--large-dialog {
  flex-direction: column;
  align-items: center;
}
.theme-dark .dds-dialog__action--large-dialog .dds-dialog__action__buttons-group-wrapper {
  width: 100%;
}
.theme-dark .dds-dialog__action--large-dialog .dds-button--primary {
  margin-left: 0;
}
.theme-dark .dds-dialog__action--large-dialog .dds-button--primary.dds-button--full-width {
  max-width: 23rem;
}
.theme-dark .dds-dialog__action--large-dialog .dds-button--secondary {
  order: 1;
}
.theme-dark .dds-dialog__action--large-dialog .dds-button--tertiary {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__action--large-dialog {
    flex-direction: row;
    justify-content: space-between;
  }
  .theme-dark .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--primary,
  .theme-dark .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--secondary {
    flex: 1;
  }
  .theme-dark .dds-dialog__action--large-dialog.hasSecondaryBtnOnly .dds-button--primary {
    margin-left: 1.5rem;
  }
  .theme-dark .dds-dialog__action--large-dialog.hasAllBtns .dds-button--primary {
    width: auto;
    max-width: 23rem;
    margin-left: 1.5rem;
  }
  .theme-dark .dds-dialog__action--large-dialog .dds-button--secondary {
    margin-top: 0;
    order: 0;
  }
  .theme-dark .dds-dialog__action--large-dialog .dds-button--tertiary {
    margin-top: 0;
  }
}
.theme-dark .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-button--tertiary {
  margin-top: 1rem;
  order: 2;
}
@media (min-width: 768px) {
  .theme-dark .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-dialog__action__buttons-group-wrapper {
    justify-content: flex-end;
    width: auto;
  }
  .theme-dark .dds-dialog__action--large-dialog.dds-dialog__action--with-tertiary .dds-button--tertiary {
    order: 0;
    margin-top: 0;
  }
}
.theme-dark .dds-dialog__action--small-dialog {
  align-content: center;
  flex-direction: column;
  row-gap: 1rem;
}
.theme-dark .dds-dialog--alert .dds-dialog__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
}
.theme-dark .dds-dialog--alert .dds-dialog__container__title {
  margin-top: 1rem;
  margin-bottom: 0;
}
.theme-dark .dds-dialog--alert .dds-dialog__container__message {
  margin-top: 0.5rem;
  text-align: center;
}
.theme-dark .dds-dialog--alert .dds-dialog__action {
  flex-direction: column;
  align-items: center;
}
.theme-dark .dds-dialog--alert .dds-dialog__action .dds-button--tertiary {
  margin-top: 1rem;
}

.theme-light .dds-donut-chart {
  --donut-chart-border-width: 0.125rem;
  --donut-chart-border-color: #FFFFFF;
  --donut-chart-hover-overlay-color: #FFFFFF;
  --donut-chart-tooltip-background-color: #333D47;
  --donut-chart-tooltip-font-family: var(--font-family-base);
  --donut-chart-tooltip-font-color: #FFFFFF;
  --donut-chart-color-data-visualisation-category-1: #E00842;
  --donut-chart-color-data-visualisation-category-2: #8782C4;
  --donut-chart-color-data-visualisation-category-3: #FF5F00;
  --donut-chart-color-data-visualisation-category-4: #3D8ADB;
  --donut-chart-color-data-visualisation-category-5: #E26276;
  --donut-chart-color-data-visualisation-category-6: #5856F6;
  --donut-chart-color-data-visualisation-category-7: #A4095A;
  --donut-chart-color-data-visualisation-category-8: #AE8F4C;
  --donut-chart-color-data-visualisation-others: #082065;
  --donut-chart-color-data-visualisation-track: #D6D8DA;
  --donut-chart-color-data-visualisation-positive: #229F64;
  --donut-chart-color-data-visualisation-negative: #D40C74;
  --donut-chart-color-data-visualisation-neutral: #97908B;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-light .dds-donut-chart__canvas-container {
  position: relative;
}
.theme-light .dds-donut-chart__labels {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.theme-light .dds-donut-chart__labels__total-value {
  margin-bottom: 0;
  color: #14181C;
}
.theme-light .dds-donut-chart__labels__title {
  margin-bottom: 0.25rem;
  color: #14181C;
}
.theme-light .dds-donut-chart__labels__description {
  color: #666E75;
}
.theme-light .dds-donut-chart__labels__title, .theme-light .dds-donut-chart__labels__description {
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-light .dds-donut-chart__legends {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-light .dds-donut-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-donut-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-donut-chart {
    flex-direction: row;
    column-gap: 2.5rem;
    align-items: center;
  }
}

.theme-dark .dds-donut-chart {
  --donut-chart-border-width: 0.125rem;
  --donut-chart-border-color: #14181C;
  --donut-chart-hover-overlay-color: #14181C;
  --donut-chart-tooltip-background-color: #FFFFFF;
  --donut-chart-tooltip-font-family: var(--font-family-base);
  --donut-chart-tooltip-font-color: #14181C;
  --donut-chart-color-data-visualisation-category-1: #E00842;
  --donut-chart-color-data-visualisation-category-2: #9F9BD0;
  --donut-chart-color-data-visualisation-category-3: #FF7F33;
  --donut-chart-color-data-visualisation-category-4: #3D8ADB;
  --donut-chart-color-data-visualisation-category-5: #FF7A85;
  --donut-chart-color-data-visualisation-category-6: #7978DE;
  --donut-chart-color-data-visualisation-category-7: #E0519B;
  --donut-chart-color-data-visualisation-category-8: #BEA570;
  --donut-chart-color-data-visualisation-others: #5E6E9B;
  --donut-chart-color-data-visualisation-track: #333D47;
  --donut-chart-color-data-visualisation-positive: #64bc93;
  --donut-chart-color-data-visualisation-negative: #E0519B;
  --donut-chart-color-data-visualisation-neutral: #79736F;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-dark .dds-donut-chart__canvas-container {
  position: relative;
}
.theme-dark .dds-donut-chart__labels {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.theme-dark .dds-donut-chart__labels__total-value {
  margin-bottom: 0;
  color: #FFFFFF;
}
.theme-dark .dds-donut-chart__labels__title {
  margin-bottom: 0.25rem;
  color: #FFFFFF;
}
.theme-dark .dds-donut-chart__labels__description {
  color: #ADB1B5;
}
.theme-dark .dds-donut-chart__labels__title, .theme-dark .dds-donut-chart__labels__description {
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-dark .dds-donut-chart__legends {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-dark .dds-donut-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-donut-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-donut-chart {
    flex-direction: row;
    column-gap: 2.5rem;
    align-items: center;
  }
}

.theme-light .dds-engagement-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  overflow: hidden;
}
.theme-light .dds-engagement-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem 1rem 1.5rem 1.5rem;
}
.theme-light .dds-engagement-card__content__caption {
  color: #14181C;
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .theme-light .dds-engagement-card__content {
    max-width: 47.5rem;
  }
}
.theme-light .dds-engagement-card__img-container {
  width: 8rem;
  align-self: flex-end;
  flex-shrink: 0;
}
.theme-light .dds-engagement-card__img-container__img {
  object-fit: cover;
  aspect-ratio: 1;
}
.theme-light .dds-engagement-card.dds-card-container--secondary-1 .dds-engagement-card__content__caption {
  color: #4645AB;
}
.theme-light .dds-engagement-card.dds-card-container--secondary-2 .dds-engagement-card__content__caption {
  color: #982D4F;
}
.theme-light .dds-engagement-card.dds-card-container--secondary-3 .dds-engagement-card__content__caption {
  color: #3C3A38;
}

.theme-dark .dds-engagement-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  overflow: hidden;
}
.theme-dark .dds-engagement-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem 1rem 1.5rem 1.5rem;
}
.theme-dark .dds-engagement-card__content__caption {
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-engagement-card__content {
    max-width: 47.5rem;
  }
}
.theme-dark .dds-engagement-card__img-container {
  width: 8rem;
  align-self: flex-end;
  flex-shrink: 0;
}
.theme-dark .dds-engagement-card__img-container__img {
  object-fit: cover;
  aspect-ratio: 1;
}
.theme-dark .dds-engagement-card.dds-card-container--secondary-1 .dds-engagement-card__content__caption {
  color: #FFFFFF;
}
.theme-dark .dds-engagement-card.dds-card-container--secondary-2 .dds-engagement-card__content__caption {
  color: #FFFFFF;
}
.theme-dark .dds-engagement-card.dds-card-container--secondary-3 .dds-engagement-card__content__caption {
  color: #FFFFFF;
}

.theme-light .dds-icontext {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-light .dds-icontext--small {
  column-gap: 0.25rem;
}
.theme-light .dds-icontext__left-icon {
  display: inline-flex;
}
.theme-light .dds-icontext__text--text-default {
  color: #14181C;
}
.theme-light .dds-icontext__text--text-subdued {
  color: #666E75;
}
.theme-light .dds-icontext__text--text-disabled {
  color: #858B91;
}
.theme-light .dds-icontext__text--text-error {
  color: #D40C74;
}
.theme-light .dds-icontext__text--text-positive {
  color: #1B7F50;
}
.theme-light .dds-icontext__text--text-negative {
  color: #D40C74;
}

.theme-dark .dds-icontext {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.theme-dark .dds-icontext--small {
  column-gap: 0.25rem;
}
.theme-dark .dds-icontext__left-icon {
  display: inline-flex;
}
.theme-dark .dds-icontext__text--text-default {
  color: #FFFFFF;
}
.theme-dark .dds-icontext__text--text-subdued {
  color: #ADB1B5;
}
.theme-dark .dds-icontext__text--text-disabled {
  color: #666E75;
}
.theme-dark .dds-icontext__text--text-error {
  color: #E0519B;
}
.theme-dark .dds-icontext__text--text-positive {
  color: #229F64;
}
.theme-dark .dds-icontext__text--text-negative {
  color: #E0519B;
}

.theme-light .dds-line-chart {
  --line-chart-axis-font-color: #666E75;
  --line-chart-axis-border-color: #ADB1B5;
  --line-chart-axis-border-width: 0.125rem;
  --line-chart-axis-grid-color: #EBECED;
  --line-chart-axis-grid-width: 0.0625rem;
  --line-chart-point-background-color-hover: #FFFFFF;
  --line-chart-tooltip-background-color: #333D47;
  --line-chart-tooltip-font-family: var(--font-family-base);
  --line-chart-tooltip-font-color: #FFFFFF;
  --line-chart-color-data-visualisation-category-1: #E00842;
  --line-chart-color-data-visualisation-category-2: #8782C4;
  --line-chart-color-data-visualisation-category-3: #FF5F00;
  --line-chart-color-data-visualisation-category-4: #3D8ADB;
  --line-chart-color-data-visualisation-category-5: #E26276;
  --line-chart-color-data-visualisation-category-6: #5856F6;
  --line-chart-color-data-visualisation-category-7: #A4095A;
  --line-chart-color-data-visualisation-category-8: #AE8F4C;
  --line-chart-color-data-visualisation-others: #082065;
  --line-chart-color-data-visualisation-track: #D6D8DA;
  --line-chart-color-data-visualisation-positive: #229F64;
  --line-chart-color-data-visualisation-negative: #D40C74;
  --line-chart-color-data-visualisation-neutral: #97908B;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
  padding: 1rem;
  background-color: #FFFFFF;
}
.theme-light .dds-line-chart canvas {
  min-height: 260px;
}
.theme-light .dds-line-chart__canvas-container {
  width: 100%;
}
.theme-light .dds-line-chart__y-axis-label {
  color: #666E75;
}
.theme-light .dds-line-chart__legends {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
  flex-shrink: 0;
}
.theme-light .dds-line-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-line-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-line-chart {
    row-gap: 2.5rem;
  }
  .theme-light .dds-line-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.theme-dark .dds-line-chart {
  --line-chart-axis-font-color: #ADB1B5;
  --line-chart-axis-border-color: #858B91;
  --line-chart-axis-border-width: 0.125rem;
  --line-chart-axis-grid-color: #293139;
  --line-chart-axis-grid-width: 0.0625rem;
  --line-chart-point-background-color-hover: #14181C;
  --line-chart-tooltip-background-color: #FFFFFF;
  --line-chart-tooltip-font-family: var(--font-family-base);
  --line-chart-tooltip-font-color: #14181C;
  --line-chart-color-data-visualisation-category-1: #E00842;
  --line-chart-color-data-visualisation-category-2: #9F9BD0;
  --line-chart-color-data-visualisation-category-3: #FF7F33;
  --line-chart-color-data-visualisation-category-4: #3D8ADB;
  --line-chart-color-data-visualisation-category-5: #FF7A85;
  --line-chart-color-data-visualisation-category-6: #7978DE;
  --line-chart-color-data-visualisation-category-7: #E0519B;
  --line-chart-color-data-visualisation-category-8: #BEA570;
  --line-chart-color-data-visualisation-others: #5E6E9B;
  --line-chart-color-data-visualisation-track: #333D47;
  --line-chart-color-data-visualisation-positive: #64bc93;
  --line-chart-color-data-visualisation-negative: #E0519B;
  --line-chart-color-data-visualisation-neutral: #79736F;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
  padding: 1rem;
  background-color: #14181C;
}
.theme-dark .dds-line-chart canvas {
  min-height: 260px;
}
.theme-dark .dds-line-chart__canvas-container {
  width: 100%;
}
.theme-dark .dds-line-chart__y-axis-label {
  color: #ADB1B5;
}
.theme-dark .dds-line-chart__legends {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
  flex-shrink: 0;
}
.theme-dark .dds-line-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-line-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-line-chart {
    row-gap: 2.5rem;
  }
  .theme-dark .dds-line-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.linechart {
  width: 100%;
  height: 100%;
}

.theme-light .dds-list-container:not(.dds-list-container--no-bg) {
  background-color: #FFFFFF;
}
.theme-light .dds-list-container__container {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.theme-light .dds-list-container__container__left-column, .theme-light .dds-list-container__container__right-column {
  flex-shrink: 0;
  display: flex;
}
.theme-light .dds-list-container__container__left-column--h-flex-start, .theme-light .dds-list-container__container__right-column--h-flex-start {
  justify-content: flex-start;
}
.theme-light .dds-list-container__container__left-column--h-center, .theme-light .dds-list-container__container__right-column--h-center {
  justify-content: center;
}
.theme-light .dds-list-container__container__left-column--h-flex-end, .theme-light .dds-list-container__container__right-column--h-flex-end {
  justify-content: flex-end;
}
.theme-light .dds-list-container__container__left-column--v-flex-start, .theme-light .dds-list-container__container__right-column--v-flex-start {
  align-items: flex-start;
}
.theme-light .dds-list-container__container__left-column--v-center, .theme-light .dds-list-container__container__right-column--v-center {
  align-items: center;
}
.theme-light .dds-list-container__container__left-column--v-flex-end, .theme-light .dds-list-container__container__right-column--v-flex-end {
  align-items: flex-end;
}
.theme-light .dds-list-container__container__left-column {
  order: -2;
}
.theme-light .dds-list-container__container__middle-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-light .dds-list-container__container__middle-column__caption, .theme-light .dds-list-container__container__middle-column__title {
  color: #14181C;
}
.theme-light .dds-list-container__container__middle-column__title:not(:first-child) {
  margin-top: 0.25rem;
}
.theme-light .dds-list-container__container__middle-column__description {
  margin-top: 0.5rem;
  color: #666E75;
}
.theme-light .dds-list-container__container__middle-column__description--with-dot {
  margin-left: 1.25rem;
}
.theme-light .dds-list-container__container__right-column > div:not(:last-child) {
  margin-right: 0.5rem;
}
.theme-light .dds-list-container__divider {
  margin: 0 1rem;
}
.theme-light .dds-list-container--container {
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
}
.theme-light .dds-list-container--container:not(:first-child) {
  margin-top: 0.5rem;
}
.theme-light .dds-list-container .dds-switch {
  flex-shrink: 0;
}
.theme-light .dds-list-container--with-hover:hover {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-list-container--tight .dds-list-container__container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.theme-dark .dds-list-container:not(.dds-list-container--no-bg) {
  background-color: #293139;
}
.theme-dark .dds-list-container__container {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.theme-dark .dds-list-container__container__left-column, .theme-dark .dds-list-container__container__right-column {
  flex-shrink: 0;
  display: flex;
}
.theme-dark .dds-list-container__container__left-column--h-flex-start, .theme-dark .dds-list-container__container__right-column--h-flex-start {
  justify-content: flex-start;
}
.theme-dark .dds-list-container__container__left-column--h-center, .theme-dark .dds-list-container__container__right-column--h-center {
  justify-content: center;
}
.theme-dark .dds-list-container__container__left-column--h-flex-end, .theme-dark .dds-list-container__container__right-column--h-flex-end {
  justify-content: flex-end;
}
.theme-dark .dds-list-container__container__left-column--v-flex-start, .theme-dark .dds-list-container__container__right-column--v-flex-start {
  align-items: flex-start;
}
.theme-dark .dds-list-container__container__left-column--v-center, .theme-dark .dds-list-container__container__right-column--v-center {
  align-items: center;
}
.theme-dark .dds-list-container__container__left-column--v-flex-end, .theme-dark .dds-list-container__container__right-column--v-flex-end {
  align-items: flex-end;
}
.theme-dark .dds-list-container__container__left-column {
  order: -2;
}
.theme-dark .dds-list-container__container__middle-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-list-container__container__middle-column__caption, .theme-dark .dds-list-container__container__middle-column__title {
  color: #FFFFFF;
}
.theme-dark .dds-list-container__container__middle-column__title:not(:first-child) {
  margin-top: 0.25rem;
}
.theme-dark .dds-list-container__container__middle-column__description {
  margin-top: 0.5rem;
  color: #ADB1B5;
}
.theme-dark .dds-list-container__container__middle-column__description--with-dot {
  margin-left: 1.25rem;
}
.theme-dark .dds-list-container__container__right-column > div:not(:last-child) {
  margin-right: 0.5rem;
}
.theme-dark .dds-list-container__divider {
  margin: 0 1rem;
}
.theme-dark .dds-list-container--container {
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
}
.theme-dark .dds-list-container--container:not(:first-child) {
  margin-top: 0.5rem;
}
.theme-dark .dds-list-container .dds-switch {
  flex-shrink: 0;
}
.theme-dark .dds-list-container--with-hover:hover {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-list-container--tight .dds-list-container__container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.theme-light .dds-listitem {
  display: flex;
  flex-direction: row;
}
.theme-light .dds-listitem__dot {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-listitem__dot::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: #14181C;
  border-radius: 62.5rem;
}
.theme-light .dds-listitem__icon {
  flex-shrink: 0;
}
.theme-light .dds-listitem__content {
  color: #14181C;
}
.theme-light .dds-listitem--small {
  column-gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.theme-light .dds-listitem--small .dds-listitem__dot,
.theme-light .dds-listitem--small .dds-listitem__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.theme-light .dds-listitem--large {
  column-gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.theme-light .dds-listitem--large .dds-listitem__dot,
.theme-light .dds-listitem--large .dds-listitem__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.theme-dark .dds-listitem {
  display: flex;
  flex-direction: row;
}
.theme-dark .dds-listitem__dot {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-listitem__dot::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: #FFFFFF;
  border-radius: 62.5rem;
}
.theme-dark .dds-listitem__icon {
  flex-shrink: 0;
}
.theme-dark .dds-listitem__content {
  color: #FFFFFF;
}
.theme-dark .dds-listitem--small {
  column-gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.theme-dark .dds-listitem--small .dds-listitem__dot,
.theme-dark .dds-listitem--small .dds-listitem__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.theme-dark .dds-listitem--large {
  column-gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.theme-dark .dds-listitem--large .dds-listitem__dot,
.theme-dark .dds-listitem--large .dds-listitem__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.theme-light .dds-page-level-message {
  display: flex;
  flex-direction: column;
  column-gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 0.0625rem;
  border-style: solid;
  width: 100%;
  padding: 1rem 1rem 0.5rem 1rem;
}
@media (min-width: 768px) {
  .theme-light .dds-page-level-message {
    flex-direction: row;
    padding: 1.5rem;
  }
}
.theme-light .dds-page-level-message--informative {
  background-color: #E7F0FB;
  border-color: #9EC5ED;
}
.theme-light .dds-page-level-message--success {
  background-color: #E9F5F0;
  border-color: #A7D9C1;
}
.theme-light .dds-page-level-message--warning {
  background-color: #FEF7DF;
  border-color: #F9D864;
}
.theme-light .dds-page-level-message--error {
  background-color: #FBE7F1;
  border-color: #EC96C3;
}
.theme-light .dds-page-level-message__icon {
  flex-shrink: 0;
}
.theme-light .dds-page-level-message__content {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  max-width: 47.5rem;
}
.theme-light .dds-page-level-message__content__section-right {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
}
.theme-light .dds-page-level-message__action-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 auto;
}
@media (min-width: 768px) {
  .theme-light .dds-page-level-message__action-container {
    margin-top: -1rem;
  }
}

.theme-dark .dds-page-level-message {
  display: flex;
  flex-direction: column;
  column-gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 0.0625rem;
  border-style: solid;
  width: 100%;
  padding: 1rem 1rem 0.5rem 1rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-page-level-message {
    flex-direction: row;
    padding: 1.5rem;
  }
}
.theme-dark .dds-page-level-message--informative {
  background-color: #04213F;
  border-color: #0C6DD2;
}
.theme-dark .dds-page-level-message--success {
  background-color: #0A301E;
  border-color: #229F64;
}
.theme-dark .dds-page-level-message--warning {
  background-color: #4E400C;
  border-color: #BF9B1D;
}
.theme-dark .dds-page-level-message--error {
  background-color: #430425;
  border-color: #A4095A;
}
.theme-dark .dds-page-level-message__icon {
  flex-shrink: 0;
}
.theme-dark .dds-page-level-message__content {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  max-width: 47.5rem;
}
.theme-dark .dds-page-level-message__content__section-right {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
}
.theme-dark .dds-page-level-message__action-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 auto;
}
@media (min-width: 768px) {
  .theme-dark .dds-page-level-message__action-container {
    margin-top: -1rem;
  }
}

.theme-light .dds-pagination {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.25rem;
}
.theme-light .dds-pagination__container {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.25rem;
}
.theme-light .dds-pagination__container--xs {
  display: inline-flex;
}
@media (min-width: 480px) {
  .theme-light .dds-pagination__container--xs {
    display: none;
  }
}
.theme-light .dds-pagination__container--sm {
  display: none;
}
@media (min-width: 480px) {
  .theme-light .dds-pagination__container--sm {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .theme-light .dds-pagination__container--sm {
    display: none;
  }
}
.theme-light .dds-pagination__container--md {
  display: none;
}
@media (min-width: 768px) {
  .theme-light .dds-pagination__container--md {
    display: inline-flex;
  }
}
.theme-light .dds-pagination__page {
  padding: 0.375rem;
  text-decoration: none;
  cursor: pointer;
}
.theme-light .dds-pagination__page__wrapper {
  border-radius: 0.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-pagination__page__label {
  color: #666E75;
}
.theme-light .dds-pagination__page--ellipsis {
  cursor: not-allowed;
}
.theme-light .dds-pagination__page:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-light .dds-pagination__page:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-pagination__page:not(.dds-pagination__page--ellipsis):hover__label, .theme-light .dds-pagination__page:not(.dds-pagination__page--ellipsis):focus__label {
  color: #666E75;
}
.theme-light .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis) {
  cursor: not-allowed;
}
.theme-light .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-light .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: rgba(20, 24, 28, 0);
}
.theme-light .dds-pagination__page--selected .dds-pagination__page__wrapper {
  background-color: #082065;
}
.theme-light .dds-pagination__page--selected .dds-pagination__page__label {
  color: #FFFFFF;
}
.theme-light .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-light .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: #061A51;
}
.theme-light .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__label, .theme-light .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__label {
  color: #FFFFFF;
}

.theme-dark .dds-pagination {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.25rem;
}
.theme-dark .dds-pagination__container {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.25rem;
}
.theme-dark .dds-pagination__container--xs {
  display: inline-flex;
}
@media (min-width: 480px) {
  .theme-dark .dds-pagination__container--xs {
    display: none;
  }
}
.theme-dark .dds-pagination__container--sm {
  display: none;
}
@media (min-width: 480px) {
  .theme-dark .dds-pagination__container--sm {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .theme-dark .dds-pagination__container--sm {
    display: none;
  }
}
.theme-dark .dds-pagination__container--md {
  display: none;
}
@media (min-width: 768px) {
  .theme-dark .dds-pagination__container--md {
    display: inline-flex;
  }
}
.theme-dark .dds-pagination__page {
  padding: 0.375rem;
  text-decoration: none;
  cursor: pointer;
}
.theme-dark .dds-pagination__page__wrapper {
  border-radius: 0.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-pagination__page__label {
  color: #ADB1B5;
}
.theme-dark .dds-pagination__page--ellipsis {
  cursor: not-allowed;
}
.theme-dark .dds-pagination__page:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-dark .dds-pagination__page:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-pagination__page:not(.dds-pagination__page--ellipsis):hover__label, .theme-dark .dds-pagination__page:not(.dds-pagination__page--ellipsis):focus__label {
  color: #ADB1B5;
}
.theme-dark .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis) {
  cursor: not-allowed;
}
.theme-dark .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-dark .dds-pagination__page--disabled:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: rgba(255, 255, 255, 0);
}
.theme-dark .dds-pagination__page--selected .dds-pagination__page__wrapper {
  background-color: #0C6DD2;
}
.theme-dark .dds-pagination__page--selected .dds-pagination__page__label {
  color: #FFFFFF;
}
.theme-dark .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__wrapper, .theme-dark .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__wrapper {
  background-color: #0A57A8;
}
.theme-dark .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):hover .dds-pagination__page__label, .theme-dark .dds-pagination__page--selected:not(.dds-pagination__page--ellipsis):focus .dds-pagination__page__label {
  color: #FFFFFF;
}

.theme-light .dds-pie-chart {
  --pie-chart-border-width: 0.125rem;
  --pie-chart-border-color: #ffffff;
  --pie-chart-hover-overlay-color: #FFFFFF;
  --pie-chart-tooltip-background-color: #333D47;
  --pie-chart-tooltip-font-family: var(--font-family-base);
  --pie-chart-tooltip-font-color: #FFFFFF;
  --pie-chart-color-data-visualisation-category-1: #E00842;
  --pie-chart-color-data-visualisation-category-2: #8782C4;
  --pie-chart-color-data-visualisation-category-3: #FF5F00;
  --pie-chart-color-data-visualisation-category-4: #3D8ADB;
  --pie-chart-color-data-visualisation-category-5: #E26276;
  --pie-chart-color-data-visualisation-category-6: #5856F6;
  --pie-chart-color-data-visualisation-category-7: #A4095A;
  --pie-chart-color-data-visualisation-category-8: #AE8F4C;
  --pie-chart-color-data-visualisation-others: #082065;
  --pie-chart-color-data-visualisation-track: #D6D8DA;
  --pie-chart-color-data-visualisation-positive: #229F64;
  --pie-chart-color-data-visualisation-negative: #D40C74;
  --pie-chart-color-data-visualisation-neutral: #97908B;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-light .dds-pie-chart__legends {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-light .dds-pie-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-pie-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-pie-chart {
    flex-direction: row;
    column-gap: 2.5rem;
    align-items: center;
  }
}

.theme-dark .dds-pie-chart {
  --pie-chart-border-width: 0.125rem;
  --pie-chart-border-color: #14181c;
  --pie-chart-hover-overlay-color: #14181C;
  --pie-chart-tooltip-background-color: #FFFFFF;
  --pie-chart-tooltip-font-family: var(--font-family-base);
  --pie-chart-tooltip-font-color: #14181C;
  --pie-chart-color-data-visualisation-category-1: #E00842;
  --pie-chart-color-data-visualisation-category-2: #9F9BD0;
  --pie-chart-color-data-visualisation-category-3: #FF7F33;
  --pie-chart-color-data-visualisation-category-4: #3D8ADB;
  --pie-chart-color-data-visualisation-category-5: #FF7A85;
  --pie-chart-color-data-visualisation-category-6: #7978DE;
  --pie-chart-color-data-visualisation-category-7: #E0519B;
  --pie-chart-color-data-visualisation-category-8: #BEA570;
  --pie-chart-color-data-visualisation-others: #5E6E9B;
  --pie-chart-color-data-visualisation-track: #333D47;
  --pie-chart-color-data-visualisation-positive: #64bc93;
  --pie-chart-color-data-visualisation-negative: #E0519B;
  --pie-chart-color-data-visualisation-neutral: #79736F;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-dark .dds-pie-chart__legends {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-dark .dds-pie-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-pie-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-pie-chart {
    flex-direction: row;
    column-gap: 2.5rem;
    align-items: center;
  }
}

.theme-light .dds-policy-card {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
@media (min-width: 480px) {
  .theme-light .dds-policy-card {
    padding: 1.5rem;
  }
}
.theme-light .dds-policy-card__header {
  flex-shrink: 0;
  display: flex;
  column-gap: 0.75rem;
}
.theme-light .dds-policy-card__header__icon {
  flex-shrink: 0;
}
.theme-light .dds-policy-card__header__icon:before {
  font-size: 2rem;
}
.theme-light .dds-policy-card__header__icon.dds-icon--multicolor {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .theme-light .dds-policy-card__header__icon:before {
    font-size: 3rem;
  }
  .theme-light .dds-policy-card__header__icon.dds-icon--multicolor {
    width: 3rem;
    height: 3rem;
  }
}
.theme-light .dds-policy-card__header__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-light .dds-policy-card__header__content__caption-wrapper {
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-light .dds-policy-card__header__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-policy-card__header__content__caption-wrapper__caption {
  align-items: center;
}
.theme-light .dds-policy-card__header__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #666E75;
}
.theme-light .dds-policy-card__header__content__title {
  margin-bottom: 0;
}
.theme-light .dds-policy-card__header__content__policy-number {
  color: #666E75;
}
.theme-light .dds-policy-card__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-policy-card__footer {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 479.98px) {
  .theme-light .dds-policy-card__footer__confirm-btn {
    width: 100%;
  }
}
.theme-light .dds-card-list-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 0.5rem;
}
.theme-light .dds-card-list-item__title {
  text-align: start;
}
.theme-light .dds-card-list-item__value {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-light .dds-card-list-item__value__text {
  text-align: end;
}
.theme-light .dds-card-list-item > * {
  flex: 1;
}
.theme-light .dds-card-list-item > *:last-child {
  justify-content: flex-end;
}

.theme-dark .dds-policy-card {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
@media (min-width: 480px) {
  .theme-dark .dds-policy-card {
    padding: 1.5rem;
  }
}
.theme-dark .dds-policy-card__header {
  flex-shrink: 0;
  display: flex;
  column-gap: 0.75rem;
}
.theme-dark .dds-policy-card__header__icon {
  flex-shrink: 0;
}
.theme-dark .dds-policy-card__header__icon:before {
  font-size: 2rem;
}
.theme-dark .dds-policy-card__header__icon.dds-icon--multicolor {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-policy-card__header__icon:before {
    font-size: 3rem;
  }
  .theme-dark .dds-policy-card__header__icon.dds-icon--multicolor {
    width: 3rem;
    height: 3rem;
  }
}
.theme-dark .dds-policy-card__header__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-dark .dds-policy-card__header__content__caption-wrapper {
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-dark .dds-policy-card__header__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-policy-card__header__content__caption-wrapper__caption {
  align-items: center;
}
.theme-dark .dds-policy-card__header__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #858B91;
}
.theme-dark .dds-policy-card__header__content__title {
  margin-bottom: 0;
}
.theme-dark .dds-policy-card__header__content__policy-number {
  color: #ADB1B5;
}
.theme-dark .dds-policy-card__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-policy-card__footer {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-policy-card__footer__confirm-btn {
    width: 100%;
  }
}
.theme-dark .dds-card-list-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 0.5rem;
}
.theme-dark .dds-card-list-item__title {
  text-align: start;
}
.theme-dark .dds-card-list-item__value {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.theme-dark .dds-card-list-item__value__text {
  text-align: end;
}
.theme-dark .dds-card-list-item > * {
  flex: 1;
}
.theme-dark .dds-card-list-item > *:last-child {
  justify-content: flex-end;
}

.theme-light .dds-product-card {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
}
.theme-light .dds-product-card__icon {
  flex-shrink: 0;
}
.theme-light .dds-product-card__icon:before {
  font-size: 2rem;
}
.theme-light .dds-product-card__icon.dds-icon--multicolor {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .theme-light .dds-product-card__icon:before {
    font-size: 3rem;
  }
  .theme-light .dds-product-card__icon.dds-icon--multicolor {
    width: 3rem;
    height: 3rem;
  }
}
.theme-light .dds-product-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-light .dds-product-card__content__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-light .dds-product-card__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-light .dds-product-card__content__caption-wrapper__caption {
  align-items: center;
}
.theme-light .dds-product-card__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #666E75;
}
.theme-light .dds-product-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-light .dds-product-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-light .dds-product-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .theme-light .dds-product-card__content {
    max-width: 47.5rem;
  }
}
@media (min-width: 480px) {
  .theme-light .dds-product-card {
    padding: 1.5rem;
  }
}

.theme-dark .dds-product-card {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
}
.theme-dark .dds-product-card__icon {
  flex-shrink: 0;
}
.theme-dark .dds-product-card__icon:before {
  font-size: 2rem;
}
.theme-dark .dds-product-card__icon.dds-icon--multicolor {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-product-card__icon:before {
    font-size: 3rem;
  }
  .theme-dark .dds-product-card__icon.dds-icon--multicolor {
    width: 3rem;
    height: 3rem;
  }
}
.theme-dark .dds-product-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-product-card__content__caption-wrapper {
  margin-bottom: 0.25rem;
  display: inline-flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.theme-dark .dds-product-card__content__caption-wrapper > * {
  flex-shrink: 0;
}
.theme-dark .dds-product-card__content__caption-wrapper__caption {
  align-items: center;
}
.theme-dark .dds-product-card__content__caption-wrapper__caption:not(:only-child):not(:first-child):before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 62.5rem;
  background-color: #858B91;
}
.theme-dark .dds-product-card__content__title {
  margin-bottom: 0.5rem;
}
.theme-dark .dds-product-card__content__tag-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.theme-dark .dds-product-card__content__tag-wrapper > * {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .theme-dark .dds-product-card__content {
    max-width: 47.5rem;
  }
}
@media (min-width: 480px) {
  .theme-dark .dds-product-card {
    padding: 1.5rem;
  }
}

.theme-light .dds-progress-bar-text--line {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__bar-text {
  margin-top: 0.25rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__bar-text__min-text, .theme-light .dds-progress-bar-text--line .dds-progress-bar-text__bar-text__max-text {
  color: #666E75;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__label {
  margin-bottom: 0.5rem;
  color: #14181C;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__title {
  margin-bottom: 0.5rem;
  color: #14181C;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__right-side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__right-side__label {
  flex: 1;
  color: #14181C;
  word-wrap: break-word;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container__current, .theme-light .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container__total {
  color: #14181C;
}
.theme-light .dds-progress-bar-text--line .dds-progress-bar-text__supporting-text {
  margin-top: 0.25rem;
  color: #666E75;
}
.theme-light .dds-progress-bar-text--circle {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.75rem;
  align-items: center;
}
.theme-light .dds-progress-bar-text--circle--with-right-side {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.625rem;
  align-items: center;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle {
  position: relative;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content--large {
  inset: 1.75rem;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content--extra-large {
  position: absolute;
  inset: 2rem;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__label, .theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__title {
  color: #14181C;
  text-align: center;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__supporting {
  color: #666E75;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__label {
  flex-shrink: 0;
  color: #14181C;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container__current, .theme-light .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container__total {
  color: #14181C;
}
.theme-light .dds-progress-bar-text--circle--large__total-label {
  color: #666E75;
}
.theme-light .dds-progress-bar-text__progress-bar {
  flex-shrink: 0;
}

.theme-dark .dds-progress-bar-text--line {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__bar-text {
  margin-top: 0.25rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__bar-text__min-text, .theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__bar-text__max-text {
  color: #ADB1B5;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__label {
  margin-bottom: 0.5rem;
  color: #FFFFFF;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__title {
  margin-bottom: 0.5rem;
  color: #FFFFFF;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__right-side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__right-side__label {
  flex: 1;
  color: #FFFFFF;
  word-wrap: break-word;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container__current, .theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__right-side__title-container__total {
  color: #FFFFFF;
}
.theme-dark .dds-progress-bar-text--line .dds-progress-bar-text__supporting-text {
  margin-top: 0.25rem;
  color: #ADB1B5;
}
.theme-dark .dds-progress-bar-text--circle {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.75rem;
  align-items: center;
}
.theme-dark .dds-progress-bar-text--circle--with-right-side {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.625rem;
  align-items: center;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle {
  position: relative;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content--large {
  inset: 1.75rem;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content--extra-large {
  position: absolute;
  inset: 2rem;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__label, .theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__title {
  color: #FFFFFF;
  text-align: center;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__center-content__supporting {
  color: #ADB1B5;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__label {
  flex-shrink: 0;
  color: #FFFFFF;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container__current, .theme-dark .dds-progress-bar-text--circle .dds-progress-bar-text__circle__right-content__title-container__total {
  color: #FFFFFF;
}
.theme-dark .dds-progress-bar-text--circle--large__total-label {
  color: #ADB1B5;
}
.theme-dark .dds-progress-bar-text__progress-bar {
  flex-shrink: 0;
}

.theme-light .dds-radar-chart {
  --radar-chart-axis-font-color: #14181C;
  --radar-chart-axis-grid-color: #D6D8DA;
  --radar-chart-axis-grid-width: 0.0625rem;
  --radar-chart-tooltip-background-color: #333D47;
  --radar-chart-font-family: var(--font-family-base);
  --radar-chart-tooltip-font-color: #FFFFFF;
  --radar-chart-label-padding: 1rem;
  --radar-chart-color-data-visualisation-category-1: #E00842;
  --radar-chart-color-data-visualisation-category-2: #8782C4;
  --radar-chart-color-data-visualisation-category-3: #FF5F00;
  --radar-chart-color-data-visualisation-category-4: #3D8ADB;
  --radar-chart-color-data-visualisation-category-5: #E26276;
  --radar-chart-color-data-visualisation-category-6: #5856F6;
  --radar-chart-color-data-visualisation-category-7: #A4095A;
  --radar-chart-color-data-visualisation-category-8: #AE8F4C;
  --radar-chart-color-data-visualisation-others: #082065;
  --radar-chart-color-data-visualisation-track: #D6D8DA;
  --radar-chart-color-data-visualisation-positive: #229F64;
  --radar-chart-color-data-visualisation-negative: #D40C74;
  --radar-chart-color-data-visualisation-neutral: #97908B;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-light .dds-radar-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-light .dds-radar-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-light .dds-radar-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-light .dds-radar-chart__legends__item__label {
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-radar-chart {
    row-gap: 2.5rem;
  }
  .theme-light .dds-radar-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.theme-dark .dds-radar-chart {
  --radar-chart-axis-font-color: #FFFFFF;
  --radar-chart-axis-grid-color: #333D47;
  --radar-chart-axis-grid-width: 0.0625rem;
  --radar-chart-tooltip-background-color: #FFFFFF;
  --radar-chart-font-family: var(--font-family-base);
  --radar-chart-tooltip-font-color: #14181C;
  --radar-chart-label-padding: 1rem;
  --radar-chart-color-data-visualisation-category-1: #E00842;
  --radar-chart-color-data-visualisation-category-2: #9F9BD0;
  --radar-chart-color-data-visualisation-category-3: #FF7F33;
  --radar-chart-color-data-visualisation-category-4: #3D8ADB;
  --radar-chart-color-data-visualisation-category-5: #FF7A85;
  --radar-chart-color-data-visualisation-category-6: #7978DE;
  --radar-chart-color-data-visualisation-category-7: #E0519B;
  --radar-chart-color-data-visualisation-category-8: #BEA570;
  --radar-chart-color-data-visualisation-others: #5E6E9B;
  --radar-chart-color-data-visualisation-track: #333D47;
  --radar-chart-color-data-visualisation-positive: #64bc93;
  --radar-chart-color-data-visualisation-negative: #E0519B;
  --radar-chart-color-data-visualisation-neutral: #79736F;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}
.theme-dark .dds-radar-chart__canvas-container {
  width: 100%;
  height: 100%;
}
.theme-dark .dds-radar-chart__legends {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: flex-start;
}
.theme-dark .dds-radar-chart__legends__item {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.theme-dark .dds-radar-chart__legends__item__label {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-radar-chart {
    row-gap: 2.5rem;
  }
  .theme-dark .dds-radar-chart__legends {
    flex-direction: row;
    column-gap: 3rem;
  }
}

.radarchart {
  width: 100%;
  height: 100%;
}

.theme-light .dds-radio-with-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-radio-with-container__control {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.25rem;
  cursor: pointer;
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
}
.theme-light .dds-radio-with-container__control__first-row {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 1rem;
}
.theme-light .dds-radio-with-container__control__left-icon {
  flex-shrink: 0;
}
.theme-light .dds-radio-with-container__control__radio {
  flex-shrink: 0;
}
.theme-light .dds-radio-with-container__control__label {
  flex: 1;
  color: #14181C;
}
.theme-light .dds-radio-with-container__control__description {
  color: #666E75;
}
.theme-light .dds-radio-with-container__control * {
  cursor: pointer;
}
.theme-light .dds-radio-with-container__control--default {
  padding: 1.1875rem 1rem;
}
.theme-light .dds-radio-with-container__control--image {
  padding: 0.9375rem 1rem;
}
.theme-light .dds-radio-with-container__control--align-first-line .dds-radio-with-container__control__label {
  margin-top: 0.25rem;
}
.theme-light .dds-radio-with-container__control--align-first-line .dds-radio-with-container__control__radio {
  margin-top: 0.375rem;
}
.theme-light .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area {
  background-color: #EBEDF3;
  border-color: #082065;
}
.theme-light .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:hover, .theme-light .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:focus {
  background-color: #DADEE8;
  border-color: #082065;
}
.theme-light .dds-radio-with-container:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:hover, .theme-light .dds-radio-with-container:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
  border-color: #858B91;
}
.theme-light .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area {
  cursor: not-allowed;
  background-color: #EBECED;
  border-color: #D6D8DA;
}
.theme-light .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area .dds-radio-with-container__control__label {
  color: #858B91;
}
.theme-light .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area .dds-radio-with-container__control__description {
  color: #858B91;
}
.theme-light .dds-radio-with-container.disabled .dds-radio-with-container__clickable-area {
  cursor: not-allowed;
}
.theme-light .dds-radio-with-container.disabled .dds-radio-with-container__clickable-area * {
  cursor: not-allowed;
}
.theme-light .dds-radio-with-container__control-label {
  padding: 0.75rem 0;
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.5rem;
  cursor: pointer;
}
.theme-light .dds-radio-with-container__control-label__radio {
  flex-shrink: 0;
}
.theme-light .dds-radio-with-container__control-label__label {
  flex: 1;
  color: #14181C;
}
.theme-light .dds-radio-with-container__control-label * {
  cursor: pointer;
}
.theme-light .dds-radio-with-container__control-label--disabled {
  cursor: not-allowed;
}
.theme-light .dds-radio-with-container__control-label--disabled .dds-radio-with-container__control-label__label {
  color: #858B91;
}
.theme-light .dds-radio-with-container__control-label--disabled * {
  cursor: not-allowed;
}
.theme-light .dds-radio-with-container__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-light .dds-radio-with-container__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-light .dds-radio-with-container__error-wrapper__error-message {
  color: #D40C74 !important;
}
.theme-light .dds-radio-with-container.error .dds-radio-with-container__error-wrapper {
  display: flex;
}
.theme-light .dds-radio-with-container--type-label {
  row-gap: 0;
  display: inline-flex;
}

.theme-dark .dds-radio-with-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-radio-with-container__control {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.25rem;
  cursor: pointer;
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
}
.theme-dark .dds-radio-with-container__control__first-row {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 1rem;
}
.theme-dark .dds-radio-with-container__control__left-icon {
  flex-shrink: 0;
}
.theme-dark .dds-radio-with-container__control__radio {
  flex-shrink: 0;
}
.theme-dark .dds-radio-with-container__control__label {
  flex: 1;
  color: #FFFFFF;
}
.theme-dark .dds-radio-with-container__control__description {
  color: #ADB1B5;
}
.theme-dark .dds-radio-with-container__control * {
  cursor: pointer;
}
.theme-dark .dds-radio-with-container__control--default {
  padding: 1.1875rem 1rem;
}
.theme-dark .dds-radio-with-container__control--image {
  padding: 0.9375rem 1rem;
}
.theme-dark .dds-radio-with-container__control--align-first-line .dds-radio-with-container__control__label {
  margin-top: 0.25rem;
}
.theme-dark .dds-radio-with-container__control--align-first-line .dds-radio-with-container__control__radio {
  margin-top: 0.375rem;
}
.theme-dark .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area {
  background-color: #061A51;
  border-color: #0C6DD2;
}
.theme-dark .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:hover, .theme-dark .dds-radio-with-container.checked:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:focus {
  background-color: #082065;
  border-color: #0C6DD2;
}
.theme-dark .dds-radio-with-container:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:hover, .theme-dark .dds-radio-with-container:not(.disabled):not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
  border-color: #666E75;
}
.theme-dark .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area {
  cursor: not-allowed;
  background-color: #293139;
  border-color: #333D47;
}
.theme-dark .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area .dds-radio-with-container__control__label {
  color: #666E75;
}
.theme-dark .dds-radio-with-container.disabled:not(.dds-radio-with-container--type-label) .dds-radio-with-container__clickable-area .dds-radio-with-container__control__description {
  color: #666E75;
}
.theme-dark .dds-radio-with-container.disabled .dds-radio-with-container__clickable-area {
  cursor: not-allowed;
}
.theme-dark .dds-radio-with-container.disabled .dds-radio-with-container__clickable-area * {
  cursor: not-allowed;
}
.theme-dark .dds-radio-with-container__control-label {
  padding: 0.75rem 0;
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.5rem;
  cursor: pointer;
}
.theme-dark .dds-radio-with-container__control-label__radio {
  flex-shrink: 0;
}
.theme-dark .dds-radio-with-container__control-label__label {
  flex: 1;
  color: #FFFFFF;
}
.theme-dark .dds-radio-with-container__control-label * {
  cursor: pointer;
}
.theme-dark .dds-radio-with-container__control-label--disabled {
  cursor: not-allowed;
}
.theme-dark .dds-radio-with-container__control-label--disabled .dds-radio-with-container__control-label__label {
  color: #666E75;
}
.theme-dark .dds-radio-with-container__control-label--disabled * {
  cursor: not-allowed;
}
.theme-dark .dds-radio-with-container__error-wrapper {
  display: none;
  align-items: flex-start;
  column-gap: 0.25rem;
}
.theme-dark .dds-radio-with-container__error-wrapper__error-icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.theme-dark .dds-radio-with-container__error-wrapper__error-message {
  color: #E0519B !important;
}
.theme-dark .dds-radio-with-container.error .dds-radio-with-container__error-wrapper {
  display: flex;
}
.theme-dark .dds-radio-with-container--type-label {
  row-gap: 0;
  display: inline-flex;
}

.theme-light .dds-sectiontitle {
  display: inline-block;
}
.theme-light .dds-sectiontitle__action-wrapper {
  display: flex;
  column-gap: 0.25rem;
  align-items: center;
  text-decoration: none;
}
.theme-light .dds-sectiontitle__action-wrapper:hover, .theme-light .dds-sectiontitle__action-wrapper:focus {
  text-decoration: none;
}
.theme-light .dds-sectiontitle__title {
  color: #14181C;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.theme-light .dds-sectiontitle__chevron:before {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .theme-light .dds-sectiontitle__chevron:before {
    font-size: 1.5rem;
  }
}
.theme-light .dds-sectiontitle:hover .dds-sectiontitle__action-wrapper .dds-sectiontitle__title, .theme-light .dds-sectiontitle:focus .dds-sectiontitle__action-wrapper .dds-sectiontitle__title {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.theme-dark .dds-sectiontitle {
  display: inline-block;
}
.theme-dark .dds-sectiontitle__action-wrapper {
  display: flex;
  column-gap: 0.25rem;
  align-items: center;
  text-decoration: none;
}
.theme-dark .dds-sectiontitle__action-wrapper:hover, .theme-dark .dds-sectiontitle__action-wrapper:focus {
  text-decoration: none;
}
.theme-dark .dds-sectiontitle__title {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.theme-dark .dds-sectiontitle__chevron:before {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-sectiontitle__chevron:before {
    font-size: 1.5rem;
  }
}
.theme-dark .dds-sectiontitle:hover .dds-sectiontitle__action-wrapper .dds-sectiontitle__title, .theme-dark .dds-sectiontitle:focus .dds-sectiontitle__action-wrapper .dds-sectiontitle__title {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.range-slider {
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
}
.range-slider [data-vertical] {
  height: 100%;
  width: 8px;
}
.range-slider [data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.range-slider .range-slider__thumb {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translate(-50%, -50%);
}
.range-slider .range-slider__thumb:focus-visible {
  outline: 0;
}
.range-slider [data-vertical] .range-slider__thumb {
  left: 50%;
}
.range-slider .range-slider__thumb[data-disabled] {
  z-index: 2;
}
.range-slider [data-vertical] .range-slider__range {
  left: 50%;
  transform: translate(-50%, 0);
}
.range-slider input[type=range] {
  -webkit-appearance: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
.range-slider input[type=range]::-moz-range-thumb {
  width: 0;
  height: 0;
  border: 0;
}
.range-slider input[type=range]:focus {
  outline: 0;
}

.theme-light .dds-slider {
  --slider-tooltip-arrow-padding: 0.25rem;
  padding-top: 9px;
}
.theme-light .dds-slider__slider {
  height: 0.375rem;
  line-height: 0.375rem;
  border-radius: 62.5rem;
  background-color: #D6D8DA;
}
.theme-light .dds-slider__slider--single-thumb .range-slider__thumb[data-lower] {
  display: none;
  width: 0;
}
.theme-light .dds-slider__slider .range-slider__thumb {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #FFFFFF;
  border: solid 0.125rem #082065;
  border-radius: 62.5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.theme-light .dds-slider__slider .range-slider__range {
  border-radius: 62.5rem;
  background-color: #082065;
}
.theme-light .dds-slider__label-container {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-light .dds-slider .dds-tooltip__content {
  z-index: 110;
}

.theme-dark .dds-slider {
  --slider-tooltip-arrow-padding: 0.25rem;
  padding-top: 9px;
}
.theme-dark .dds-slider__slider {
  height: 0.375rem;
  line-height: 0.375rem;
  border-radius: 62.5rem;
  background-color: #333D47;
}
.theme-dark .dds-slider__slider--single-thumb .range-slider__thumb[data-lower] {
  display: none;
  width: 0;
}
.theme-dark .dds-slider__slider .range-slider__thumb {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #FFFFFF;
  border: solid 0.125rem #0C6DD2;
  border-radius: 62.5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.theme-dark .dds-slider__slider .range-slider__range {
  border-radius: 62.5rem;
  background-color: #0C6DD2;
}
.theme-dark .dds-slider__label-container {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-dark .dds-slider .dds-tooltip__content {
  z-index: 110;
}

.theme-light .dds-snackbar {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #333D47;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.3s linear;
}
@media (max-width: 479.98px) {
  .theme-light .dds-snackbar {
    bottom: 0.5rem;
    width: auto;
  }
}
.theme-light .dds-snackbar__container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.theme-light .dds-snackbar__container__text {
  flex-grow: 1;
  margin-bottom: 0;
  color: #FFFFFF;
}

.theme-dark .dds-snackbar {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #FFFFFF;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.3s linear;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-snackbar {
    bottom: 0.5rem;
    width: auto;
  }
}
.theme-dark .dds-snackbar__container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.theme-dark .dds-snackbar__container__text {
  flex-grow: 1;
  margin-bottom: 0;
  color: #14181C;
}

.theme-light .dds-system-alert {
  --system-alert-has-action-container-padding-mobile: 1rem;
  background-color: #FFFFFF;
}
.theme-light .dds-system-alert__wrapper > .dds-system-alert__messages-container .dds-system-alert__item__container__message {
  max-width: 47.5rem;
}
.theme-light .dds-system-alert__messages-container .dds-system-alert__item {
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: all 0.3s linear;
}
.theme-light .dds-system-alert__item__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
}
.theme-light .dds-system-alert__item__container__left-wrapper {
  display: flex;
  flex: 1;
}
.theme-light .dds-system-alert__item__container__left-icon {
  flex-shrink: 0;
  margin: 1rem 0.5rem 1rem 1rem;
}
.theme-light .dds-system-alert__item__container__message {
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert__item__container__message {
    margin-right: 1.5rem;
  }
}
.theme-light .dds-system-alert__item__container--with-action {
  flex-direction: column;
  row-gap: 1.5rem;
  padding: var(--system-alert-has-action-container-padding-mobile);
}
.theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
  margin: 0;
}
.theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}
.theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button {
  flex: 1 1 100%;
}
.theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button.dds-button--tertiary {
  order: 1;
}
@media (min-width: 480px) {
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
    width: auto;
  }
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
    flex-direction: row;
    column-gap: 2rem;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button {
    flex: 0 1 auto;
  }
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button.dds-button--tertiary {
    order: 0;
  }
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert__item__container--with-action {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
  }
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
    margin: 1.875rem 1.5rem;
  }
  .theme-light .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
    margin: 1rem 1.5rem 1rem 0;
    justify-content: normal;
    align-items: center;
    width: auto;
  }
}
.theme-light .dds-system-alert__close {
  margin: 0.375rem 0.5rem 0 0;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert__close {
    margin-right: 1rem;
  }
}
.theme-light .dds-system-alert--has-max-width {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme-light .dds-system-alert--has-max-width .dds-system-alert__wrapper {
  max-width: 75rem;
  width: 100%;
}
.theme-light .dds-system-alert--has-max-width.dds-system-alert--single {
  border-bottom: 0.0625rem solid #D6D8DA;
}
.theme-light .dds-system-alert--has-max-width.dds-system-alert--single .dds-system-alert__item .dds-divider {
  display: none;
}
.theme-light .dds-system-alert--multiple {
  border-bottom: 0.0625rem solid #D6D8DA;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__wrapper > .dds-system-alert__show-all {
  display: flex;
  justify-content: flex-end;
  margin-right: 1rem;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__item__container__left-icon {
  margin-left: 1rem;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__item:last-child .dds-divider {
  display: none;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__header__title {
  flex: 1;
  margin: 1rem;
}
.theme-light .dds-system-alert--multiple .dds-system-alert__header__separator {
  height: 1.5rem;
  width: 0.0625rem;
  background: #D6D8DA;
  margin-left: 1rem;
  margin-right: 0.5rem;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert--multiple .dds-system-alert__messages-container {
    margin: 0;
  }
}
.theme-light .dds-system-alert--multiple .dds-system-alert__close {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (max-width: 1023.98px) {
  .theme-light .dds-system-alert--multiple .dds-system-alert__show-all-dialog .dds-dialog-container__dialog {
    width: 100%;
    max-width: none;
    height: 100vh;
    max-height: none;
    border-radius: 0;
    padding-bottom: 1rem;
  }
  .theme-light .dds-system-alert--multiple .dds-system-alert__show-all-dialog .dds-dialog-container__dialog .dds-headline {
    text-align: center;
  }
}
@media (max-width: 1023.98px) {
  .theme-light .dds-system-alert--multiple .dds-system-alert__header__title {
    margin-left: 0;
  }
  .theme-light .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__wrapper .dds-system-alert__item:last-child .dds-divider {
    display: block;
  }
  .theme-light .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__header__title {
    margin-left: 1rem;
  }
  .theme-light .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__messages-container {
    margin: 0 1rem;
  }
  .theme-light .dds-system-alert--multiple .dds-system-alert__item__container__left-icon {
    margin-left: 0;
  }
}
.theme-light .dds-system-alert--multiple.dds-system-alert--has-max-width .dds-system-alert__item__container__left-icon {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert--multiple.dds-system-alert--has-max-width .dds-system-alert__header__title {
    margin-left: 0;
  }
}
@media (max-width: 1023.98px) {
  .theme-light .dds-system-alert--multiple .dds-dialog-container__dialog {
    padding: 0;
  }
  .theme-light .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container {
    padding: var(--system-alert-has-action-container-padding-mobile);
  }
  .theme-light .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container__left-icon,
  .theme-light .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container__message {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.theme-light .dds-system-alert--multiple .dds-dialog__container__title--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert--multiple .dds-dialog__container__title--desktop {
    display: block;
  }
}
.theme-light .dds-system-alert--multiple .dds-dialog__container__title--mobile {
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 1024px) {
  .theme-light .dds-system-alert--multiple .dds-dialog__container__title--mobile {
    display: none;
  }
}

.theme-dark .dds-system-alert {
  --system-alert-has-action-container-padding-mobile: 1rem;
  background-color: #293139;
}
.theme-dark .dds-system-alert__wrapper > .dds-system-alert__messages-container .dds-system-alert__item__container__message {
  max-width: 47.5rem;
}
.theme-dark .dds-system-alert__messages-container .dds-system-alert__item {
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: all 0.3s linear;
}
.theme-dark .dds-system-alert__item__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
}
.theme-dark .dds-system-alert__item__container__left-wrapper {
  display: flex;
  flex: 1;
}
.theme-dark .dds-system-alert__item__container__left-icon {
  flex-shrink: 0;
  margin: 1rem 0.5rem 1rem 1rem;
}
.theme-dark .dds-system-alert__item__container__message {
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert__item__container__message {
    margin-right: 1.5rem;
  }
}
.theme-dark .dds-system-alert__item__container--with-action {
  flex-direction: column;
  row-gap: 1.5rem;
  padding: var(--system-alert-has-action-container-padding-mobile);
}
.theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
  margin: 0;
}
.theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}
.theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button {
  flex: 1 1 100%;
}
.theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button.dds-button--tertiary {
  order: 1;
}
@media (min-width: 480px) {
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
    width: auto;
  }
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
    flex-direction: row;
    column-gap: 2rem;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button {
    flex: 0 1 auto;
  }
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container__button.dds-button--tertiary {
    order: 0;
  }
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert__item__container--with-action {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
  }
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__message {
    margin: 1.875rem 1.5rem;
  }
  .theme-dark .dds-system-alert__item__container--with-action .dds-system-alert__item__container__action-container {
    margin: 1rem 1.5rem 1rem 0;
    justify-content: normal;
    align-items: center;
    width: auto;
  }
}
.theme-dark .dds-system-alert__close {
  margin: 0.375rem 0.5rem 0 0;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert__close {
    margin-right: 1rem;
  }
}
.theme-dark .dds-system-alert--has-max-width {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme-dark .dds-system-alert--has-max-width .dds-system-alert__wrapper {
  max-width: 75rem;
  width: 100%;
}
.theme-dark .dds-system-alert--has-max-width.dds-system-alert--single {
  border-bottom: 0.0625rem solid #333D47;
}
.theme-dark .dds-system-alert--has-max-width.dds-system-alert--single .dds-system-alert__item .dds-divider {
  display: none;
}
.theme-dark .dds-system-alert--multiple {
  border-bottom: 0.0625rem solid #333D47;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__wrapper > .dds-system-alert__show-all {
  display: flex;
  justify-content: flex-end;
  margin-right: 1rem;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__item__container__left-icon {
  margin-left: 1rem;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__item:last-child .dds-divider {
  display: none;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__header__title {
  flex: 1;
  margin: 1rem;
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__header__separator {
  height: 1.5rem;
  width: 0.0625rem;
  background: #333D47;
  margin-left: 1rem;
  margin-right: 0.5rem;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert--multiple .dds-system-alert__messages-container {
    margin: 0;
  }
}
.theme-dark .dds-system-alert--multiple .dds-system-alert__close {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (max-width: 1023.98px) {
  .theme-dark .dds-system-alert--multiple .dds-system-alert__show-all-dialog .dds-dialog-container__dialog {
    width: 100%;
    max-width: none;
    height: 100vh;
    max-height: none;
    border-radius: 0;
    padding-bottom: 1rem;
  }
  .theme-dark .dds-system-alert--multiple .dds-system-alert__show-all-dialog .dds-dialog-container__dialog .dds-headline {
    text-align: center;
  }
}
@media (max-width: 1023.98px) {
  .theme-dark .dds-system-alert--multiple .dds-system-alert__header__title {
    margin-left: 0;
  }
  .theme-dark .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__wrapper .dds-system-alert__item:last-child .dds-divider {
    display: block;
  }
  .theme-dark .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__header__title {
    margin-left: 1rem;
  }
  .theme-dark .dds-system-alert--multiple.hasShowAllBtn .dds-system-alert__messages-container {
    margin: 0 1rem;
  }
  .theme-dark .dds-system-alert--multiple .dds-system-alert__item__container__left-icon {
    margin-left: 0;
  }
}
.theme-dark .dds-system-alert--multiple.dds-system-alert--has-max-width .dds-system-alert__item__container__left-icon {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert--multiple.dds-system-alert--has-max-width .dds-system-alert__header__title {
    margin-left: 0;
  }
}
@media (max-width: 1023.98px) {
  .theme-dark .dds-system-alert--multiple .dds-dialog-container__dialog {
    padding: 0;
  }
  .theme-dark .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container {
    padding: var(--system-alert-has-action-container-padding-mobile);
  }
  .theme-dark .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container__left-icon,
  .theme-dark .dds-system-alert--multiple .dds-dialog-container__dialog .dds-system-alert__item__container__message {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.theme-dark .dds-system-alert--multiple .dds-dialog__container__title--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert--multiple .dds-dialog__container__title--desktop {
    display: block;
  }
}
.theme-dark .dds-system-alert--multiple .dds-dialog__container__title--mobile {
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 1024px) {
  .theme-dark .dds-system-alert--multiple .dds-dialog__container__title--mobile {
    display: none;
  }
}

.table > :not(caption) > * > * {
  padding: 0;
  background-color: transparent;
  border-bottom-width: 0;
  box-shadow: none;
}

.theme-light .dds-table table {
  width: 100%;
  height: fit-content;
}
.theme-light .dds-table table tr {
  height: 100%;
}
.theme-light .dds-table__cell {
  padding: 0;
  background-color: #FFFFFF;
}
.theme-light .dds-table__cell__content {
  display: flex;
  height: 100%;
}
.theme-light .dds-table__cell__content--horizontal-flex-start {
  justify-content: flex-start;
}
.theme-light .dds-table__cell__content--horizontal-center {
  justify-content: center;
}
.theme-light .dds-table__cell__content--horizontal-flex-end {
  justify-content: flex-end;
}
.theme-light .dds-table__cell__content--vertical-flex-start {
  align-items: flex-start;
}
.theme-light .dds-table__cell__content--vertical-center {
  align-items: center;
}
.theme-light .dds-table__cell__content--vertical-flex-end {
  align-items: flex-end;
}
.theme-light .dds-table__header-cell__content {
  display: flex;
  border-bottom: solid 0.125rem #ADB1B5;
}
.theme-light .dds-table__header-cell__content--border-right {
  border-right: solid 0.125rem #ADB1B5;
}
.theme-light .dds-table__section-cell {
  background-color: #F5F5F6;
}
.theme-light .dds-table__section-cell__content {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-table__section-cell__content--border-right {
  border-right: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-table__body-cell__content {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-table__body-cell__content--border-right {
  border-right: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-table--striped tbody tr:nth-child(2n) td {
  background-color: #F5F5F6;
}
.theme-light .dds-table--header-sticky .dds-table__header-row {
  z-index: 4;
  position: sticky;
  top: -0.0625rem;
}
.theme-light .dds-table--first-col-sticky .dds-table__cell--sticking:first-child {
  position: sticky;
  left: 250px;
}
.theme-light .dds-table--first-col-sticky .dds-table__cell--sticking:first-child .dds-table__cell__content {
  box-shadow: 0.0625rem 0 0.1875rem 0 rgba(0, 0, 0, 0.1490196078);
  clip-path: inset(0 -0.1875rem 0 0);
}
.theme-light .dds-table--first-col-sticky .dds-table__sticky-cell {
  position: sticky;
  left: 0;
}
.theme-light .dds-table--first-col-sticky .dds-table__sticky-cell:first-child {
  z-index: 3;
}
.theme-light .dds-table--first-col-sticky .dds-table__body-cell {
  z-index: 2;
  left: 0;
}
.theme-light .dds-table--last-col-sticky .dds-table__cell--sticking:last-child {
  position: sticky;
}
.theme-light .dds-table--last-col-sticky .dds-table__cell--sticking:last-child .dds-table__cell__content {
  box-shadow: -0.0625rem 0 0.1875rem 0 rgba(0, 0, 0, 0.1490196078);
  clip-path: inset(0 -0.1875rem 0 0);
}
.theme-light .dds-table--last-col-sticky .dds-table__sticky-cell {
  position: sticky;
  right: 0;
}
.theme-light .dds-table--last-col-sticky .dds-table__sticky-cell:last-child {
  z-index: 3;
  right: -0.0625rem;
}
.theme-light .dds-table--last-col-sticky .dds-table__body-cell {
  z-index: 2;
  right: 0;
}
.theme-light .dds-table--large .dds-table__cell__content {
  padding: 0.75rem;
}
.theme-light .dds-table--large .dds-table__header-cell__content {
  padding: 1rem 0.75rem;
}
.theme-light .dds-table--small .dds-table__cell__content {
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .theme-light .dds-table--large .dds-table__cell__content {
    padding: 1rem 1.5rem;
  }
  .theme-light .dds-table--small .dds-table__cell__content {
    padding: 0.75rem 1.5rem;
  }
}

.theme-dark .dds-table table {
  width: 100%;
  height: fit-content;
}
.theme-dark .dds-table table tr {
  height: 100%;
}
.theme-dark .dds-table__cell {
  padding: 0;
  background-color: #14181C;
}
.theme-dark .dds-table__cell__content {
  display: flex;
  height: 100%;
}
.theme-dark .dds-table__cell__content--horizontal-flex-start {
  justify-content: flex-start;
}
.theme-dark .dds-table__cell__content--horizontal-center {
  justify-content: center;
}
.theme-dark .dds-table__cell__content--horizontal-flex-end {
  justify-content: flex-end;
}
.theme-dark .dds-table__cell__content--vertical-flex-start {
  align-items: flex-start;
}
.theme-dark .dds-table__cell__content--vertical-center {
  align-items: center;
}
.theme-dark .dds-table__cell__content--vertical-flex-end {
  align-items: flex-end;
}
.theme-dark .dds-table__header-cell__content {
  display: flex;
  border-bottom: solid 0.125rem #858B91;
}
.theme-dark .dds-table__header-cell__content--border-right {
  border-right: solid 0.125rem #858B91;
}
.theme-dark .dds-table__section-cell {
  background-color: #1F252B;
}
.theme-dark .dds-table__section-cell__content {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-table__section-cell__content--border-right {
  border-right: solid 0.0625rem #333D47;
}
.theme-dark .dds-table__body-cell__content {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-table__body-cell__content--border-right {
  border-right: solid 0.0625rem #333D47;
}
.theme-dark .dds-table--striped tbody tr:nth-child(2n) td {
  background-color: #1F252B;
}
.theme-dark .dds-table--header-sticky .dds-table__header-row {
  z-index: 4;
  position: sticky;
  top: -0.0625rem;
}
.theme-dark .dds-table--first-col-sticky .dds-table__cell--sticking:first-child {
  position: sticky;
  left: 250px;
}
.theme-dark .dds-table--first-col-sticky .dds-table__cell--sticking:first-child .dds-table__cell__content {
  box-shadow: 0.0625rem 0 0.1875rem 0 rgba(0, 0, 0, 0.1490196078);
  clip-path: inset(0 -0.1875rem 0 0);
}
.theme-dark .dds-table--first-col-sticky .dds-table__sticky-cell {
  position: sticky;
  left: 0;
}
.theme-dark .dds-table--first-col-sticky .dds-table__sticky-cell:first-child {
  z-index: 3;
}
.theme-dark .dds-table--first-col-sticky .dds-table__body-cell {
  z-index: 2;
  left: 0;
}
.theme-dark .dds-table--last-col-sticky .dds-table__cell--sticking:last-child {
  position: sticky;
}
.theme-dark .dds-table--last-col-sticky .dds-table__cell--sticking:last-child .dds-table__cell__content {
  box-shadow: -0.0625rem 0 0.1875rem 0 rgba(0, 0, 0, 0.1490196078);
  clip-path: inset(0 -0.1875rem 0 0);
}
.theme-dark .dds-table--last-col-sticky .dds-table__sticky-cell {
  position: sticky;
  right: 0;
}
.theme-dark .dds-table--last-col-sticky .dds-table__sticky-cell:last-child {
  z-index: 3;
  right: -0.0625rem;
}
.theme-dark .dds-table--last-col-sticky .dds-table__body-cell {
  z-index: 2;
  right: 0;
}
.theme-dark .dds-table--large .dds-table__cell__content {
  padding: 0.75rem;
}
.theme-dark .dds-table--large .dds-table__header-cell__content {
  padding: 1rem 0.75rem;
}
.theme-dark .dds-table--small .dds-table__cell__content {
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .theme-dark .dds-table--large .dds-table__cell__content {
    padding: 1rem 1.5rem;
  }
  .theme-dark .dds-table--small .dds-table__cell__content {
    padding: 0.75rem 1.5rem;
  }
}

.theme-light .dds-tabs {
  position: relative;
  padding: 0 1rem;
  max-width: 100%;
}
.theme-light .dds-tabs__container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theme-light .dds-tabs__container::-webkit-scrollbar {
  display: none;
}
.theme-light .dds-tabs__container__tab {
  width: auto;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .theme-light .dds-tabs__container--tabs-evenly .dds-tab {
    flex: 1;
  }
}
.theme-light .dds-tabs__divider {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .theme-light .dds-tabs {
    padding: 0 1.5rem;
  }
}

.theme-dark .dds-tabs {
  position: relative;
  padding: 0 1rem;
  max-width: 100%;
}
.theme-dark .dds-tabs__container {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theme-dark .dds-tabs__container::-webkit-scrollbar {
  display: none;
}
.theme-dark .dds-tabs__container__tab {
  width: auto;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .theme-dark .dds-tabs__container--tabs-evenly .dds-tab {
    flex: 1;
  }
}
.theme-dark .dds-tabs__divider {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .theme-dark .dds-tabs {
    padding: 0 1.5rem;
  }
}

.theme-light .dds-uploader-layout__container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 479.98px) {
  .theme-light .dds-uploader-layout__container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.theme-light .dds-uploader-layout__row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.theme-light .dds-uploader-layout__main-content--list-view {
  flex: 0 1 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader-layout__main-content--list-view {
    flex: 0 1 auto;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .theme-light .dds-uploader-layout__main-content--list-view {
    flex: 0 1 auto;
    width: 33.33333333%;
  }
}
.theme-light .dds-uploader-layout__main-content--grid-view {
  flex: 0 1 auto;
  width: 33.33333333%;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader-layout__main-content--grid-view {
    flex: 0 1 auto;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .theme-light .dds-uploader-layout__main-content--grid-view {
    flex: 0 1 auto;
    width: 16.66666667%;
  }
}
.theme-light .dds-uploader-layout__main-content--default {
  flex: 0 1 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader-layout__main-content--default {
    flex: 0 1 auto;
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .theme-light .dds-uploader-layout__main-content--default {
    flex: 0 1 auto;
    width: 66.66666667%;
  }
}
.theme-light .dds-uploader__input {
  display: none;
}
.theme-light .dds-uploader--default + .dds-uploader__error-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  gap: 0.25rem;
}
.theme-light .dds-uploader--list-view {
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
}
.theme-light .dds-uploader--list-view .dds-uploader__wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 0;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
.theme-light .dds-uploader--list-view .dds-uploader__wrapper * {
  min-width: 0;
}
.theme-light .dds-uploader--list-view .dds-uploader__preview-wrapper {
  flex: 1;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  column-gap: 0;
  justify-content: center;
  align-items: flex-start;
}
.theme-light .dds-uploader--list-view .dds-uploader__left-col {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-uploader--list-view .dds-uploader__label-wrapper {
  flex: 1;
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.theme-light .dds-uploader--list-view .dds-uploader__label-wrapper__file-name {
  color: #14181C;
}
.theme-light .dds-uploader--list-view .dds-uploader__label-wrapper__file-size {
  color: #666E75;
}
.theme-light .dds-uploader--list-view .dds-uploader__action-wrapper {
  cursor: pointer;
  margin: 0.5rem;
  width: 3rem;
  height: 3rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-uploader--list-view .dds-uploader__select-wrapper {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-uploader--list-view .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
}
.theme-light .dds-uploader--list-view .dds-uploader__select-wrapper__label {
  color: #14181C;
}
.theme-light .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__icon-wrapper {
  border-radius: 0.5rem;
  background-color: #F5F5F6;
  overflow: hidden;
}
.theme-light .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__label-wrapper {
  min-width: 0;
}
.theme-light .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__label-wrapper__file-name {
  text-decoration: underline;
}
.theme-light .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__icon-wrapper {
  overflow: hidden;
}
.theme-light .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__label-wrapper {
  min-width: 0;
}
.theme-light .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__label-wrapper__error-message {
  color: #D40C74;
}
.theme-light .dds-uploader--grid-view {
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.theme-light .dds-uploader--grid-view .dds-uploader__wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-uploader--grid-view .dds-uploader__wrapper * {
  min-width: 0;
}
.theme-light .dds-uploader--grid-view .dds-uploader__select-wrapper {
  position: absolute;
  inset: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.theme-light .dds-uploader--grid-view .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
  margin: 0 auto;
  display: block;
}
.theme-light .dds-uploader--grid-view .dds-uploader__select-wrapper__label {
  text-align: center;
  color: #14181C;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader--grid-view .dds-uploader__select-wrapper {
    padding: 1.5rem;
  }
  .theme-light .dds-uploader--grid-view .dds-uploader__select-wrapper__label {
    display: block;
  }
}
.theme-light .dds-uploader--grid-view .dds-uploader__preview-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.theme-light .dds-uploader--grid-view .dds-uploader__action-wrapper {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  padding: 0.3125rem;
  cursor: pointer;
}
.theme-light .dds-uploader--grid-view .dds-uploader__action-wrapper .dds-uploader__action-container {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 62.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.theme-light .dds-uploader--grid-view .dds-uploader__uploading-wrapper {
  padding: 1.5rem;
}
.theme-light .dds-uploader--grid-view .dds-uploader__uploading-wrapper__indicator-wrapper {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.theme-light .dds-uploader--grid-view .dds-uploader__uploaded-wrapper__preview-wrapper {
  cursor: pointer;
}
.theme-light .dds-uploader--grid-view.dds-uploader--uploaded {
  border: 0;
}
.theme-light .dds-uploader--default {
  background-color: #FFFFFF;
  border: solid 0.0625rem #858B91;
  border-radius: 0.5rem;
}
.theme-light .dds-uploader--default .dds-uploader__select-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 1.25rem 1.5rem;
}
.theme-light .dds-uploader--default .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
}
.theme-light .dds-uploader--default .dds-uploader__select-wrapper__label {
  color: #14181C;
  align-items: center;
  text-align: center;
}
.theme-light .dds-uploader--default .dds-uploader__select-wrapper__label--mobile {
  display: flex;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader--default .dds-uploader__select-wrapper__label--mobile {
    display: none;
  }
}
.theme-light .dds-uploader--default .dds-uploader__select-wrapper__label--desktop {
  display: none;
}
@media (min-width: 768px) {
  .theme-light .dds-uploader--default .dds-uploader__select-wrapper__label--desktop {
    display: flex;
  }
}
@media (min-width: 768px) {
  .theme-light .dds-uploader--default .dds-uploader__select-wrapper {
    flex-direction: column;
    row-gap: 0.5rem;
    align-items: center;
    padding: 4rem 1.5rem;
  }
}
.theme-light .dds-uploader--select.dds-uploader--default, .theme-light .dds-uploader--select.dds-uploader--list-view, .theme-light .dds-uploader--select.dds-uploader--grid-view {
  cursor: pointer;
}
.theme-light .dds-uploader--select:hover.dds-uploader--default, .theme-light .dds-uploader--dragging.dds-uploader--default, .theme-light .dds-uploader--select:hover.dds-uploader--list-view, .theme-light .dds-uploader--dragging.dds-uploader--list-view, .theme-light .dds-uploader--select:hover.dds-uploader--grid-view, .theme-light .dds-uploader--dragging.dds-uploader--grid-view {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-uploader--uploading.dds-uploader--list-view, .theme-light .dds-uploader--uploading.dds-uploader--grid-view {
  background-color: #F5F5F6;
  border-color: #D6D8DA;
}
.theme-light .dds-uploader--error.dds-uploader--default, .theme-light .dds-uploader--error.dds-uploader--list-view, .theme-light .dds-uploader--error.dds-uploader--grid-view {
  border-color: #D40C74;
}

.theme-dark .dds-uploader-layout__container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-uploader-layout__container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.theme-dark .dds-uploader-layout__row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.theme-dark .dds-uploader-layout__main-content--list-view {
  flex: 0 1 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader-layout__main-content--list-view {
    flex: 0 1 auto;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .theme-dark .dds-uploader-layout__main-content--list-view {
    flex: 0 1 auto;
    width: 33.33333333%;
  }
}
.theme-dark .dds-uploader-layout__main-content--grid-view {
  flex: 0 1 auto;
  width: 33.33333333%;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader-layout__main-content--grid-view {
    flex: 0 1 auto;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .theme-dark .dds-uploader-layout__main-content--grid-view {
    flex: 0 1 auto;
    width: 16.66666667%;
  }
}
.theme-dark .dds-uploader-layout__main-content--default {
  flex: 0 1 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader-layout__main-content--default {
    flex: 0 1 auto;
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .theme-dark .dds-uploader-layout__main-content--default {
    flex: 0 1 auto;
    width: 66.66666667%;
  }
}
.theme-dark .dds-uploader__input {
  display: none;
}
.theme-dark .dds-uploader--default + .dds-uploader__error-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  gap: 0.25rem;
}
.theme-dark .dds-uploader--list-view {
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
}
.theme-dark .dds-uploader--list-view .dds-uploader__wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 0;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
.theme-dark .dds-uploader--list-view .dds-uploader__wrapper * {
  min-width: 0;
}
.theme-dark .dds-uploader--list-view .dds-uploader__preview-wrapper {
  flex: 1;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  column-gap: 0;
  justify-content: center;
  align-items: flex-start;
}
.theme-dark .dds-uploader--list-view .dds-uploader__left-col {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-uploader--list-view .dds-uploader__label-wrapper {
  flex: 1;
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.theme-dark .dds-uploader--list-view .dds-uploader__label-wrapper__file-name {
  color: #FFFFFF;
}
.theme-dark .dds-uploader--list-view .dds-uploader__label-wrapper__file-size {
  color: #ADB1B5;
}
.theme-dark .dds-uploader--list-view .dds-uploader__action-wrapper {
  cursor: pointer;
  margin: 0.5rem;
  width: 3rem;
  height: 3rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-uploader--list-view .dds-uploader__select-wrapper {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-uploader--list-view .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
}
.theme-dark .dds-uploader--list-view .dds-uploader__select-wrapper__label {
  color: #FFFFFF;
}
.theme-dark .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__icon-wrapper {
  border-radius: 0.5rem;
  background-color: #1F252B;
  overflow: hidden;
}
.theme-dark .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__label-wrapper {
  min-width: 0;
}
.theme-dark .dds-uploader--list-view .dds-uploader__uploaded-wrapper__preview-wrapper__label-wrapper__file-name {
  text-decoration: underline;
}
.theme-dark .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__icon-wrapper {
  overflow: hidden;
}
.theme-dark .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__label-wrapper {
  min-width: 0;
}
.theme-dark .dds-uploader--list-view .dds-uploader__error-wrapper__preview-wrapper__label-wrapper__error-message {
  color: #E0519B;
}
.theme-dark .dds-uploader--grid-view {
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__wrapper * {
  min-width: 0;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__select-wrapper {
  position: absolute;
  inset: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
  margin: 0 auto;
  display: block;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__select-wrapper__label {
  text-align: center;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader--grid-view .dds-uploader__select-wrapper {
    padding: 1.5rem;
  }
  .theme-dark .dds-uploader--grid-view .dds-uploader__select-wrapper__label {
    display: block;
  }
}
.theme-dark .dds-uploader--grid-view .dds-uploader__preview-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__action-wrapper {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  padding: 0.3125rem;
  cursor: pointer;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__action-wrapper .dds-uploader__action-container {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 62.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.theme-dark .dds-uploader--grid-view .dds-uploader__uploading-wrapper {
  padding: 1.5rem;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__uploading-wrapper__indicator-wrapper {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.theme-dark .dds-uploader--grid-view .dds-uploader__uploaded-wrapper__preview-wrapper {
  cursor: pointer;
}
.theme-dark .dds-uploader--grid-view.dds-uploader--uploaded {
  border: 0;
}
.theme-dark .dds-uploader--default {
  background-color: #14181C;
  border: solid 0.0625rem #666E75;
  border-radius: 0.5rem;
}
.theme-dark .dds-uploader--default .dds-uploader__select-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 1.25rem 1.5rem;
}
.theme-dark .dds-uploader--default .dds-uploader__select-wrapper__icon {
  flex-shrink: 0;
}
.theme-dark .dds-uploader--default .dds-uploader__select-wrapper__label {
  color: #FFFFFF;
  align-items: center;
  text-align: center;
}
.theme-dark .dds-uploader--default .dds-uploader__select-wrapper__label--mobile {
  display: flex;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader--default .dds-uploader__select-wrapper__label--mobile {
    display: none;
  }
}
.theme-dark .dds-uploader--default .dds-uploader__select-wrapper__label--desktop {
  display: none;
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader--default .dds-uploader__select-wrapper__label--desktop {
    display: flex;
  }
}
@media (min-width: 768px) {
  .theme-dark .dds-uploader--default .dds-uploader__select-wrapper {
    flex-direction: column;
    row-gap: 0.5rem;
    align-items: center;
    padding: 4rem 1.5rem;
  }
}
.theme-dark .dds-uploader--select.dds-uploader--default, .theme-dark .dds-uploader--select.dds-uploader--list-view, .theme-dark .dds-uploader--select.dds-uploader--grid-view {
  cursor: pointer;
}
.theme-dark .dds-uploader--select:hover.dds-uploader--default, .theme-dark .dds-uploader--dragging.dds-uploader--default, .theme-dark .dds-uploader--select:hover.dds-uploader--list-view, .theme-dark .dds-uploader--dragging.dds-uploader--list-view, .theme-dark .dds-uploader--select:hover.dds-uploader--grid-view, .theme-dark .dds-uploader--dragging.dds-uploader--grid-view {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-uploader--uploading.dds-uploader--list-view, .theme-dark .dds-uploader--uploading.dds-uploader--grid-view {
  background-color: #1F252B;
  border-color: #333D47;
}
.theme-dark .dds-uploader--error.dds-uploader--default, .theme-dark .dds-uploader--error.dds-uploader--list-view, .theme-dark .dds-uploader--error.dds-uploader--grid-view {
  border-color: #E0519B;
}

.theme-light .dds-avatargroup, .theme-light .dds-avatargroup__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-light .dds-avatargroup__wrapper > *:not(:first-child) {
  margin-left: -0.5rem;
}
.theme-light .dds-avatargroup__item-total {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 62.5rem;
  background-color: #EBECED;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -0.5rem;
}
.theme-light .dds-avatargroup__item-total__wrapper {
  z-index: 1;
}
.theme-light .dds-avatargroup__item-total__text {
  color: #14181C;
}

.theme-dark .dds-avatargroup, .theme-dark .dds-avatargroup__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-dark .dds-avatargroup__wrapper > *:not(:first-child) {
  margin-left: -0.5rem;
}
.theme-dark .dds-avatargroup__item-total {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 62.5rem;
  background-color: #293139;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -0.5rem;
}
.theme-dark .dds-avatargroup__item-total__wrapper {
  z-index: 1;
}
.theme-dark .dds-avatargroup__item-total__text {
  color: #FFFFFF;
}

.theme-light .dds-listitemgroup--ordered .dds-listitem {
  align-items: baseline;
}
.theme-light .dds-listitemgroup--unordered .dds-listitem {
  align-items: flex-start;
}

.theme-dark .dds-listitemgroup--ordered .dds-listitem {
  align-items: baseline;
}
.theme-dark .dds-listitemgroup--unordered .dds-listitem {
  align-items: flex-start;
}

body[data-wcm-mode=EDIT] .dds-layout-flexbox {
  width: 100%;
}
body[data-wcm-mode=EDIT] .dds-layout-flexbox .new.newpar.section {
  width: 100%;
}
body[data-wcm-mode=EDIT] .dds-layout-flexbox--max-height.cq-Editable-dom {
  height: auto;
}

.dds-layout-flexbox__container {
  display: flex;
  width: 100%;
  height: 100%;
  outline: none;
}
.dds-layout-flexbox__direction--row {
  flex-direction: row;
}
.dds-layout-flexbox__direction--column {
  flex-direction: column;
}
.dds-layout-flexbox__justify--start {
  justify-content: flex-start;
}
.dds-layout-flexbox__justify--end {
  justify-content: flex-end;
}
.dds-layout-flexbox__justify--center {
  justify-content: center;
}
.dds-layout-flexbox__justify--between {
  justify-content: space-between;
}
.dds-layout-flexbox__justify--around {
  justify-content: space-around;
}
.dds-layout-flexbox__alignitems--start {
  align-items: flex-start;
}
.dds-layout-flexbox__alignitems--end {
  align-items: flex-end;
}
.dds-layout-flexbox__alignitems--center {
  align-items: center;
}
.dds-layout-flexbox__alignitems--baseline {
  align-items: baseline;
}
.dds-layout-flexbox__alignitems--stretch {
  align-items: stretch;
}
.dds-layout-flexbox__flexwrap-mobile, .dds-layout-flexbox__wrap-mobile {
  flex-wrap: unset;
}
.dds-layout-flexbox__nowrap-mobile {
  flex-wrap: unset;
}
.dds-layout-flexbox__wrapreverse-mobile {
  flex-wrap: unset;
}
.dds-layout-flexbox__flexwrap, .dds-layout-flexbox__wrap {
  flex-wrap: wrap;
}
.dds-layout-flexbox__nowrap {
  flex-wrap: nowrap;
}
.dds-layout-flexbox__wrapreverse {
  flex-wrap: wrap-reverse;
}

@media (max-width: 767.98px) {
  .dds-layout-flexbox__container {
    flex-direction: column;
  }
  .dds-layout-flexbox__direction-mob--row {
    flex-direction: row;
  }
  .dds-layout-flexbox__direction-mob--column {
    flex-direction: column;
  }
  .dds-layout-flexbox__flexwrap {
    flex-wrap: unset;
  }
  .dds-layout-flexbox__nowrap {
    flex-wrap: unset;
  }
  .dds-layout-flexbox__wrapreverse {
    flex-wrap: unset;
  }
  .dds-layout-flexbox__flexwrap-mobile {
    flex-wrap: wrap;
  }
  .dds-layout-flexbox__nowrap-mobile {
    flex-wrap: nowrap;
  }
  .dds-layout-flexbox__wrapreverse-mobile {
    flex-wrap: wrap-reverse;
  }
  .dds-layout-flexbox__justify-mob--start {
    justify-content: flex-start;
  }
  .dds-layout-flexbox__justify-mob--end {
    justify-content: flex-end;
  }
  .dds-layout-flexbox__justify-mob--center {
    justify-content: center;
  }
  .dds-layout-flexbox__justify-mob--between {
    justify-content: space-between;
  }
  .dds-layout-flexbox__justify-mob--around {
    justify-content: space-around;
  }
  .dds-layout-flexbox__alignitems-mob--start {
    align-items: flex-start;
  }
  .dds-layout-flexbox__alignitems-mob--end {
    align-items: flex-end;
  }
  .dds-layout-flexbox__alignitems-mob--center {
    align-items: center;
  }
  .dds-layout-flexbox__alignitems-mob--baseline {
    align-items: baseline;
  }
  .dds-layout-flexbox__alignitems-mob--stretch {
    align-items: stretch;
  }
}
body[data-wcm-mode=EDIT] .dds-layout-flexitem {
  flex: 100% !important;
}

.dds-layout-flexitem__alignself--auto {
  align-self: auto;
}
.dds-layout-flexitem__alignself--start {
  align-self: flex-start;
}
.dds-layout-flexitem__alignself--end {
  align-self: flex-end;
}
.dds-layout-flexitem__alignself--center {
  align-self: center;
}
.dds-layout-flexitem__alignself--baseline {
  align-self: baseline;
}
.dds-layout-flexitem__alignself--stretch {
  align-self: stretch;
}
.dds-layout-flexitem--flexgrow {
  flex: 1;
}
.dds-layout-flexitem--flexauto {
  flex: auto;
}
.dds-layout-flexitem--flexnogrow {
  flex-grow: 0;
}
.dds-layout-flexitem--flexnoshrink {
  flex-shrink: 0;
}
.dds-layout-flexitem--width-auto {
  width: auto;
}
.dds-layout-flexitem--col {
  flex: 1;
  width: 100%;
}
.dds-layout-flexitem--col-2 {
  flex: 0 1 auto;
  width: 16.66666667%;
}
.dds-layout-flexitem--col-3 {
  flex: 0 1 auto;
  width: 25%;
}
.dds-layout-flexitem--col-4 {
  flex: 0 1 auto;
  width: 33.33333333%;
}
.dds-layout-flexitem--col-6 {
  flex: 0 1 auto;
  width: 50%;
}
.dds-layout-flexitem--col-8 {
  flex: 0 1 auto;
  width: 66.66666667%;
}
.dds-layout-flexitem--col-9 {
  flex: 0 1 auto;
  width: 75%;
}
@media (min-width: 768px) {
  .dds-layout-flexitem--md-width-auto {
    width: auto;
  }
  .dds-layout-flexitem--md-col {
    flex: 1;
  }
  .dds-layout-flexitem--md-col-2 {
    flex: 0 1 auto;
    width: 16.66666667%;
  }
  .dds-layout-flexitem--md-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .dds-layout-flexitem--md-col-4 {
    flex: 0 1 auto;
    width: 33.33333333%;
  }
  .dds-layout-flexitem--md-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .dds-layout-flexitem--md-col-8 {
    flex: 0 1 auto;
    width: 66.66666667%;
  }
  .dds-layout-flexitem--md-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
}
.dds-layout-flexitem--text-left {
  text-align: left;
}
.dds-layout-flexitem--text-center {
  text-align: center;
}
.dds-layout-flexitem--text-right {
  text-align: right;
}

.dds-section {
  background-color: inherit;
  margin: 2rem 3rem 2rem 18.5rem;
}
@media (max-width: 767.98px) {
  .dds-section {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (min-width: 480px) {
  .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
.theme-light .snackbar-demo-container {
  width: 56vw;
  height: 50vh;
  position: relative;
  border: 1px solid #ADB1B5;
}

.theme-dark .snackbar-demo-container {
  width: 56vw;
  height: 50vh;
  position: relative;
  border: 1px solid #333D47;
}

.dds-spacer {
  width: 100%;
}
.dds-spacer--zero, .dds-spacer--quatre, .dds-spacer--half, .dds-spacer--halfMedium, .dds-spacer--small, .dds-spacer--smallMedium, .dds-spacer--medium, .dds-spacer--large, .dds-spacer--xl, .dds-spacer--xl2, .dds-spacer--xl3, .dds-spacer--xl4, .dds-spacer--56, .dds-spacer--xl5, .dds-spacer--xl6, .dds-spacer--80, .dds-spacer--120 {
  height: 0;
}
.dds-spacer--zero-mobile {
  height: 0rem;
}
.dds-spacer--quatre-mobile {
  height: 0.25rem;
}
.dds-spacer--half-mobile {
  height: 0.5rem;
}
.dds-spacer--halfMedium-mobile {
  height: 0.625rem;
}
.dds-spacer--smallMedium-mobile {
  height: 0.75rem;
}
.dds-spacer--small-mobile {
  height: 1rem;
}
.dds-spacer--medium-mobile {
  height: 1.25rem;
}
.dds-spacer--large-mobile {
  height: 1.5rem;
}
.dds-spacer--large1-mobile {
  height: 1.75rem;
}
.dds-spacer--xl-mobile {
  height: 2rem;
}
.dds-spacer--xl2-mobile {
  height: 2.5rem;
}
.dds-spacer--xl3-mobile {
  height: 3rem;
}
.dds-spacer--xl4-mobile {
  height: 3.25rem;
}
.dds-spacer--56-mobile {
  height: 3.25rem;
}
.dds-spacer--xl5-mobile {
  height: 4rem;
}
.dds-spacer--xl6-mobile {
  height: 4.5rem;
}
.dds-spacer--80-mobile {
  height: 5rem;
}
.dds-spacer--120-mobile {
  height: 7.5rem;
}

@media (min-width: 768px) {
  .dds-spacer--quatre-mobile, .dds-spacer--half-mobile, .dds-spacer--small-mobile, .dds-spacer--smallMedium-mobile, .dds-spacer--medium-mobile, .dds-spacer--large-mobile, .dds-spacer--xl-mobile, .dds-spacer--xl2-mobile, .dds-spacer--xl3-mobile, .dds-spacer--xl4-mobile, .dds-spacer--56-mobile, .dds-spacer--xl5-mobile, .dds-spacer--xl6-mobile, .dds-spacer--80-mobile, .dds-spacer--120-mobile {
    height: 0;
  }
  .dds-spacer--quatre {
    height: 0.25rem;
  }
  .dds-spacer--half {
    height: 0.5rem;
  }
  .dds-spacer--small {
    height: 1rem;
  }
  .dds-spacer--smallMedium {
    height: 0.75rem;
  }
  .dds-spacer--medium {
    height: 1.25rem;
  }
  .dds-spacer--large {
    height: 1.5rem;
  }
  .dds-spacer--large1 {
    height: 1.75rem;
  }
  .dds-spacer--xl {
    height: 2rem;
  }
  .dds-spacer--xl1 {
    height: 2.25rem;
  }
  .dds-spacer--xl2 {
    height: 2.5rem;
  }
  .dds-spacer--xl3 {
    height: 3rem;
  }
  .dds-spacer--xl4 {
    height: 3.25rem;
  }
  .dds-spacer--56 {
    height: 3.5rem;
  }
  .dds-spacer--xl5 {
    height: 4rem;
  }
  .dds-spacer--xl6 {
    height: 4.5rem;
  }
  .dds-spacer--80 {
    height: 5rem;
  }
  .dds-spacer--120 {
    height: 7.5rem;
  }
}
.theme-light .dds-template-menu {
  position: relative;
  padding: 0 1rem;
  max-width: 100%;
}
.theme-light .dds-template-menu__container {
  position: relative;
  display: flex;
  overflow: auto;
  z-index: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theme-light .dds-template-menu__container::-webkit-scrollbar {
  display: none;
}
.theme-light .dds-template-menu ul {
  margin: 0;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .theme-light .dds-template-menu {
    display: none;
  }
}
@media (min-width: 1024px) {
  .theme-light .dds-template-menu {
    padding: 0 1.5rem;
  }
}
.theme-light .dds-template-menu__item {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  border-bottom: solid 0.1875rem transparent;
  background-color: #FFFFFF;
  width: auto;
  min-width: 4rem;
  box-sizing: border-box;
  cursor: pointer;
}
.theme-light .dds-template-menu__item ul li {
  list-style: none;
}
@media (min-width: 768px) {
  .theme-light .dds-template-menu__item ul {
    display: none;
  }
}
.theme-light .dds-template-menu__item.dds-template-menu__item--active:hover {
  background-color: rgba(20, 24, 28, 0.0784313725);
}
.theme-light .dds-template-menu__item__link {
  padding: 2rem 0.75rem;
  color: #14181C;
  text-decoration: none;
}
.theme-light .dds-template-menu__item:hover, .theme-light .dds-template-menu__item:focus {
  background-color: rgba(20, 24, 28, 0.0784313725);
  text-decoration: none;
}
.theme-light .dds-template-menu__item:hover .dds-template-menu__item__link, .theme-light .dds-template-menu__item:focus .dds-template-menu__item__link {
  color: #14181C;
}
.theme-light .dds-template-menu__item--active {
  border-bottom-color: #E00842;
}
.theme-light .dds-template-menu__item--active .dds-template-menu__item__link {
  color: #14181C;
}

.theme-dark .dds-template-menu {
  position: relative;
  padding: 0 1rem;
  max-width: 100%;
}
.theme-dark .dds-template-menu__container {
  position: relative;
  display: flex;
  overflow: auto;
  z-index: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theme-dark .dds-template-menu__container::-webkit-scrollbar {
  display: none;
}
.theme-dark .dds-template-menu ul {
  margin: 0;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .theme-dark .dds-template-menu {
    display: none;
  }
}
@media (min-width: 1024px) {
  .theme-dark .dds-template-menu {
    padding: 0 1.5rem;
  }
}
.theme-dark .dds-template-menu__item {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  border-bottom: solid 0.1875rem transparent;
  background-color: #14181C;
  width: auto;
  min-width: 4rem;
  box-sizing: border-box;
  cursor: pointer;
}
.theme-dark .dds-template-menu__item ul li {
  list-style: none;
}
@media (min-width: 768px) {
  .theme-dark .dds-template-menu__item ul {
    display: none;
  }
}
.theme-dark .dds-template-menu__item.dds-template-menu__item--active:hover {
  background-color: rgba(255, 255, 255, 0.1490196078);
}
.theme-dark .dds-template-menu__item__link {
  padding: 2rem 0.75rem;
  color: #FFFFFF;
  text-decoration: none;
}
.theme-dark .dds-template-menu__item:hover, .theme-dark .dds-template-menu__item:focus {
  background-color: rgba(255, 255, 255, 0.1490196078);
  text-decoration: none;
}
.theme-dark .dds-template-menu__item:hover .dds-template-menu__item__link, .theme-dark .dds-template-menu__item:focus .dds-template-menu__item__link {
  color: #FFFFFF;
}
.theme-dark .dds-template-menu__item--active {
  border-bottom-color: #E00842;
}
.theme-dark .dds-template-menu__item--active .dds-template-menu__item__link {
  color: #FFFFFF;
}

.dds-template-mobile-menu {
  display: none;
  z-index: 1;
}
.dds-template-mobile-menu__overlay {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.2s linear;
  z-index: 1;
}
.dds-template-mobile-menu__sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  background-color: #ffffff;
  width: 375px;
  overflow: hidden;
  transition: all 0.2s linear;
  z-index: 2;
}
.dds-template-mobile-menu__sidebar ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 0;
}
.dds-template-mobile-menu__sidebar ul li {
  list-style: none;
}
.dds-template-mobile-menu__sidebar .dds-template-mobile-menu-back {
  display: none;
}
.dds-template-mobile-menu__sidebar.on-sublist .dds-template-mobile-menu-back {
  display: inline-flex;
}
.dds-template-mobile-menu__sidebar.on-sublist .dds-template-mobile-menu__content__ul {
  display: none;
}
@media (max-width: 767.98px) {
  .dds-template-mobile-menu__sidebar {
    display: block;
  }
}
@media (max-width: 479.98px) {
  .dds-template-mobile-menu__sidebar {
    width: 100%;
  }
}
.dds-template-mobile-menu__header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0 0.5rem;
}
.dds-template-mobile-menu__item {
  position: relative;
  text-align: left;
  color: inherit;
}
.dds-template-mobile-menu__item:hover, .dds-template-mobile-menu__item:focus {
  text-align: left;
  color: inherit;
}
.dds-template-mobile-menu__item ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.dds-template-mobile-menu__item .dds-template-menu__item__link {
  padding: 16px;
}
.dds-template-mobile-menu__item.has-sublist:after {
  content: "\e98f";
  font-family: "dds-icon-font";
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dds-theme {
  position: absolute;
  top: 16px;
  right: 24px;
  display: flex;
  align-items: center;
  z-index: 101;
}
.dds-theme__toggle {
  margin: 0 4px;
}
.dds-theme__toggle__button {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
  border-radius: 32px;
  min-width: 60px;
}
.dds-theme__toggle__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.dds-theme__toggle__input:checked + .dds-theme__toggle__slider {
  background-color: #d31145;
}
.dds-theme__toggle__input:checked + .dds-theme__toggle__slider:before {
  transform: translateX(26px);
}
.dds-theme__toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.4s;
}
.dds-theme__toggle__slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}

body.theme-dark {
  background-color: black;
}
body.theme-dark * {
  color: white;
}

.theme-light .img-demo-container {
  width: 150px;
}
.theme-light .listcontainer-img--small {
  width: 3rem;
  height: 3rem;
  border-radius: 8px;
}
.theme-light .listcontainer-img--large {
  width: 6rem;
  height: 6rem;
  border-radius: 8px;
}
.theme-light .dds-toggle-group {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  column-gap: 1rem;
}
.theme-light .dds-toggle-group__label, .theme-light .dds-toggle-group__toggle {
  flex: 1 0 auto;
}
.theme-light .bar-chart-demo-container {
  height: 500px;
}
.theme-light .line-chart-demo-container {
  height: 352px;
}
.theme-light .radar-chart-demo-container {
  height: 549px;
}
.theme-light .dds-story-table-custom-headcell {
  display: flex;
  gap: 0.25rem;
}
.theme-light .dds-story-table-custom-rowheader {
  display: flex;
  gap: 0.5rem;
}

.theme-dark .img-demo-container {
  width: 150px;
}
.theme-dark .listcontainer-img--small {
  width: 3rem;
  height: 3rem;
  border-radius: 8px;
}
.theme-dark .listcontainer-img--large {
  width: 6rem;
  height: 6rem;
  border-radius: 8px;
}
.theme-dark .dds-toggle-group {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  column-gap: 1rem;
}
.theme-dark .dds-toggle-group__label, .theme-dark .dds-toggle-group__toggle {
  flex: 1 0 auto;
}
.theme-dark .bar-chart-demo-container {
  height: 500px;
}
.theme-dark .line-chart-demo-container {
  height: 352px;
}
.theme-dark .radar-chart-demo-container {
  height: 549px;
}
.theme-dark .dds-story-table-custom-headcell {
  display: flex;
  gap: 0.25rem;
}
.theme-dark .dds-story-table-custom-rowheader {
  display: flex;
  gap: 0.5rem;
}

.dds-demo__progressbar--bar .dds-layout-flexbox__container {
  margin-bottom: 1rem;
}

.cmp-container--dark-bg {
  background-color: #293139 !important;
  padding: 2rem;
}
.cmp-container--dark-bg p {
  color: white !important;
}
.cmp-container.mg-left-offset {
  margin-left: -1rem;
}

.dds-sidenav * {
  color: #14181c !important;
}
.dds-sidenav__menu {
  display: inline-block;
  position: fixed;
  left: -9999;
  top: -9999;
  opacity: 0;
  visibility: hidden;
}
.dds-sidenav__container {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  max-height: 100vh;
  z-index: 100;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  background-color: white;
  padding: 1.5rem 0;
  width: 250px;
  align-items: flex-start;
  border-right: 1px #ebeced solid;
  overflow-y: scroll;
}
.dds-sidenav__brand {
  margin: 1.5rem;
}
.dds-sidenav__title {
  margin: 0 1.5rem 0 1.5rem;
}
.dds-sidenav__group {
  width: 100%;
  padding-left: 0;
}
.dds-sidenav__group .dds-sidenav__item .dds-sidenav__item-link {
  padding-left: 0;
}
.dds-sidenav__item {
  list-style: none;
}
.dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item .dds-sidenav__item-link {
  padding-left: 1.5rem;
}
.dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item .dds-sidenav__item-link {
  padding-left: 2.5rem;
}
.dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item > .dds-sidenav__group > .dds-sidenav__item .dds-sidenav__item-link {
  padding-left: 3.5rem;
  font-size: 0.85rem;
}
.dds-sidenav__item-link {
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
.dds-sidenav__item-link:hover, .dds-sidenav__item-link:focus {
  text-decoration: none;
  background-color: #f5f5f6;
}
.dds-sidenav__item .dds-sidenav__item--active:not(:has(.dds-sidenav__item--active)) .dds-sidenav__item-link {
  background-color: #f5f5f6;
  font-weight: 600;
}
.dds-sidenav__item.dds-sidenav__item--level-1 > .dds-sidenav__item-link {
  font-weight: bold;
}
.dds-sidenav__item--level-0:nth-child(2n+1) {
  display: none;
}
.dds-sidenav__item--level-0:nth-child(2) > .dds-sidenav__item-link {
  display: none;
}
.dds-sidenav__item--level-1 > .dds-sidenav__item-link {
  padding: 1rem 0;
  margin-top: 1rem;
  cursor: default;
}
.dds-sidenav__item--level-1 > .dds-sidenav__item-link:hover, .dds-sidenav__item--level-1 > .dds-sidenav__item-link:focus {
  background-color: white;
}
@media (max-width: 767.98px) {
  .dds-sidenav__menu {
    position: relative;
    left: 1rem;
    top: auto;
    opacity: 1;
    visibility: visible;
  }
  .dds-sidenav .dds-sidenav__overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    transition: opacity linear 0.3s;
  }
  .dds-sidenav__container {
    left: -100%;
    transition: left linear 0.3s;
  }
  .dds-sidenav--open .dds-sidenav__overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
  }
  .dds-sidenav--open .dds-sidenav__overlay {
    right: 0;
    opacity: 1;
  }
  .dds-sidenav--open .dds-sidenav__container {
    left: 0;
  }
}

.theme-light .dds-storybook-border {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-storybook-border.theme-light .dds-storybook-border__table {
  background-color: #ffffff;
}
.theme-light .dds-storybook-border.theme-dark .dds-storybook-border__table {
  background-color: #0a0c0e;
}
.theme-light .dds-storybook-border__table {
  color: #14181C;
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-border__table td,
.theme-light .dds-storybook-border__table th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-border__table tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-border__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-border__table table,
  .theme-light .dds-storybook-border__table tbody,
  .theme-light .dds-storybook-border__table th,
  .theme-light .dds-storybook-border__table td,
  .theme-light .dds-storybook-border__table tr {
    display: block;
  }
  .theme-light .dds-storybook-border__table thead {
    display: none;
  }
  .theme-light .dds-storybook-border__table td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-light .dds-storybook-border__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-border__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-light .dds-storybook-border__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-border__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-light .dds-storybook-border__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-light .dds-storybook-border__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-light .dds-storybook-border__wrapper {
  display: flex;
  gap: 1rem;
}
.theme-light .dds-storybook-border__example {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f5f6;
  border-color: #858B91 !important;
}
.theme-light .dds-storybook-border__example--border-activated {
  border-color: #082065 !important;
}
.theme-light .dds-storybook-border__example--border-error {
  border-color: #D40C74 !important;
}
.theme-light .dds-storybook-border__example--border-disabled {
  border-color: #D6D8DA !important;
}
.theme-light .dds-storybook-border__example--border-inverse {
  border-color: #FFFFFF !important;
}
.theme-light .dds-storybook-border__example-radius {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #333D47;
}
.theme-light .dds-storybook-border__example-radius--radius-circle {
  border-radius: 50%;
}
.theme-light .dds-storybook-border__example-radius--radius-small {
  border-radius: 0.25rem;
}
.theme-light .dds-storybook-border__example-radius--radius-medium {
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-border__example-radius--radius-large {
  border-radius: 1rem;
}
.theme-light .dds-storybook-border__example-radius--radius-pill {
  border-radius: 6.25rem;
}
.theme-light .dds-storybook-border__example-radius--web-header-radius {
  border-radius: 0 0 1rem 1rem;
}
.theme-light .dds-storybook-border__example-radius--app-overlay-radius {
  border-radius: 1rem 1rem 0 0;
}
.theme-light .dds-storybook-border__example-radius--left-radius-medium {
  border-radius: 0.5rem 0 0 0.5rem;
}
.theme-light .dds-storybook-border__example-radius--right-radius-medium {
  border-radius: 0 0.5rem 0.5rem 0;
}
.theme-light .dds-storybook-border__example-radius--radius-pill {
  min-width: 6.25rem;
}

.theme-dark .dds-storybook-border {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-storybook-border.theme-light .dds-storybook-border__table {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-border.theme-dark .dds-storybook-border__table {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-border__table {
  color: #FFFFFF;
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-border__table td,
.theme-dark .dds-storybook-border__table th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-border__table tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-border__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-border__table table,
  .theme-dark .dds-storybook-border__table tbody,
  .theme-dark .dds-storybook-border__table th,
  .theme-dark .dds-storybook-border__table td,
  .theme-dark .dds-storybook-border__table tr {
    display: block;
  }
  .theme-dark .dds-storybook-border__table thead {
    display: none;
  }
  .theme-dark .dds-storybook-border__table td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-dark .dds-storybook-border__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-border__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-dark .dds-storybook-border__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-border__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-dark .dds-storybook-border__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-dark .dds-storybook-border__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-dark .dds-storybook-border__wrapper {
  display: flex;
  gap: 1rem;
}
.theme-dark .dds-storybook-border__example {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #0a0c0e;
  border-color: #666E75 !important;
}
.theme-dark .dds-storybook-border__example--border-activated {
  border-color: #2469c1 !important;
}
.theme-dark .dds-storybook-border__example--border-error {
  border-color: #E0519B !important;
}
.theme-dark .dds-storybook-border__example--border-disabled {
  border-color: #333D47 !important;
}
.theme-dark .dds-storybook-border__example--border-inverse {
  border-color: #14181C !important;
}
.theme-dark .dds-storybook-border__example-radius {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-border__example-radius--radius-circle {
  border-radius: 50%;
}
.theme-dark .dds-storybook-border__example-radius--radius-small {
  border-radius: 0.25rem;
}
.theme-dark .dds-storybook-border__example-radius--radius-medium {
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-border__example-radius--radius-large {
  border-radius: 1rem;
}
.theme-dark .dds-storybook-border__example-radius--radius-pill {
  border-radius: 6.25rem;
}
.theme-dark .dds-storybook-border__example-radius--web-header-radius {
  border-radius: 0 0 1rem 1rem;
}
.theme-dark .dds-storybook-border__example-radius--app-overlay-radius {
  border-radius: 1rem 1rem 0 0;
}
.theme-dark .dds-storybook-border__example-radius--left-radius-medium {
  border-radius: 0.5rem 0 0 0.5rem;
}
.theme-dark .dds-storybook-border__example-radius--right-radius-medium {
  border-radius: 0 0.5rem 0.5rem 0;
}
.theme-dark .dds-storybook-border__example-radius--radius-pill {
  min-width: 6.25rem;
}

.theme-light .dds-storybook-colour {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-storybook-colour.theme-light .dds-storybook-colour__table {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour.theme-dark .dds-storybook-colour__table {
  background-color: #0a0c0e;
}
.theme-light .dds-storybook-colour__table {
  color: #14181C;
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-colour__table td,
.theme-light .dds-storybook-colour__table th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-colour__table tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-colour__table .width-12-rem {
  width: 12rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-colour__table table,
  .theme-light .dds-storybook-colour__table tbody,
  .theme-light .dds-storybook-colour__table th,
  .theme-light .dds-storybook-colour__table td,
  .theme-light .dds-storybook-colour__table tr {
    display: block;
  }
  .theme-light .dds-storybook-colour__table thead {
    display: none;
  }
  .theme-light .dds-storybook-colour__table td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-light .dds-storybook-colour__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-colour__table td:nth-of-type(1)::before {
    content: "Example";
  }
  .theme-light .dds-storybook-colour__table td:nth-of-type(2)::before {
    content: "Color name";
  }
  .theme-light .dds-storybook-colour__table td:nth-of-type(3)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-colour__table td:nth-of-type(4)::before {
    content: "HEX";
  }
}
.theme-light .dds-storybook-colour__item {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-light .dds-storybook-colour__item__color {
  border-radius: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-light .dds-storybook-colour__item__color--palette-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--palette-black {
  background-color: #000000;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-10 {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-20 {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-30 {
  background-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-40 {
  background-color: #adb1b5;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-50 {
  background-color: #858b91;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-60 {
  background-color: #666e75;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-70 {
  background-color: #333d47;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-80 {
  background-color: #293139;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-90 {
  background-color: #1f252b;
}
.theme-light .dds-storybook-colour__item__color--palette-charcoal-100 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-10 {
  background-color: #fce6ec;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-20 {
  background-color: #f9ced9;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-30 {
  background-color: #e53061;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-40 {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-50 {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__color--palette-digitalred-60 {
  background-color: #860528;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-10 {
  background-color: #fff2f3;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-20 {
  background-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-30 {
  background-color: #ff959d;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-40 {
  background-color: #ff7a85;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-50 {
  background-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-60 {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__color--palette-salmon-70 {
  background-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-10 {
  background-color: #eeeefb;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-20 {
  background-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-30 {
  background-color: #7978de;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-40 {
  background-color: #5856d6;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-50 {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__color--palette-purple-60 {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-10 {
  background-color: #f6f4f3;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-20 {
  background-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-30 {
  background-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-40 {
  background-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-50 {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-60 {
  background-color: #696561;
}
.theme-light .dds-storybook-colour__item__color--palette-warmgrey-70 {
  background-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__color--palette-yellow-10 {
  background-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__color--palette-yellow-20 {
  background-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__color--palette-yellow-30 {
  background-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__color--palette-cerise-10 {
  background-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__color--palette-cerise-20 {
  background-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__color--palette-cerise-30 {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__color--palette-blue-10 {
  background-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__color--palette-blue-20 {
  background-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__color--palette-blue-30 {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__color--palette-blue-40 {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--palette-green-10 {
  background-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__color--palette-green-20 {
  background-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__color--palette-green-30 {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__color--palette-green-40 {
  background-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__color--palette-digital-lavender {
  background-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__color--palette-digital-orange {
  background-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__color--palette-digital-blue {
  background-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__color--palette-digital-cerise {
  background-color: #b44484;
}
.theme-light .dds-storybook-colour__item__color--palette-digital-gold {
  background-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__color--text-default {
  background-color: #14181C;
}
.theme-light .dds-storybook-colour__item__color--text-subdued {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__color--text-disabled {
  background-color: #858B91;
}
.theme-light .dds-storybook-colour__item__color--text-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__color--text-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--text-green {
  background-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__color--text-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__color--text-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--text-formhighlight {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--text-blue {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__color--text-salmon {
  background-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__color--text-purple {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__color--text-warmgrey {
  background-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__color--text-onsubtlebg-01 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__color--text-onsubtlebg-02 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__color--text-onsubtlebg-neutral {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__color--surface-base {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__color--surface-layer1 {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--surface-layer2 {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__color--surface-disabled {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__color--surface-disabled-bold {
  background-color: #858b91;
}
.theme-light .dds-storybook-colour__item__color--surface-disabled-subdued {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--surface-inverse {
  background-color: #333D47;
}
.theme-light .dds-storybook-colour__item__color--surface-darkcontainer {
  background-color: rgba(20, 24, 28, 0.7);
}
.theme-light .dds-storybook-colour__item__color--surface-hover {
  background-color: rgba(20, 24, 28, 0.08);
}
.theme-light .dds-storybook-colour__item__color--surface-overlay {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__color--surface-white {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__color--surface-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--surface-digitalred-hover {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__color--surface-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--surface-navyblue-subdued {
  background-color: rgba(8, 32, 101, 0.08);
}
.theme-light .dds-storybook-colour__item__color--surface-navyblue-selected-hover {
  background-color: rgba(8, 32, 101, 0.15);
}
.theme-light .dds-storybook-colour__item__color--surface-navyblue-bold-selected-hover {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__color--surface-salmon {
  background-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__color--surface-salmon-subdued {
  background-color: rgba(205, 73, 80, 0.2);
}
.theme-light .dds-storybook-colour__item__color--surface-purple {
  background-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__color--surface-purple-subdued {
  background-color: rgba(71, 69, 207, 0.3);
}
.theme-light .dds-storybook-colour__item__color--surface-warmgrey {
  background-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__color--surface-warmgrey-subdued {
  background-color: rgba(211, 202, 195, 0.6);
}
.theme-light .dds-storybook-colour__item__color--surface-yellow {
  background-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__color--surface-cerise {
  background-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__color--surface-blue {
  background-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__color--surface-green {
  background-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__color--surface-salmon-bold {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__color--surface-purple-bold {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__color--surface-warmgrey-bold {
  background-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__color--icon-default {
  background-color: #14181C;
}
.theme-light .dds-storybook-colour__item__color--icon-subdued {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__color--icon-disabled {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__color--icon-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__color--icon-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--icon-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--icon-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--icon-yellow {
  background-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__color--icon-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__color--icon-blue {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__color--icon-green {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__color--border-default {
  background-color: #858B91;
}
.theme-light .dds-storybook-colour__item__color--border-subdued {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__color--border-activated {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--border-error {
  background-color: #D40C74;
}
.theme-light .dds-storybook-colour__item__color--border-disabled {
  background-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__color--border-disabled-subdued {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__color--border-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__color--border-inverse-bold {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__color--border-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--border-digitalred-bold {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__color--border-yellow {
  background-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__color--border-cerise {
  background-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__color--border-blue {
  background-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__color--border-green {
  background-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__color--border-salmon {
  background-color: rgba(255, 122, 133, 0.3);
}
.theme-light .dds-storybook-colour__item__color--border-salmon-bold {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__color--border-purple {
  background-color: rgba(88, 86, 214, 0.3);
}
.theme-light .dds-storybook-colour__item__color--border-purple-bold {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__color--border-warmgrey {
  background-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__color--border-warmgrey-bold {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__color--divider-bold {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__color--divider-default {
  background-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__color--divider-subdued {
  background-color: #EBECED;
}
.theme-light .dds-storybook-colour__item__color--divider-inverse {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__color--divider-highlighting {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--data-digital-red {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__color--data-digital-lavender {
  background-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__color--data-digital-orange {
  background-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__color--data-digital-blue {
  background-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__color--data-salmon {
  background-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__color--data-purple {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__color--data-digital-cerise {
  background-color: #b44484;
}
.theme-light .dds-storybook-colour__item__color--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__color--data-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__color--data-green {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__color--data-warmgrey {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__color--data-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__color--data-background {
  background-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__border-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__border-container--inverse {
  background-color: #333D47;
}
.theme-light .dds-storybook-colour__item__border-container__border {
  border-radius: 0.5rem;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-white {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-black {
  border-color: #000000;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-10 {
  border-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-20 {
  border-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-30 {
  border-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-40 {
  border-color: #adb1b5;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-50 {
  border-color: #858b91;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-60 {
  border-color: #666e75;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-70 {
  border-color: #333d47;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-80 {
  border-color: #293139;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-90 {
  border-color: #1f252b;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-charcoal-100 {
  border-color: #14181c;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-10 {
  border-color: #fce6ec;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-20 {
  border-color: #f9ced9;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-30 {
  border-color: #e53061;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-40 {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-50 {
  border-color: #b30635;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digitalred-60 {
  border-color: #860528;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-10 {
  border-color: #fff2f3;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-20 {
  border-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-30 {
  border-color: #ff959d;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-40 {
  border-color: #ff7a85;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-50 {
  border-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-60 {
  border-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-salmon-70 {
  border-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-10 {
  border-color: #eeeefb;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-20 {
  border-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-30 {
  border-color: #7978de;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-40 {
  border-color: #5856d6;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-50 {
  border-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-purple-60 {
  border-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-10 {
  border-color: #f6f4f3;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-20 {
  border-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-30 {
  border-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-40 {
  border-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-50 {
  border-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-60 {
  border-color: #696561;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-warmgrey-70 {
  border-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-yellow-10 {
  border-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-yellow-20 {
  border-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-yellow-30 {
  border-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-cerise-10 {
  border-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-cerise-20 {
  border-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-cerise-30 {
  border-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-blue-10 {
  border-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-blue-20 {
  border-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-blue-30 {
  border-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-blue-40 {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-green-10 {
  border-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-green-20 {
  border-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-green-30 {
  border-color: #229f64;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-green-40 {
  border-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digital-lavender {
  border-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digital-orange {
  border-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digital-blue {
  border-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digital-cerise {
  border-color: #b44484;
}
.theme-light .dds-storybook-colour__item__border-container__border--palette-digital-gold {
  border-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-default {
  border-color: #14181C;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-subdued {
  border-color: #666E75;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-disabled {
  border-color: #858B91;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-inverse {
  border-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-white {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-green {
  border-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-cerise {
  border-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-digitalred {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-formhighlight {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-blue {
  border-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-salmon {
  border-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-purple {
  border-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-warmgrey {
  border-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-onsubtlebg-01 {
  border-color: #14181c;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-onsubtlebg-02 {
  border-color: #14181c;
}
.theme-light .dds-storybook-colour__item__border-container__border--text-onsubtlebg-neutral {
  border-color: #14181c;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-base {
  border-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-layer1 {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-layer2 {
  border-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-disabled {
  border-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-disabled-bold {
  border-color: #858b91;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-disabled-subdued {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-inverse {
  border-color: #333D47;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-darkcontainer {
  border-color: rgba(20, 24, 28, 0.7);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-hover {
  border-color: rgba(20, 24, 28, 0.08);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-overlay {
  border-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-white {
  border-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-digitalred {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-digitalred-hover {
  border-color: #b30635;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-navyblue {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-navyblue-subdued {
  border-color: rgba(8, 32, 101, 0.08);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-navyblue-selected-hover {
  border-color: rgba(8, 32, 101, 0.15);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-navyblue-bold-selected-hover {
  border-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-salmon {
  border-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-salmon-subdued {
  border-color: rgba(205, 73, 80, 0.2);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-purple {
  border-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-purple-subdued {
  border-color: rgba(71, 69, 207, 0.3);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-warmgrey {
  border-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-warmgrey-subdued {
  border-color: rgba(211, 202, 195, 0.6);
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-yellow {
  border-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-cerise {
  border-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-blue {
  border-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-green {
  border-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-salmon-bold {
  border-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-purple-bold {
  border-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__border-container__border--surface-warmgrey-bold {
  border-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-default {
  border-color: #14181C;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-subdued {
  border-color: #666E75;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-disabled {
  border-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-inverse {
  border-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-white {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-navyblue {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-digitalred {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-yellow {
  border-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-cerise {
  border-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-blue {
  border-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__border-container__border--icon-green {
  border-color: #229f64;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-default {
  border-color: #858B91;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-subdued {
  border-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-activated {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-error {
  border-color: #D40C74;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-disabled {
  border-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-disabled-subdued {
  border-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-inverse {
  border-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-inverse-bold {
  border-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-digitalred {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-digitalred-bold {
  border-color: #b30635;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-yellow {
  border-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-cerise {
  border-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-blue {
  border-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-green {
  border-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-salmon {
  border-color: rgba(255, 122, 133, 0.3);
}
.theme-light .dds-storybook-colour__item__border-container__border--border-salmon-bold {
  border-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-purple {
  border-color: rgba(88, 86, 214, 0.3);
}
.theme-light .dds-storybook-colour__item__border-container__border--border-purple-bold {
  border-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-warmgrey {
  border-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__border-container__border--border-warmgrey-bold {
  border-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__border-container__border--divider-bold {
  border-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__border-container__border--divider-default {
  border-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__border-container__border--divider-subdued {
  border-color: #EBECED;
}
.theme-light .dds-storybook-colour__item__border-container__border--divider-inverse {
  border-color: #666E75;
}
.theme-light .dds-storybook-colour__item__border-container__border--divider-highlighting {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-red {
  border-color: #e00842;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-lavender {
  border-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-orange {
  border-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-blue {
  border-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-salmon {
  border-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-purple {
  border-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-cerise {
  border-color: #b44484;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-digital-gold {
  border-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-navyblue {
  border-color: #082065;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-green {
  border-color: #229f64;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-warmgrey {
  border-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-cerise {
  border-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__border-container__border--data-background {
  border-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__divider-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__divider-container--inverse {
  background-color: #333D47;
}
.theme-light .dds-storybook-colour__item__divider-container__divider {
  margin: 0.5rem;
  width: 100%;
  height: 0.0625rem;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-black {
  background-color: #000000;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-10 {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-20 {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-30 {
  background-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-40 {
  background-color: #adb1b5;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-50 {
  background-color: #858b91;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-60 {
  background-color: #666e75;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-70 {
  background-color: #333d47;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-80 {
  background-color: #293139;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-90 {
  background-color: #1f252b;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-charcoal-100 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-10 {
  background-color: #fce6ec;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-20 {
  background-color: #f9ced9;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-30 {
  background-color: #e53061;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-40 {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-50 {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digitalred-60 {
  background-color: #860528;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-10 {
  background-color: #fff2f3;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-20 {
  background-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-30 {
  background-color: #ff959d;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-40 {
  background-color: #ff7a85;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-50 {
  background-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-60 {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-salmon-70 {
  background-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-10 {
  background-color: #eeeefb;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-20 {
  background-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-30 {
  background-color: #7978de;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-40 {
  background-color: #5856d6;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-50 {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-purple-60 {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-10 {
  background-color: #f6f4f3;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-20 {
  background-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-30 {
  background-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-40 {
  background-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-50 {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-60 {
  background-color: #696561;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-70 {
  background-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-yellow-10 {
  background-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-yellow-20 {
  background-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-yellow-30 {
  background-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-cerise-10 {
  background-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-cerise-20 {
  background-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-cerise-30 {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-blue-10 {
  background-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-blue-20 {
  background-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-blue-30 {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-blue-40 {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-green-10 {
  background-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-green-20 {
  background-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-green-30 {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-green-40 {
  background-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digital-lavender {
  background-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digital-orange {
  background-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digital-blue {
  background-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digital-cerise {
  background-color: #b44484;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--palette-digital-gold {
  background-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-default {
  background-color: #14181C;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-subdued {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-disabled {
  background-color: #858B91;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-green {
  background-color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-formhighlight {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-blue {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-salmon {
  background-color: #bf342b;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-purple {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-warmgrey {
  background-color: #4b4845;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-01 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-02 {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-neutral {
  background-color: #14181c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-base {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-layer1 {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-layer2 {
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-disabled {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-disabled-bold {
  background-color: #858b91;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-disabled-subdued {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-inverse {
  background-color: #333D47;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-darkcontainer {
  background-color: rgba(20, 24, 28, 0.7);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-hover {
  background-color: rgba(20, 24, 28, 0.08);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-overlay {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-white {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-digitalred-hover {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-navyblue-subdued {
  background-color: rgba(8, 32, 101, 0.08);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-navyblue-selected-hover {
  background-color: rgba(8, 32, 101, 0.15);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-navyblue-bold-selected-hover {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-salmon {
  background-color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-salmon-subdued {
  background-color: rgba(205, 73, 80, 0.2);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-purple {
  background-color: #deddf7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-purple-subdued {
  background-color: rgba(71, 69, 207, 0.3);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-warmgrey {
  background-color: #edeae7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-warmgrey-subdued {
  background-color: rgba(211, 202, 195, 0.6);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-yellow {
  background-color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-cerise {
  background-color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-blue {
  background-color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-green {
  background-color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-salmon-bold {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-purple-bold {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--surface-warmgrey-bold {
  background-color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-default {
  background-color: #14181C;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-subdued {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-disabled {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-white {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-yellow {
  background-color: #f7c926;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-blue {
  background-color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--icon-green {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-default {
  background-color: #858B91;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-subdued {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-activated {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-error {
  background-color: #D40C74;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-disabled {
  background-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-disabled-subdued {
  background-color: #ebeced;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-inverse {
  background-color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-inverse-bold {
  background-color: #ffffff;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-digitalred {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-digitalred-bold {
  background-color: #b30635;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-yellow {
  background-color: #fbe493;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-cerise {
  background-color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-blue {
  background-color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-green {
  background-color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-salmon {
  background-color: rgba(255, 122, 133, 0.3);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-salmon-bold {
  background-color: #cd4950;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-purple {
  background-color: rgba(88, 86, 214, 0.3);
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-purple-bold {
  background-color: #4745cf;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-warmgrey {
  background-color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--border-warmgrey-bold {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--divider-bold {
  background-color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--divider-default {
  background-color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--divider-subdued {
  background-color: #EBECED;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--divider-inverse {
  background-color: #666E75;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--divider-highlighting {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-red {
  background-color: #e00842;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-lavender {
  background-color: #8782c4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-orange {
  background-color: #fc6153;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-blue {
  background-color: #358dd4;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-salmon {
  background-color: #e75e69;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-purple {
  background-color: #3634c8;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-cerise {
  background-color: #b44484;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-navyblue {
  background-color: #082065;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-green {
  background-color: #229f64;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-warmgrey {
  background-color: #9a948d;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-cerise {
  background-color: #d40c74;
}
.theme-light .dds-storybook-colour__item__divider-container__divider--data-background {
  background-color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__text-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__text-container--inverse {
  background-color: #333D47;
}
.theme-light .dds-storybook-colour__item__text-container--white {
  background-color: #e40c42;
}
.theme-light .dds-storybook-colour__item__text-container__text {
  margin: 0;
  font-size: 2rem;
  line-height: 2.5rem;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-white {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-black {
  color: #000000;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-10 {
  color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-20 {
  color: #ebeced;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-30 {
  color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-40 {
  color: #adb1b5;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-50 {
  color: #858b91;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-60 {
  color: #666e75;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-70 {
  color: #333d47;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-80 {
  color: #293139;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-90 {
  color: #1f252b;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-charcoal-100 {
  color: #14181c;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-10 {
  color: #fce6ec;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-20 {
  color: #f9ced9;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-30 {
  color: #e53061;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-40 {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-50 {
  color: #b30635;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digitalred-60 {
  color: #860528;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-10 {
  color: #fff2f3;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-20 {
  color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-30 {
  color: #ff959d;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-40 {
  color: #ff7a85;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-50 {
  color: #e75e69;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-60 {
  color: #cd4950;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-salmon-70 {
  color: #bf342b;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-10 {
  color: #eeeefb;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-20 {
  color: #deddf7;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-30 {
  color: #7978de;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-40 {
  color: #5856d6;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-50 {
  color: #4745cf;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-purple-60 {
  color: #3634c8;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-10 {
  color: #f6f4f3;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-20 {
  color: #edeae7;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-30 {
  color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-40 {
  color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-50 {
  color: #9a948d;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-60 {
  color: #696561;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-warmgrey-70 {
  color: #4b4845;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-yellow-10 {
  color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-yellow-20 {
  color: #fbe493;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-yellow-30 {
  color: #f7c926;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-cerise-10 {
  color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-cerise-20 {
  color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-cerise-30 {
  color: #d40c74;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-blue-10 {
  color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-blue-20 {
  color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-blue-30 {
  color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-blue-40 {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-green-10 {
  color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-green-20 {
  color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-green-30 {
  color: #229f64;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-green-40 {
  color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digital-lavender {
  color: #8782c4;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digital-orange {
  color: #fc6153;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digital-blue {
  color: #358dd4;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digital-cerise {
  color: #b44484;
}
.theme-light .dds-storybook-colour__item__text-container__text--palette-digital-gold {
  color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-default {
  color: #14181C;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-subdued {
  color: #666E75;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-disabled {
  color: #858B91;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-inverse {
  color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-white {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-green {
  color: #1b7f50;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-cerise {
  color: #d40c74;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-digitalred {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-formhighlight {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-blue {
  color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-salmon {
  color: #bf342b;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-purple {
  color: #3634c8;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-warmgrey {
  color: #4b4845;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-onsubtlebg-01 {
  color: #14181c;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-onsubtlebg-02 {
  color: #14181c;
}
.theme-light .dds-storybook-colour__item__text-container__text--text-onsubtlebg-neutral {
  color: #14181c;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-base {
  color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-layer1 {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-layer2 {
  color: #f5f5f6;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-disabled {
  color: #ebeced;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-disabled-bold {
  color: #858b91;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-disabled-subdued {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-inverse {
  color: #333D47;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-darkcontainer {
  color: rgba(20, 24, 28, 0.7);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-hover {
  color: rgba(20, 24, 28, 0.08);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-overlay {
  color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-white {
  color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-digitalred {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-digitalred-hover {
  color: #b30635;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-navyblue {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-navyblue-subdued {
  color: rgba(8, 32, 101, 0.08);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-navyblue-selected-hover {
  color: rgba(8, 32, 101, 0.15);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-navyblue-bold-selected-hover {
  color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-salmon {
  color: #ffe4e7;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-salmon-subdued {
  color: rgba(205, 73, 80, 0.2);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-purple {
  color: #deddf7;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-purple-subdued {
  color: rgba(71, 69, 207, 0.3);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-warmgrey {
  color: #edeae7;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-warmgrey-subdued {
  color: rgba(211, 202, 195, 0.6);
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-yellow {
  color: #fdf4d4;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-cerise {
  color: #fbe7f1;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-blue {
  color: #e8f1fa;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-green {
  color: #e9f5ef;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-salmon-bold {
  color: #cd4950;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-purple-bold {
  color: #4745cf;
}
.theme-light .dds-storybook-colour__item__text-container__text--surface-warmgrey-bold {
  color: #d3cac3;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-default {
  color: #14181C;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-subdued {
  color: #666E75;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-disabled {
  color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-inverse {
  color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-white {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-navyblue {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-digitalred {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-yellow {
  color: #f7c926;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-cerise {
  color: #d40c74;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-blue {
  color: #0c6dd2;
}
.theme-light .dds-storybook-colour__item__text-container__text--icon-green {
  color: #229f64;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-default {
  color: #858B91;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-subdued {
  color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-activated {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-error {
  color: #D40C74;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-disabled {
  color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-disabled-subdued {
  color: #ebeced;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-inverse {
  color: #FFFFFF;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-inverse-bold {
  color: #ffffff;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-digitalred {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-digitalred-bold {
  color: #b30635;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-yellow {
  color: #fbe493;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-cerise {
  color: #ee9ec7;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-blue {
  color: #a2c7ed;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-green {
  color: #a7d9c1;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-salmon {
  color: rgba(255, 122, 133, 0.3);
}
.theme-light .dds-storybook-colour__item__text-container__text--border-salmon-bold {
  color: #cd4950;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-purple {
  color: rgba(88, 86, 214, 0.3);
}
.theme-light .dds-storybook-colour__item__text-container__text--border-purple-bold {
  color: #4745cf;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-warmgrey {
  color: #dcd5cf;
}
.theme-light .dds-storybook-colour__item__text-container__text--border-warmgrey-bold {
  color: #9a948d;
}
.theme-light .dds-storybook-colour__item__text-container__text--divider-bold {
  color: #ADB1B5;
}
.theme-light .dds-storybook-colour__item__text-container__text--divider-default {
  color: #D6D8DA;
}
.theme-light .dds-storybook-colour__item__text-container__text--divider-subdued {
  color: #EBECED;
}
.theme-light .dds-storybook-colour__item__text-container__text--divider-inverse {
  color: #666E75;
}
.theme-light .dds-storybook-colour__item__text-container__text--divider-highlighting {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-red {
  color: #e00842;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-lavender {
  color: #8782c4;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-orange {
  color: #fc6153;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-blue {
  color: #358dd4;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-salmon {
  color: #e75e69;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-purple {
  color: #3634c8;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-cerise {
  color: #b44484;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-digital-gold {
  color: #ae8f4c;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-navyblue {
  color: #082065;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-green {
  color: #229f64;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-warmgrey {
  color: #9a948d;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-cerise {
  color: #d40c74;
}
.theme-light .dds-storybook-colour__item__text-container__text--data-background {
  color: #d6d8da;
}
.theme-light .dds-storybook-colour__item__label {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.00625rem;
  color: #14181C;
}
.theme-light .dds-storybook-colour__item__sublabel {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  color: #14181C;
}

.theme-dark .dds-storybook-colour {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-storybook-colour.theme-light .dds-storybook-colour__table {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour.theme-dark .dds-storybook-colour__table {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__table {
  color: #FFFFFF;
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-colour__table td,
.theme-dark .dds-storybook-colour__table th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-colour__table tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-colour__table .width-12-rem {
  width: 12rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-colour__table table,
  .theme-dark .dds-storybook-colour__table tbody,
  .theme-dark .dds-storybook-colour__table th,
  .theme-dark .dds-storybook-colour__table td,
  .theme-dark .dds-storybook-colour__table tr {
    display: block;
  }
  .theme-dark .dds-storybook-colour__table thead {
    display: none;
  }
  .theme-dark .dds-storybook-colour__table td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-dark .dds-storybook-colour__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-colour__table td:nth-of-type(1)::before {
    content: "Example";
  }
  .theme-dark .dds-storybook-colour__table td:nth-of-type(2)::before {
    content: "Color name";
  }
  .theme-dark .dds-storybook-colour__table td:nth-of-type(3)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-colour__table td:nth-of-type(4)::before {
    content: "HEX";
  }
}
.theme-dark .dds-storybook-colour__item {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.theme-dark .dds-storybook-colour__item__color {
  border-radius: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .dds-storybook-colour__item__color--palette-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__color--palette-black {
  background-color: #000000;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-10 {
  background-color: #f5f5f6;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-20 {
  background-color: #ebeced;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-30 {
  background-color: #d6d8da;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-40 {
  background-color: #adb1b5;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-50 {
  background-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-60 {
  background-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-70 {
  background-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-80 {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-90 {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__color--palette-charcoal-100 {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-10 {
  background-color: #2f0610;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-20 {
  background-color: #711027;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-30 {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-40 {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-50 {
  background-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__color--palette-digitalred-60 {
  background-color: #ee7995;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-10 {
  background-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-20 {
  background-color: #7b3236;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-30 {
  background-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-40 {
  background-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-50 {
  background-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-60 {
  background-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__color--palette-salmon-70 {
  background-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-10 {
  background-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-20 {
  background-color: #3a3a73;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-30 {
  background-color: #47469c;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-40 {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-50 {
  background-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-60 {
  background-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-10 {
  background-color: #282625;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-20 {
  background-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-30 {
  background-color: #928880;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-40 {
  background-color: #d4c5b9;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-50 {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-60 {
  background-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__color--palette-warmgrey-70 {
  background-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__color--palette-yellow-10 {
  background-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__color--palette-yellow-20 {
  background-color: #665626;
}
.theme-dark .dds-storybook-colour__item__color--palette-yellow-30 {
  background-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__color--palette-cerise-10 {
  background-color: #301318;
}
.theme-dark .dds-storybook-colour__item__color--palette-cerise-20 {
  background-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__color--palette-cerise-30 {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__color--palette-blue-10 {
  background-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__color--palette-blue-20 {
  background-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__color--palette-blue-30 {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__color--palette-blue-40 {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__color--palette-green-10 {
  background-color: #062517;
}
.theme-dark .dds-storybook-colour__item__color--palette-green-20 {
  background-color: #093822;
}
.theme-dark .dds-storybook-colour__item__color--palette-green-30 {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__color--palette-digital-lavender {
  background-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__color--palette-digital-orange {
  background-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__color--palette-digital-blue {
  background-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__color--palette-digital-cerise {
  background-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__color--palette-digital-gold {
  background-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__color--text-default {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__color--text-subdued {
  background-color: #ADB1B5;
}
.theme-dark .dds-storybook-colour__item__color--text-disabled {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__color--text-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__color--text-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__color--text-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__color--text-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__color--text-digitalred {
  background-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__color--text-formhighlight {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__color--text-blue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__color--text-salmon {
  background-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__color--text-purple {
  background-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__color--text-warmgrey {
  background-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__color--text-onsubtlebg-01 {
  background-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__color--text-onsubtlebg-02 {
  background-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__color--text-onsubtlebg-neutral {
  background-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__color--surface-base {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__color--surface-layer1 {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__color--surface-layer2 {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__color--surface-disabled {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__color--surface-disabled-bold {
  background-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__color--surface-disabled-subdued {
  background-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__color--surface-inverse {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__color--surface-darkcontainer {
  background-color: rgba(10, 12, 14, 0.7);
}
.theme-dark .dds-storybook-colour__item__color--surface-hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .dds-storybook-colour__item__color--surface-overlay {
  background-color: #293139;
}
.theme-dark .dds-storybook-colour__item__color--surface-white {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__color--surface-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--surface-digitalred-hover {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__color--surface-navyblue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__color--surface-navyblue-subdued {
  background-color: rgba(36, 105, 193, 0.15);
}
.theme-dark .dds-storybook-colour__item__color--surface-navyblue-selected-hover {
  background-color: rgba(36, 105, 193, 0.25);
}
.theme-dark .dds-storybook-colour__item__color--surface-navyblue-bold-selected-hover {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__color--surface-salmon {
  background-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__color--surface-salmon-subdued {
  background-color: rgba(205, 73, 80, 0.2);
}
.theme-dark .dds-storybook-colour__item__color--surface-purple {
  background-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__color--surface-purple-subdued {
  background-color: rgba(88, 86, 214, 0.3);
}
.theme-dark .dds-storybook-colour__item__color--surface-warmgrey {
  background-color: #282625;
}
.theme-dark .dds-storybook-colour__item__color--surface-warmgrey-subdued {
  background-color: rgba(218, 205, 193, 0.2);
}
.theme-dark .dds-storybook-colour__item__color--surface-yellow {
  background-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__color--surface-cerise {
  background-color: #301318;
}
.theme-dark .dds-storybook-colour__item__color--surface-blue {
  background-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__color--surface-green {
  background-color: #062517;
}
.theme-dark .dds-storybook-colour__item__color--surface-salmon-bold {
  background-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__color--surface-purple-bold {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__color--surface-warmgrey-bold {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__color--icon-default {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__color--icon-subdued {
  background-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__color--icon-disabled {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__color--icon-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__color--icon-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__color--icon-navyblue {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__color--icon-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--icon-yellow {
  background-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__color--icon-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__color--icon-blue {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__color--icon-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__color--border-default {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__color--border-subdued {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__color--border-activated {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__color--border-error {
  background-color: #E0519B;
}
.theme-dark .dds-storybook-colour__item__color--border-disabled {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__color--border-disabled-subdued {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__color--border-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__color--border-inverse-bold {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__color--border-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--border-digitalred-bold {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__color--border-yellow {
  background-color: #665626;
}
.theme-dark .dds-storybook-colour__item__color--border-cerise {
  background-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__color--border-blue {
  background-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__color--border-green {
  background-color: #093822;
}
.theme-dark .dds-storybook-colour__item__color--border-salmon {
  background-color: rgba(255, 122, 133, 0.3);
}
.theme-dark .dds-storybook-colour__item__color--border-salmon-bold {
  background-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__color--border-purple {
  background-color: rgba(88, 86, 214, 0.6);
}
.theme-dark .dds-storybook-colour__item__color--border-purple-bold {
  background-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__color--border-warmgrey {
  background-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__color--border-warmgrey-bold {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__color--divider-bold {
  background-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__color--divider-default {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__color--divider-subdued {
  background-color: #293139;
}
.theme-dark .dds-storybook-colour__item__color--divider-inverse {
  background-color: #D6D8DA;
}
.theme-dark .dds-storybook-colour__item__color--divider-highlighting {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-red {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-lavender {
  background-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-orange {
  background-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-blue {
  background-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__color--data-salmon {
  background-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__color--data-purple {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-cerise {
  background-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__color--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__color--data-navyblue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__color--data-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__color--data-warmgrey {
  background-color: #928880;
}
.theme-dark .dds-storybook-colour__item__color--data-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__color--data-background {
  background-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__color--palette-purple-70 {
  background-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__border-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__border-container--inverse {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__border-container__border {
  border-radius: 0.5rem;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-white {
  border-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-black {
  border-color: #000000;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-10 {
  border-color: #f5f5f6;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-20 {
  border-color: #ebeced;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-30 {
  border-color: #d6d8da;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-40 {
  border-color: #adb1b5;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-50 {
  border-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-60 {
  border-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-70 {
  border-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-80 {
  border-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-90 {
  border-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-charcoal-100 {
  border-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-10 {
  border-color: #2f0610;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-20 {
  border-color: #711027;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-30 {
  border-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-40 {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-50 {
  border-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digitalred-60 {
  border-color: #ee7995;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-10 {
  border-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-20 {
  border-color: #7b3236;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-30 {
  border-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-40 {
  border-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-50 {
  border-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-60 {
  border-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-salmon-70 {
  border-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-10 {
  border-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-20 {
  border-color: #3a3a73;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-30 {
  border-color: #47469c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-40 {
  border-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-50 {
  border-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-60 {
  border-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-10 {
  border-color: #282625;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-20 {
  border-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-30 {
  border-color: #928880;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-40 {
  border-color: #d4c5b9;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-50 {
  border-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-60 {
  border-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-warmgrey-70 {
  border-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-yellow-10 {
  border-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-yellow-20 {
  border-color: #665626;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-yellow-30 {
  border-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-cerise-10 {
  border-color: #301318;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-cerise-20 {
  border-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-cerise-30 {
  border-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-blue-10 {
  border-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-blue-20 {
  border-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-blue-30 {
  border-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-blue-40 {
  border-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-green-10 {
  border-color: #062517;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-green-20 {
  border-color: #093822;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-green-30 {
  border-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digital-lavender {
  border-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digital-orange {
  border-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digital-blue {
  border-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digital-cerise {
  border-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-digital-gold {
  border-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-default {
  border-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-subdued {
  border-color: #ADB1B5;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-disabled {
  border-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-inverse {
  border-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-white {
  border-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-green {
  border-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-cerise {
  border-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-digitalred {
  border-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-formhighlight {
  border-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-blue {
  border-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-salmon {
  border-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-purple {
  border-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-warmgrey {
  border-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-onsubtlebg-01 {
  border-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-onsubtlebg-02 {
  border-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__border-container__border--text-onsubtlebg-neutral {
  border-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-base {
  border-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-layer1 {
  border-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-layer2 {
  border-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-disabled {
  border-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-disabled-bold {
  border-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-disabled-subdued {
  border-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-inverse {
  border-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-darkcontainer {
  border-color: rgba(10, 12, 14, 0.7);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-overlay {
  border-color: #293139;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-white {
  border-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-digitalred {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-digitalred-hover {
  border-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-navyblue {
  border-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-navyblue-subdued {
  border-color: rgba(36, 105, 193, 0.15);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-navyblue-selected-hover {
  border-color: rgba(36, 105, 193, 0.25);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-navyblue-bold-selected-hover {
  border-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-salmon {
  border-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-salmon-subdued {
  border-color: rgba(205, 73, 80, 0.2);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-purple {
  border-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-purple-subdued {
  border-color: rgba(88, 86, 214, 0.3);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-warmgrey {
  border-color: #282625;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-warmgrey-subdued {
  border-color: rgba(218, 205, 193, 0.2);
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-yellow {
  border-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-cerise {
  border-color: #301318;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-blue {
  border-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-green {
  border-color: #062517;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-salmon-bold {
  border-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-purple-bold {
  border-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__border-container__border--surface-warmgrey-bold {
  border-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-default {
  border-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-subdued {
  border-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-disabled {
  border-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-inverse {
  border-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-white {
  border-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-navyblue {
  border-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-digitalred {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-yellow {
  border-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-cerise {
  border-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-blue {
  border-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__border-container__border--icon-green {
  border-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-default {
  border-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-subdued {
  border-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-activated {
  border-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-error {
  border-color: #E0519B;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-disabled {
  border-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-disabled-subdued {
  border-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-inverse {
  border-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-inverse-bold {
  border-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-digitalred {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-digitalred-bold {
  border-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-yellow {
  border-color: #665626;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-cerise {
  border-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-blue {
  border-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-green {
  border-color: #093822;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-salmon {
  border-color: rgba(255, 122, 133, 0.3);
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-salmon-bold {
  border-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-purple {
  border-color: rgba(88, 86, 214, 0.6);
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-purple-bold {
  border-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-warmgrey {
  border-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__border-container__border--border-warmgrey-bold {
  border-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--divider-bold {
  border-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__border-container__border--divider-default {
  border-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__border-container__border--divider-subdued {
  border-color: #293139;
}
.theme-dark .dds-storybook-colour__item__border-container__border--divider-inverse {
  border-color: #D6D8DA;
}
.theme-dark .dds-storybook-colour__item__border-container__border--divider-highlighting {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-red {
  border-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-lavender {
  border-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-orange {
  border-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-blue {
  border-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-salmon {
  border-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-purple {
  border-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-cerise {
  border-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-digital-gold {
  border-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-navyblue {
  border-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-green {
  border-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-warmgrey {
  border-color: #928880;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-cerise {
  border-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__border-container__border--data-background {
  border-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__border-container__border--palette-purple-70 {
  border-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__divider-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__divider-container--inverse {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider {
  margin: 0.5rem;
  width: 100%;
  height: 0.0625rem;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-black {
  background-color: #000000;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-10 {
  background-color: #f5f5f6;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-20 {
  background-color: #ebeced;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-30 {
  background-color: #d6d8da;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-40 {
  background-color: #adb1b5;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-50 {
  background-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-60 {
  background-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-70 {
  background-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-80 {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-90 {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-charcoal-100 {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-10 {
  background-color: #2f0610;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-20 {
  background-color: #711027;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-30 {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-40 {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-50 {
  background-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digitalred-60 {
  background-color: #ee7995;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-10 {
  background-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-20 {
  background-color: #7b3236;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-30 {
  background-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-40 {
  background-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-50 {
  background-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-60 {
  background-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-salmon-70 {
  background-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-10 {
  background-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-20 {
  background-color: #3a3a73;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-30 {
  background-color: #47469c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-40 {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-50 {
  background-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-60 {
  background-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-10 {
  background-color: #282625;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-20 {
  background-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-30 {
  background-color: #928880;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-40 {
  background-color: #d4c5b9;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-50 {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-60 {
  background-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-warmgrey-70 {
  background-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-yellow-10 {
  background-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-yellow-20 {
  background-color: #665626;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-yellow-30 {
  background-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-cerise-10 {
  background-color: #301318;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-cerise-20 {
  background-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-cerise-30 {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-blue-10 {
  background-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-blue-20 {
  background-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-blue-30 {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-blue-40 {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-green-10 {
  background-color: #062517;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-green-20 {
  background-color: #093822;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-green-30 {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digital-lavender {
  background-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digital-orange {
  background-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digital-blue {
  background-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digital-cerise {
  background-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-digital-gold {
  background-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-default {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-subdued {
  background-color: #ADB1B5;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-disabled {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-digitalred {
  background-color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-formhighlight {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-blue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-salmon {
  background-color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-purple {
  background-color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-warmgrey {
  background-color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-01 {
  background-color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-02 {
  background-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--text-onsubtlebg-neutral {
  background-color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-base {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-layer1 {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-layer2 {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-disabled {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-disabled-bold {
  background-color: #858b91;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-disabled-subdued {
  background-color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-inverse {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-darkcontainer {
  background-color: rgba(10, 12, 14, 0.7);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-overlay {
  background-color: #293139;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-white {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-digitalred-hover {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-navyblue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-navyblue-subdued {
  background-color: rgba(36, 105, 193, 0.15);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-navyblue-selected-hover {
  background-color: rgba(36, 105, 193, 0.25);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-navyblue-bold-selected-hover {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-salmon {
  background-color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-salmon-subdued {
  background-color: rgba(205, 73, 80, 0.2);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-purple {
  background-color: #29293a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-purple-subdued {
  background-color: rgba(88, 86, 214, 0.3);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-warmgrey {
  background-color: #282625;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-warmgrey-subdued {
  background-color: rgba(218, 205, 193, 0.2);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-yellow {
  background-color: #332b13;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-cerise {
  background-color: #301318;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-blue {
  background-color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-green {
  background-color: #062517;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-salmon-bold {
  background-color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-purple-bold {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--surface-warmgrey-bold {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-default {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-subdued {
  background-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-disabled {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-white {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-navyblue {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-yellow {
  background-color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-blue {
  background-color: #369aff;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--icon-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-default {
  background-color: #666E75;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-subdued {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-activated {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-error {
  background-color: #E0519B;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-disabled {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-disabled-subdued {
  background-color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-inverse {
  background-color: #14181C;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-inverse-bold {
  background-color: #14181c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-digitalred {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-digitalred-bold {
  background-color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-yellow {
  background-color: #665626;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-cerise {
  background-color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-blue {
  background-color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-green {
  background-color: #093822;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-salmon {
  background-color: rgba(255, 122, 133, 0.3);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-salmon-bold {
  background-color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-purple {
  background-color: rgba(88, 86, 214, 0.6);
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-purple-bold {
  background-color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-warmgrey {
  background-color: #635d58;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--border-warmgrey-bold {
  background-color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--divider-bold {
  background-color: #858B91;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--divider-default {
  background-color: #333D47;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--divider-subdued {
  background-color: #293139;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--divider-inverse {
  background-color: #D6D8DA;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--divider-highlighting {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-red {
  background-color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-lavender {
  background-color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-orange {
  background-color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-blue {
  background-color: #459feb;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-salmon {
  background-color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-purple {
  background-color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-cerise {
  background-color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-digital-gold {
  background-color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-navyblue {
  background-color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-green {
  background-color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-warmgrey {
  background-color: #928880;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-cerise {
  background-color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--data-background {
  background-color: #333d47;
}
.theme-dark .dds-storybook-colour__item__divider-container__divider--palette-purple-70 {
  background-color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__text-container {
  border-radius: 0.5rem;
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__text-container--inverse {
  background-color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__text-container--white {
  background-color: #e40c42;
}
.theme-dark .dds-storybook-colour__item__text-container__text {
  margin: 0;
  font-size: 2rem;
  line-height: 2.5rem;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-white {
  color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-black {
  color: #000000;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-10 {
  color: #f5f5f6;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-20 {
  color: #ebeced;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-30 {
  color: #d6d8da;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-40 {
  color: #adb1b5;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-50 {
  color: #858b91;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-60 {
  color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-70 {
  color: #333d47;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-80 {
  color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-90 {
  color: #14181c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-charcoal-100 {
  color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-10 {
  color: #2f0610;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-20 {
  color: #711027;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-30 {
  color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-40 {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-50 {
  color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digitalred-60 {
  color: #ee7995;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-10 {
  color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-20 {
  color: #7b3236;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-30 {
  color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-40 {
  color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-50 {
  color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-60 {
  color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-salmon-70 {
  color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-10 {
  color: #29293a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-20 {
  color: #3a3a73;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-30 {
  color: #47469c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-40 {
  color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-50 {
  color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-60 {
  color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-10 {
  color: #282625;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-20 {
  color: #635d58;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-30 {
  color: #928880;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-40 {
  color: #d4c5b9;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-50 {
  color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-60 {
  color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-warmgrey-70 {
  color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-yellow-10 {
  color: #332b13;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-yellow-20 {
  color: #665626;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-yellow-30 {
  color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-cerise-10 {
  color: #301318;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-cerise-20 {
  color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-cerise-30 {
  color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-blue-10 {
  color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-blue-20 {
  color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-blue-30 {
  color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-blue-40 {
  color: #369aff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-green-10 {
  color: #062517;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-green-20 {
  color: #093822;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-green-30 {
  color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digital-lavender {
  color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digital-orange {
  color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digital-blue {
  color: #459feb;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digital-cerise {
  color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-digital-gold {
  color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-default {
  color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-subdued {
  color: #ADB1B5;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-disabled {
  color: #666E75;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-inverse {
  color: #14181C;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-white {
  color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-green {
  color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-cerise {
  color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-digitalred {
  color: #e94c71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-formhighlight {
  color: #369aff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-blue {
  color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-salmon {
  color: #ff959d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-purple {
  color: #96a7ff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-warmgrey {
  color: #dfd4ca;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-onsubtlebg-01 {
  color: #ffe4e7;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-onsubtlebg-02 {
  color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__text-container__text--text-onsubtlebg-neutral {
  color: #edeae7;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-base {
  color: #0a0c0e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-layer1 {
  color: #14181c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-layer2 {
  color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-disabled {
  color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-disabled-bold {
  color: #858b91;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-disabled-subdued {
  color: #4f5860;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-inverse {
  color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-darkcontainer {
  color: rgba(10, 12, 14, 0.7);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-hover {
  color: rgba(255, 255, 255, 0.15);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-overlay {
  color: #293139;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-white {
  color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-digitalred {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-digitalred-hover {
  color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-navyblue {
  color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-navyblue-subdued {
  color: rgba(36, 105, 193, 0.15);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-navyblue-selected-hover {
  color: rgba(36, 105, 193, 0.25);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-navyblue-bold-selected-hover {
  color: #369aff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-salmon {
  color: #2c1c1d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-salmon-subdued {
  color: rgba(205, 73, 80, 0.2);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-purple {
  color: #29293a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-purple-subdued {
  color: rgba(88, 86, 214, 0.3);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-warmgrey {
  color: #282625;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-warmgrey-subdued {
  color: rgba(218, 205, 193, 0.2);
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-yellow {
  color: #332b13;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-cerise {
  color: #301318;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-blue {
  color: #102e4d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-green {
  color: #062517;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-salmon-bold {
  color: #cd4950;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-purple-bold {
  color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__text-container__text--surface-warmgrey-bold {
  color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-default {
  color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-subdued {
  color: #858B91;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-disabled {
  color: #666E75;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-inverse {
  color: #14181C;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-white {
  color: #ffffff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-navyblue {
  color: #369aff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-digitalred {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-yellow {
  color: #ffd860;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-cerise {
  color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-blue {
  color: #369aff;
}
.theme-dark .dds-storybook-colour__item__text-container__text--icon-green {
  color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-default {
  color: #666E75;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-subdued {
  color: #333D47;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-activated {
  color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-error {
  color: #E0519B;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-disabled {
  color: #333D47;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-disabled-subdued {
  color: #1f252b;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-inverse {
  color: #14181C;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-inverse-bold {
  color: #14181c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-digitalred {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-digitalred-bold {
  color: #b6193e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-yellow {
  color: #665626;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-cerise {
  color: #792f3d;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-blue {
  color: #1b4d80;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-green {
  color: #093822;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-salmon {
  color: rgba(255, 122, 133, 0.3);
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-salmon-bold {
  color: #ffc2c9;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-purple {
  color: rgba(88, 86, 214, 0.6);
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-purple-bold {
  color: #777eeb;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-warmgrey {
  color: #635d58;
}
.theme-dark .dds-storybook-colour__item__text-container__text--border-warmgrey-bold {
  color: #dacdc1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--divider-bold {
  color: #858B91;
}
.theme-dark .dds-storybook-colour__item__text-container__text--divider-default {
  color: #333D47;
}
.theme-dark .dds-storybook-colour__item__text-container__text--divider-subdued {
  color: #293139;
}
.theme-dark .dds-storybook-colour__item__text-container__text--divider-inverse {
  color: #D6D8DA;
}
.theme-dark .dds-storybook-colour__item__text-container__text--divider-highlighting {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-red {
  color: #e31f4e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-lavender {
  color: #9895c9;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-orange {
  color: #ff6b5e;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-blue {
  color: #459feb;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-salmon {
  color: #ff7a85;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-purple {
  color: #5856d6;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-cerise {
  color: #c76b9f;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-digital-gold {
  color: #ae8f4c;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-navyblue {
  color: #2469c1;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-green {
  color: #1ebb71;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-warmgrey {
  color: #928880;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-cerise {
  color: #f15f7a;
}
.theme-dark .dds-storybook-colour__item__text-container__text--data-background {
  color: #333d47;
}
.theme-dark .dds-storybook-colour__item__text-container__text--palette-purple-70 {
  color: #deddf7;
}
.theme-dark .dds-storybook-colour__item__label {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.00625rem;
  color: #FFFFFF;
}
.theme-dark .dds-storybook-colour__item__sublabel {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  color: #FFFFFF;
}

body.theme-dark .dds-storybook-colour.theme-light table * {
  color: #14181c;
}

.theme-light .dds-storybook-shadow {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-storybook-shadow.theme-light .dds-storybook-shadow__table {
  background-color: #ffffff;
}
.theme-light .dds-storybook-shadow.theme-dark .dds-storybook-shadow__table {
  background-color: #0a0c0e;
}
.theme-light .dds-storybook-shadow__table {
  color: #14181C;
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-shadow__table td,
.theme-light .dds-storybook-shadow__table th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-shadow__table tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-shadow__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-shadow__table table,
  .theme-light .dds-storybook-shadow__table tbody,
  .theme-light .dds-storybook-shadow__table th,
  .theme-light .dds-storybook-shadow__table td,
  .theme-light .dds-storybook-shadow__table tr {
    display: block;
  }
  .theme-light .dds-storybook-shadow__table thead {
    display: none;
  }
  .theme-light .dds-storybook-shadow__table td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 8.75rem;
  }
  .theme-light .dds-storybook-shadow__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 8.75rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(1)::before {
    content: "Level";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(3)::before {
    content: "X-axis value (px)";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(4)::before {
    content: "Y-axis value (px)";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(5)::before {
    content: "Blur value (px)";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(6)::before {
    content: "Color";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(7)::before {
    content: "Alpha";
  }
  .theme-light .dds-storybook-shadow__table td:nth-of-type(8)::before {
    content: "Example";
  }
}
.theme-light .dds-storybook-shadow__example {
  border-radius: 0.5rem;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F6;
}

.theme-dark .dds-storybook-shadow {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-storybook-shadow.theme-light .dds-storybook-shadow__table {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-shadow.theme-dark .dds-storybook-shadow__table {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-shadow__table {
  color: #FFFFFF;
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-shadow__table td,
.theme-dark .dds-storybook-shadow__table th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-shadow__table tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-shadow__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-shadow__table table,
  .theme-dark .dds-storybook-shadow__table tbody,
  .theme-dark .dds-storybook-shadow__table th,
  .theme-dark .dds-storybook-shadow__table td,
  .theme-dark .dds-storybook-shadow__table tr {
    display: block;
  }
  .theme-dark .dds-storybook-shadow__table thead {
    display: none;
  }
  .theme-dark .dds-storybook-shadow__table td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 8.75rem;
  }
  .theme-dark .dds-storybook-shadow__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 8.75rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(1)::before {
    content: "Level";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(3)::before {
    content: "X-axis value (px)";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(4)::before {
    content: "Y-axis value (px)";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(5)::before {
    content: "Blur value (px)";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(6)::before {
    content: "Color";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(7)::before {
    content: "Alpha";
  }
  .theme-dark .dds-storybook-shadow__table td:nth-of-type(8)::before {
    content: "Example";
  }
}
.theme-dark .dds-storybook-shadow__example {
  border-radius: 0.5rem;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1F252B;
}

.theme-light .dds-storybook-sizing {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-storybook-sizing.theme-light .dds-storybook-sizing__table {
  background-color: #ffffff;
}
.theme-light .dds-storybook-sizing.theme-dark .dds-storybook-sizing__table {
  background-color: #0a0c0e;
}
.theme-light .dds-storybook-sizing__table {
  color: #14181C;
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-sizing__table td,
.theme-light .dds-storybook-sizing__table th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-sizing__table tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-sizing__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-sizing__table table,
  .theme-light .dds-storybook-sizing__table tbody,
  .theme-light .dds-storybook-sizing__table th,
  .theme-light .dds-storybook-sizing__table td,
  .theme-light .dds-storybook-sizing__table tr {
    display: block;
  }
  .theme-light .dds-storybook-sizing__table thead {
    display: none;
  }
  .theme-light .dds-storybook-sizing__table td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-light .dds-storybook-sizing__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-sizing__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-light .dds-storybook-sizing__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-sizing__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-light .dds-storybook-sizing__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-light .dds-storybook-sizing__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-light .dds-storybook-sizing__example {
  height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-light .dds-storybook-sizing__example span {
  z-index: 1;
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0c6dd2;
}
.theme-light .dds-storybook-sizing__example--size-1::before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-2::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-3::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-4::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-5::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-6::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-7::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-8::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-9::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-10::before {
  content: "";
  position: absolute;
  width: 3.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-11::before {
  content: "";
  position: absolute;
  width: 3.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-12::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-13::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-14::before {
  content: "";
  position: absolute;
  width: 8rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-15::before {
  content: "";
  position: absolute;
  width: 9rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-16::before {
  content: "";
  position: absolute;
  width: 16rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-17::before {
  content: "";
  position: absolute;
  width: 23rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-18::before {
  content: "";
  position: absolute;
  width: 29.125rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-19::before {
  content: "";
  position: absolute;
  width: 35.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-20::before {
  content: "";
  position: absolute;
  width: 41.375rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-21::before {
  content: "";
  position: absolute;
  width: 47.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-22::before {
  content: "";
  position: absolute;
  width: 59.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-23::before {
  content: "";
  position: absolute;
  width: 72rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-sizing__example--size-24::before {
  content: "";
  position: absolute;
  width: 75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}

.theme-dark .dds-storybook-sizing {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-storybook-sizing.theme-light .dds-storybook-sizing__table {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-sizing.theme-dark .dds-storybook-sizing__table {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-sizing__table {
  color: #FFFFFF;
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-sizing__table td,
.theme-dark .dds-storybook-sizing__table th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-sizing__table tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-sizing__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-sizing__table table,
  .theme-dark .dds-storybook-sizing__table tbody,
  .theme-dark .dds-storybook-sizing__table th,
  .theme-dark .dds-storybook-sizing__table td,
  .theme-dark .dds-storybook-sizing__table tr {
    display: block;
  }
  .theme-dark .dds-storybook-sizing__table thead {
    display: none;
  }
  .theme-dark .dds-storybook-sizing__table td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-dark .dds-storybook-sizing__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-sizing__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-dark .dds-storybook-sizing__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-sizing__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-dark .dds-storybook-sizing__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-dark .dds-storybook-sizing__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-dark .dds-storybook-sizing__example {
  height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-dark .dds-storybook-sizing__example span {
  z-index: 1;
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0c6dd2;
}
.theme-dark .dds-storybook-sizing__example--size-1::before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-2::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-3::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-4::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-5::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-6::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-7::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-8::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-9::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-10::before {
  content: "";
  position: absolute;
  width: 3.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-11::before {
  content: "";
  position: absolute;
  width: 3.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-12::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-13::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-14::before {
  content: "";
  position: absolute;
  width: 8rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-15::before {
  content: "";
  position: absolute;
  width: 9rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-16::before {
  content: "";
  position: absolute;
  width: 16rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-17::before {
  content: "";
  position: absolute;
  width: 23rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-18::before {
  content: "";
  position: absolute;
  width: 29.125rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-19::before {
  content: "";
  position: absolute;
  width: 35.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-20::before {
  content: "";
  position: absolute;
  width: 41.375rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-21::before {
  content: "";
  position: absolute;
  width: 47.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-22::before {
  content: "";
  position: absolute;
  width: 59.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-23::before {
  content: "";
  position: absolute;
  width: 72rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-sizing__example--size-24::before {
  content: "";
  position: absolute;
  width: 75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}

.theme-light .dds-storybook-spacing {
  display: flex;
  flex-direction: column;
}
.theme-light .dds-storybook-spacing.theme-light .dds-storybook-spacing__table {
  background-color: #ffffff;
}
.theme-light .dds-storybook-spacing.theme-dark .dds-storybook-spacing__table {
  background-color: #0a0c0e;
}
.theme-light .dds-storybook-spacing__table {
  color: #14181C;
  border-radius: 0.5rem;
}
.theme-light .dds-storybook-spacing__table td,
.theme-light .dds-storybook-spacing__table th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-spacing__table tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-spacing__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-spacing__table table,
  .theme-light .dds-storybook-spacing__table tbody,
  .theme-light .dds-storybook-spacing__table th,
  .theme-light .dds-storybook-spacing__table td,
  .theme-light .dds-storybook-spacing__table tr {
    display: block;
  }
  .theme-light .dds-storybook-spacing__table thead {
    display: none;
  }
  .theme-light .dds-storybook-spacing__table td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-light .dds-storybook-spacing__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-spacing__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-light .dds-storybook-spacing__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-spacing__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-light .dds-storybook-spacing__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-light .dds-storybook-spacing__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-light .dds-storybook-spacing__example {
  height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-light .dds-storybook-spacing__example span {
  z-index: 1;
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0c6dd2;
}
.theme-light .dds-storybook-spacing__example--space-0::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-1::before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-2::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-3::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-4::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-5::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-6::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-7::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-8::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-9::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-10::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-11::before {
  content: "";
  position: absolute;
  width: 5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-light .dds-storybook-spacing__example--space-12::before {
  content: "";
  position: absolute;
  width: 7.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}

.theme-dark .dds-storybook-spacing {
  display: flex;
  flex-direction: column;
}
.theme-dark .dds-storybook-spacing.theme-light .dds-storybook-spacing__table {
  background-color: #ffffff;
}
.theme-dark .dds-storybook-spacing.theme-dark .dds-storybook-spacing__table {
  background-color: #0a0c0e;
}
.theme-dark .dds-storybook-spacing__table {
  color: #FFFFFF;
  border-radius: 0.5rem;
}
.theme-dark .dds-storybook-spacing__table td,
.theme-dark .dds-storybook-spacing__table th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-spacing__table tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-spacing__table .width-10-rem {
  width: 10rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-spacing__table table,
  .theme-dark .dds-storybook-spacing__table tbody,
  .theme-dark .dds-storybook-spacing__table th,
  .theme-dark .dds-storybook-spacing__table td,
  .theme-dark .dds-storybook-spacing__table tr {
    display: block;
  }
  .theme-dark .dds-storybook-spacing__table thead {
    display: none;
  }
  .theme-dark .dds-storybook-spacing__table td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-dark .dds-storybook-spacing__table td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-spacing__table td:nth-of-type(1)::before {
    content: "Value";
  }
  .theme-dark .dds-storybook-spacing__table td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-spacing__table td:nth-of-type(3)::before {
    content: "px value";
  }
  .theme-dark .dds-storybook-spacing__table td:nth-of-type(4)::before {
    content: "rem value";
  }
  .theme-dark .dds-storybook-spacing__table td:nth-of-type(5)::before {
    content: "Example";
  }
}
.theme-dark .dds-storybook-spacing__example {
  height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-dark .dds-storybook-spacing__example span {
  z-index: 1;
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0c6dd2;
}
.theme-dark .dds-storybook-spacing__example--space-0::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-1::before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-2::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-3::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-4::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-5::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-6::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-7::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-8::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-9::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-10::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-11::before {
  content: "";
  position: absolute;
  width: 5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}
.theme-dark .dds-storybook-spacing__example--space-12::before {
  content: "";
  position: absolute;
  width: 7.5rem;
  height: 1.25rem;
  background-color: #e9f2f7;
}

.theme-light .dds-storybook-typography {
  color: #14181C;
}
.theme-light .dds-storybook-typography td,
.theme-light .dds-storybook-typography th {
  padding: 0.5rem;
}
.theme-light .dds-storybook-typography tr.has-divider {
  border-bottom: solid 0.0625rem #D6D8DA;
}
.theme-light .dds-storybook-typography .width-6-rem {
  width: 6rem;
}
.theme-light .dds-storybook-typography .width-8-rem {
  width: 8rem;
}
@media (max-width: 479.98px) {
  .theme-light .dds-storybook-typography table,
  .theme-light .dds-storybook-typography tbody,
  .theme-light .dds-storybook-typography th,
  .theme-light .dds-storybook-typography td,
  .theme-light .dds-storybook-typography tr {
    display: block;
  }
  .theme-light .dds-storybook-typography thead {
    display: none;
  }
  .theme-light .dds-storybook-typography td {
    border: none;
    border-bottom: 0.0625rem solid #ADB1B5;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-light .dds-storybook-typography td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-light .dds-storybook-typography td:nth-of-type(1)::before {
    content: "Text name";
  }
  .theme-light .dds-storybook-typography td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-light .dds-storybook-typography td:nth-of-type(3)::before {
    content: "Weight";
  }
  .theme-light .dds-storybook-typography td:nth-of-type(4)::before {
    content: "Example";
  }
}

.theme-dark .dds-storybook-typography {
  color: #FFFFFF;
}
.theme-dark .dds-storybook-typography td,
.theme-dark .dds-storybook-typography th {
  padding: 0.5rem;
}
.theme-dark .dds-storybook-typography tr.has-divider {
  border-bottom: solid 0.0625rem #333D47;
}
.theme-dark .dds-storybook-typography .width-6-rem {
  width: 6rem;
}
.theme-dark .dds-storybook-typography .width-8-rem {
  width: 8rem;
}
@media (max-width: 479.98px) {
  .theme-dark .dds-storybook-typography table,
  .theme-dark .dds-storybook-typography tbody,
  .theme-dark .dds-storybook-typography th,
  .theme-dark .dds-storybook-typography td,
  .theme-dark .dds-storybook-typography tr {
    display: block;
  }
  .theme-dark .dds-storybook-typography thead {
    display: none;
  }
  .theme-dark .dds-storybook-typography td {
    border: none;
    border-bottom: 0.0625rem solid #858B91;
    position: relative;
    padding-left: 7.5rem;
  }
  .theme-dark .dds-storybook-typography td::before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 7.5rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
  .theme-dark .dds-storybook-typography td:nth-of-type(1)::before {
    content: "Text name";
  }
  .theme-dark .dds-storybook-typography td:nth-of-type(2)::before {
    content: "Token";
  }
  .theme-dark .dds-storybook-typography td:nth-of-type(3)::before {
    content: "Weight";
  }
  .theme-dark .dds-storybook-typography td:nth-of-type(4)::before {
    content: "Example";
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.breadcrumb {
  display: flex;
}

/* vanillajs-datepicker@1.3.4 */
.datepicker-dropdown {
  width: -moz-min-content;
  width: min-content;
}

.datepicker-dropdown:not(.active) {
  display: none;
}

.datepicker-dropdown {
  padding-top: 4px;
  position: absolute;
  z-index: 20;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-bottom: 4px;
  padding-top: 0;
}

.datepicker-picker {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px hsla(0, 0%, 4%, 0.1), 0 0 0 1px hsla(0, 0%, 4%, 0.1);
}

.datepicker-main {
  flex: auto;
  padding: 2px;
}

.datepicker-footer {
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, 0.1);
}

.datepicker-title {
  background-color: #f5f5f5;
  box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, 0.1);
  font-weight: 700;
  padding: 0.375rem 0.75rem;
  text-align: center;
}

.datepicker-controls {
  display: flex;
}

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}

.datepicker-controls .button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  box-shadow: none;
  color: #363636;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: center;
  line-height: 1.5;
  margin: 0;
  padding: calc(0.375em - 1px) 0.75em;
  position: relative;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}

.datepicker-controls .button:active,
.datepicker-controls .button:focus {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: #b8b8b8;
  color: #363636;
}

.datepicker-controls .button:focus {
  border-color: #3273dc;
  color: #363636;
}

.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}

.datepicker-controls .button:active {
  border-color: #474747;
  color: #363636;
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: 700;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-footer .datepicker-controls .button {
  border-radius: 2px;
  flex: auto;
  font-size: 0.75rem;
  margin: calc(0.375rem - 1px) 0.375rem;
}

.datepicker-controls .view-switch {
  flex: auto;
}

.datepicker-controls .next-button,
.datepicker-controls .prev-button {
  flex: 0 0 14.2857142857%;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.datepicker-controls .next-button.disabled,
.datepicker-controls .prev-button.disabled {
  visibility: hidden;
}

.datepicker-grid,
.datepicker-view {
  display: flex;
}

.datepicker-view {
  align-items: stretch;
  width: 15.75rem;
}

.datepicker-grid {
  flex: auto;
  flex-wrap: wrap;
}

.datepicker-dropdown .days {
  display: flex;
  flex: auto;
  flex-direction: column;
}

.datepicker-dropdown .days-of-week {
  display: flex;
}

.datepicker-dropdown .week-numbers {
  display: flex;
  flex: 0 0 9.6774193548%;
  flex-direction: column;
}

.datepicker-dropdown .weeks {
  align-items: stretch;
  display: flex;
  flex: auto;
  flex-direction: column;
}

.datepicker-dropdown span {
  -webkit-touch-callout: none;
  align-items: center;
  border-radius: 4px;
  cursor: default;
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker-dropdown .dow {
  font-size: 0.875rem;
  font-weight: 700;
  height: 1.5rem;
}

.datepicker-dropdown .week {
  color: #b8b8b8;
  flex: auto;
  font-size: 0.75rem;
}

.datepicker-dropdown .days .dow,
.datepicker-cell {
  flex-basis: 14.2857142857%;
}

.datepicker-cell {
  height: 2.25rem;
}

.datepicker-cell:not(.day) {
  flex-basis: 25%;
  height: 4.5rem;
}

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
  background-color: #e9e9e9;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600;
}

.datepicker-cell.disabled {
  color: #dcdcdc;
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
  color: #7a7a7a;
}

.datepicker-cell.next.selected,
.datepicker-cell.prev.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  background-color: #f5f5f5;
  border-radius: 0;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #efefef;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e9e9e9;
}

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2;
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00ccad;
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: #b8b8b8;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #b3b3b3;
}

.datepicker-cell.range-start:not(.range-end) {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  background-color: #dcdcdc;
  border-radius: 0;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d7d7d7;
}

.datepicker-cell.range.disabled {
  color: #c6c6c6;
}

.datepicker-cell.range.focused {
  background-color: #d1d1d1;
}

.datepicker-input.in-edit {
  border-color: #276bda;
}

.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus {
  box-shadow: 0 0 0.25em 0.25em rgba(39, 107, 218, 0.2);
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}