/* src/scss/styles.scss */
:root {
  --brd-border-accent-active-dark: rgb(var(--brd-primary-900));
  --brd-border-accent-default-base: rgb(var(--brd-primary-800));
  --brd-border-accent-default-dark: rgb(var(--brd-primary-900));
  --brd-border-accent-default-light: rgb(var(--brd-primary-700));
  --brd-border-accent-focus: rgb(var(--brd-primary-300));
  --brd-border-accent-hover: rgb(var(--brd-primary-200));
  --brd-border-accent-hover-base: rgb(var(--brd-primary-800));
  --brd-border-accent-hover-dark: rgb(var(--brd-primary-900));
  --brd-border-accent-pressed-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-active-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-default-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-default-dark: rgb(var(--brd-primary-900));
  --brd-fill-accent-default-light: rgb(var(--brd-primary-700));
  --brd-fill-accent-disabled: rgb(var(--brd-primary-400));
  --brd-fill-accent-focus: rgb(var(--brd-primary-300));
  --brd-fill-accent-focus-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-focus-light: rgb(var(--brd-primary-700));
  --brd-fill-accent-hover: rgb(var(--brd-primary-200));
  --brd-fill-accent-hover-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-hover-dark: rgb(var(--brd-primary-900));
  --brd-fill-accent-pressed-base: rgb(var(--brd-primary-800));
  --brd-fill-accent-pressed-light: rgb(var(--brd-primary-700));
  --brd-fill-accent-selected: rgb(var(--brd-primary-300));
  --brd-icon-accent-default-base: rgb(var(--brd-primary-800));
  --brd-icon-accent-default-dark: rgb(var(--brd-primary-900));
  --brd-icon-accent-default-light: rgb(var(--brd-primary-700));
  --brd-icon-accent-pressed: rgb(var(--brd-primary-500));
  --brd-text-accent-default-base: rgb(var(--brd-primary-800));
  --brd-text-accent-default-dark: rgb(var(--brd-primary-900));
  --brd-text-accent-default-light: rgb(var(--brd-primary-700));
  --brd-text-accent-pressed: rgb(var(--brd-primary-500));
}
.text-body-xxxl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
}
.text-body-xxl {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
}
.text-body-xl {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
}
.text-body-l {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-20);
}
.text-body-m {
  font-size: var(--spr-font-size-15);
  line-height: var(--spr-line-height-20);
}
.text-body-s {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-20);
}
.text-body-xs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
}
.text-body-xs-uppercase {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-20);
  text-transform: uppercase;
}
.main-nav {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 auto;
  padding: 12px 0;
  list-style: none;
}
.main-nav .main-nav__link {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-20);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
  position: relative;
  display: block;
  padding: 10px 12px;
  border: none;
  border-radius: var(--spr-border-radius-m);
  color: var(--brd-text-default-0-60);
  letter-spacing: 1.04px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--spr-transition-time) ease, color var(--spr-transition-time) ease;
}
.main-nav .main-nav__link:hover {
  background-color: var(--brd-fill-accent-hover-base);
  color: rgb(var(--spr-white));
}
.main-nav .main-nav__link::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: var(--spr-border-radius-xs);
  pointer-events: none;
}
.main-nav .main-nav__link.active,
.main-nav .main-nav__link.active:hover {
  background: transparent;
  color: rgb(var(--spr-white));
  text-decoration: none;
  cursor: default;
}
.main-nav .main-nav__link.active::before {
  background-color: rgb(var(--brd-primary-400));
}
.main-nav--global {
  overflow: visible;
  margin: 0 24px 0 0;
  padding: 12px 0;
}
.main-nav--global .main-nav__item {
  display: flex;
  align-items: center;
  padding: 4px 12px;
}
.main-nav--global .main-nav__item:not(:last-child) {
  border-right: 1px solid rgb(var(--brd-white)/0.2);
}
.main-nav--secondary .main-nav__link.active::before {
  background-color: rgb(var(--spr-white));
}
.text-heading-xl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--spr-font-size-28);
  line-height: var(--spr-line-height-36);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
.text-heading-xxxs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
.panel {
  --spr-panel-title-color: rgb(var(--spr-grey-800));
  --spr-panel-body-border-color: rgb(var(--brd-gray-300));
  --spr-panel-header-gray-background: rgb(var(--spr-grey-30));
}
.panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spr-panel-header-padding-block, 12px) var(--spr-panel-header-padding-inline, 16px);
  border-radius: var(--spr-border-radius-m);
}
.panel__header--gray {
  background: var(--spr-panel-header-gray-background);
}
.panel__header--with-button {
  --spr-panel-header-padding-block: 8px;
}
.panel__header--large {
  --spr-panel-header-padding-block: 14px;
}
.panel__title {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
  color: var(--spr-panel-title-color);
}
.panel__body {
  padding: 16px 0;
}
.panel__body-border--bottom {
  border-bottom: 1px solid var(--spr-panel-body-border-color);
}
.grid-container {
  display: grid;
  gap: var(--spr-grid-container-gap, 16px);
  padding: var(--spr-grid-container-padding-block, 16px) var(--spr-grid-container-padding-inline, 16px);
}
.grid-container.grid-container--bottom-border {
  border-bottom: 1px solid var(--brd-border-divider-300);
}
.grid-list {
  display: grid;
  row-gap: 16px;
}
.grid-list--align-top {
  place-items: start flex-start;
}
.grid-list--align-center {
  place-items: center flex-start;
}
.grid-list--align-bottom {
  place-items: end flex-start;
}
.grid-list__item {
  display: grid;
  width: 100%;
}
.grid-list--columns-2 {
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 12px), 1fr));
}
.grid-list--columns-3 {
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fill, minmax(calc(33.3333333333% - 16px), 1fr));
}
.grid-list--columns-4 {
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fill, minmax(calc(25% - 18px), 1fr));
}
.grid-list--columns-5 {
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fill, minmax(calc(20% - 19.2px), 1fr));
}
:root {
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-11: 11px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-100: 100px;
  --ds-popup-width-sm: 416px;
  --ds-popup-width-md: 788px;
  --ds-popup-width-lg: 1058px;
  --ds-pagination-bar-height: 52px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:where(html) {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
:where(body) {
  margin: 0;
  font-family: var(--font-family-sans-serif), sans-serif;
  font-size: var(--ds-font-size-14);
  font-weight: var(--ds-font-weight-regular);
  line-height: 1.5;
  color: var(--ds-text-primary-800);
  text-align: start;
  background-color: var(--ds-fill-default-0);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:where(hr) {
  margin: 16px 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
}
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-weight: var(--ds-font-weight-semi-bold);
  line-height: 1.2;
}
:where(h1) {
  font-size: var(--ds-font-size-28);
}
:where(h2) {
  font-size: var(--ds-font-size-24);
}
:where(h3) {
  font-size: var(--ds-font-size-20);
}
:where(h4) {
  font-size: var(--ds-font-size-18);
}
:where(h5) {
  font-size: var(--ds-font-size-16);
}
:where(h6) {
  font-size: var(--ds-font-size-14);
}
:where(p) {
  margin: 0 0 16px;
}
:where(abbr[title]) {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
:where(address) {
  margin-bottom: 16px;
  font-style: normal;
  line-height: inherit;
}
:where(ol, ul) {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 16px;
}
:where(dt) {
  font-weight: var(--ds-font-weight-semi-bold);
}
:where(dd) {
  margin-bottom: 8px;
  margin-inline-start: 0;
}
:where(blockquote) {
  margin: 0 0 16px;
}
:where(b, strong) {
  font-weight: var(--ds-font-weight-semi-bold);
}
:where(small) {
  font-size: var(--ds-font-size-12);
}
:where(sub, sup) {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
:where(sub) {
  bottom: -0.25em;
}
:where(sup) {
  top: -0.5em;
}
:where(a) {
  color: inherit;
  text-decoration: none;
}
:where(a:not([href]), a:not([class])),
:where(a:not([href]), a:not([class])):hover {
  color: inherit;
  text-decoration: none;
}
:where(figure) {
  margin: 0 0 16px;
}
:where(img, svg) {
  vertical-align: middle;
}
:where(table) {
  caption-side: bottom;
  border-collapse: collapse;
}
:where(caption) {
  padding-top: 8px;
  padding-bottom: 8px;
  color: inherit;
  text-align: left;
}
:where(thead, tbody, tfoot, tr, td, th) {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
:where(th) {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
:where(label) {
  display: inline-block;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])) {
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  text-transform: none;
  appearance: button;
  color: inherit;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):not(:disabled, [role=tab]) {
  cursor: pointer;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):-moz-focusring {
  outline: none;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):focus:not(:focus-visible) {
  outline: 0;
}
:where(:-moz-ui-invalid) {
  box-shadow: none;
}
:where(input, button, select, optgroup, textarea) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
[role=button] {
  cursor: pointer;
}
:where(select) {
  word-wrap: normal;
  text-transform: none;
}
:where(select):disabled {
  opacity: 1;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
:where(textarea) {
  resize: vertical;
  appearance: none;
}
:where(fieldset) {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
  margin: 0;
  appearance: none;
}
:where([type=search i]) {
  outline-offset: -2px;
  appearance: textfield;
}
::-webkit-search-decoration {
  appearance: none;
}
:where(output) {
  display: inline-block;
}
:where(iframe) {
  border: 0;
}
[hidden] {
  display: none !important;
}
.scrollable-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollable-container::-webkit-scrollbar-track {
  background: transparent;
}
.scrollable-container::-webkit-scrollbar-thumb {
  background: var(--ds-neutral-200-700);
  border-radius: 8px;
  transition: background 0.2s;
  cursor: pointer;
}
.scrollable-container::-webkit-scrollbar-thumb:hover {
  background: var(--ds-neutral-400-400);
}
.scrollable-container {
  flex: auto;
  height: 100%;
  overflow: hidden auto;
  scrollbar-gutter: stable;
}
.flex-container {
  display: flex;
  gap: 16px;
  flex-flow: column;
  align-items: inherit;
  flex-wrap: inherit;
}
.flex-container__footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 -16px;
  padding: 16px 16px 0;
  border-top: 1px solid rgb(var(--ds-grey-130));
}
.inline-container {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
}
.btn-group-holder {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
  align-items: center;
}
.btn-group-holder .form-label,
.btn-group-holder .label-form {
  margin: 0;
}
.badge-items-list {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  vertical-align: middle;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
@keyframes modal-animation {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes button-loader {
  100% {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
.text-underline {
  text-decoration: underline;
}
.position-absolute {
  position: absolute !important;
}
.nowrap {
  white-space: nowrap;
}
.filter-block {
  width: 100%;
  padding: 16px;
  border-radius: var(--ds-border-radius-m);
  background-color: rgb(var(--ds-grey-30));
}
.filter-block form {
  width: 100%;
}
.form-field-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
:root {
  --theme-color-dark: rgb(1 1 2);
  --theme-color-light: rgb(1 1 2);
  --alpha-black-alpha-0: rgb(24 24 27 / 0);
  --alpha-black-alpha-002: rgb(24 24 27 / 0.02);
  --alpha-black-alpha-004: rgb(24 24 27 / 0.04);
  --alpha-black-alpha-006: rgb(24 24 27 / 0.06);
  --alpha-black-alpha-008: rgb(24 24 27 / 0.08);
  --alpha-black-alpha-010: rgb(24 24 27 / 0.1);
  --alpha-black-alpha-012: rgb(24 24 27 / 0.12);
  --alpha-black-alpha-016: rgb(24 24 27 / 0.16);
  --alpha-black-alpha-024: rgb(24 24 27 / 0.24);
  --alpha-black-alpha-040: rgb(24 24 27 / 0.4);
  --alpha-black-alpha-056: rgb(24 24 27 / 0.56);
  --alpha-black-alpha-064: rgb(24 24 27 / 0.64);
  --alpha-black-alpha-072: rgb(24 24 27 / 0.72);
  --alpha-black-alpha-080: rgb(24 24 27 / 0.8);
  --alpha-black-alpha-088: rgb(24 24 27 / 0.88);
  --alpha-black-alpha-100: rgb(24 24 27);
  --alpha-blue-alpha-blue-050: rgb(219 234 254 / 0.5);
  --alpha-blue-alpha-blue-051: rgb(30 58 138 / 0.51);
  --alpha-blue-alpha-blue-060: rgb(59 130 246 / 0.6);
  --alpha-blue-alpha-blue-061: rgb(30 58 138 / 0.61);
  --alpha-blue-alpha-blue-080: rgb(96 165 250 / 0.8);
  --alpha-blue-alpha-blue-099: rgb(96 165 250 / 0.99);
  --alpha-red-alpha-red-015: rgb(225 29 72 / 0.15);
  --alpha-red-alpha-red-040: rgb(190 18 60 / 0.4);
  --alpha-white-alpha-0: rgb(255 255 255 / 0);
  --alpha-white-alpha-002: rgb(255 255 255 / 0.02);
  --alpha-white-alpha-004: rgb(255 255 255 / 0.04);
  --alpha-white-alpha-006: rgb(255 255 255 / 0.06);
  --alpha-white-alpha-008: rgb(255 255 255 / 0.08);
  --alpha-white-alpha-010: rgb(255 255 255 / 0.1);
  --alpha-white-alpha-012: rgb(255 255 255 / 0.12);
  --alpha-white-alpha-016: rgb(255 255 255 / 0.16);
  --alpha-white-alpha-024: rgb(255 255 255 / 0.24);
  --alpha-white-alpha-040: rgb(255 255 255 / 0.4);
  --alpha-white-alpha-056: rgb(255 255 255 / 0.56);
  --alpha-white-alpha-064: rgb(255 255 255 / 0.64);
  --alpha-white-alpha-072: rgb(255 255 255 / 0.72);
  --alpha-white-alpha-080: rgb(255 255 255 / 0.8);
  --alpha-white-alpha-088: rgb(255 255 255 / 0.88);
  --alpha-white-alpha-100: rgb(255 255 255);
  --amber-050: rgb(255 250 237);
  --amber-100: rgb(254 243 214);
  --amber-200: rgb(253 232 175);
  --amber-250: rgb(253 221 135);
  --amber-300: rgb(252 210 95);
  --amber-400: rgb(251 197 55);
  --amber-500: rgb(250 187 15);
  --amber-600: rgb(220 162 4);
  --amber-700: rgb(180 133 4);
  --amber-800: rgb(139 103 3);
  --amber-900: rgb(100 74 2);
  --amber-950: rgb(80 59 2);
  --blue-050: rgb(236 242 254);
  --blue-100: rgb(217 229 253);
  --blue-200: rgb(178 202 250);
  --blue-250: rgb(140 176 248);
  --blue-300: rgb(102 149 245);
  --blue-400: rgb(57 121 249);
  --blue-500: rgb(25 97 240);
  --blue-600: rgb(13 79 211);
  --blue-700: rgb(11 65 173);
  --blue-800: rgb(9 50 134);
  --blue-900: rgb(6 36 96);
  --blue-950: rgb(5 29 77);
  --cyan-050: rgb(238 251 250);
  --cyan-100: rgb(220 247 245);
  --cyan-200: rgb(188 240 235);
  --cyan-250: rgb(155 233 225);
  --cyan-300: rgb(121 226 215);
  --cyan-400: rgb(88 218 205);
  --cyan-500: rgb(55 210 194);
  --cyan-600: rgb(40 184 170);
  --cyan-700: rgb(33 151 139);
  --cyan-800: rgb(26 117 108);
  --cyan-900: rgb(18 84 77);
  --cyan-950: rgb(15 67 62);
  --green-050: rgb(238 251 246);
  --green-100: rgb(220 247 236);
  --green-200: rgb(188 240 219);
  --green-250: rgb(155 233 202);
  --green-300: rgb(121 226 184);
  --green-400: rgb(88 218 166);
  --green-500: rgb(55 210 148);
  --green-600: rgb(40 184 127);
  --green-700: rgb(33 151 104);
  --green-800: rgb(26 117 81);
  --green-900: rgb(18 84 58);
  --green-950: rgb(15 67 46);
  --grey-0: rgb(255 255 255);
  --grey-050: rgb(250 250 250);
  --grey-100: rgb(244 244 245);
  --grey-150: rgb(239 239 240);
  --grey-200: rgb(228 228 231);
  --grey-250: rgb(223 223 226);
  --grey-300: rgb(207 207 211);
  --grey-400: rgb(160 160 167);
  --grey-500: rgb(118 118 127);
  --grey-600: rgb(83 83 90);
  --grey-700: rgb(59 59 64);
  --grey-750: rgb(49 49 53);
  --grey-800: rgb(39 39 42);
  --grey-900: rgb(33 33 36);
  --grey-1000: rgb(24 24 27);
  --olive-050: rgb(247 251 238);
  --olive-100: rgb(238 247 220);
  --olive-200: rgb(223 240 188);
  --olive-250: rgb(207 233 155);
  --olive-300: rgb(191 226 121);
  --olive-400: rgb(175 218 88);
  --olive-500: rgb(158 210 55);
  --olive-600: rgb(136 184 40);
  --olive-700: rgb(111 151 33);
  --olive-800: rgb(87 117 26);
  --olive-900: rgb(62 84 18);
  --olive-950: rgb(50 67 15);
  --orange-050: rgb(254 244 238);
  --orange-100: rgb(253 230 215);
  --orange-200: rgb(252 207 177);
  --orange-250: rgb(250 183 137);
  --orange-300: rgb(248 158 98);
  --orange-400: rgb(247 134 59);
  --orange-500: rgb(245 110 20);
  --orange-600: rgb(215 92 9);
  --orange-700: rgb(176 75 7);
  --orange-800: rgb(136 58 6);
  --orange-900: rgb(98 42 4);
  --orange-950: rgb(78 33 3);
  --pink-050: rgb(254 236 248);
  --pink-100: rgb(253 217 241);
  --pink-200: rgb(250 178 226);
  --pink-250: rgb(252 135 213);
  --pink-300: rgb(252 95 200);
  --pink-400: rgb(243 63 183);
  --pink-500: rgb(240 25 169);
  --pink-600: rgb(211 13 145);
  --pink-700: rgb(173 11 119);
  --pink-800: rgb(134 9 92);
  --pink-900: rgb(96 6 66);
  --pink-950: rgb(77 5 53);
  --purple-050: rgb(243 236 254);
  --purple-100: rgb(231 217 253);
  --purple-200: rgb(207 178 250);
  --purple-250: rgb(183 140 248);
  --purple-300: rgb(159 102 245);
  --purple-400: rgb(135 63 243);
  --purple-500: rgb(111 25 240);
  --purple-600: rgb(92 13 211);
  --purple-700: rgb(76 11 173);
  --purple-800: rgb(59 9 134);
  --purple-900: rgb(42 6 96);
  --purple-950: rgb(34 5 77);
  --red-050: rgb(254 236 237);
  --red-100: rgb(253 217 219);
  --red-200: rgb(250 178 183);
  --red-250: rgb(252 135 143);
  --red-300: rgb(252 95 106);
  --red-400: rgb(243 63 75);
  --red-500: rgb(240 25 39);
  --red-600: rgb(211 13 27);
  --red-700: rgb(173 11 22);
  --red-800: rgb(134 9 17);
  --red-900: rgb(96 6 12);
  --red-950: rgb(77 5 10);
  --yellow-050: rgb(254 254 238);
  --yellow-100: rgb(252 252 216);
  --yellow-200: rgb(250 250 178);
  --yellow-250: rgb(248 248 140);
  --yellow-300: rgb(245 245 102);
  --yellow-400: rgb(243 243 63);
  --yellow-500: rgb(240 240 25);
  --yellow-600: rgb(211 211 13);
  --yellow-700: rgb(173 173 11);
  --yellow-800: rgb(133 133 9);
  --yellow-900: rgb(96 96 6);
  --yellow-950: rgb(77 77 5);
}
[app-theme=light],
body[app-theme=light] [app-theme=root],
body[app-theme=dark] [app-theme=alt] {
  --ds-accent-amber-050-950: var(--amber-050);
  --ds-accent-amber-100-900: var(--amber-100);
  --ds-accent-amber-100-950: var(--amber-100);
  --ds-accent-amber-200-800: var(--amber-200);
  --ds-accent-amber-250-700: var(--amber-250);
  --ds-accent-amber-300-600: var(--amber-300);
  --ds-accent-amber-400-500: var(--amber-400);
  --ds-accent-amber-400-600: var(--amber-400);
  --ds-accent-amber-500-400: var(--amber-500);
  --ds-accent-amber-600-300: var(--amber-600);
  --ds-accent-amber-700-250: var(--amber-700);
  --ds-accent-amber-800-200: var(--amber-800);
  --ds-accent-amber-900-100: var(--amber-900);
  --ds-accent-amber-950-050: var(--amber-950);
  --ds-accent-blue-050-950: var(--blue-050);
  --ds-accent-blue-100-500: var(--blue-100);
  --ds-accent-blue-100-800: var(--blue-100);
  --ds-accent-blue-100-900: var(--blue-100);
  --ds-accent-blue-200-800: var(--blue-200);
  --ds-accent-blue-250-700: var(--blue-250);
  --ds-accent-blue-300-300: var(--blue-300);
  --ds-accent-blue-300-600: var(--blue-300);
  --ds-accent-blue-400-300: var(--blue-400);
  --ds-accent-blue-400-400: var(--blue-400);
  --ds-accent-blue-400-500: var(--blue-400);
  --ds-accent-blue-500-300: var(--blue-500);
  --ds-accent-blue-500-400: var(--blue-500);
  --ds-accent-blue-600-300: var(--blue-600);
  --ds-accent-blue-700-250: var(--blue-700);
  --ds-accent-blue-800-200: var(--blue-800);
  --ds-accent-blue-900-100: var(--blue-900);
  --ds-accent-blue-950-050: var(--blue-950);
  --ds-accent-cyan-050-950: var(--cyan-050);
  --ds-accent-cyan-100-900: var(--cyan-100);
  --ds-accent-cyan-200-800: var(--cyan-200);
  --ds-accent-cyan-250-700: var(--cyan-250);
  --ds-accent-cyan-300-600: var(--cyan-300);
  --ds-accent-cyan-400-500: var(--cyan-400);
  --ds-accent-cyan-500-400: var(--cyan-500);
  --ds-accent-cyan-600-300: var(--cyan-600);
  --ds-accent-cyan-700-250: var(--cyan-700);
  --ds-accent-cyan-800-200: var(--cyan-800);
  --ds-accent-cyan-900-100: var(--cyan-900);
  --ds-accent-cyan-950-050: var(--cyan-950);
  --ds-accent-green-050-950: var(--green-050);
  --ds-accent-green-100-900: var(--green-100);
  --ds-accent-green-100-950: var(--green-100);
  --ds-accent-green-200-800: var(--green-200);
  --ds-accent-green-250-700: var(--green-250);
  --ds-accent-green-300-600: var(--green-300);
  --ds-accent-green-400-500: var(--green-400);
  --ds-accent-green-400-600: var(--green-400);
  --ds-accent-green-500-400: var(--green-500);
  --ds-accent-green-600-300: var(--green-600);
  --ds-accent-green-600-600: var(--green-600);
  --ds-accent-green-600-700: var(--green-600);
  --ds-accent-green-700-250: var(--green-700);
  --ds-accent-green-700-500: var(--green-700);
  --ds-accent-green-800-200: var(--green-800);
  --ds-accent-green-800-500: var(--green-800);
  --ds-accent-green-900-100: var(--green-900);
  --ds-accent-green-950-050: var(--green-950);
  --ds-accent-olive-050-950: var(--olive-050);
  --ds-accent-olive-100-900: var(--olive-100);
  --ds-accent-olive-200-800: var(--olive-200);
  --ds-accent-olive-250-700: var(--olive-250);
  --ds-accent-olive-300-600: var(--olive-300);
  --ds-accent-olive-400-500: var(--olive-400);
  --ds-accent-olive-500-400: var(--olive-500);
  --ds-accent-olive-600-300: var(--olive-600);
  --ds-accent-olive-700-250: var(--olive-700);
  --ds-accent-olive-800-200: var(--olive-800);
  --ds-accent-olive-900-100: var(--olive-900);
  --ds-accent-olive-950-050: var(--olive-950);
  --ds-accent-orange-050-950: var(--orange-050);
  --ds-accent-orange-100-900: var(--orange-100);
  --ds-accent-orange-200-800: var(--orange-200);
  --ds-accent-orange-250-700: var(--orange-250);
  --ds-accent-orange-300-600: var(--orange-300);
  --ds-accent-orange-400-500: var(--orange-400);
  --ds-accent-orange-400-600: var(--orange-400);
  --ds-accent-orange-500-400: var(--orange-500);
  --ds-accent-orange-600-300: var(--orange-600);
  --ds-accent-orange-700-250: var(--orange-700);
  --ds-accent-orange-800-200: var(--orange-800);
  --ds-accent-orange-900-100: var(--orange-900);
  --ds-accent-orange-950-050: var(--orange-950);
  --ds-accent-pink-050-950: var(--pink-050);
  --ds-accent-pink-100-900: var(--pink-100);
  --ds-accent-pink-200-800: var(--pink-200);
  --ds-accent-pink-250-700: var(--pink-250);
  --ds-accent-pink-300-600: var(--pink-300);
  --ds-accent-pink-400-500: var(--pink-400);
  --ds-accent-pink-500-400: var(--pink-500);
  --ds-accent-pink-600-300: var(--pink-600);
  --ds-accent-pink-700-250: var(--pink-700);
  --ds-accent-pink-800-200: var(--pink-800);
  --ds-accent-pink-900-100: var(--pink-900);
  --ds-accent-pink-950-050: var(--pink-950);
  --ds-accent-purple-050-950: var(--purple-050);
  --ds-accent-purple-100-900: var(--purple-100);
  --ds-accent-purple-200-800: var(--purple-200);
  --ds-accent-purple-250-700: var(--purple-250);
  --ds-accent-purple-300-600: var(--purple-300);
  --ds-accent-purple-400-500: var(--purple-400);
  --ds-accent-purple-500-400: var(--purple-500);
  --ds-accent-purple-600-300: var(--purple-600);
  --ds-accent-purple-700-250: var(--purple-700);
  --ds-accent-purple-800-200: var(--purple-800);
  --ds-accent-purple-900-100: var(--purple-900);
  --ds-accent-purple-950-050: var(--purple-950);
  --ds-accent-red-050-950: var(--red-050);
  --ds-accent-red-100-900: var(--red-100);
  --ds-accent-red-100-950: var(--red-100);
  --ds-accent-red-200-800: var(--red-200);
  --ds-accent-red-250-700: var(--red-250);
  --ds-accent-red-300-600: var(--red-300);
  --ds-accent-red-400-500: var(--red-400);
  --ds-accent-red-400-600: var(--red-400);
  --ds-accent-red-500-400: var(--red-500);
  --ds-accent-red-500-500: var(--red-500);
  --ds-accent-red-500-800: var(--red-500);
  --ds-accent-red-600-300: var(--red-600);
  --ds-accent-red-600-700: var(--red-600);
  --ds-accent-red-700-250: var(--red-700);
  --ds-accent-red-700-400: var(--red-700);
  --ds-accent-red-800-200: var(--red-800);
  --ds-accent-red-900-100: var(--red-900);
  --ds-accent-red-950-050: var(--red-950);
  --ds-accent-red-950-100: var(--red-950);
  --ds-accent-yellow-050-950: var(--yellow-050);
  --ds-accent-yellow-100-900: var(--yellow-100);
  --ds-accent-yellow-200-800: var(--yellow-200);
  --ds-accent-yellow-250-700: var(--yellow-250);
  --ds-accent-yellow-300-600: var(--yellow-300);
  --ds-accent-yellow-400-500: var(--yellow-400);
  --ds-accent-yellow-500-400: var(--yellow-500);
  --ds-accent-yellow-600-300: var(--yellow-600);
  --ds-accent-yellow-700-250: var(--yellow-700);
  --ds-accent-yellow-800-200: var(--yellow-800);
  --ds-accent-yellow-900-100: var(--yellow-900);
  --ds-accent-yellow-950-050: var(--yellow-950);
  --ds-alpha-bb-000-040: var(--alpha-black-alpha-0);
  --ds-alpha-bb-002-002: var(--alpha-black-alpha-002);
  --ds-alpha-bb-004-004: var(--alpha-black-alpha-004);
  --ds-alpha-bb-004-006: var(--alpha-black-alpha-004);
  --ds-alpha-bb-004-024: var(--alpha-black-alpha-004);
  --ds-alpha-bb-004-040: var(--alpha-black-alpha-004);
  --ds-alpha-bb-006-006: var(--alpha-black-alpha-006);
  --ds-alpha-bb-006-040: var(--alpha-black-alpha-006);
  --ds-alpha-bb-006-056: var(--alpha-black-alpha-006);
  --ds-alpha-bb-008-024: var(--alpha-black-alpha-008);
  --ds-alpha-bb-008-040: var(--alpha-black-alpha-008);
  --ds-alpha-bb-008-064: var(--alpha-black-alpha-008);
  --ds-alpha-bb-008-080: var(--alpha-black-alpha-008);
  --ds-alpha-bb-010-010: var(--alpha-black-alpha-010);
  --ds-alpha-bb-012-008: var(--alpha-black-alpha-012);
  --ds-alpha-bb-012-024: var(--alpha-black-alpha-012);
  --ds-alpha-bb-012-040: var(--alpha-black-alpha-012);
  --ds-alpha-bb-012-064: var(--alpha-black-alpha-012);
  --ds-alpha-bb-016-016: var(--alpha-black-alpha-016);
  --ds-alpha-bb-016-024: var(--alpha-black-alpha-016);
  --ds-alpha-bb-016-040: var(--alpha-black-alpha-016);
  --ds-alpha-bb-016-064: var(--alpha-black-alpha-016);
  --ds-alpha-bb-024-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-024-064: var(--alpha-black-alpha-024);
  --ds-alpha-bb-040-008: var(--alpha-black-alpha-040);
  --ds-alpha-bb-040-024: var(--alpha-black-alpha-040);
  --ds-alpha-bb-040-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-040-064: var(--alpha-black-alpha-040);
  --ds-alpha-bb-072-072: var(--alpha-black-alpha-072);
  --ds-alpha-bb-088-024: var(--alpha-black-alpha-088);
  --ds-alpha-blue-051-051: var(--alpha-blue-alpha-blue-051);
  --ds-alpha-blue-060-050: var(--alpha-blue-alpha-blue-060);
  --ds-alpha-blue-060-080: var(--alpha-blue-alpha-blue-060);
  --ds-alpha-blue-060-099: var(--alpha-blue-alpha-blue-060);
  --ds-alpha-blue-061-061: var(--alpha-blue-alpha-blue-061);
  --ds-alpha-bw-0-0: var(--alpha-black-alpha-0);
  --ds-alpha-bw-0-088: var(--alpha-black-alpha-0);
  --ds-alpha-bw-0-100: var(--alpha-black-alpha-0);
  --ds-alpha-bw-002-002: var(--alpha-black-alpha-002);
  --ds-alpha-bw-002-080: var(--alpha-black-alpha-002);
  --ds-alpha-bw-004-002: var(--alpha-black-alpha-004);
  --ds-alpha-bw-004-004: var(--alpha-black-alpha-004);
  --ds-alpha-bw-004-072: var(--alpha-black-alpha-004);
  --ds-alpha-bw-006-006: var(--alpha-black-alpha-006);
  --ds-alpha-bw-006-064: var(--alpha-black-alpha-006);
  --ds-alpha-bw-008-006: var(--alpha-black-alpha-008);
  --ds-alpha-bw-008-012: var(--alpha-black-alpha-008);
  --ds-alpha-bw-008-056: var(--alpha-black-alpha-008);
  --ds-alpha-bw-010-040: var(--alpha-black-alpha-010);
  --ds-alpha-bw-012-024: var(--alpha-black-alpha-012);
  --ds-alpha-bw-016-016: var(--alpha-black-alpha-016);
  --ds-alpha-bw-024-012: var(--alpha-black-alpha-024);
  --ds-alpha-bw-024-024: var(--alpha-black-alpha-024);
  --ds-alpha-bw-040-010: var(--alpha-black-alpha-040);
  --ds-alpha-bw-056-008: var(--alpha-black-alpha-056);
  --ds-alpha-bw-064-006: var(--alpha-black-alpha-064);
  --ds-alpha-bw-072-004: var(--alpha-black-alpha-072);
  --ds-alpha-bw-080-002: var(--alpha-black-alpha-080);
  --ds-alpha-bw-088-0: var(--alpha-black-alpha-088);
  --ds-alpha-bw-100-0: var(--ds-neutral-1000-1000);
  --ds-alpha-red-015-015: var(--alpha-red-alpha-red-040);
  --ds-alpha-red-040-040: var(--alpha-red-alpha-red-040);
  --ds-alpha-wb-0-0: var(--alpha-white-alpha-0);
  --ds-alpha-wb-0-088: var(--alpha-white-alpha-0);
  --ds-alpha-wb-0-100: var(--alpha-white-alpha-0);
  --ds-alpha-wb-002-080: var(--alpha-white-alpha-002);
  --ds-alpha-wb-004-072: var(--alpha-white-alpha-004);
  --ds-alpha-wb-006-064: var(--alpha-white-alpha-006);
  --ds-alpha-wb-008-056: var(--alpha-white-alpha-008);
  --ds-alpha-wb-010-040: var(--alpha-white-alpha-010);
  --ds-alpha-wb-012-024: var(--alpha-white-alpha-012);
  --ds-alpha-wb-016-016: var(--alpha-white-alpha-016);
  --ds-alpha-wb-024-012: var(--alpha-white-alpha-024);
  --ds-alpha-wb-040-010: var(--alpha-white-alpha-040);
  --ds-alpha-wb-056-008: var(--alpha-white-alpha-056);
  --ds-alpha-wb-064-006: var(--alpha-white-alpha-064);
  --ds-alpha-wb-072-004: var(--alpha-white-alpha-072);
  --ds-alpha-wb-080-002: var(--alpha-white-alpha-080);
  --ds-alpha-wb-080-080: var(--alpha-white-alpha-080);
  --ds-alpha-wb-100-100: var(--alpha-white-alpha-100);
  --ds-alpha-wb-88-0: var(--alpha-white-alpha-088);
  --ds-alpha-ww-0-0: var(--alpha-white-alpha-0);
  --ds-alpha-ww-0-072: var(--alpha-white-alpha-0);
  --ds-alpha-ww-0-100: var(--alpha-white-alpha-0);
  --ds-alpha-ww-004-004: var(--alpha-white-alpha-004);
  --ds-alpha-ww-006-006: var(--alpha-white-alpha-006);
  --ds-alpha-ww-012-006: var(--alpha-white-alpha-012);
  --ds-alpha-ww-012-012: var(--alpha-white-alpha-012);
  --ds-alpha-ww-024-008: var(--alpha-white-alpha-024);
  --ds-alpha-ww-024-010: var(--alpha-white-alpha-024);
  --ds-alpha-ww-024-016: var(--alpha-white-alpha-024);
  --ds-alpha-ww-024-024: var(--alpha-white-alpha-024);
  --ds-alpha-ww-024-088: var(--alpha-white-alpha-024);
  --ds-alpha-ww-064-024: var(--alpha-white-alpha-064);
  --ds-alpha-ww-080-072: var(--alpha-white-alpha-080);
  --ds-alpha-ww-088-0: var(--alpha-white-alpha-088);
  --ds-alpha-ww-100-012: var(--alpha-white-alpha-100);
  --ds-neutral-0-0: var(--grey-0);
  --ds-neutral-0-1000: var(--grey-0);
  --ds-neutral-0-500: var(--grey-0);
  --ds-neutral-0-600: var(--grey-0);
  --ds-neutral-0-800: var(--grey-0);
  --ds-neutral-0-900: var(--grey-0);
  --ds-neutral-050-1000: var(--grey-050);
  --ds-neutral-050-700: var(--grey-050);
  --ds-neutral-050-750: var(--grey-050);
  --ds-neutral-050-800: var(--grey-050);
  --ds-neutral-050-900: var(--grey-050);
  --ds-neutral-100-1000: var(--grey-100);
  --ds-neutral-100-600: var(--grey-100);
  --ds-neutral-100-700: var(--grey-100);
  --ds-neutral-100-750: var(--grey-100);
  --ds-neutral-100-800: var(--grey-100);
  --ds-neutral-1000-0: var(--grey-1000);
  --ds-neutral-1000-1000: var(--grey-1000);
  --ds-neutral-1000-150: var(--grey-1000);
  --ds-neutral-1000-200: var(--grey-1000);
  --ds-neutral-1000-400: var(--grey-1000);
  --ds-neutral-1000-500: var(--grey-1000);
  --ds-neutral-1000-600: var(--grey-1000);
  --ds-neutral-1000-700: var(--grey-1000);
  --ds-neutral-1000-750: var(--grey-1000);
  --ds-neutral-150-100: var(--grey-150);
  --ds-neutral-150-1000: var(--grey-150);
  --ds-neutral-150-600: var(--grey-150);
  --ds-neutral-150-700: var(--grey-150);
  --ds-neutral-150-750: var(--grey-150);
  --ds-neutral-150-800: var(--grey-150);
  --ds-neutral-200-1000: var(--grey-200);
  --ds-neutral-200-200: var(--grey-200);
  --ds-neutral-200-600: var(--grey-200);
  --ds-neutral-200-700: var(--grey-200);
  --ds-neutral-200-750: var(--grey-200);
  --ds-neutral-200-800: var(--grey-200);
  --ds-neutral-200-900: var(--grey-200);
  --ds-neutral-250-600: var(--grey-250);
  --ds-neutral-250-700: var(--grey-250);
  --ds-neutral-300-300: var(--grey-300);
  --ds-neutral-300-500: var(--grey-300);
  --ds-neutral-300-600: var(--grey-300);
  --ds-neutral-300-700: var(--grey-300);
  --ds-neutral-400-400: var(--grey-400);
  --ds-neutral-400-500: var(--grey-400);
  --ds-neutral-400-600: var(--grey-400);
  --ds-neutral-400-700: var(--grey-400);
  --ds-neutral-500-300: var(--grey-500);
  --ds-neutral-500-400: var(--grey-500);
  --ds-neutral-500-500: var(--grey-500);
  --ds-neutral-500-700: var(--grey-500);
  --ds-neutral-600-250: var(--grey-600);
  --ds-neutral-600-300: var(--grey-600);
  --ds-neutral-600-400: var(--grey-600);
  --ds-neutral-600-500: var(--grey-600);
  --ds-neutral-600-600: var(--grey-600);
  --ds-neutral-600-900: var(--grey-600);
  --ds-neutral-700-100: var(--grey-700);
  --ds-neutral-700-200: var(--grey-700);
  --ds-neutral-700-300: var(--grey-700);
  --ds-neutral-700-400: var(--grey-700);
  --ds-neutral-700-500: var(--grey-700);
  --ds-neutral-700-600: var(--grey-700);
  --ds-neutral-700-700: var(--grey-700);
  --ds-neutral-700-800: var(--grey-700);
  --ds-neutral-750-150: var(--grey-750);
  --ds-neutral-750-750: var(--grey-750);
  --ds-neutral-800-100: var(--grey-800);
  --ds-neutral-800-1000: var(--grey-800);
  --ds-neutral-800-500: var(--grey-800);
  --ds-neutral-800-600: var(--grey-800);
  --ds-neutral-800-700: var(--grey-800);
  --ds-neutral-800-800: var(--grey-800);
  --ds-neutral-900-0: var(--grey-900);
  --ds-neutral-900-050: var(--grey-900);
  --ds-neutral-900-900: var(--grey-900);
  --ds-alert-component-box-shadow: 0 1px 2px -1px var(--ds-alpha-bb-008-024), 0 2px 4px 0 var(--ds-alpha-bb-004-004);
  --ds-main-button-box-shadow-focus:
    0 0 2px 0 var(--ds-alpha-bb-040-024),
    0 2px 0 0 var(--ds-alpha-ww-024-016) inset,
    0 0 0 1px var(--ds-neutral-0-900),
    0 0 0 3px var(--ds-alpha-blue-060-080);
  --ds-secondary-button-box-shadow-focus:
    0 0 2px 0 var(--ds-alpha-bb-008-064),
    0 0 0 1px var(--ds-neutral-0-900),
    0 0 0 3px var(--alpha-blue-alpha-blue-060);
  --ds-severity-button-box-shadow: 0 2px 0 0 var(--ds-alpha-wb-024-012) inset, 0 0 2px 0 var(--ds-alpha-bb-008-024);
  --ds-severity-button-box-shadow-focus:
    0 2px 0 0 var(--ds-alpha-wb-024-012) inset,
    0 0 2px 0 var(--ds-alpha-bb-008-024),
    0 0 0 1px var(--ds-neutral-0-900),
    0 0 0 3px var(--alpha-blue-alpha-blue-060);
  --ds-top-bar-component-box-shadow: 0 0 0 1px var(--ds-alpha-bb-008-024), 0 1px 24px 0 var(--ds-alpha-bw-008-006);
  --ds-panel-border:
    linear-gradient(
      0deg,
      var(--ds-neutral-900-050) 0%,
      var(--ds-neutral-900-050) 100%),
    linear-gradient(
      0deg,
      var(--ds-alpha-ww-0-0) 0%,
      var(--ds-neutral-600-250) 100%);
  --ds-monochrome-box-shadow: 0 1px 0 0 var(--ds-alpha-ww-064-024) inset, 0 0 1px 0 var(--ds-alpha-bb-008-080);
  --ds-control-field-box-shadow-focus: 0 0 0 4px var(--alpha-blue-alpha-blue-050);
  --ds-chips-box-shadow-focus:
    0 0 1px 1px var(--ds-alpha-bb-006-040),
    0 2px 2px 0 var(--ds-alpha-bb-004-040),
    0 0 0 2px var(--ds-neutral-0-900),
    0 0 0 4px var(--ds-alpha-blue-060-080);
  --ds-segmented-control-box-shadow-focus:
    0 0 1px 1px var(--ds-alpha-bb-006-040),
    0 2px 2px 0 var(--ds-alpha-bb-004-040),
    0 0 0 2px var(--ds-neutral-0-900),
    0 0 0 4px var(--ds-alpha-blue-060-080);
  --ds-tooltip-box-shadow: 0 -1px 6px 0 var(--ds-alpha-bb-004-004), 0 2px 5px 0 var(--ds-alpha-bb-010-010);
  --ds-sidebar-container-background-image: var(--ds-sidebar-container-background-image-light);
}
[app-theme=dark],
body[app-theme=dark] [app-theme=root],
body[app-theme=light] [app-theme=alt] {
  --ds-accent-amber-050-950: var(--amber-950);
  --ds-accent-amber-100-900: var(--amber-900);
  --ds-accent-amber-100-950: var(--amber-950);
  --ds-accent-amber-200-800: var(--amber-800);
  --ds-accent-amber-250-700: var(--amber-700);
  --ds-accent-amber-300-600: var(--amber-600);
  --ds-accent-amber-400-500: var(--amber-500);
  --ds-accent-amber-400-600: var(--amber-600);
  --ds-accent-amber-500-400: var(--amber-400);
  --ds-accent-amber-600-300: var(--amber-300);
  --ds-accent-amber-700-250: var(--amber-250);
  --ds-accent-amber-800-200: var(--amber-200);
  --ds-accent-amber-900-100: var(--amber-100);
  --ds-accent-amber-950-050: var(--amber-050);
  --ds-accent-blue-050-950: var(--blue-950);
  --ds-accent-blue-100-500: var(--blue-500);
  --ds-accent-blue-100-800: var(--blue-800);
  --ds-accent-blue-100-900: var(--blue-900);
  --ds-accent-blue-200-800: var(--blue-800);
  --ds-accent-blue-250-700: var(--blue-700);
  --ds-accent-blue-300-300: var(--blue-300);
  --ds-accent-blue-300-600: var(--blue-600);
  --ds-accent-blue-400-300: var(--blue-300);
  --ds-accent-blue-400-400: var(--blue-500);
  --ds-accent-blue-400-500: var(--blue-500);
  --ds-accent-blue-500-300: var(--blue-300);
  --ds-accent-blue-500-400: var(--blue-400);
  --ds-accent-blue-600-300: var(--blue-300);
  --ds-accent-blue-700-250: var(--blue-250);
  --ds-accent-blue-800-200: var(--blue-200);
  --ds-accent-blue-900-100: var(--blue-100);
  --ds-accent-blue-950-050: var(--blue-050);
  --ds-accent-cyan-050-950: var(--cyan-950);
  --ds-accent-cyan-100-900: var(--cyan-900);
  --ds-accent-cyan-200-800: var(--cyan-800);
  --ds-accent-cyan-250-700: var(--cyan-700);
  --ds-accent-cyan-300-600: var(--cyan-600);
  --ds-accent-cyan-400-500: var(--cyan-500);
  --ds-accent-cyan-500-400: var(--cyan-400);
  --ds-accent-cyan-600-300: var(--cyan-300);
  --ds-accent-cyan-700-250: var(--cyan-250);
  --ds-accent-cyan-800-200: var(--cyan-200);
  --ds-accent-cyan-900-100: var(--cyan-100);
  --ds-accent-cyan-950-050: var(--cyan-050);
  --ds-accent-green-050-950: var(--green-950);
  --ds-accent-green-100-900: var(--green-900);
  --ds-accent-green-100-950: var(--green-950);
  --ds-accent-green-200-800: var(--green-800);
  --ds-accent-green-250-700: var(--green-700);
  --ds-accent-green-300-600: var(--green-600);
  --ds-accent-green-400-500: var(--green-500);
  --ds-accent-green-400-600: var(--green-600);
  --ds-accent-green-500-400: var(--green-400);
  --ds-accent-green-600-300: var(--green-300);
  --ds-accent-green-600-600: var(--green-600);
  --ds-accent-green-600-700: var(--green-700);
  --ds-accent-green-700-250: var(--green-250);
  --ds-accent-green-700-500: var(--green-500);
  --ds-accent-green-800-200: var(--green-200);
  --ds-accent-green-800-500: var(--green-500);
  --ds-accent-green-900-100: var(--green-100);
  --ds-accent-green-950-050: var(--green-050);
  --ds-accent-olive-050-950: var(--olive-950);
  --ds-accent-olive-100-900: var(--olive-900);
  --ds-accent-olive-200-800: var(--olive-800);
  --ds-accent-olive-250-700: var(--olive-700);
  --ds-accent-olive-300-600: var(--olive-600);
  --ds-accent-olive-400-500: var(--olive-500);
  --ds-accent-olive-500-400: var(--olive-400);
  --ds-accent-olive-600-300: var(--olive-300);
  --ds-accent-olive-700-250: var(--olive-250);
  --ds-accent-olive-800-200: var(--olive-200);
  --ds-accent-olive-900-100: var(--olive-100);
  --ds-accent-olive-950-050: var(--olive-050);
  --ds-accent-orange-050-950: var(--orange-950);
  --ds-accent-orange-100-900: var(--orange-900);
  --ds-accent-orange-200-800: var(--orange-800);
  --ds-accent-orange-250-700: var(--orange-700);
  --ds-accent-orange-300-600: var(--orange-600);
  --ds-accent-orange-400-500: var(--orange-500);
  --ds-accent-orange-400-600: var(--orange-600);
  --ds-accent-orange-500-400: var(--orange-400);
  --ds-accent-orange-600-300: var(--orange-300);
  --ds-accent-orange-700-250: var(--orange-250);
  --ds-accent-orange-800-200: var(--orange-200);
  --ds-accent-orange-900-100: var(--orange-100);
  --ds-accent-orange-950-050: var(--orange-050);
  --ds-accent-pink-050-950: var(--pink-950);
  --ds-accent-pink-100-900: var(--pink-900);
  --ds-accent-pink-200-800: var(--pink-800);
  --ds-accent-pink-250-700: var(--pink-700);
  --ds-accent-pink-300-600: var(--pink-600);
  --ds-accent-pink-400-500: var(--pink-500);
  --ds-accent-pink-500-400: var(--pink-400);
  --ds-accent-pink-600-300: var(--pink-300);
  --ds-accent-pink-700-250: var(--pink-250);
  --ds-accent-pink-800-200: var(--pink-200);
  --ds-accent-pink-900-100: var(--pink-100);
  --ds-accent-pink-950-050: var(--pink-050);
  --ds-accent-purple-050-950: var(--purple-950);
  --ds-accent-purple-100-900: var(--purple-900);
  --ds-accent-purple-200-800: var(--purple-800);
  --ds-accent-purple-250-700: var(--purple-700);
  --ds-accent-purple-300-600: var(--purple-600);
  --ds-accent-purple-400-500: var(--purple-500);
  --ds-accent-purple-500-400: var(--purple-400);
  --ds-accent-purple-600-300: var(--purple-300);
  --ds-accent-purple-700-250: var(--purple-250);
  --ds-accent-purple-800-200: var(--purple-200);
  --ds-accent-purple-900-100: var(--purple-100);
  --ds-accent-purple-950-050: var(--purple-050);
  --ds-accent-red-050-950: var(--red-950);
  --ds-accent-red-100-900: var(--red-900);
  --ds-accent-red-100-950: var(--red-950);
  --ds-accent-red-200-800: var(--red-800);
  --ds-accent-red-250-700: var(--red-700);
  --ds-accent-red-300-600: var(--red-600);
  --ds-accent-red-400-500: var(--red-500);
  --ds-accent-red-400-600: var(--red-600);
  --ds-accent-red-500-400: var(--red-400);
  --ds-accent-red-500-500: var(--red-400);
  --ds-accent-red-500-800: var(--red-800);
  --ds-accent-red-600-300: var(--red-300);
  --ds-accent-red-600-700: var(--red-700);
  --ds-accent-red-700-250: var(--red-250);
  --ds-accent-red-700-400: var(--red-400);
  --ds-accent-red-800-200: var(--red-200);
  --ds-accent-red-900-100: var(--red-100);
  --ds-accent-red-950-050: var(--red-050);
  --ds-accent-red-950-100: var(--red-100);
  --ds-accent-yellow-050-950: var(--yellow-950);
  --ds-accent-yellow-100-900: var(--yellow-900);
  --ds-accent-yellow-200-800: var(--yellow-800);
  --ds-accent-yellow-250-700: var(--yellow-700);
  --ds-accent-yellow-300-600: var(--yellow-600);
  --ds-accent-yellow-400-500: var(--yellow-500);
  --ds-accent-yellow-500-400: var(--yellow-400);
  --ds-accent-yellow-600-300: var(--yellow-300);
  --ds-accent-yellow-700-250: var(--yellow-250);
  --ds-accent-yellow-800-200: var(--yellow-200);
  --ds-accent-yellow-900-100: var(--yellow-100);
  --ds-accent-yellow-950-050: var(--yellow-050);
  --ds-alpha-bb-000-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-002-002: var(--alpha-black-alpha-002);
  --ds-alpha-bb-004-004: var(--alpha-black-alpha-004);
  --ds-alpha-bb-004-006: var(--alpha-black-alpha-006);
  --ds-alpha-bb-004-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-004-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-006-006: var(--alpha-black-alpha-006);
  --ds-alpha-bb-006-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-006-056: var(--alpha-black-alpha-056);
  --ds-alpha-bb-008-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-008-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-008-064: var(--alpha-black-alpha-064);
  --ds-alpha-bb-008-080: var(--alpha-black-alpha-080);
  --ds-alpha-bb-010-010: var(--alpha-black-alpha-010);
  --ds-alpha-bb-012-008: var(--alpha-black-alpha-008);
  --ds-alpha-bb-012-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-012-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-012-064: var(--alpha-black-alpha-064);
  --ds-alpha-bb-016-016: var(--alpha-black-alpha-016);
  --ds-alpha-bb-016-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-016-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-016-064: var(--alpha-black-alpha-064);
  --ds-alpha-bb-024-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-024-064: var(--alpha-black-alpha-064);
  --ds-alpha-bb-040-008: var(--alpha-black-alpha-008);
  --ds-alpha-bb-040-024: var(--alpha-black-alpha-024);
  --ds-alpha-bb-040-040: var(--alpha-black-alpha-040);
  --ds-alpha-bb-040-064: var(--alpha-black-alpha-064);
  --ds-alpha-bb-072-072: var(--alpha-black-alpha-072);
  --ds-alpha-bb-088-024: var(--alpha-black-alpha-024);
  --ds-alpha-blue-051-051: var(--alpha-blue-alpha-blue-051);
  --ds-alpha-blue-060-050: var(--alpha-blue-alpha-blue-050);
  --ds-alpha-blue-060-080: var(--alpha-blue-alpha-blue-080);
  --ds-alpha-blue-060-099: var(--alpha-blue-alpha-blue-099);
  --ds-alpha-blue-061-061: var(--alpha-blue-alpha-blue-061);
  --ds-alpha-bw-0-0: var(--alpha-white-alpha-0);
  --ds-alpha-bw-0-088: var(--alpha-white-alpha-088);
  --ds-alpha-bw-0-100: var(--ds-neutral-0-0);
  --ds-alpha-bw-002-002: var(--alpha-white-alpha-002);
  --ds-alpha-bw-002-080: var(--alpha-white-alpha-080);
  --ds-alpha-bw-004-002: var(--alpha-white-alpha-002);
  --ds-alpha-bw-004-004: var(--alpha-white-alpha-004);
  --ds-alpha-bw-004-072: var(--alpha-white-alpha-072);
  --ds-alpha-bw-006-006: var(--alpha-white-alpha-006);
  --ds-alpha-bw-006-064: var(--alpha-white-alpha-064);
  --ds-alpha-bw-008-006: var(--alpha-white-alpha-006);
  --ds-alpha-bw-008-012: var(--alpha-white-alpha-012);
  --ds-alpha-bw-008-056: var(--alpha-white-alpha-056);
  --ds-alpha-bw-010-040: var(--alpha-white-alpha-040);
  --ds-alpha-bw-012-024: var(--alpha-white-alpha-024);
  --ds-alpha-bw-016-016: var(--alpha-white-alpha-016);
  --ds-alpha-bw-024-012: var(--alpha-white-alpha-012);
  --ds-alpha-bw-024-024: var(--alpha-white-alpha-024);
  --ds-alpha-bw-040-010: var(--alpha-white-alpha-010);
  --ds-alpha-bw-056-008: var(--alpha-white-alpha-008);
  --ds-alpha-bw-064-006: var(--alpha-white-alpha-006);
  --ds-alpha-bw-072-004: var(--alpha-white-alpha-004);
  --ds-alpha-bw-080-002: var(--alpha-white-alpha-002);
  --ds-alpha-bw-088-0: var(--alpha-white-alpha-0);
  --ds-alpha-bw-100-0: var(--ds-neutral-0-0);
  --ds-alpha-red-015-015: var(--alpha-red-alpha-red-040);
  --ds-alpha-red-040-040: var(--alpha-red-alpha-red-040);
  --ds-alpha-wb-0-0: var(--alpha-black-alpha-0);
  --ds-alpha-wb-0-088: var(--alpha-black-alpha-088);
  --ds-alpha-wb-0-100: var(--ds-neutral-1000-1000);
  --ds-alpha-wb-002-080: var(--alpha-black-alpha-080);
  --ds-alpha-wb-004-072: var(--alpha-black-alpha-072);
  --ds-alpha-wb-006-064: var(--alpha-black-alpha-064);
  --ds-alpha-wb-008-056: var(--alpha-black-alpha-056);
  --ds-alpha-wb-010-040: var(--alpha-black-alpha-040);
  --ds-alpha-wb-012-024: var(--alpha-black-alpha-024);
  --ds-alpha-wb-016-016: var(--alpha-black-alpha-016);
  --ds-alpha-wb-024-012: var(--alpha-black-alpha-012);
  --ds-alpha-wb-040-010: var(--alpha-black-alpha-010);
  --ds-alpha-wb-056-008: var(--alpha-black-alpha-008);
  --ds-alpha-wb-064-006: var(--alpha-black-alpha-006);
  --ds-alpha-wb-072-004: var(--alpha-black-alpha-004);
  --ds-alpha-wb-080-002: var(--alpha-black-alpha-002);
  --ds-alpha-wb-080-080: var(--alpha-black-alpha-080);
  --ds-alpha-wb-100-100: var(--alpha-black-alpha-100);
  --ds-alpha-wb-88-0: var(--alpha-black-alpha-0);
  --ds-alpha-ww-0-0: var(--alpha-white-alpha-0);
  --ds-alpha-ww-0-072: var(--alpha-white-alpha-072);
  --ds-alpha-ww-0-100: var(--ds-neutral-0-0);
  --ds-alpha-ww-004-004: var(--alpha-white-alpha-004);
  --ds-alpha-ww-006-006: var(--alpha-white-alpha-006);
  --ds-alpha-ww-012-006: var(--alpha-white-alpha-006);
  --ds-alpha-ww-012-012: var(--alpha-white-alpha-012);
  --ds-alpha-ww-024-008: var(--alpha-white-alpha-008);
  --ds-alpha-ww-024-010: var(--alpha-white-alpha-010);
  --ds-alpha-ww-024-016: var(--alpha-white-alpha-016);
  --ds-alpha-ww-024-024: var(--alpha-white-alpha-024);
  --ds-alpha-ww-024-088: var(--alpha-white-alpha-088);
  --ds-alpha-ww-064-024: var(--alpha-white-alpha-024);
  --ds-alpha-ww-080-072: var(--alpha-white-alpha-072);
  --ds-alpha-ww-088-0: var(--alpha-white-alpha-0);
  --ds-alpha-ww-100-012: var(--alpha-white-alpha-012);
  --ds-neutral-0-0: var(--grey-0);
  --ds-neutral-0-1000: var(--grey-1000);
  --ds-neutral-0-500: var(--grey-500);
  --ds-neutral-0-600: var(--grey-600);
  --ds-neutral-0-800: var(--grey-800);
  --ds-neutral-0-900: var(--grey-900);
  --ds-neutral-050-1000: var(--grey-1000);
  --ds-neutral-050-700: var(--grey-700);
  --ds-neutral-050-750: var(--grey-750);
  --ds-neutral-050-800: var(--grey-800);
  --ds-neutral-050-900: var(--grey-900);
  --ds-neutral-100-1000: var(--grey-1000);
  --ds-neutral-100-600: var(--grey-600);
  --ds-neutral-100-700: var(--grey-700);
  --ds-neutral-100-750: var(--grey-750);
  --ds-neutral-100-800: var(--grey-800);
  --ds-neutral-1000-0: var(--grey-0);
  --ds-neutral-1000-1000: var(--grey-1000);
  --ds-neutral-1000-150: var(--grey-150);
  --ds-neutral-1000-200: var(--grey-200);
  --ds-neutral-1000-400: var(--grey-400);
  --ds-neutral-1000-500: var(--grey-500);
  --ds-neutral-1000-600: var(--grey-600);
  --ds-neutral-1000-700: var(--grey-700);
  --ds-neutral-1000-750: var(--grey-750);
  --ds-neutral-150-100: var(--grey-100);
  --ds-neutral-150-1000: var(--grey-1000);
  --ds-neutral-150-600: var(--grey-600);
  --ds-neutral-150-700: var(--grey-700);
  --ds-neutral-150-750: var(--grey-750);
  --ds-neutral-150-800: var(--grey-800);
  --ds-neutral-200-1000: var(--grey-1000);
  --ds-neutral-200-200: var(--grey-200);
  --ds-neutral-200-600: var(--grey-600);
  --ds-neutral-200-700: var(--grey-700);
  --ds-neutral-200-750: var(--grey-750);
  --ds-neutral-200-800: var(--grey-800);
  --ds-neutral-200-900: var(--grey-900);
  --ds-neutral-250-600: var(--grey-600);
  --ds-neutral-250-700: var(--grey-700);
  --ds-neutral-300-300: var(--grey-300);
  --ds-neutral-300-500: var(--grey-500);
  --ds-neutral-300-600: var(--grey-600);
  --ds-neutral-300-700: var(--grey-700);
  --ds-neutral-400-400: var(--grey-400);
  --ds-neutral-400-500: var(--grey-500);
  --ds-neutral-400-600: var(--grey-600);
  --ds-neutral-400-700: var(--grey-700);
  --ds-neutral-500-300: var(--grey-300);
  --ds-neutral-500-400: var(--grey-400);
  --ds-neutral-500-500: var(--grey-500);
  --ds-neutral-500-700: var(--grey-700);
  --ds-neutral-600-250: var(--grey-250);
  --ds-neutral-600-300: var(--grey-300);
  --ds-neutral-600-400: var(--grey-400);
  --ds-neutral-600-500: var(--grey-500);
  --ds-neutral-600-600: var(--grey-600);
  --ds-neutral-600-900: var(--grey-900);
  --ds-neutral-700-100: var(--grey-100);
  --ds-neutral-700-200: var(--grey-200);
  --ds-neutral-700-300: var(--grey-300);
  --ds-neutral-700-400: var(--grey-400);
  --ds-neutral-700-500: var(--grey-500);
  --ds-neutral-700-600: var(--grey-600);
  --ds-neutral-700-700: var(--grey-700);
  --ds-neutral-700-800: var(--grey-800);
  --ds-neutral-750-150: var(--grey-150);
  --ds-neutral-750-750: var(--grey-750);
  --ds-neutral-800-100: var(--grey-100);
  --ds-neutral-800-1000: var(--grey-1000);
  --ds-neutral-800-500: var(--grey-500);
  --ds-neutral-800-600: var(--grey-600);
  --ds-neutral-800-700: var(--grey-700);
  --ds-neutral-800-800: var(--grey-800);
  --ds-neutral-900-0: var(--grey-0);
  --ds-neutral-900-050: var(--grey-050);
  --ds-neutral-900-900: var(--grey-900);
  --ds-alert-component-box-shadow: 0 1px 2px 0 var(--ds-alpha-bb-008-024), 0 2px 4px 0 var(--ds-alpha-bb-008-024);
  --ds-main-button-box-shadow-focus:
    0 2px 2px 0 var(--ds-alpha-bb-040-024),
    0 2px 0 0 var(--ds-alpha-ww-024-010) inset,
    0 0 0 1px var(--ds-neutral-0-900),
    0 0 0 3px var(--ds-alpha-blue-060-080);
  --ds-secondary-button-box-shadow-focus: 0 0 0 1px var(--ds-neutral-0-900), 0 0 0 3px var(--ds-alpha-blue-060-080);
  --ds-severity-button-box-shadow: 0 2px 0 0 var(--ds-alpha-bw-012-024) inset, 0 2px 2px 0 var(--ds-alpha-bb-008-024);
  --ds-severity-button-box-shadow-focus:
    0 2px 0 0 var(--ds-alpha-bw-012-024) inset,
    0 2px 2px 0 var(--ds-alpha-bb-008-024),
    0 0 0 1px var(--ds-neutral-0-900),
    0 0 0 3px var(--ds-alpha-blue-060-080);
  --ds-top-bar-component-box-shadow: 0 0 0 1px var(--ds-alpha-bb-008-040), 0 1px 24px 0 var(--ds-alpha-bb-008-024);
  --ds-panel-border:
    linear-gradient(
      0deg,
      var(--ds-neutral-900-050) 0%,
      var(--ds-neutral-900-050) 100%),
    linear-gradient(
      0deg,
      var(--ds-alpha-ww-0-0) 0%,
      var(--ds-neutral-600-250) 100%);
  --ds-monochrome-box-shadow: 0 1px 0 0 var(--ds-alpha-ww-012-006) inset, 0 0 1px 0 var(--ds-alpha-bb-040-008);
  --ds-control-field-box-shadow-focus: 0 0 0 4px var(--alpha-blue-alpha-blue-051);
  --ds-chips-box-shadow-focus:
    0 1px 2px 0 var(--ds-alpha-bb-012-040),
    0 0 0 1px var(--ds-alpha-bb-006-006),
    0 0 0 2px var(--ds-neutral-0-900),
    0 0 0 4px var(--alpha-blue-alpha-blue-060);
  --ds-segmented-control-box-shadow-focus:
    0 0 2px 1px var(--ds-alpha-bb-006-040),
    0 2px 2px 0 var(--ds-alpha-bb-004-040),
    0 0 0 2px var(--ds-neutral-0-900),
    0 0 0 4px var(--alpha-blue-alpha-blue-080);
  --ds-tooltip-box-shadow: 0 -1px 0 0 var(--ds-alpha-bb-004-004), 0 2px 5px 0 var(--ds-alpha-bb-010-010);
  --ds-sidebar-container-background-image: var(--ds-sidebar-container-background-image-dark);
}
:root {
  --font-family-sans-serif:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    "Arial",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --ds-border-radius-xs: 4px;
  --ds-border-radius-s: 6px;
  --ds-border-radius-m: 8px;
  --ds-border-radius-l: 10px;
  --ds-border-radius-xl: 16px;
  --ds-border-radius-pill: 500px;
  --ds-sidebar-width: 236px;
  --ds-authorization-area-sidebar-width: 516px;
  --ds-transition-time: 250ms;
  --ds-theme-color: rgb(var(--ds-purple-300));
  --ds-black: 19 17 29;
  --ds-white: 255 255 255;
  --ds-grey-30: 245 245 245;
  --ds-grey-50: 235 235 235;
  --ds-grey-100: 227 229 233;
  --ds-grey-130: 219 220 225;
  --ds-grey-150: 217 221 224;
  --ds-grey-200: 238 238 238;
  --ds-grey-250: 189 192 197;
  --ds-grey-300: 163 166 171;
  --ds-grey-400: 139 144 153;
  --ds-grey-500: 158 158 158;
  --ds-grey-550: 110 112 117;
  --ds-grey-650: 83 85 97;
  --ds-grey-700: 97 97 97;
  --ds-grey-750: 67 75 91;
  --ds-grey-800: 66 66 66;
  --ds-grey-850: 62 64 78;
  --ds-grey-900: 33 33 33;
  --ds-red-20: 251 236 236;
  --ds-red-150: 217 61 61;
  --ds-red-200: 213 51 51;
  --ds-red-300: 196 77 80;
  --ds-red-400: 166 55 55;
  --ds-red-450: 155 52 52;
  --ds-red-600: 129 41 41;
  --ds-red-1000: 222 74 74;
  --ds-deepblue-20: 233 239 255;
  --ds-deepblue-1000: 38 99 255;
  --bs-body-line-height: 1.4285715;
  --bs-body-color: rgb(86 98 112);
  --bs-body-font-size: var(--ds-font-size-14);
  --bs-border-radius: var(--ds-border-radius-m);
  --bs-border-radius-xs: var(--ds-border-radius-xs);
  --bs-border-radius-sm: var(--ds-border-radius-s);
  --bs-border-radius-md: var(--ds-border-radius-s);
  --bs-border-radius-lg: var(--ds-border-radius-m);
  --bs-border-radius-xl: var(--ds-border-radius-l);
  --bs-border-radius-2xl: var(--ds-border-radius-xl);
  --bs-border-radius-pill: var(--ds-border-radius-pill);
}
[class^=bo-icon-]::before,
[class*=" bo-icon-"]::before {
  display: grid;
}
.bo-icon {
  transition: color var(--ds-transition-time);
  color: var(--ds-icon-color, inherit);
  font-size: var(--ds-icon-font-size, inherit);
}
[class^=ds-icon-]::before,
[class*=" ds-icon-"]::before {
  display: grid;
}
.ds-icon {
  transition: color var(--ds-transition-time);
  color: var(--ds-icon-color, inherit);
  font-size: var(--ds-icon-font-size, inherit);
}
@font-face {
  font-family: "v2";
  src: url("./media/v2-5LBSFPCO.ttf?406634070604b68baa07740a0caf0596") format("truetype");
}
i[class^=ds-icon-]:before,
i[class*=" ds-icon-"]:before {
  font-family: v2 !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ds-icon-tag-ticket:before {
  content: "\f101";
}
.ds-icon-tag-thunder:before {
  content: "\f102";
}
.ds-icon-tag-thumbs-up:before {
  content: "\f103";
}
.ds-icon-tag-star:before {
  content: "\f104";
}
.ds-icon-tag-st-patrick:before {
  content: "\f105";
}
.ds-icon-tag-rtp:before {
  content: "\f106";
}
.ds-icon-tag-rocket:before {
  content: "\f107";
}
.ds-icon-tag-new:before {
  content: "\f108";
}
.ds-icon-tag-new-year:before {
  content: "\f109";
}
.ds-icon-tag-halloween:before {
  content: "\f10a";
}
.ds-icon-tag-fish:before {
  content: "\f10b";
}
.ds-icon-tag-fire:before {
  content: "\f10c";
}
.ds-icon-tag-dice:before {
  content: "\f10d";
}
.ds-icon-tag-crystal:before {
  content: "\f10e";
}
.ds-icon-tag-christmas:before {
  content: "\f10f";
}
.ds-icon-tag-card:before {
  content: "\f110";
}
.ds-icon-tag-bonus:before {
  content: "\f111";
}
.ds-icon-tag-bomb:before {
  content: "\f112";
}
.ds-icon-tag-ball:before {
  content: "\f113";
}
.ds-icon-products-sports:before {
  content: "\f114";
}
.ds-icon-products-slots:before {
  content: "\f115";
}
.ds-icon-products-live-casino:before {
  content: "\f116";
}
.ds-icon-products-igames:before {
  content: "\f117";
}
.ds-icon-chips-wave-fill:before {
  content: "\f118";
}
.ds-icon-chips-user-rectangle-fill:before {
  content: "\f119";
}
.ds-icon-chips-time-fill:before {
  content: "\f11a";
}
.ds-icon-chips-sports-fill:before {
  content: "\f11b";
}
.ds-icon-chips-plus-circle-fill:before {
  content: "\f11c";
}
.ds-icon-chips-play-fill:before {
  content: "\f11d";
}
.ds-icon-chips-new-fill:before {
  content: "\f11e";
}
.ds-icon-chips-mail-fill:before {
  content: "\f11f";
}
.ds-icon-chips-list-check-fill:before {
  content: "\f120";
}
.ds-icon-chips-igames-fill:before {
  content: "\f121";
}
.ds-icon-chips-check-double-fill:before {
  content: "\f122";
}
.ds-icon-chips-check-circle-fill:before {
  content: "\f123";
}
.ds-icon-chips-boat-fill:before {
  content: "\f124";
}
.ds-icon-chips-anchor-fill:before {
  content: "\f125";
}
.ds-icon-control-upload:before {
  content: "\f126";
}
.ds-icon-control-unpin:before {
  content: "\f127";
}
.ds-icon-control-undo:before {
  content: "\f128";
}
.ds-icon-control-underline:before {
  content: "\f129";
}
.ds-icon-control-type:before {
  content: "\f12a";
}
.ds-icon-control-sun:before {
  content: "\f12b";
}
.ds-icon-control-strikethrough:before {
  content: "\f12c";
}
.ds-icon-control-settings:before {
  content: "\f12d";
}
.ds-icon-control-search:before {
  content: "\f12e";
}
.ds-icon-control-resize-textarea:before {
  content: "\f12f";
}
.ds-icon-control-redo:before {
  content: "\f130";
}
.ds-icon-control-plus:before {
  content: "\f131";
}
.ds-icon-control-plus-square:before {
  content: "\f132";
}
.ds-icon-control-plus-circle:before {
  content: "\f133";
}
.ds-icon-control-pinned:before {
  content: "\f134";
}
.ds-icon-control-pin:before {
  content: "\f135";
}
.ds-icon-control-online:before {
  content: "\f136";
}
.ds-icon-control-move:before {
  content: "\f137";
}
.ds-icon-control-more:before {
  content: "\f138";
}
.ds-icon-control-more-horizontal:before {
  content: "\f139";
}
.ds-icon-control-moon:before {
  content: "\f13a";
}
.ds-icon-control-minus:before {
  content: "\f13b";
}
.ds-icon-control-minus-square:before {
  content: "\f13c";
}
.ds-icon-control-menu-collapse:before {
  content: "\f13d";
}
.ds-icon-control-loader:before {
  content: "\f13e";
}
.ds-icon-control-link:before {
  content: "\f13f";
}
.ds-icon-control-link-external:before {
  content: "\f140";
}
.ds-icon-control-italic:before {
  content: "\f141";
}
.ds-icon-control-filter:before {
  content: "\f142";
}
.ds-icon-control-filter-plus:before {
  content: "\f143";
}
.ds-icon-control-eye-on:before {
  content: "\f144";
}
.ds-icon-control-eye-off:before {
  content: "\f145";
}
.ds-icon-control-expand:before {
  content: "\f146";
}
.ds-icon-control-edit:before {
  content: "\f147";
}
.ds-icon-control-drag:before {
  content: "\f148";
}
.ds-icon-control-drag-vertical:before {
  content: "\f149";
}
.ds-icon-control-drag-horizontal:before {
  content: "\f14a";
}
.ds-icon-control-download:before {
  content: "\f14b";
}
.ds-icon-control-delete:before {
  content: "\f14c";
}
.ds-icon-control-cross:before {
  content: "\f14d";
}
.ds-icon-control-cross-shield:before {
  content: "\f14e";
}
.ds-icon-control-cross-circle:before {
  content: "\f14f";
}
.ds-icon-control-copy:before {
  content: "\f150";
}
.ds-icon-control-clipboard:before {
  content: "\f151";
}
.ds-icon-control-check:before {
  content: "\f152";
}
.ds-icon-control-check-double:before {
  content: "\f153";
}
.ds-icon-control-check-circle:before {
  content: "\f154";
}
.ds-icon-control-calendar:before {
  content: "\f155";
}
.ds-icon-control-align-vertically:before {
  content: "\f156";
}
.ds-icon-control-align-right:before {
  content: "\f157";
}
.ds-icon-control-align-left:before {
  content: "\f158";
}
.ds-icon-control-align-justify:before {
  content: "\f159";
}
.ds-icon-control-align-center:before {
  content: "\f15a";
}
.ds-icon-chat-smile:before {
  content: "\f15b";
}
.ds-icon-chat-send:before {
  content: "\f15c";
}
.ds-icon-chat-heart:before {
  content: "\f15d";
}
.ds-icon-chat-gif:before {
  content: "\f15e";
}
.ds-icon-general-zip:before {
  content: "\f15f";
}
.ds-icon-general-zap:before {
  content: "\f160";
}
.ds-icon-general-workspace:before {
  content: "\f161";
}
.ds-icon-general-wave:before {
  content: "\f162";
}
.ds-icon-general-warning:before {
  content: "\f163";
}
.ds-icon-general-wallet:before {
  content: "\f164";
}
.ds-icon-general-vendor:before {
  content: "\f165";
}
.ds-icon-general-users:before {
  content: "\f166";
}
.ds-icon-general-user:before {
  content: "\f167";
}
.ds-icon-general-user-rectangle:before {
  content: "\f168";
}
.ds-icon-general-user-plus:before {
  content: "\f169";
}
.ds-icon-general-user-minus:before {
  content: "\f16a";
}
.ds-icon-general-user-cross:before {
  content: "\f16b";
}
.ds-icon-general-user-circle:before {
  content: "\f16c";
}
.ds-icon-general-user-check:before {
  content: "\f16d";
}
.ds-icon-general-unmute:before {
  content: "\f16e";
}
.ds-icon-general-unlock:before {
  content: "\f16f";
}
.ds-icon-general-trophy:before {
  content: "\f170";
}
.ds-icon-general-track:before {
  content: "\f171";
}
.ds-icon-general-tool:before {
  content: "\f172";
}
.ds-icon-general-toggle-right:before {
  content: "\f173";
}
.ds-icon-general-toggle-left:before {
  content: "\f174";
}
.ds-icon-general-time:before {
  content: "\f175";
}
.ds-icon-general-ticket:before {
  content: "\f176";
}
.ds-icon-general-thumbs-down:before {
  content: "\f177";
}
.ds-icon-general-target:before {
  content: "\f178";
}
.ds-icon-general-tag:before {
  content: "\f179";
}
.ds-icon-general-stop:before {
  content: "\f17a";
}
.ds-icon-general-star-fill:before {
  content: "\f17b";
}
.ds-icon-general-star-circle:before {
  content: "\f17c";
}
.ds-icon-general-split:before {
  content: "\f17d";
}
.ds-icon-general-spinner:before {
  content: "\f17e";
}
.ds-icon-general-sparkles:before {
  content: "\f17f";
}
.ds-icon-general-spade:before {
  content: "\f180";
}
.ds-icon-general-smile:before {
  content: "\f181";
}
.ds-icon-general-smile-3:before {
  content: "\f182";
}
.ds-icon-general-smile-2:before {
  content: "\f183";
}
.ds-icon-general-smile-1:before {
  content: "\f184";
}
.ds-icon-general-shield:before {
  content: "\f185";
}
.ds-icon-general-sand-clock:before {
  content: "\f186";
}
.ds-icon-general-repeat:before {
  content: "\f187";
}
.ds-icon-general-refresh:before {
  content: "\f188";
}
.ds-icon-general-receipt:before {
  content: "\f189";
}
.ds-icon-general-ranks:before {
  content: "\f18a";
}
.ds-icon-general-provider:before {
  content: "\f18b";
}
.ds-icon-general-pointer:before {
  content: "\f18c";
}
.ds-icon-general-plus-group:before {
  content: "\f18d";
}
.ds-icon-general-play:before {
  content: "\f18e";
}
.ds-icon-general-placeholder:before {
  content: "\f18f";
}
.ds-icon-general-percent:before {
  content: "\f190";
}
.ds-icon-general-pending:before {
  content: "\f191";
}
.ds-icon-general-pen-tool:before {
  content: "\f192";
}
.ds-icon-general-pause:before {
  content: "\f193";
}
.ds-icon-general-password:before {
  content: "\f194";
}
.ds-icon-general-page:before {
  content: "\f195";
}
.ds-icon-general-operator:before {
  content: "\f196";
}
.ds-icon-general-new:before {
  content: "\f197";
}
.ds-icon-general-mute:before {
  content: "\f198";
}
.ds-icon-general-multimedia:before {
  content: "\f199";
}
.ds-icon-general-money:before {
  content: "\f19a";
}
.ds-icon-general-money-up:before {
  content: "\f19b";
}
.ds-icon-general-money-stack:before {
  content: "\f19c";
}
.ds-icon-general-money-down:before {
  content: "\f19d";
}
.ds-icon-general-mobile:before {
  content: "\f19e";
}
.ds-icon-general-messages:before {
  content: "\f19f";
}
.ds-icon-general-message:before {
  content: "\f1a0";
}
.ds-icon-general-market:before {
  content: "\f1a1";
}
.ds-icon-general-mail:before {
  content: "\f1a2";
}
.ds-icon-general-log-out:before {
  content: "\f1a3";
}
.ds-icon-general-lock:before {
  content: "\f1a4";
}
.ds-icon-general-location:before {
  content: "\f1a5";
}
.ds-icon-general-list-dot:before {
  content: "\f1a6";
}
.ds-icon-general-list-check:before {
  content: "\f1a7";
}
.ds-icon-general-list-arrow-up:before {
  content: "\f1a8";
}
.ds-icon-general-list-arrow-down:before {
  content: "\f1a9";
}
.ds-icon-general-light:before {
  content: "\f1aa";
}
.ds-icon-general-layout:before {
  content: "\f1ab";
}
.ds-icon-general-layers:before {
  content: "\f1ac";
}
.ds-icon-general-key:before {
  content: "\f1ad";
}
.ds-icon-general-info:before {
  content: "\f1ae";
}
.ds-icon-general-info-secondary:before {
  content: "\f1af";
}
.ds-icon-general-inbox:before {
  content: "\f1b0";
}
.ds-icon-general-image:before {
  content: "\f1b1";
}
.ds-icon-general-image-plus:before {
  content: "\f1b2";
}
.ds-icon-general-history:before {
  content: "\f1b3";
}
.ds-icon-general-hash:before {
  content: "\f1b4";
}
.ds-icon-general-grid:before {
  content: "\f1b5";
}
.ds-icon-general-globe:before {
  content: "\f1b6";
}
.ds-icon-general-gift:before {
  content: "\f1b7";
}
.ds-icon-general-gamepad:before {
  content: "\f1b8";
}
.ds-icon-general-free-spins:before {
  content: "\f1b9";
}
.ds-icon-general-folder:before {
  content: "\f1ba";
}
.ds-icon-general-folder-plus:before {
  content: "\f1bb";
}
.ds-icon-general-flowchart:before {
  content: "\f1bc";
}
.ds-icon-general-flag:before {
  content: "\f1bd";
}
.ds-icon-general-file:before {
  content: "\f1be";
}
.ds-icon-general-feedback:before {
  content: "\f1bf";
}
.ds-icon-general-exchange:before {
  content: "\f1c0";
}
.ds-icon-general-error:before {
  content: "\f1c1";
}
.ds-icon-general-egypt:before {
  content: "\f1c2";
}
.ds-icon-general-edit-square:before {
  content: "\f1c3";
}
.ds-icon-general-dollar-sign:before {
  content: "\f1c4";
}
.ds-icon-general-diamond:before {
  content: "\f1c5";
}
.ds-icon-general-desktop:before {
  content: "\f1c6";
}
.ds-icon-general-deposit-bonus:before {
  content: "\f1c7";
}
.ds-icon-general-database:before {
  content: "\f1c8";
}
.ds-icon-general-columns:before {
  content: "\f1c9";
}
.ds-icon-general-coins:before {
  content: "\f1ca";
}
.ds-icon-general-code:before {
  content: "\f1cb";
}
.ds-icon-general-cloud-download:before {
  content: "\f1cc";
}
.ds-icon-general-circle:before {
  content: "\f1cd";
}
.ds-icon-general-check-shield:before {
  content: "\f1ce";
}
.ds-icon-general-chart:before {
  content: "\f1cf";
}
.ds-icon-general-cash-out:before {
  content: "\f1d0";
}
.ds-icon-general-card:before {
  content: "\f1d1";
}
.ds-icon-general-card-up:before {
  content: "\f1d2";
}
.ds-icon-general-card-down:before {
  content: "\f1d3";
}
.ds-icon-general-calculator:before {
  content: "\f1d4";
}
.ds-icon-general-broom:before {
  content: "\f1d5";
}
.ds-icon-general-briefcase:before {
  content: "\f1d6";
}
.ds-icon-general-branding:before {
  content: "\f1d7";
}
.ds-icon-general-bookmark:before {
  content: "\f1d8";
}
.ds-icon-general-boat:before {
  content: "\f1d9";
}
.ds-icon-general-blocked:before {
  content: "\f1da";
}
.ds-icon-general-bell:before {
  content: "\f1db";
}
.ds-icon-general-bell-new:before {
  content: "\f1dc";
}
.ds-icon-general-auto:before {
  content: "\f1dd";
}
.ds-icon-general-archive:before {
  content: "\f1de";
}
.ds-icon-general-anchor:before {
  content: "\f1df";
}
.ds-icon-general-alert-octagon:before {
  content: "\f1e0";
}
.ds-icon-changelog-toggle-right-colored:before {
  content: "\f1e1";
}
.ds-icon-changelog-toggle-left-colored:before {
  content: "\f1e2";
}
.ds-icon-changelog-plus-colored:before {
  content: "\f1e3";
}
.ds-icon-changelog-layers-colored:before {
  content: "\f1e4";
}
.ds-icon-changelog-image-colored:before {
  content: "\f1e5";
}
.ds-icon-changelog-eye-on-colored:before {
  content: "\f1e6";
}
.ds-icon-changelog-eye-off-colored:before {
  content: "\f1e7";
}
.ds-icon-changelog-edit-colored:before {
  content: "\f1e8";
}
.ds-icon-changelog-delete-colored:before {
  content: "\f1e9";
}
.ds-icon-changelog-arrow-circle-up-colored:before {
  content: "\f1ea";
}
.ds-icon-changelog-arrow-circle-down-colored:before {
  content: "\f1eb";
}
.ds-icon-category-turbo-games:before {
  content: "\f1ec";
}
.ds-icon-category-table-games:before {
  content: "\f1ed";
}
.ds-icon-category-scratch:before {
  content: "\f1ee";
}
.ds-icon-category-roulette:before {
  content: "\f1ef";
}
.ds-icon-category-mines:before {
  content: "\f1f0";
}
.ds-icon-category-live-shows:before {
  content: "\f1f1";
}
.ds-icon-category-jackpots:before {
  content: "\f1f2";
}
.ds-icon-category-game-shows:before {
  content: "\f1f3";
}
.ds-icon-category-fishing:before {
  content: "\f1f4";
}
.ds-icon-category-crash-games:before {
  content: "\f1f5";
}
.ds-icon-category-bonus-buy:before {
  content: "\f1f6";
}
.ds-icon-category-blackjack:before {
  content: "\f1f7";
}
.ds-icon-category-black-jack:before {
  content: "\f1f8";
}
.ds-icon-category-baccarat:before {
  content: "\f1f9";
}
.ds-icon-arrows-range-filter:before {
  content: "\f1fa";
}
.ds-icon-arrows-corner-up-right:before {
  content: "\f1fb";
}
.ds-icon-arrows-corner-up-left:before {
  content: "\f1fc";
}
.ds-icon-arrows-corner-down-right:before {
  content: "\f1fd";
}
.ds-icon-arrows-corner-down-left:before {
  content: "\f1fe";
}
.ds-icon-arrows-chevron-up:before {
  content: "\f1ff";
}
.ds-icon-arrows-chevron-up-down:before {
  content: "\f200";
}
.ds-icon-arrows-chevron-right:before {
  content: "\f201";
}
.ds-icon-arrows-chevron-mini-up:before {
  content: "\f202";
}
.ds-icon-arrows-chevron-mini-right:before {
  content: "\f203";
}
.ds-icon-arrows-chevron-mini-left:before {
  content: "\f204";
}
.ds-icon-arrows-chevron-mini-down:before {
  content: "\f205";
}
.ds-icon-arrows-chevron-left:before {
  content: "\f206";
}
.ds-icon-arrows-chevron-down:before {
  content: "\f207";
}
.ds-icon-arrows-chevron-double-up:before {
  content: "\f208";
}
.ds-icon-arrows-chevron-double-right:before {
  content: "\f209";
}
.ds-icon-arrows-chevron-double-left:before {
  content: "\f20a";
}
.ds-icon-arrows-chevron-double-down:before {
  content: "\f20b";
}
.ds-icon-arrows-arrow-up:before {
  content: "\f20c";
}
.ds-icon-arrows-arrow-right:before {
  content: "\f20d";
}
.ds-icon-arrows-arrow-left:before {
  content: "\f20e";
}
.ds-icon-arrows-arrow-down:before {
  content: "\f20f";
}
.ds-icon-arrows-arrow-circle-up:before {
  content: "\f210";
}
.ds-icon-arrows-arrow-circle-right:before {
  content: "\f211";
}
.ds-icon-arrows-arrow-circle-left:before {
  content: "\f212";
}
.ds-icon-arrows-arrow-circle-down:before {
  content: "\f213";
}
:root {
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semi-bold: 600;
  --ds-font-size-12: 12px;
  --ds-font-size-13: 13px;
  --ds-font-size-14: 14px;
  --ds-font-size-15: 15px;
  --ds-font-size-16: 16px;
  --ds-font-size-18: 18px;
  --ds-font-size-20: 20px;
  --ds-font-size-24: 24px;
  --ds-font-size-28: 28px;
  --ds-font-size-32: 32px;
  --ds-font-size-36: 36px;
  --ds-font-size-48: 48px;
  --ds-line-height-16: 16px;
  --ds-line-height-20: 20px;
  --ds-line-height-24: 24px;
  --ds-line-height-28: 28px;
  --ds-line-height-30: 30px;
  --ds-line-height-32: 32px;
  --ds-line-height-34: 34px;
  --ds-line-height-40: 40px;
  --ds-line-height-44: 44px;
  --ds-line-height-58: 58px;
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("./media/Inter-BCWOMLLA.woff2") format("woff2");
}
.text-body-l {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
}
.text-body-l-m {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-l-sb {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
}
.text-body-m-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-m-sb {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-s {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.text-body-s-m {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-s-sb {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-xs {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
}
.text-body-xs-m {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-xs-sb {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxxl {
  font-size: var(--ds-font-size-48);
  line-height: var(--ds-line-height-58);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxl {
  font-size: var(--ds-font-size-36);
  line-height: var(--ds-line-height-44);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xl {
  font-size: var(--ds-font-size-32);
  line-height: var(--ds-line-height-40);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--ds-font-size-28);
  line-height: var(--ds-line-height-34);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--ds-font-size-20);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--ds-font-size-13);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
  text-transform: uppercase;
  font-weight: var(--ds-font-weight-medium);
}
.text-paragraph-xl {
  font-size: var(--ds-font-size-18);
  line-height: var(--ds-line-height-28);
}
.text-paragraph-l {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-24);
}
.text-paragraph-l-sb {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-paragraph-m {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-24);
}
.text-paragraph-m-sb {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-paragraph-s {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-20);
}
.text-amount-l {
  font-size: var(--ds-font-size-18);
  line-height: var(--ds-line-height-28);
}
.text-amount-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
}
.text-amount-s {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.text-amount-xs {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
}
.text-weight-r {
  font-weight: var(--ds-font-weight-regular);
}
.text-weight-m {
  font-weight: var(--ds-font-weight-medium);
}
.text-weight-sb {
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxxl {
  font-size: var(--ds-font-size-48);
  line-height: var(--ds-line-height-58);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxl {
  font-size: var(--ds-font-size-36);
  line-height: var(--ds-line-height-44);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xl {
  font-size: var(--ds-font-size-32);
  line-height: var(--ds-line-height-40);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--ds-font-size-28);
  line-height: var(--ds-line-height-34);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--ds-font-size-20);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--ds-font-size-13);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
  text-transform: uppercase;
  font-weight: var(--ds-font-weight-medium);
}
.text-body-l {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
}
.text-body-l-m {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-l-sb {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
}
.text-body-m-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-m-sb {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-s {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.text-body-s-m {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-s-sb {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-xs {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
}
.text-body-xs-m {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-xs-sb {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-semi-bold);
}
.page-header.ds-component {
  --ds-page-header-col-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: var(--ds-page-header-custom-align-items, center);
  gap: 6px;
  border-bottom: 1px solid var(--ds-page-header-border-color, transparent);
  background: var(--ds-page-header-background, transparent);
  box-shadow: var(--ds-page-header-box-shadow, none);
  min-height: 69px;
  padding: 16px 24px;
}
.page-header.ds-component.page-header--filled {
  --ds-page-header-background: var(--ds-neutral-050-800);
}
.page-header.ds-component.page-header--outlined {
  --ds-page-header-border-color: var(--ds-neutral-150-1000);
  --ds-page-header-box-shadow: 0 1px 0 0 var(--ds-neutral-050-750);
}
.page-header.ds-component .page-header__row {
  --ds-page-header-grid-template: repeat(auto-fit, minmax(0, 1fr));
  display: grid;
  grid-template-columns: var(--ds-page-header-grid-custom-template, var(--ds-page-header-grid-template));
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.page-header.ds-component .page-header__row > :nth-child(2) {
  justify-self: end;
}
.page-header.ds-component .page-header__row--auto-first {
  --ds-page-header-grid-template: auto 1fr;
}
.page-header.ds-component .page-header__row--auto-first > :last-child {
  min-width: 0;
}
.page-header.ds-component .page-header__row--auto-second {
  --ds-page-header-grid-template: 1fr auto;
}
.page-header.ds-component .page-header__row--auto-second > :first-child {
  min-width: 0;
}
.page-header.ds-component .page-header__col {
  display: flex;
  align-items: center;
  gap: var(--ds-page-header-col-gap);
}
.page-header.ds-component .page-header__col--gap-md {
  --ds-page-header-col-gap: 12px;
}
.page-header.ds-component .page-header__col--gap-lg {
  --ds-page-header-col-gap: 16px;
}
.page-header.ds-component .page-header__title {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
  display: flex;
  align-items: center;
  gap: var(--ds-page-header-col-gap);
  color: var(--ds-neutral-1000-0);
  margin: 0;
}
.page-header.ds-component .page-header__title .ds-icon {
  color: var(--ds-page-header-icon-custom-color, var(--ds-accent-green-800-500));
}
.page-header.ds-component .page-header__badge-list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-header.ds-component .page-header__controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page-header.ds-component .page-header__info {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: var(--ds-neutral-600-400);
}
.form-help-text {
  font-size: 12px;
  color: rgb(var(--ds-grey-250));
  grid-area: icon;
}
.form-help-text__body {
  pointer-events: none;
}
.ng-select .ng-select-container {
  color: rgb(var(--ds-grey-750));
  border: 1px solid rgb(var(--ds-grey-250));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(var(--ds-white));
  border-radius: var(--ds-border-radius-m);
  min-height: 44px;
  padding: 12px;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border: 1px solid rgb(var(--ds-grey-250));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.ng-select.ng-select-opened > .ng-select-container {
  border-color: rgb(var(--ds-grey-250));
  background: rgb(var(--ds-white));
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding: 0;
  gap: 8px;
  align-items: center;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(var(--ds-grey-750));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 8px 8px 8px 12px;
  color: rgb(var(--ds-grey-750));
  background-color: rgb(var(--ds-deepblue-20));
  border-radius: var(--ds-border-radius-xs);
  font-size: var(--ds-font-size-16);
  line-height: 20px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value:has(.error-item) {
  background: rgb(var(--ds-red-20));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value:has(.error-item) .form-help-text path {
  fill: rgb(var(--ds-red-600));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background: transparent;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: none;
  padding: 3px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input[role=combobox] {
  min-width: 150px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: rgb(var(--ds-grey-850));
}
.ng-select .ng-arrow-wrapper,
.ng-select .ng-clear-wrapper {
  display: none;
}
.ng-dropdown-panel {
  background-color: rgb(var(--ds-white));
  box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid rgb(var(--ds-grey-130));
}
.ng-dropdown-panel.ng-select-bottom {
  visibility: hidden;
  z-index: 99999;
  padding: 8px;
  border-radius: var(--ds-border-radius-m);
  margin-top: 0;
  border-top-color: rgb(var(--ds-grey-130));
}
.ng-dropdown-panel.ng-select-bottom[isRequestCompleted=true] {
  visibility: visible;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: rgb(var(--ds-grey-650));
  padding: 8px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(var(--ds-purple-300));
  color: rgb(var(--ds-white));
  border-radius: var(--ds-border-radius-xs);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  opacity: 0.5;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: var(--ds-font-size-14);
  padding-right: 8px;
}
.text-body-l {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
}
.text-body-l-m {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-l-sb {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
}
.text-body-m-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-m-sb {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-s {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.text-body-s-m {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-s-sb {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-xs {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
}
.text-body-xs-m {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-xs-sb {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-semi-bold);
}
ngb-datepicker.dropdown-menu {
  min-width: var(--ds-datepicker-custom-min-width, 296px);
}
.ngb-dp-header:empty {
  display: none;
}
.datepicker-open-button {
  margin: 0;
  padding: 0;
  cursor: pointer !important;
  border-radius: var(--radius-5) 0 0 var(--radius-5);
  box-shadow: none;
}
.datepicker-open-button:hover:not(:focus-visible) {
  color: var(--ds-datepicker-open-button-custom-color-hover, var(--ds-neutral-600-300));
}
.datepicker-open-button:focus-visible,
.datepicker-open-button--active {
  outline: none;
  color: var(--ds-datepicker-open-button-custom-color-focus, var(--ds-neutral-0-1000)) !important;
  background-color: var(--ds-datepicker-open-button-custom-background-focus, var(--ds-accent-blue-400-300));
}
.control-field {
  --ds-icon-font-size: var(--ds-font-size-16);
  display: flex;
  background: var(--ds-control-field-custom-background, var(--ds-neutral-0-900));
  border: 1px solid var(--ds-control-field-custom-border-color, var(--ds-neutral-200-700));
  border-radius: var(--ds-control-field-custom-border-radius, var(--radius-6));
  box-shadow: var(--ds-control-field-custom-box-shadow, 0 1px 1px 1px var(--ds-alpha-bb-000-040), 0 0 2px 0 var(--ds-alpha-bb-012-040));
  transition:
    background var(--ds-transition-time) ease,
    border var(--ds-transition-time) ease,
    box-shadow var(--ds-transition-time) ease;
}
.control-field:has(.control-field__input:focus):not(.control-field--disabled, .control-field--invalid),
.control-field.show {
  border: 1px solid var(--ds-control-field-custom-border-color-focus, var(--ds-accent-blue-300-300));
  box-shadow: var(--ds-control-field-custom-box-shadow-focus, var(--ds-control-field-box-shadow-focus));
  background: var(--ds-control-field-custom-background, var(--ds-neutral-0-900));
}
.control-field:has(.control-field__input:focus):not(.control-field--disabled, .control-field--invalid) .control-field__submit-button,
.control-field.show .control-field__submit-button {
  opacity: 1;
  visibility: visible;
}
.control-field:hover:not(.control-field--disabled, .show, .control-field--colored, .control-field--invalid, :has(.control-field__input:focus)) {
  background: var(--ds-control-field-custom-background-hover, var(--ds-neutral-050-800));
}
.control-field .ds-icon {
  font-size: var(--ds-font-size-16);
}
.control-field--middle .control-field__input,
.control-field--middle .form-select-control {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
  padding-block: var(--ds-control-field-custom-padding-block-md, 12px);
  padding-inline: var(--ds-control-field-custom-padding-inline-md, 12px);
}
.control-field--middle .control-field__addon {
  font-size: var(--ds-font-size-14);
}
.control-field--small .control-field__input {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
  padding-block: var(--ds-control-field-custom-padding-block-sm, 8px);
  padding-inline: var(--ds-control-field-custom-padding-inline-sm, 8px);
}
.control-field--small .control-field__addon,
.control-field--small .control-field__stepper-button,
.control-field--small .control-field__prepend,
.control-field--small .control-field__append,
.control-field--small .control-field__password-button,
.control-field--small .control-field__submit-button {
  min-width: var(--ds-control-field-custom-addon-min-width-sm, 34px);
  font-size: var(--ds-font-size-12);
}
.control-field--extra-small .control-field__input {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
  padding-block: var(--ds-control-field-custom-padding-block-xs, 5px);
  padding-inline: var(--ds-control-field-custom-padding-inline-xs, 7px);
}
.control-field--extra-small .control-field__addon,
.control-field--extra-small .control-field__stepper-button,
.control-field--extra-small .control-field__prepend,
.control-field--extra-small .control-field__append,
.control-field--extra-small .control-field__password-button,
.control-field--extra-small .control-field__submit-button {
  min-width: var(--ds-control-field-custom-addon-min-width-xs, 34px);
  font-size: var(--ds-font-size-12);
}
.control-field--extra-extra-small .control-field__input {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
  padding-block: var(--ds-control-field-custom-padding-block-xxs, 3px);
  padding-inline: var(--ds-control-field-custom-padding-inline-xxs, 4px);
}
.control-field--extra-extra-small .control-field__addon,
.control-field--extra-extra-small .control-field__stepper-button,
.control-field--extra-extra-small .control-field__prepend,
.control-field--extra-extra-small .control-field__append,
.control-field--extra-extra-small .control-field__password-button,
.control-field--extra-extra-small .control-field__submit-button {
  min-width: var(--ds-control-field-custom-addon-min-width-xxs, 34px);
  font-size: var(--ds-font-size-12);
}
.control-field--colored,
.host-field-colored .control-field {
  background: var(--ds-control-field-custom-background-colored, var(--ds-neutral-050-800));
}
.control-field--colored:hover:not(.control-field--disabled, .show, .control-field--invalid, :has(.control-field__input:focus)),
.host-field-colored .control-field:hover:not(.control-field--disabled, .show, .control-field--invalid, :has(.control-field__input:focus)) {
  background: var(--ds-control-field-custom-background-colored-hover, var(--ds-neutral-100-750));
}
.control-field--disabled,
.host-field-disabled .control-field {
  background: var(--ds-control-field-custom-background-disabled, var(--ds-neutral-100-800));
  border: 1px solid var(--ds-control-field-custom-border-color-disabled, var(--ds-neutral-100-800));
  box-shadow: none;
  pointer-events: none;
}
.control-field--invalid,
.host-field-invalid .control-field {
  background: var(--ds-control-field-custom-background-invalid, var(--ds-neutral-0-900));
  border: 1px solid var(--ds-control-field-custom-border-color-invalid, var(--ds-accent-red-600-700));
  box-shadow: var(--ds-control-field-custom-box-shadow-invalid, 0 0 0 4px var(--alpha-red-alpha-red-015));
}
.control-field--rounded {
  border-radius: var(--radius-100);
}
.control-field--field-sizing-content {
  width: fit-content;
}
.control-field--field-sizing-content .control-field__inner {
  flex-grow: 0;
}
.control-field--field-sizing-content .control-field__input {
  field-sizing: content;
  width: auto;
  min-width: 30px;
}
.control-field__inner {
  display: flex;
  flex-grow: 1;
}
.control-field__input {
  flex-grow: 1;
  background-color: transparent;
  border: 0;
  appearance: none;
  outline: none;
  z-index: 0;
  color: var(--ds-control-field-custom-color, var(--ds-neutral-1000-0));
  width: 100%;
  text-align: var(--ds-control-field-custom-text-alignment, start);
}
.control-field__input::placeholder {
  color: var(--ds-control-field-custom-placeholder-color, var(--ds-neutral-500-400));
  font-weight: var(--ds-font-weight-regular);
}
.control-field__input:disabled {
  color: var(--ds-neutral-1000-0);
}
.control-field__input:focus {
  outline: none;
  box-shadow: none;
}
.control-field__input:-webkit-autofill,
.control-field__input:-webkit-autofill:focus,
.control-field__input:-webkit-autofill:active {
  box-shadow: none !important;
  -webkit-text-fill-color: var(--ds-control-field-custom-color, var(--ds-neutral-1000-0)) !important;
  caret-color: var(--ds-control-field-custom-color, var(--ds-neutral-1000-0)) !important;
  transition: background-color 5000s ease-in-out 0s;
}
.control-field__input:-webkit-autofill-and-obscured {
  box-shadow: none !important;
  -webkit-text-fill-color: var(--ds-control-field-custom-color, var(--ds-neutral-1000-0)) !important;
  caret-color: var(--ds-control-field-custom-color, var(--ds-neutral-1000-0)) !important;
  transition: background-color 5000s ease-in-out 0s;
}
.control-field__submit-button-icon {
  font-size: var(--ds-font-size-20);
}
.control-field__addon,
.control-field__stepper-button,
.control-field__prepend,
.control-field__append,
.control-field__password-button,
.control-field__submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ds-control-field-custom-addon-color, var(--ds-neutral-500-400));
  flex-shrink: 0;
  cursor: default;
  min-width: var(--ds-control-field-custom-addon-min-width, 44px);
  padding-block: var(--ds-control-field-custom-addon-padding-block, 0);
  padding-inline: var(--ds-control-field-custom-addon-padding-inline, 6px);
}
.control-field__addon:first-child {
  border-right: 1px solid var(--ds-neutral-200-700);
}
.control-field__addon:last-child {
  border-left: 1px solid var(--ds-neutral-200-700);
}
.control-field__addon-icon {
  font-size: var(--ds-font-size-16);
}
.control-field__stepper {
  display: flex;
}
.control-field__stepper-button {
  cursor: pointer;
  border-left: 1px solid var(--ds-neutral-200-700);
}
.control-field__stepper-button:focus {
  outline: none;
  box-shadow: none;
}
.control-field__submit-button {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--ds-transition-time) ease;
}
.control-field__password-button {
  cursor: pointer;
  border-left: 1px solid var(--ds-neutral-200-700);
}
.control-field__counter {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  color: var(--ds-control-field-counter-custom-color, var(--ds-neutral-500-400));
}
.control-field__counter-button-holder {
  display: flex;
  align-items: center;
  gap: 4px;
}
::highlight(search-results) {
  background-color: var(--ds-search-results-highlight-custom-background, var(--ds-accent-yellow-400-500));
  color: var(--ds-search-results-highlight-custom-color, var(--ds-neutral-1000-0));
}
::highlight(active-search-results) {
  background-color: var(--ds-active-search-results-highlight-custom-background, var(--ds-accent-amber-300-600));
  color: var(--ds-active-search-results-highlight-custom-color, var(--ds-neutral-1000-0));
}
.control-action {
  --ds-label-custom-cursor: pointer;
  --ds-label-custom-color: var(--ds-neutral-1000-0);
  --ds-label-custom-container-left-gap: 8px;
  --ds-label-custom-padding-inline: 0;
  --ds-control-action-btn-cursor: pointer;
  --ds-control-action-background-color: transparent;
  --ds-control-action-opacity: 0;
  --ds-control-action-box-shadow: none;
  --ds-control-action-border-radius: 0;
  --ds-control-action-padding: 0;
  --ds-control-action-border-width: 0;
  --ds-control-action-outline: none;
  --ds-control-action-outline-offset: 1px;
  --ds-control-action-switcher-width: 18px;
  --ds-control-action-switcher-height: 18px;
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-200-750));
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-050-700));
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-custom-box-shadow, none);
  --ds-control-action-btn-border-color-hover: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-200-750));
  --ds-control-action-btn-background-color-hover: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-150-600));
  --ds-control-action-btn-box-shadow-hover: var(--ds-control-action-btn-custom-box-shadow, none);
  --ds-control-action-btn-border-color-focus: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-200-750));
  --ds-control-action-btn-background-color-focus: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-050-700));
  --ds-control-action-btn-box-shadow-focus: var(--ds-control-action-btn-custom-box-shadow, none);
  --ds-control-action-btn-border-color-disabled: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-100-750));
  --ds-control-action-btn-background-color-disabled: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-100-750));
  --ds-control-action-btn-box-shadow-disabled: var(--ds-control-action-btn-custom-box-shadow, none);
  --ds-control-action-btn-border-color-checked: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-1000-600));
  --ds-control-action-btn-background-color-checked: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-050-700));
  --ds-control-action-btn-box-shadow-checked: var( --ds-control-action-btn-custom-box-shadow, 0 1px 0 0 var(--ds-alpha-ww-024-010) inset, 0 1px 2px 0 var(--ds-alpha-bb-012-040) );
  --ds-control-action-btn-border-color-checked-hover: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-1000-600));
  --ds-control-action-btn-background-color-checked-hover: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-700-500));
  --ds-control-action-btn-box-shadow-checked-hover: var( --ds-control-action-btn-custom-box-shadow, 0 1px 0 0 var(--ds-alpha-ww-024-010) inset, 0 1px 2px 0 var(--ds-alpha-bb-012-040) );
  --ds-control-action-btn-border-color-checked-focus: var(--ds-control-action-btn-custom-border-color, var(--ds-neutral-1000-600));
  --ds-control-action-btn-background-color-checked-focus: var(--ds-control-action-btn-custom-background-color, var(--ds-neutral-800-600));
  --ds-control-action-btn-box-shadow-checked-focus: var( --ds-control-action-btn-custom-box-shadow, 0 1px 0 0 var(--ds-alpha-ww-024-010) inset, 0 1px 2px 0 var(--ds-alpha-bb-012-040) );
  --ds-control-action-btn-border-color-checked-disabled: var( --ds-control-action-btn-custom-border-color-checked-disabled, var(--ds-neutral-400-700) );
  --ds-control-action-btn-background-color-checked-disabled: var( --ds-control-action-btn-custom-background-color-checked-disabled, var(--ds-neutral-400-700) );
  --ds-control-action-btn-box-shadow-checked-disabled: var( --ds-control-action-btn-custom-box-shadow-checked-disabled, 0 1px 0 0 var(--ds-alpha-ww-024-010) inset, 0 1px 2px 0 var(--ds-alpha-bb-012-040) );
  display: inline-flex;
  align-items: center;
  gap: var(--ds-label-custom-container-left-gap);
  padding: var(--ds-control-action-padding);
  background-color: var(--ds-control-action-background-color);
  box-shadow: var(--ds-control-action-box-shadow);
  border-radius: var(--ds-control-action-border-radius);
  border: var(--ds-control-action-border-width) solid var(--ds-control-action-border-color);
  position: relative;
  outline: 2px solid var(--ds-control-action-outline);
  outline-offset: var(--ds-control-action-outline-offset);
  transition:
    background-color var(--ds-transition-time),
    border-color var(--ds-transition-time),
    box-shadow var(--ds-transition-time),
    outline var(--ds-transition-time);
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.control-action:has(:checked) {
  --ds-control-action-opacity: 1;
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-checked);
}
.control-action:has(:checked):not(.control-action--disabled) {
  --ds-control-action-border-color: var(--ds-neutral-1000-500);
  --ds-control-action-btn-background-color: var(--ds-neutral-800-600);
  --ds-control-action-btn-border-color: var(--ds-neutral-1000-600);
}
.control-action:has(:checked):hover {
  --ds-control-action-btn-background-color: var(--ds-neutral-700-500);
}
.control-action--bottom-margin {
  margin-bottom: 4px;
}
.control-action--decorated {
  --ds-label-container-padding-inline-start: 29px;
  --ds-label-container-padding-inline-end: 29px;
  --ds-label-container-padding-block: 7px;
  --ds-control-action-background-color: var(--ds-neutral-0-800);
  --ds-control-action-border-color: var(--ds-neutral-0-800);
  --ds-control-action-box-shadow: 0 0 1px 1px var(--ds-alpha-bb-006-040), 0 2px 2px 0 var(--ds-alpha-bb-004-040);
  --ds-control-action-border-radius: var(--radius-8);
  --ds-control-action-padding: 0 10px;
  --ds-control-action-border-width: 1px;
  --ds-control-action-outline-offset: 2px;
}
.control-action--decorated:not(:has(ds-label)) {
  --ds-control-action-padding: 7px 9px;
}
.control-action--decorated:has(.control-action__input:focus-visible) {
  --ds-control-action-outline: var(--ds-alpha-blue-060-080);
}
.control-action--decorated:has(.control-action__input:focus-visible) .control-action__input {
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-checked-focus);
  outline: none;
}
.control-action--disabled {
  --ds-label-custom-cursor: default;
  --ds-label-custom-pointer-events: none;
  --ds-label-custom-color: var(--ds-neutral-500-400);
  --ds-control-action-border-color: transparent;
  --ds-control-action-btn-cursor: default;
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-disabled);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-disabled);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-disabled);
}
.control-action--disabled .control-action__input:checked {
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-checked-disabled);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-checked-disabled);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-checked-disabled);
}
.control-action--disabled:has(.control-action__input:checked) {
  --ds-control-action-border-color: var(--ds-neutral-1000-500);
}
.control-action__input {
  width: var(--ds-control-action-switcher-width);
  height: var(--ds-control-action-switcher-height);
  flex: 0 0 var(--ds-control-action-switcher-width);
  margin: 1px;
  position: relative;
  appearance: none;
  cursor: var(--ds-control-action-btn-cursor);
  box-shadow: var(--ds-control-action-btn-box-shadow, none);
  background-color: var(--ds-control-action-btn-background-color);
  border: 1px solid var(--ds-control-action-btn-border-color);
  border-radius: var(--ds-control-action-input-border-radius);
  outline: 2px solid var(--ds-control-action-outline);
  outline-offset: 1px;
  transition:
    background-color var(--ds-transition-time),
    border-color var(--ds-transition-time),
    box-shadow var(--ds-transition-time),
    outline var(--ds-transition-time);
}
.control-action__input:hover:not(:checked, :disabled) {
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-hover);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-hover);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-hover);
}
.control-action__input:focus-visible {
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-focus);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-focus);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-focus);
  --ds-control-action-outline: var(--ds-alpha-blue-060-080);
}
.control-action__input:checked:hover:not(:disabled) {
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-checked-hover);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-checked-hover);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-checked-hover);
}
.control-action__input:checked:focus-visible {
  --ds-control-action-btn-border-color: var(--ds-control-action-btn-border-color-checked-focus);
  --ds-control-action-btn-background-color: var(--ds-control-action-btn-background-color-checked-focus);
  --ds-control-action-btn-box-shadow: var(--ds-control-action-btn-box-shadow-checked-focus);
  --ds-control-action-outline: var(--ds-alpha-blue-060-080);
}
.text-body-l {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
}
.text-body-l-m {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-l-sb {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
}
.text-body-m-m {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-m-sb {
  font-size: var(--ds-font-size-15);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-s {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
}
.text-body-s-m {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-s-sb {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-body-xs {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
}
.text-body-xs-m {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-medium);
}
.text-body-xs-sb {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  font-weight: var(--ds-font-weight-semi-bold);
}
:host {
  display: block;
}
.cdk-overlay-container {
  z-index: 1200;
}
.form-dropdown.is-open .label-form-row,
.form-dropdown.show .label-form-row {
  pointer-events: none;
}
.dropdown-menu.ds-component {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  overflow: hidden;
  text-align: left;
  list-style: none;
  min-width: var(--ds-drop-down-menu-custom-min-width, 160px);
  margin: var(--ds-dropdown-margin-positioning, 6px 0 0) !important;
  padding-inline: var(--ds-drop-down-menu-custom-padding-inline, 3px);
  padding-block: var(--ds-drop-down-menu-custom-padding-block, 3px 5px);
  border: 1px solid var(--ds-drop-down-menu-custom-border-color, var(--ds-neutral-150-750));
  border-radius: var(--ds-drop-down-menu-custom-border-radius, var(--radius-8));
  background-color: var(--ds-drop-down-menu-custom-background-color, var(--ds-neutral-050-900));
  box-shadow: var(--ds-drop-down-menu-custom-box-shadow, 0 4px 8px 0 var(--ds-alpha-bb-008-024), 0 8px 16px 0 var(--ds-alpha-bb-004-040));
}
.dropdown-menu.ds-component.show {
  display: block;
}
.ds-component .dropdown-list-container-header {
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 3px;
}
.ds-component .dropdown-list-container-header::after {
  position: absolute;
  content: "";
  inset: 100% -3px -3px 0;
  height: 1px;
  background: var(--ds-dropdown-list-container-header-custom-separator-background, var(--ds-neutral-150-750));
}
.ds-component .dropdown-list-container-header .control-field {
  --ds-control-field-custom-background: transparent;
  --ds-control-field-custom-background-hover: transparent;
  --ds-control-field-custom-border-color: transparent;
  --ds-control-field-custom-box-shadow: none;
}
.ds-component .dropdown-list-container-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ds-component .dropdown-list-container-body::-webkit-scrollbar-track {
  background: transparent;
}
.ds-component .dropdown-list-container-body::-webkit-scrollbar-thumb {
  background: var(--ds-neutral-200-700);
  border-radius: 8px;
  transition: background 0.2s;
  cursor: pointer;
}
.ds-component .dropdown-list-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--ds-neutral-400-400);
}
.ds-component .dropdown-list-container-body {
  overflow-y: auto;
  flex: 1;
  max-height: 180px;
}
.ds-component .dropup,
.ds-component .dropend,
.ds-component .dropdown,
.ds-component .dropstart,
.ds-component .dropup-center,
.ds-component .dropdown-center {
  position: relative;
}
.ds-component .dropdown-item {
  --ds-icon-font-size: var(--ds-font-size-16);
  display: grid;
  grid-template-columns: var(--ds-dropdown-item-custom-grid-template-columns, auto 1fr);
  place-items: var(--ds-dropdown-item-custom-place-items, center flex-start);
  grid-gap: var(--ds-dropdown-item-custom-grid-gap, 8px);
  width: 100%;
  padding-inline: var(--ds-drop-down-item-custom-padding-inline, 8px);
  padding-block: var(--ds-drop-down-item-custom-padding-block, 6px);
  clear: both;
  text-decoration: none;
  text-align: inherit;
  white-space: nowrap;
  color: var(--ds-drop-down-item-custom-color, var(--ds-neutral-1000-0));
  background-color: var(--ds-drop-down-item-custom-background-color, transparent);
  border-radius: var(--radius-6);
  transition: background-color var(--ds-transition-time) ease;
}
.ds-component .dropdown-item:hover,
.ds-component .dropdown-item:focus,
.ds-component .dropdown-item.active,
.ds-component .dropdown-item:active {
  cursor: pointer;
  background-color: var(--ds-drop-down-item-custom-background-color-hover, var(--ds-neutral-150-700));
}
.ds-component .dropdown-item.disabled,
.ds-component .dropdown-item:disabled {
  pointer-events: none;
  color: var(--ds-drop-down-item-custom-color-disabled, var(--ds-neutral-500-500));
  background-color: transparent;
}
.text-heading-xxxl {
  font-size: var(--ds-font-size-48);
  line-height: var(--ds-line-height-58);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxl {
  font-size: var(--ds-font-size-36);
  line-height: var(--ds-line-height-44);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xl {
  font-size: var(--ds-font-size-32);
  line-height: var(--ds-line-height-40);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--ds-font-size-28);
  line-height: var(--ds-line-height-34);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--ds-font-size-20);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-24);
  font-weight: var(--ds-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--ds-font-size-13);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-semi-bold);
  text-transform: uppercase;
  font-weight: var(--ds-font-weight-medium);
}
ngb-modal-window.ds-component {
  --ds-modal-padding: 12px;
  --ds-modal-header-padding-inline: 15px;
  --ds-modal-header-padding-block: 14px 13px;
  --ds-modal-footer-padding: 13px 15px;
  --ds-modal-max-width: var(--ds-popup-width-sm);
}
ngb-modal-window.ds-component.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: calc(100% - var(--ds-ai-assistant-panel-width, 0px));
  height: 100%;
  padding: var(--ds-modal-custom-padding, var(--ds-modal-padding));
}
ngb-modal-window.ds-component .modal-dialog {
  position: relative;
  margin: auto;
  max-height: 90%;
  height: 100%;
  width: 100%;
  max-width: var(--ds-modal-max-width);
  min-height: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
}
ngb-modal-window.ds-component .modal-dialog.modal-fullscreen {
  --ds-modal-max-width: 100%;
  max-height: 100%;
}
ngb-modal-window.ds-component .modal-dialog.modal-fullscreen .modal-content {
  height: 100%;
  border-radius: var(--ds-modal-content-custom-radius, var(--radius-16));
}
ngb-modal-window.ds-component .modal-dialog.modal-lg {
  --ds-modal-max-width: var(--ds-popup-width-md);
}
ngb-modal-window.ds-component .modal-dialog.modal-xl {
  --ds-modal-max-width: var(--ds-popup-width-lg);
}
ngb-modal-window.ds-component .modal-dialog .modal-content > * {
  display: block;
  height: 100%;
}
ngb-modal-window.ds-component .modal-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 63px;
  padding-inline: var(--ds-modal-header-padding-inline);
  padding-block: var(--ds-modal-header-padding-block);
  border-bottom: 1px solid var(--ds-modal-header-border-color, transparent);
  background: transparent;
}
ngb-modal-window.ds-component .modal-header:has(.modal-header__row) {
  display: block;
  padding: 0;
}
ngb-modal-window.ds-component .modal-header--bordered {
  --ds-modal-header-border-color: var(--ds-neutral-150-1000);
  box-shadow: 0 1px 0 0 var(--ds-neutral-050-750);
}
ngb-modal-window.ds-component .modal-header--filled {
  background: var(--ds-neutral-050-800);
}
ngb-modal-window.ds-component .modal-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 63px;
  padding-inline: var(--ds-modal-header-padding-inline);
  padding-block: var(--ds-modal-header-padding-block);
}
ngb-modal-window.ds-component .modal-header__items-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
ngb-modal-window.ds-component .modal-header__items-group {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
}
ngb-modal-window.ds-component .modal-header__title {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
  display: flex;
  align-items: center;
  color: var(--ds-neutral-1000-0);
}
ngb-modal-window.ds-component .modal-header__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
ngb-modal-window.ds-component .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
ngb-modal-window.ds-component .modal-body::-webkit-scrollbar-track {
  background: transparent;
}
ngb-modal-window.ds-component .modal-body::-webkit-scrollbar-thumb {
  background: var(--ds-neutral-200-700);
  border-radius: 8px;
  transition: background 0.2s;
  cursor: pointer;
}
ngb-modal-window.ds-component .modal-body::-webkit-scrollbar-thumb:hover {
  background: var(--ds-neutral-400-400);
}
ngb-modal-window.ds-component .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  overflow-y: auto;
  background: var(--ds-modal-body-custom-bg, var(--ds-neutral-0-900));
  height: auto;
  min-height: 68px;
}
ngb-modal-window.ds-component .modal-icon-button,
ngb-modal-window.ds-component .close-modal-button {
  --ds-icon-font-size: 24px;
  display: grid;
  place-content: center;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: var(--radius-4);
  background-color: transparent;
  outline: none;
  color: var(--ds-neutral-400-500);
  transition: background-color var(--ds-transition-time) ease;
}
ngb-modal-window.ds-component .modal-icon-button:only-child,
ngb-modal-window.ds-component .close-modal-button:only-child {
  margin-left: auto;
}
ngb-modal-window.ds-component .modal-icon-button:hover,
ngb-modal-window.ds-component .close-modal-button:hover {
  color: var(--ds-neutral-700-200);
}
ngb-modal-window.ds-component .modal-icon-button:focus-visible,
ngb-modal-window.ds-component .close-modal-button:focus-visible {
  color: var(--ds-neutral-400-500);
  background-color: var(--ds-neutral-050-900);
  box-shadow: 0 0 0 1px var(--ds-neutral-0-900), 0 0 0 3px var(--ds-alpha-blue-060-080);
}
ngb-modal-window.ds-component .modal-icon-button:disabled,
ngb-modal-window.ds-component .close-modal-button:disabled {
  color: var(--ds-neutral-250-700);
  cursor: default;
  pointer-events: none;
}
ngb-modal-window.ds-component .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
  border: 1px solid var(--ds-neutral-150-750);
  border-radius: var(--ds-modal-content-custom-radius, var(--radius-16));
  box-shadow: 0 4px 8px 0 var(--ds-alpha-bb-008-024), 0 8px 16px 0 var(--ds-alpha-bb-004-040);
  background: var(--ds-neutral-0-900);
  animation-name: modal-animation;
  animation-duration: 250ms;
  pointer-events: auto;
}
ngb-modal-window.ds-component .modal-footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
  gap: 8px;
  min-height: 64px;
  padding: var(--ds-modal-footer-padding);
  border-top: 1px solid var(--ds-modal-footer-border-color, transpatent);
  background: transparent;
}
ngb-modal-window.ds-component .modal-footer:empty {
  display: none;
}
ngb-modal-window.ds-component .modal-footer:has(.delete-view) {
  justify-content: flex-start;
}
ngb-modal-window.ds-component .modal-footer--bordered {
  --ds-modal-footer-border-color: var(--ds-neutral-150-1000);
  box-shadow: inset 0 1px 0 0 var(--ds-neutral-050-750);
}
ngb-modal-window.ds-component .modal-footer--filled {
  background: var(--ds-neutral-050-800);
}
ngb-modal-window.ds-component .modal-footer__items-group {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
  margin-left: auto;
}
ngb-modal-window.ds-component .modal-footer__items-group:has(.delete-view) {
  margin-left: inherit;
  width: 100%;
}
ngb-modal-window.ds-component .delete-view {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
ngb-modal-window.ds-component .delete-view__title {
  color: var(--ds-text-primary-800);
  font-size: var(--ds-font-size-16);
  line-height: var(--ds-line-height-20);
  font-weight: 600;
  max-width: 324px;
}
ngb-modal-window.ds-component .delete-view__actions {
  display: flex;
  gap: 12px;
}
.modal-backdrop.ds-component {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background: var(--ds-alpha-bb-072-072);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 1;
}
.offcanvas.ds-component {
  position: fixed;
  top: 0;
  right: var(--ds-ai-assistant-panel-width, 0);
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 100%;
  background-color: var(--ds-neutral-0-900);
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%);
  visibility: hidden;
}
.offcanvas.ds-component.showing,
.offcanvas.ds-component.show:not(.hiding) {
  transform: none;
}
.offcanvas.ds-component.showing,
.offcanvas.ds-component.hiding,
.offcanvas.ds-component.show {
  visibility: visible;
}
.offcanvas.ds-component .canvas-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-inline: var(--ds-off-canvas-header-padding-inline);
  padding-block: var(--ds-off-canvas-header-padding-block);
  min-height: 63px;
}
.offcanvas.ds-component .canvas-header__items-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.offcanvas.ds-component .canvas-header__items-group {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
}
.offcanvas.ds-component .canvas-header__title {
  font-size: var(--ds-font-size-24);
  line-height: var(--ds-line-height-30);
  font-weight: var(--ds-font-weight-semi-bold);
  color: var(--ds-neutral-1000-0);
  margin: 0;
  display: flex;
  align-items: center;
}
.offcanvas.ds-component .canvas-header__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.offcanvas.ds-component .canvas-footer__items-group {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
  margin-left: auto;
}
.offcanvas.ds-component .close-modal-button {
  --ds-icon-font-size: 24px;
  display: grid;
  place-content: center;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: var(--radius-4);
  background-color: transparent;
  outline: none;
  color: var(--ds-neutral-400-500);
  transition: background-color var(--ds-transition-time) ease;
}
.offcanvas.ds-component .close-modal-button:only-child {
  margin-left: auto;
}
.offcanvas.ds-component .close-modal-button:hover {
  color: var(--ds-neutral-700-200);
}
.offcanvas.ds-component .close-modal-button:focus-visible {
  color: var(--ds-neutral-400-500);
  background-color: var(--ds-neutral-050-900);
  box-shadow: 0 0 0 1px var(--ds-neutral-0-900), 0 0 0 3px var(--ds-alpha-blue-060-080);
}
.offcanvas.ds-component .close-modal-button:disabled {
  color: var(--ds-neutral-250-700);
  cursor: default;
  pointer-events: none;
}
.offcanvas-backdrop.ds-component {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background: var(--ds-alpha-bb-072-072);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.offcanvas-backdrop.ds-component.fade,
.offcanvas-backdrop.ds-component.show {
  opacity: 1;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tab-outlet--full-height > .tab-pane {
  flex: 1;
  min-height: 0;
}
.tab-outlet--full-height > .active {
  display: flex;
  flex-direction: column;
}
.ds-list {
  display: flex;
  flex-direction: column;
}
.ds-list__icon {
  font-size: var(--ds-font-size-20);
  color: var(--ds-neutral-600-250);
}
.ds-list__item {
  display: flex;
  gap: 8px;
  flex-flow: column;
  align-items: inherit;
  flex-wrap: inherit;
  padding: 16px 0;
  border-bottom: 1px solid var(--ds-neutral-200-700);
}
.ds-list__item-subtext {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  color: var(--ds-neutral-900-050);
}
.ds-list__item-holder {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
}
.ds-list__item-value {
  display: flex;
  gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  flex-wrap: inherit;
  flex: 1;
}
.ds-list__item-actions {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  vertical-align: middle;
}
.ds-list__item-label {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
  color: var(--ds-neutral-900-050);
}
.ds-list__item-body {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  color: var(--ds-neutral-600-250);
}
.ds-list__item-caption {
  font-size: var(--ds-font-size-12);
  line-height: var(--ds-line-height-16);
  color: var(--ds-neutral-500-300);
}
.tooltip.ds-component {
  --ds-tooltip-max-width: none;
  --ds-tooltip-bg: var(--ds-neutral-050-900);
  --ds-tooltip-arrow-width: 12px;
  --ds-tooltip-arrow-height: 6px;
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  z-index: 1080;
  display: block;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 0;
  pointer-events: none;
}
.tooltip.ds-component.tooltip--sm {
  --ds-tooltip-max-width: 280px;
}
.tooltip.ds-component.show {
  opacity: 1;
}
.tooltip.ds-component .tooltip-arrow {
  display: none;
}
.tooltip.ds-component .tooltip-inner {
  max-width: var(--ds-tooltip-custom-max-width, var(--ds-tooltip-max-width));
  padding: 4px;
  border: 1px solid var(--ds-neutral-050-750);
  border-radius: var(--radius-8);
  box-shadow: var(--ds-tooltip-box-shadow);
  background: var(--ds-tooltip-bg);
  color: var(--ds-neutral-900-050);
  overflow-wrap: anywhere;
}
.tooltip.ds-component .tooltip-inner__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tooltip.ds-component .tooltip-inner__text-holder {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tooltip.ds-component .tooltip-inner__heading {
  font-size: var(--ds-font-size-14);
  line-height: var(--ds-line-height-20);
  font-weight: var(--ds-font-weight-medium);
}
.tooltip.ds-component .tooltip-inner__items-container {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.ds-tooltip-panel {
  pointer-events: none;
}
.ds-tooltip-panel--interactive {
  pointer-events: auto;
}
.tooltip-wrapper {
  display: flex;
  flex-direction: column;
  width: auto;
}
.tooltip__icon {
  --ds-icon-font-size: var(--ds-font-size-16);
  --ds-icon-color: var(--ds-neutral-500-500);
  cursor: pointer;
}
:root {
  --ds-sidebar-item-link-height: 34px;
}
.sidebar-sub-item-list {
  --ds-open-menu-component-custom-width: 216px;
  --ds-dropdown-margin-positioning: calc(var(--ds-sidebar-item-link-height) * -1) 0 0 6px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:where(html) {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
:where(body) {
  margin: 0;
  font-family: var(--font-family-sans-serif), sans-serif;
  font-size: var(--spr-font-size-14);
  font-weight: var(--spr-font-weight-regular);
  line-height: 1.5;
  color: var(--brd-text-primary-800);
  text-align: start;
  background-color: var(--brd-fill-default-0);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:where(hr) {
  margin: 16px 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
}
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 8px;
  color: inherit;
  font-family: inherit;
  font-weight: var(--spr-font-weight-semi-bold);
  line-height: 1.2;
}
:where(h1) {
  font-size: var(--spr-font-size-28);
}
:where(h2) {
  font-size: var(--spr-font-size-24);
}
:where(h3) {
  font-size: var(--spr-font-size-20);
}
:where(h4) {
  font-size: var(--spr-font-size-18);
}
:where(h5) {
  font-size: var(--spr-font-size-16);
}
:where(h6) {
  font-size: var(--spr-font-size-14);
}
:where(p) {
  margin: 0 0 16px;
}
:where(abbr[title]) {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
:where(address) {
  margin-bottom: 16px;
  font-style: normal;
  line-height: inherit;
}
:where(ol, ul) {
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 16px;
}
:where(dt) {
  font-weight: var(--spr-font-weight-semi-bold);
}
:where(dd) {
  margin-bottom: 8px;
  margin-inline-start: 0;
}
:where(blockquote) {
  margin: 0 0 16px;
}
:where(b, strong) {
  font-weight: var(--spr-font-weight-semi-bold);
}
:where(small) {
  font-size: var(--spr-font-size-12);
}
:where(sub, sup) {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
:where(sub) {
  bottom: -0.25em;
}
:where(sup) {
  top: -0.5em;
}
:where(a) {
  color: inherit;
  text-decoration: none;
}
:where(a:not([href]), a:not([class])),
:where(a:not([href]), a:not([class])):hover {
  color: inherit;
  text-decoration: none;
}
:where(figure) {
  margin: 0 0 16px;
}
:where(img, svg) {
  vertical-align: middle;
}
:where(table) {
  caption-side: bottom;
  border-collapse: collapse;
}
:where(caption) {
  padding-top: 8px;
  padding-bottom: 8px;
  color: inherit;
  text-align: left;
}
:where(thead, tbody, tfoot, tr, td, th) {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
:where(th) {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
:where(label) {
  display: inline-block;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])) {
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  text-transform: none;
  -webkit-appearance: button;
  color: inherit;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):not(:disabled, [role=tab]) {
  cursor: pointer;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):-moz-focusring {
  outline: none;
}
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i])):focus:not(:focus-visible) {
  outline: 0;
}
:where(:-moz-ui-invalid) {
  box-shadow: none;
}
:where(input, button, select, optgroup, textarea) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
[role=button] {
  cursor: pointer;
}
:where(select) {
  word-wrap: normal;
  text-transform: none;
}
:where(select):disabled {
  opacity: 1;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
:where(textarea) {
  resize: vertical;
  -webkit-appearance: none;
}
:where(fieldset) {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
  margin: 0;
  appearance: none;
}
:where([type=search i]) {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
:where(output) {
  display: inline-block;
}
:where(iframe) {
  border: 0;
}
[hidden] {
  display: none !important;
}
.scrollable-container {
  flex: auto;
  height: 100%;
  overflow: hidden auto;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(var(--spr-grey-250)) transparent !important;
  scrollbar-gutter: unset;
}
.scrollable-container::-webkit-scrollbar {
  width: 18px !important;
  background-color: transparent !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.scrollable-container::-webkit-scrollbar-thumb {
  border: 6px solid rgb(var(--brd-white)) !important;
  background-color: rgb(var(--spr-grey-130)) !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.scrollable-container:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !important;
}
.scrollable-container:hover {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}
.flex-container {
  gap: 16px;
  flex-direction: column;
  display: flex;
}
.flex-container__footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 -16px;
  padding: 16px 16px 0;
  border-top: 1px solid rgb(var(--spr-grey-130));
}
.inline-container {
  gap: 8px;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  vertical-align: middle;
}
.btn-group-holder {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
  align-items: center;
}
.btn-group-holder .form-label,
.btn-group-holder .label-form {
  margin: 0;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
@keyframes modal-animation {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.text-underline {
  text-decoration: underline;
}
.position-absolute {
  position: absolute !important;
}
.nowrap {
  white-space: nowrap;
}
.filter-block {
  width: 100%;
  padding: 16px;
  border-radius: var(--spr-border-radius-m);
  background-color: rgb(var(--spr-grey-30));
}
.filter-block form {
  width: 100%;
}
.form-field-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
}
:root {
  --brd-black: 0 0 0;
  --brd-white: 255 255 255;
  --brd-black-04: rgb(var(--brd-black) / 0.04);
  --brd-white-10: rgb(var(--brd-white) / 0.1);
  --brd-white-20: rgb(var(--brd-white) / 0.2);
  --brd-white-40: rgb(var(--brd-white) / 0.4);
  --brd-white-50: rgb(var(--brd-white) / 0.5);
  --brd-white-60: rgb(var(--brd-white) / 0.6);
  --brd-white-80: rgb(var(--brd-white) / 0.8);
  --brd-primary-50: 251 247 251;
  --brd-primary-100: 245 242 247;
  --brd-primary-200: 237 234 241;
  --brd-primary-300: 219 214 225;
  --brd-primary-400: 182 177 189;
  --brd-primary-500: 148 142 157;
  --brd-primary-600: 108 102 117;
  --brd-primary-700: 88 80 100;
  --brd-primary-800: 54 46 66;
  --brd-primary-900: 24 16 37;
  --brd-purple-30: 246 245 250;
  --brd-purple-50: 236 231 250;
  --brd-purple-100: 210 195 242;
  --brd-purple-200: 177 142 250;
  --brd-purple-300: 160 112 254;
  --brd-purple-400: 136 70 251;
  --brd-purple-500: 107 59 211;
  --brd-purple-600: 94 41 198;
  --brd-purple-700: 84 32 182;
  --brd-purple-750: 74 23 156;
  --brd-purple-800: 61 17 136;
  --brd-purple-900: 45 6 112;
  --brd-green-50: 226 243 233;
  --brd-green-100: 196 228 208;
  --brd-green-200: 156 211 178;
  --brd-green-300: 105 191 136;
  --brd-green-400: 88 182 126;
  --brd-green-500: 63 162 102;
  --brd-green-600: 57 147 89;
  --brd-green-700: 40 134 77;
  --brd-green-800: 31 117 65;
  --brd-green-900: 10 92 43;
  --brd-olive-50: 239 242 201;
  --brd-olive-100: 224 230 156;
  --brd-olive-200: 214 221 126;
  --brd-olive-300: 204 213 97;
  --brd-olive-400: 189 199 50;
  --brd-olive-500: 179 191 23;
  --brd-olive-600: 162 173 20;
  --brd-olive-700: 145 155 15;
  --brd-olive-800: 130 139 12;
  --brd-olive-900: 105 113 5;
  --brd-blue-50: 213 237 254;
  --brd-blue-100: 135 204 254;
  --brd-blue-200: 84 183 254;
  --brd-blue-300: 36 162 253;
  --brd-blue-400: 31 147 231;
  --brd-blue-500: 19 133 216;
  --brd-blue-600: 14 118 194;
  --brd-blue-700: 9 104 171;
  --brd-blue-800: 4 89 150;
  --brd-blue-900: 0 66 114;
  --brd-gray-50: 250 250 250;
  --brd-gray-100: 245 245 245;
  --brd-gray-200: 238 238 238;
  --brd-gray-250: 228 228 228;
  --brd-gray-300: 208 208 208;
  --brd-gray-400: 189 189 189;
  --brd-gray-500: 158 158 158;
  --brd-gray-600: 117 117 117;
  --brd-gray-700: 97 97 97;
  --brd-gray-800: 66 66 66;
  --brd-gray-900: 33 33 33;
  --brd-magenta-50: 254 245 254;
  --brd-magenta-100: 252 235 252;
  --brd-magenta-200: 249 213 249;
  --brd-magenta-300: 243 180 239;
  --brd-magenta-400: 234 129 227;
  --brd-magenta-500: 221 88 212;
  --brd-magenta-600: 192 57 180;
  --brd-magenta-700: 159 44 146;
  --brd-magenta-800: 130 38 119;
  --brd-magenta-900: 107 36 97;
  --brd-orange-50: 255 247 235;
  --brd-orange-100: 255 232 198;
  --brd-orange-200: 255 205 136;
  --brd-orange-300: 255 169 64;
  --brd-orange-400: 255 145 32;
  --brd-orange-500: 249 107 7;
  --brd-orange-600: 221 72 2;
  --brd-orange-700: 183 45 6;
  --brd-orange-800: 148 34 12;
  --brd-orange-900: 122 29 13;
  --brd-gold-50: 248 239 179;
  --brd-gold-100: 240 225 149;
  --brd-gold-200: 234 213 118;
  --brd-gold-300: 226 200 85;
  --brd-gold-400: 219 186 55;
  --brd-gold-500: 209 172 35;
  --brd-gold-600: 199 161 26;
  --brd-gold-700: 183 147 16;
  --brd-gold-800: 157 126 11;
  --brd-gold-900: 131 103 3;
  --brd-red-50: 253 236 240;
  --brd-red-100: 250 208 214;
  --brd-red-200: 235 156 161;
  --brd-red-300: 233 119 124;
  --brd-red-400: 232 95 98;
  --brd-red-500: 227 91 86;
  --brd-red-600: 222 74 74;
  --brd-red-700: 204 65 67;
  --brd-red-800: 190 60 60;
  --brd-red-900: 174 52 50;
  --brd-red-980: 129 41 41;
  --brd-yellow-50: 253 252 233;
  --brd-yellow-100: 252 250 197;
  --brd-yellow-200: 250 241 142;
  --brd-yellow-300: 248 229 89;
  --brd-yellow-400: 243 209 28;
  --brd-yellow-500: 236 178 6;
  --brd-yellow-600: 204 138 2;
  --brd-yellow-700: 156 103 12;
  --brd-yellow-800: 129 81 18;
  --brd-yellow-900: 110 67 21;
  --brd-cyan-50: 238 253 252;
  --brd-cyan-100: 211 250 249;
  --brd-cyan-200: 173 244 242;
  --brd-cyan-300: 111 235 233;
  --brd-cyan-400: 53 219 219;
  --brd-cyan-500: 25 191 193;
  --brd-cyan-600: 23 155 163;
  --brd-cyan-700: 26 123 132;
  --brd-cyan-800: 30 99 108;
  --brd-cyan-900: 29 83 92;
  --brd-border-active-0-40: var(--brd-white-40);
  --brd-border-active-300: rgb(var(--brd-gray-300));
  --brd-border-default-0: rgb(var(--brd-white));
  --brd-border-default-0-40: var(--brd-white-40);
  --brd-border-default-0-60: var(--brd-white-60);
  --brd-border-default-200: rgb(var(--brd-gray-200));
  --brd-border-default-300: rgb(var(--brd-gray-300));
  --brd-border-default-400: rgb(var(--brd-gray-400));
  --brd-border-default-500: rgb(var(--brd-gray-500));
  --brd-border-default-600: rgb(var(--brd-gray-600));
  --brd-border-disabled-0: rgb(var(--brd-white));
  --brd-border-disabled-0-20: var(--brd-white-20);
  --brd-border-disabled-100: rgb(var(--brd-gray-100));
  --brd-border-disabled-200: rgb(var(--brd-gray-200));
  --brd-border-disabled-300: rgb(var(--brd-gray-300));
  --brd-border-disabled-400: rgb(var(--brd-gray-400));
  --brd-border-disabled-500: rgb(var(--brd-gray-500));
  --brd-border-divider-300: rgb(var(--brd-gray-300));
  --brd-border-hover-0: rgb(var(--brd-white));
  --brd-border-hover-300: rgb(var(--brd-gray-300));
  --brd-border-hover-500: rgb(var(--brd-gray-500));
  --brd-border-hover-600: rgb(var(--brd-gray-600));
  --brd-border-pressed-0-40: var(--brd-white-40);
  --brd-border-pressed-200: rgb(var(--brd-gray-200));
  --brd-border-pressed-300: rgb(var(--brd-gray-300));
  --brd-border-pressed-400: rgb(var(--brd-gray-400));
  --brd-border-pressed-600: rgb(var(--brd-gray-600));
  --brd-fill-active-0: rgb(var(--brd-white));
  --brd-fill-active-100: rgb(var(--brd-gray-100));
  --brd-fill-default-0: rgb(var(--brd-white));
  --brd-fill-default-100: rgb(var(--brd-gray-100));
  --brd-fill-default-200: rgb(var(--brd-gray-200));
  --brd-fill-default-250: rgb(var(--brd-gray-250));
  --brd-fill-default-300: rgb(var(--brd-gray-300));
  --brd-fill-default-50: rgb(var(--brd-gray-50));
  --brd-fill-default-900: rgb(var(--brd-gray-900));
  --brd-fill-disabled-0: rgb(var(--brd-white));
  --brd-fill-disabled-0-10: var(--brd-white-10);
  --brd-fill-disabled-100: rgb(var(--brd-gray-100));
  --brd-fill-disabled-200: rgb(var(--brd-gray-200));
  --brd-fill-disabled-250: rgb(var(--brd-gray-250));
  --brd-fill-disabled-300: rgb(var(--brd-gray-300));
  --brd-fill-disabled-50: rgb(var(--brd-gray-50));
  --brd-fill-disabled-500: rgb(var(--brd-gray-500));
  --brd-fill-focus-100: rgb(var(--brd-gray-100));
  --brd-fill-hover-0: rgb(var(--brd-white));
  --brd-fill-hover-0-10: var(--brd-white-10);
  --brd-fill-hover-0-60: var(--brd-white-60);
  --brd-fill-hover-100: rgb(var(--brd-gray-100));
  --brd-fill-hover-200: rgb(var(--brd-gray-200));
  --brd-fill-hover-300: rgb(var(--brd-gray-300));
  --brd-fill-hover-50: rgb(var(--brd-gray-50));
  --brd-fill-pressed-0: rgb(var(--brd-white));
  --brd-fill-pressed-0-40: var(--brd-white-40);
  --brd-fill-pressed-100: rgb(var(--brd-gray-100));
  --brd-fill-pressed-200: rgb(var(--brd-gray-200));
  --brd-fill-pressed-300: rgb(var(--brd-gray-300));
  --brd-fill-pressed-400: rgb(var(--brd-gray-400));
  --brd-fill-pressed-50: rgb(var(--brd-gray-50));
  --brd-icon-active-0-60: var(--brd-white-60);
  --brd-icon-active-400: rgb(var(--brd-gray-500));
  --brd-icon-active-700: rgb(var(--brd-gray-700));
  --brd-icon-active-800: rgb(var(--brd-gray-800));
  --brd-icon-default-0: rgb(var(--brd-white));
  --brd-icon-default-0-40: var(--brd-white-40);
  --brd-icon-default-0-60: var(--brd-white-60);
  --brd-icon-default-400: rgb(var(--brd-gray-400));
  --brd-icon-default-500: rgb(var(--brd-gray-500));
  --brd-icon-default-700: rgb(var(--brd-gray-700));
  --brd-icon-default-800: rgb(var(--brd-gray-800));
  --brd-icon-default-900: rgb(var(--brd-gray-900));
  --brd-icon-disabled-0: rgb(var(--brd-white));
  --brd-icon-disabled-0-60: var(--brd-white-60);
  --brd-icon-disabled-400: rgb(var(--brd-gray-400));
  --brd-icon-disabled-500: rgb(var(--brd-gray-500));
  --brd-icon-disabled-600: rgb(var(--brd-gray-600));
  --brd-icon-focus-700: rgb(var(--brd-gray-700));
  --brd-icon-focus-800: rgb(var(--brd-gray-800));
  --brd-icon-hover-0: rgb(var(--brd-white));
  --brd-icon-hover-500: rgb(var(--brd-gray-500));
  --brd-icon-hover-700: rgb(var(--brd-gray-700));
  --brd-icon-hover-800: rgb(var(--brd-gray-800));
  --brd-icon-pressed-300: rgb(var(--brd-gray-300));
  --brd-icon-pressed-600: rgb(var(--brd-gray-600));
  --brd-text-active-0-60: var(--brd-white-60);
  --brd-text-active-400: rgb(var(--brd-gray-400));
  --brd-text-active-700: rgb(var(--brd-gray-700));
  --brd-text-active-800: rgb(var(--brd-gray-800));
  --brd-text-default-0: rgb(var(--brd-white));
  --brd-text-default-0-40: var(--brd-white-40);
  --brd-text-default-0-60: var(--brd-white-60);
  --brd-text-default-700: rgb(var(--brd-gray-700));
  --brd-text-default-800: rgb(var(--brd-gray-800));
  --brd-text-default-900: rgb(var(--brd-gray-900));
  --brd-text-disabled-0: rgb(var(--brd-white));
  --brd-text-disabled-0-60: var(--brd-white-60);
  --brd-text-disabled-400: rgb(var(--brd-gray-400));
  --brd-text-disabled-500: rgb(var(--brd-gray-500));
  --brd-text-disabled-600: rgb(var(--brd-gray-600));
  --brd-text-focus-700: rgb(var(--brd-gray-700));
  --brd-text-focus-800: rgb(var(--brd-gray-800));
  --brd-text-hover-700: rgb(var(--brd-gray-700));
  --brd-text-hover-800: rgb(var(--brd-gray-800));
  --brd-text-pressed-600: rgb(var(--brd-gray-600));
  --brd-text-primary-800: rgb(var(--brd-gray-800));
  --brd-text-secondary-500: rgb(var(--brd-gray-500));
  --brd-text-secondary-600: rgb(var(--brd-gray-600));
  --brd-border-destructive-300: rgb(var(--brd-red-300));
  --brd-border-destructive-500: rgb(var(--brd-red-500));
  --brd-border-destructive-600: rgb(var(--brd-red-600));
  --brd-border-destructive-900: rgb(var(--brd-red-900));
  --brd-border-info-250: rgb(var(--brd-gray-250));
  --brd-border-info-800: rgb(var(--brd-gray-800));
  --brd-border-success-300: rgb(var(--brd-green-300));
  --brd-border-warning-300: rgb(var(--brd-orange-300));
  --brd-fill-destructive-50: rgb(var(--brd-red-50));
  --brd-fill-destructive-100: rgb(var(--brd-red-100));
  --brd-fill-destructive-600: rgb(var(--brd-red-600));
  --brd-fill-destructive-700: rgb(var(--brd-red-700));
  --brd-fill-error-700: rgb(var(--brd-red-700));
  --brd-fill-info-0: rgb(var(--brd-white));
  --brd-fill-info-50: rgb(var(--brd-blue-50));
  --brd-fill-success-600: rgb(var(--brd-green-600));
  --brd-fill-warning-600: rgb(var(--brd-orange-500));
  --brd-icon-destructive-600: rgb(var(--brd-red-600));
  --brd-icon-destructive-900: rgb(var(--brd-red-900));
  --brd-icon-info-700: rgb(var(--brd-blue-700));
  --brd-text-destructive-600: rgb(var(--brd-red-600));
  --brd-text-destructive-900: rgb(var(--brd-red-900));
  --brd-text-info-700: rgb(var(--brd-blue-700));
}
:root {
  --font-family-sans-serif:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    "Arial",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --spr-border-radius-xs: 4px;
  --spr-border-radius-s: 6px;
  --spr-border-radius-m: 8px;
  --spr-border-radius-l: 10px;
  --spr-border-radius-xl: 16px;
  --spr-border-radius-pill: 500px;
  --spr-sidebar-width: 236px;
  --spr-authorization-area-sidebar-width: 516px;
  --spr-transition-time: 250ms;
  --spr-theme-color: rgb(var(--brd-purple-300));
  --spr-black: 19 17 29;
  --spr-white: 255 255 255;
  --spr-grey-30: 245 245 245;
  --spr-grey-50: 235 235 235;
  --spr-grey-100: 227 229 233;
  --spr-grey-130: 219 220 225;
  --spr-grey-150: 217 221 224;
  --spr-grey-200: 238 238 238;
  --spr-grey-250: 189 192 197;
  --spr-grey-300: 163 166 171;
  --spr-grey-400: 139 144 153;
  --spr-grey-500: 158 158 158;
  --spr-grey-550: 110 112 117;
  --spr-grey-650: 83 85 97;
  --spr-grey-700: 97 97 97;
  --spr-grey-750: 67 75 91;
  --spr-grey-800: 66 66 66;
  --spr-grey-850: 62 64 78;
  --spr-grey-900: 33 33 33;
  --spr-red-20: 251 236 236;
  --spr-red-150: 217 61 61;
  --spr-red-200: 213 51 51;
  --spr-red-300: 196 77 80;
  --spr-red-400: 166 55 55;
  --spr-red-450: 155 52 52;
  --spr-red-600: 129 41 41;
  --spr-red-1000: 222 74 74;
  --spr-deepblue-20: 233 239 255;
  --spr-deepblue-1000: 38 99 255;
  --bs-body-line-height: 1.4285715;
  --bs-body-color: rgb(86 98 112);
  --bs-body-font-size: var(--spr-font-size-14);
  --bs-border-radius: var(--spr-border-radius-m);
  --bs-border-radius-xs: var(--spr-border-radius-xs);
  --bs-border-radius-sm: var(--spr-border-radius-s);
  --bs-border-radius-md: var(--spr-border-radius-s);
  --bs-border-radius-lg: var(--spr-border-radius-m);
  --bs-border-radius-xl: var(--spr-border-radius-l);
  --bs-border-radius-2xl: var(--spr-border-radius-xl);
  --bs-border-radius-pill: var(--spr-border-radius-pill);
  --spr-control-padding-y-md: 7px;
  --spr-control-padding-x-md: 8px;
  --spr-control-padding-y-lg: 11px;
  --spr-control-padding-x-lg: 8px;
  --spr-control-font-size-md: var(--spr-font-size-14);
  --spr-control-font-size-lg: var(--spr-font-size-16);
  --spr-control-line-height: var(--spr-line-height-20);
  --spr-control-border-width: 1px;
  --spr-control-radius: var(--spr-border-radius-m);
}
@font-face {
  font-family: "bo-icons";
  src: url("./media/bo-icons-JONRCCQC.ttf?28bad335fc1ee6facd10d4a8c27a6545") format("truetype");
}
i[class^=bo-icon-]:before,
i[class*=" bo-icon-"]:before {
  font-family: bo-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bo-icon-tag-thumbs-up:before {
  content: "\f101";
}
.bo-icon-tag-star:before {
  content: "\f102";
}
.bo-icon-tag-fire:before {
  content: "\f103";
}
.bo-icon-products-sports:before {
  content: "\f104";
}
.bo-icon-products-slots:before {
  content: "\f105";
}
.bo-icon-products-live-casino:before {
  content: "\f106";
}
.bo-icon-products-igames:before {
  content: "\f107";
}
.bo-icon-chat-smile:before {
  content: "\f108";
}
.bo-icon-chat-send:before {
  content: "\f109";
}
.bo-icon-chat-heart:before {
  content: "\f10a";
}
.bo-icon-chat-gif:before {
  content: "\f10b";
}
.bo-icon-chips-wave-fill:before {
  content: "\f10c";
}
.bo-icon-chips-wafe-fill:before {
  content: "\f10d";
}
.bo-icon-chips-user-rectangle-fill:before {
  content: "\f10e";
}
.bo-icon-chips-time-fill:before {
  content: "\f10f";
}
.bo-icon-chips-sports-fill:before {
  content: "\f110";
}
.bo-icon-chips-plus-circle-fill:before {
  content: "\f111";
}
.bo-icon-chips-play-fill:before {
  content: "\f112";
}
.bo-icon-chips-new-fill:before {
  content: "\f113";
}
.bo-icon-chips-mail-fill:before {
  content: "\f114";
}
.bo-icon-chips-list-check-fill:before {
  content: "\f115";
}
.bo-icon-chips-igames-fill:before {
  content: "\f116";
}
.bo-icon-chips-check-double-fill:before {
  content: "\f117";
}
.bo-icon-chips-check-circle-fill:before {
  content: "\f118";
}
.bo-icon-chips-boat-fill:before {
  content: "\f119";
}
.bo-icon-chips-anchor-fill:before {
  content: "\f11a";
}
.bo-icon-control-upload:before {
  content: "\f11b";
}
.bo-icon-control-unpin:before {
  content: "\f11c";
}
.bo-icon-control-undo:before {
  content: "\f11d";
}
.bo-icon-control-underline:before {
  content: "\f11e";
}
.bo-icon-control-type:before {
  content: "\f11f";
}
.bo-icon-control-sun:before {
  content: "\f120";
}
.bo-icon-control-strikethrough:before {
  content: "\f121";
}
.bo-icon-control-settings:before {
  content: "\f122";
}
.bo-icon-control-search:before {
  content: "\f123";
}
.bo-icon-control-resize-textarea:before {
  content: "\f124";
}
.bo-icon-control-redo:before {
  content: "\f125";
}
.bo-icon-control-plus:before {
  content: "\f126";
}
.bo-icon-control-plus-square:before {
  content: "\f127";
}
.bo-icon-control-plus-circle:before {
  content: "\f128";
}
.bo-icon-control-pinned:before {
  content: "\f129";
}
.bo-icon-control-pin:before {
  content: "\f12a";
}
.bo-icon-control-online:before {
  content: "\f12b";
}
.bo-icon-control-move:before {
  content: "\f12c";
}
.bo-icon-control-more:before {
  content: "\f12d";
}
.bo-icon-control-moon:before {
  content: "\f12e";
}
.bo-icon-control-minus:before {
  content: "\f12f";
}
.bo-icon-control-minus-square:before {
  content: "\f130";
}
.bo-icon-control-loader:before {
  content: "\f131";
}
.bo-icon-control-link:before {
  content: "\f132";
}
.bo-icon-control-link-external:before {
  content: "\f133";
}
.bo-icon-control-filter:before {
  content: "\f134";
}
.bo-icon-control-filter-plus:before {
  content: "\f135";
}
.bo-icon-control-eye-on:before {
  content: "\f136";
}
.bo-icon-control-eye-off:before {
  content: "\f137";
}
.bo-icon-control-expand:before {
  content: "\f138";
}
.bo-icon-control-edit:before {
  content: "\f139";
}
.bo-icon-control-drag:before {
  content: "\f13a";
}
.bo-icon-control-drag-vertical:before {
  content: "\f13b";
}
.bo-icon-control-drag-horizontal:before {
  content: "\f13c";
}
.bo-icon-control-download:before {
  content: "\f13d";
}
.bo-icon-control-delete:before {
  content: "\f13e";
}
.bo-icon-control-cross:before {
  content: "\f13f";
}
.bo-icon-control-cross-shield:before {
  content: "\f140";
}
.bo-icon-control-cross-circle:before {
  content: "\f141";
}
.bo-icon-control-copy:before {
  content: "\f142";
}
.bo-icon-control-clipboard:before {
  content: "\f143";
}
.bo-icon-control-check:before {
  content: "\f144";
}
.bo-icon-control-check-double:before {
  content: "\f145";
}
.bo-icon-control-check-circle:before {
  content: "\f146";
}
.bo-icon-control-calendar:before {
  content: "\f147";
}
.bo-icon-control-align-right:before {
  content: "\f148";
}
.bo-icon-control-align-left:before {
  content: "\f149";
}
.bo-icon-control-align-justify:before {
  content: "\f14a";
}
.bo-icon-control-align-center:before {
  content: "\f14b";
}
.bo-icon-general-zap:before {
  content: "\f14c";
}
.bo-icon-general-workspace:before {
  content: "\f14d";
}
.bo-icon-general-wave:before {
  content: "\f14e";
}
.bo-icon-general-warning:before {
  content: "\f14f";
}
.bo-icon-general-wallet:before {
  content: "\f150";
}
.bo-icon-general-vendor:before {
  content: "\f151";
}
.bo-icon-general-users:before {
  content: "\f152";
}
.bo-icon-general-user:before {
  content: "\f153";
}
.bo-icon-general-user-rectangle:before {
  content: "\f154";
}
.bo-icon-general-user-plus:before {
  content: "\f155";
}
.bo-icon-general-user-minus:before {
  content: "\f156";
}
.bo-icon-general-user-cross:before {
  content: "\f157";
}
.bo-icon-general-user-circle:before {
  content: "\f158";
}
.bo-icon-general-user-check:before {
  content: "\f159";
}
.bo-icon-general-unmute:before {
  content: "\f15a";
}
.bo-icon-general-unlock:before {
  content: "\f15b";
}
.bo-icon-general-trophy:before {
  content: "\f15c";
}
.bo-icon-general-track:before {
  content: "\f15d";
}
.bo-icon-general-tool:before {
  content: "\f15e";
}
.bo-icon-general-toggle-right:before {
  content: "\f15f";
}
.bo-icon-general-toggle-left:before {
  content: "\f160";
}
.bo-icon-general-time:before {
  content: "\f161";
}
.bo-icon-general-ticket:before {
  content: "\f162";
}
.bo-icon-general-thumbs-down:before {
  content: "\f163";
}
.bo-icon-general-target:before {
  content: "\f164";
}
.bo-icon-general-tag:before {
  content: "\f165";
}
.bo-icon-general-stop:before {
  content: "\f166";
}
.bo-icon-general-star-fill:before {
  content: "\f167";
}
.bo-icon-general-star-circle:before {
  content: "\f168";
}
.bo-icon-general-split:before {
  content: "\f169";
}
.bo-icon-general-sparkles:before {
  content: "\f16a";
}
.bo-icon-general-spade:before {
  content: "\f16b";
}
.bo-icon-general-smile-3:before {
  content: "\f16c";
}
.bo-icon-general-smile-2:before {
  content: "\f16d";
}
.bo-icon-general-smile-1:before {
  content: "\f16e";
}
.bo-icon-general-sand-clock:before {
  content: "\f16f";
}
.bo-icon-general-repeat:before {
  content: "\f170";
}
.bo-icon-general-refresh:before {
  content: "\f171";
}
.bo-icon-general-receipt:before {
  content: "\f172";
}
.bo-icon-general-ranks:before {
  content: "\f173";
}
.bo-icon-general-provider:before {
  content: "\f174";
}
.bo-icon-general-pointer:before {
  content: "\f175";
}
.bo-icon-general-plus-group:before {
  content: "\f176";
}
.bo-icon-general-play:before {
  content: "\f177";
}
.bo-icon-general-placeholder:before {
  content: "\f178";
}
.bo-icon-general-percent:before {
  content: "\f179";
}
.bo-icon-general-pending:before {
  content: "\f17a";
}
.bo-icon-general-pen-tool:before {
  content: "\f17b";
}
.bo-icon-general-pause:before {
  content: "\f17c";
}
.bo-icon-general-password:before {
  content: "\f17d";
}
.bo-icon-general-page:before {
  content: "\f17e";
}
.bo-icon-general-operator:before {
  content: "\f17f";
}
.bo-icon-general-new:before {
  content: "\f180";
}
.bo-icon-general-mute:before {
  content: "\f181";
}
.bo-icon-general-multimedia:before {
  content: "\f182";
}
.bo-icon-general-move:before {
  content: "\f183";
}
.bo-icon-general-money:before {
  content: "\f184";
}
.bo-icon-general-money-up:before {
  content: "\f185";
}
.bo-icon-general-money-stack:before {
  content: "\f186";
}
.bo-icon-general-money-down:before {
  content: "\f187";
}
.bo-icon-general-mobile:before {
  content: "\f188";
}
.bo-icon-general-messages:before {
  content: "\f189";
}
.bo-icon-general-message:before {
  content: "\f18a";
}
.bo-icon-general-market:before {
  content: "\f18b";
}
.bo-icon-general-mail:before {
  content: "\f18c";
}
.bo-icon-general-log-out:before {
  content: "\f18d";
}
.bo-icon-general-log-in:before {
  content: "\f18e";
}
.bo-icon-general-lock:before {
  content: "\f18f";
}
.bo-icon-general-location:before {
  content: "\f190";
}
.bo-icon-general-list-dot:before {
  content: "\f191";
}
.bo-icon-general-list-check:before {
  content: "\f192";
}
.bo-icon-general-list-arrow-up:before {
  content: "\f193";
}
.bo-icon-general-list-arrow-down:before {
  content: "\f194";
}
.bo-icon-general-light:before {
  content: "\f195";
}
.bo-icon-general-layout:before {
  content: "\f196";
}
.bo-icon-general-layers:before {
  content: "\f197";
}
.bo-icon-general-key:before {
  content: "\f198";
}
.bo-icon-general-italic:before {
  content: "\f199";
}
.bo-icon-general-info:before {
  content: "\f19a";
}
.bo-icon-general-inbox:before {
  content: "\f19b";
}
.bo-icon-general-image:before {
  content: "\f19c";
}
.bo-icon-general-image-plus:before {
  content: "\f19d";
}
.bo-icon-general-history:before {
  content: "\f19e";
}
.bo-icon-general-hash:before {
  content: "\f19f";
}
.bo-icon-general-grid:before {
  content: "\f1a0";
}
.bo-icon-general-globe:before {
  content: "\f1a1";
}
.bo-icon-general-gift:before {
  content: "\f1a2";
}
.bo-icon-general-gamepad:before {
  content: "\f1a3";
}
.bo-icon-general-full-screen:before {
  content: "\f1a4";
}
.bo-icon-general-free-spins:before {
  content: "\f1a5";
}
.bo-icon-general-folder:before {
  content: "\f1a6";
}
.bo-icon-general-folder-plus:before {
  content: "\f1a7";
}
.bo-icon-general-flowchart:before {
  content: "\f1a8";
}
.bo-icon-general-flag:before {
  content: "\f1a9";
}
.bo-icon-general-file:before {
  content: "\f1aa";
}
.bo-icon-general-feedback:before {
  content: "\f1ab";
}
.bo-icon-general-exchange:before {
  content: "\f1ac";
}
.bo-icon-general-error:before {
  content: "\f1ad";
}
.bo-icon-general-egypt:before {
  content: "\f1ae";
}
.bo-icon-general-edit-square:before {
  content: "\f1af";
}
.bo-icon-general-dollar:before {
  content: "\f1b0";
}
.bo-icon-general-dollar-sign:before {
  content: "\f1b1";
}
.bo-icon-general-diamond:before {
  content: "\f1b2";
}
.bo-icon-general-desktop:before {
  content: "\f1b3";
}
.bo-icon-general-deposit-bonus:before {
  content: "\f1b4";
}
.bo-icon-general-database:before {
  content: "\f1b5";
}
.bo-icon-general-columns:before {
  content: "\f1b6";
}
.bo-icon-general-coins:before {
  content: "\f1b7";
}
.bo-icon-general-code:before {
  content: "\f1b8";
}
.bo-icon-general-cloud-download:before {
  content: "\f1b9";
}
.bo-icon-general-circle:before {
  content: "\f1ba";
}
.bo-icon-general-check-shield:before {
  content: "\f1bb";
}
.bo-icon-general-chart:before {
  content: "\f1bc";
}
.bo-icon-general-cash-out:before {
  content: "\f1bd";
}
.bo-icon-general-card:before {
  content: "\f1be";
}
.bo-icon-general-card-up:before {
  content: "\f1bf";
}
.bo-icon-general-card-down:before {
  content: "\f1c0";
}
.bo-icon-general-calculator:before {
  content: "\f1c1";
}
.bo-icon-general-broom:before {
  content: "\f1c2";
}
.bo-icon-general-branding:before {
  content: "\f1c3";
}
.bo-icon-general-boat:before {
  content: "\f1c4";
}
.bo-icon-general-blocked:before {
  content: "\f1c5";
}
.bo-icon-general-bell:before {
  content: "\f1c6";
}
.bo-icon-general-auto:before {
  content: "\f1c7";
}
.bo-icon-general-archive:before {
  content: "\f1c8";
}
.bo-icon-general-anchor:before {
  content: "\f1c9";
}
.bo-icon-general-alert-octagon:before {
  content: "\f1ca";
}
.bo-icon-category-turbo-games:before {
  content: "\f1cb";
}
.bo-icon-category-table-games:before {
  content: "\f1cc";
}
.bo-icon-category-roulette:before {
  content: "\f1cd";
}
.bo-icon-category-live-shows:before {
  content: "\f1ce";
}
.bo-icon-category-jackpots:before {
  content: "\f1cf";
}
.bo-icon-category-game-shows:before {
  content: "\f1d0";
}
.bo-icon-category-crash-games:before {
  content: "\f1d1";
}
.bo-icon-category-bonus-buy:before {
  content: "\f1d2";
}
.bo-icon-category-blackjack:before {
  content: "\f1d3";
}
.bo-icon-category-black-jack:before {
  content: "\f1d4";
}
.bo-icon-category-baccarat:before {
  content: "\f1d5";
}
.bo-icon-arrows-corner-up-right:before {
  content: "\f1d6";
}
.bo-icon-arrows-corner-up-left:before {
  content: "\f1d7";
}
.bo-icon-arrows-corner-down-right:before {
  content: "\f1d8";
}
.bo-icon-arrows-corner-down-left:before {
  content: "\f1d9";
}
.bo-icon-arrows-chevron-up:before {
  content: "\f1da";
}
.bo-icon-arrows-chevron-right:before {
  content: "\f1db";
}
.bo-icon-arrows-chevron-mini-up:before {
  content: "\f1dc";
}
.bo-icon-arrows-chevron-mini-right:before {
  content: "\f1dd";
}
.bo-icon-arrows-chevron-mini-left:before {
  content: "\f1de";
}
.bo-icon-arrows-chevron-mini-down:before {
  content: "\f1df";
}
.bo-icon-arrows-chevron-left:before {
  content: "\f1e0";
}
.bo-icon-arrows-chevron-down:before {
  content: "\f1e1";
}
.bo-icon-arrows-chevron-double-up:before {
  content: "\f1e2";
}
.bo-icon-arrows-chevron-double-right:before {
  content: "\f1e3";
}
.bo-icon-arrows-chevron-double-left:before {
  content: "\f1e4";
}
.bo-icon-arrows-chevron-double-down:before {
  content: "\f1e5";
}
.bo-icon-arrows-arrow-up:before {
  content: "\f1e6";
}
.bo-icon-arrows-arrow-right:before {
  content: "\f1e7";
}
.bo-icon-arrows-arrow-left:before {
  content: "\f1e8";
}
.bo-icon-arrows-arrow-down:before {
  content: "\f1e9";
}
.bo-icon-arrows-arrow-circle-up:before {
  content: "\f1ea";
}
.bo-icon-arrows-arrow-circle-right:before {
  content: "\f1eb";
}
.bo-icon-arrows-arrow-circle-left:before {
  content: "\f1ec";
}
.bo-icon-arrows-arrow-circle-down:before {
  content: "\f1ed";
}
[class^=bo-icon-]::before,
[class*=" bo-icon-"]::before {
  display: grid;
}
[class^=ds-icon-]::before,
[class*=" ds-icon-"]::before {
  display: grid;
}
@font-face {
  font-family: "v1";
  src: url("./media/v1-EW2J6VSR.ttf?109281eddf31fcdd6150d580b06fe7e3") format("truetype");
}
i[class^=ds-icon-]:before,
i[class*=" ds-icon-"]:before {
  font-family: v1 !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ds-icon-tag-ticket:before {
  content: "\f101";
}
.ds-icon-tag-thunder:before {
  content: "\f102";
}
.ds-icon-tag-thumbs-up:before {
  content: "\f103";
}
.ds-icon-tag-star:before {
  content: "\f104";
}
.ds-icon-tag-st-patrick:before {
  content: "\f105";
}
.ds-icon-tag-rtp:before {
  content: "\f106";
}
.ds-icon-tag-rocket:before {
  content: "\f107";
}
.ds-icon-tag-new:before {
  content: "\f108";
}
.ds-icon-tag-new-year:before {
  content: "\f109";
}
.ds-icon-tag-halloween:before {
  content: "\f10a";
}
.ds-icon-tag-fish:before {
  content: "\f10b";
}
.ds-icon-tag-fire:before {
  content: "\f10c";
}
.ds-icon-tag-dice:before {
  content: "\f10d";
}
.ds-icon-tag-crystal:before {
  content: "\f10e";
}
.ds-icon-tag-christmas:before {
  content: "\f10f";
}
.ds-icon-tag-card:before {
  content: "\f110";
}
.ds-icon-tag-bonus:before {
  content: "\f111";
}
.ds-icon-tag-bomb:before {
  content: "\f112";
}
.ds-icon-tag-ball:before {
  content: "\f113";
}
.ds-icon-products-sports:before {
  content: "\f114";
}
.ds-icon-products-slots:before {
  content: "\f115";
}
.ds-icon-products-live-casino:before {
  content: "\f116";
}
.ds-icon-products-igames:before {
  content: "\f117";
}
.ds-icon-general-zap:before {
  content: "\f118";
}
.ds-icon-general-workspace:before {
  content: "\f119";
}
.ds-icon-general-wave:before {
  content: "\f11a";
}
.ds-icon-general-warning:before {
  content: "\f11b";
}
.ds-icon-general-wallet:before {
  content: "\f11c";
}
.ds-icon-general-vendor:before {
  content: "\f11d";
}
.ds-icon-general-users:before {
  content: "\f11e";
}
.ds-icon-general-user:before {
  content: "\f11f";
}
.ds-icon-general-user-rectangle:before {
  content: "\f120";
}
.ds-icon-general-user-plus:before {
  content: "\f121";
}
.ds-icon-general-user-minus:before {
  content: "\f122";
}
.ds-icon-general-user-cross:before {
  content: "\f123";
}
.ds-icon-general-user-circle:before {
  content: "\f124";
}
.ds-icon-general-user-check:before {
  content: "\f125";
}
.ds-icon-general-unmute:before {
  content: "\f126";
}
.ds-icon-general-unlock:before {
  content: "\f127";
}
.ds-icon-general-trophy:before {
  content: "\f128";
}
.ds-icon-general-track:before {
  content: "\f129";
}
.ds-icon-general-tool:before {
  content: "\f12a";
}
.ds-icon-general-toggle-right:before {
  content: "\f12b";
}
.ds-icon-general-toggle-left:before {
  content: "\f12c";
}
.ds-icon-general-time:before {
  content: "\f12d";
}
.ds-icon-general-ticket:before {
  content: "\f12e";
}
.ds-icon-general-thumbs-down:before {
  content: "\f12f";
}
.ds-icon-general-target:before {
  content: "\f130";
}
.ds-icon-general-tag:before {
  content: "\f131";
}
.ds-icon-general-stop:before {
  content: "\f132";
}
.ds-icon-general-star-fill:before {
  content: "\f133";
}
.ds-icon-general-star-circle:before {
  content: "\f134";
}
.ds-icon-general-split:before {
  content: "\f135";
}
.ds-icon-general-sparkles:before {
  content: "\f136";
}
.ds-icon-general-spade:before {
  content: "\f137";
}
.ds-icon-general-smile-3:before {
  content: "\f138";
}
.ds-icon-general-smile-2:before {
  content: "\f139";
}
.ds-icon-general-smile-1:before {
  content: "\f13a";
}
.ds-icon-general-sand-clock:before {
  content: "\f13b";
}
.ds-icon-general-repeat:before {
  content: "\f13c";
}
.ds-icon-general-refresh:before {
  content: "\f13d";
}
.ds-icon-general-receipt:before {
  content: "\f13e";
}
.ds-icon-general-ranks:before {
  content: "\f13f";
}
.ds-icon-general-provider:before {
  content: "\f140";
}
.ds-icon-general-pointer:before {
  content: "\f141";
}
.ds-icon-general-plus-group:before {
  content: "\f142";
}
.ds-icon-general-play:before {
  content: "\f143";
}
.ds-icon-general-placeholder:before {
  content: "\f144";
}
.ds-icon-general-percent:before {
  content: "\f145";
}
.ds-icon-general-pending:before {
  content: "\f146";
}
.ds-icon-general-pen-tool:before {
  content: "\f147";
}
.ds-icon-general-pause:before {
  content: "\f148";
}
.ds-icon-general-password:before {
  content: "\f149";
}
.ds-icon-general-page:before {
  content: "\f14a";
}
.ds-icon-general-operator:before {
  content: "\f14b";
}
.ds-icon-general-new:before {
  content: "\f14c";
}
.ds-icon-general-mute:before {
  content: "\f14d";
}
.ds-icon-general-multimedia:before {
  content: "\f14e";
}
.ds-icon-general-move:before {
  content: "\f14f";
}
.ds-icon-general-money:before {
  content: "\f150";
}
.ds-icon-general-money-up:before {
  content: "\f151";
}
.ds-icon-general-money-stack:before {
  content: "\f152";
}
.ds-icon-general-money-down:before {
  content: "\f153";
}
.ds-icon-general-mobile:before {
  content: "\f154";
}
.ds-icon-general-messages:before {
  content: "\f155";
}
.ds-icon-general-message:before {
  content: "\f156";
}
.ds-icon-general-market:before {
  content: "\f157";
}
.ds-icon-general-mail:before {
  content: "\f158";
}
.ds-icon-general-log-out:before {
  content: "\f159";
}
.ds-icon-general-log-in:before {
  content: "\f15a";
}
.ds-icon-general-lock:before {
  content: "\f15b";
}
.ds-icon-general-location:before {
  content: "\f15c";
}
.ds-icon-general-list-dot:before {
  content: "\f15d";
}
.ds-icon-general-list-check:before {
  content: "\f15e";
}
.ds-icon-general-list-arrow-up:before {
  content: "\f15f";
}
.ds-icon-general-list-arrow-down:before {
  content: "\f160";
}
.ds-icon-general-light:before {
  content: "\f161";
}
.ds-icon-general-layout:before {
  content: "\f162";
}
.ds-icon-general-layers:before {
  content: "\f163";
}
.ds-icon-general-key:before {
  content: "\f164";
}
.ds-icon-general-italic:before {
  content: "\f165";
}
.ds-icon-general-info:before {
  content: "\f166";
}
.ds-icon-general-inbox:before {
  content: "\f167";
}
.ds-icon-general-image:before {
  content: "\f168";
}
.ds-icon-general-image-plus:before {
  content: "\f169";
}
.ds-icon-general-history:before {
  content: "\f16a";
}
.ds-icon-general-hash:before {
  content: "\f16b";
}
.ds-icon-general-grid:before {
  content: "\f16c";
}
.ds-icon-general-globe:before {
  content: "\f16d";
}
.ds-icon-general-gift:before {
  content: "\f16e";
}
.ds-icon-general-gamepad:before {
  content: "\f16f";
}
.ds-icon-general-full-screen:before {
  content: "\f170";
}
.ds-icon-general-free-spins:before {
  content: "\f171";
}
.ds-icon-general-folder:before {
  content: "\f172";
}
.ds-icon-general-folder-plus:before {
  content: "\f173";
}
.ds-icon-general-flowchart:before {
  content: "\f174";
}
.ds-icon-general-flag:before {
  content: "\f175";
}
.ds-icon-general-file:before {
  content: "\f176";
}
.ds-icon-general-feedback:before {
  content: "\f177";
}
.ds-icon-general-exchange:before {
  content: "\f178";
}
.ds-icon-general-error:before {
  content: "\f179";
}
.ds-icon-general-egypt:before {
  content: "\f17a";
}
.ds-icon-general-edit-square:before {
  content: "\f17b";
}
.ds-icon-general-dollar:before {
  content: "\f17c";
}
.ds-icon-general-dollar-sign:before {
  content: "\f17d";
}
.ds-icon-general-diamond:before {
  content: "\f17e";
}
.ds-icon-general-desktop:before {
  content: "\f17f";
}
.ds-icon-general-deposit-bonus:before {
  content: "\f180";
}
.ds-icon-general-database:before {
  content: "\f181";
}
.ds-icon-general-columns:before {
  content: "\f182";
}
.ds-icon-general-coins:before {
  content: "\f183";
}
.ds-icon-general-code:before {
  content: "\f184";
}
.ds-icon-general-cloud-download:before {
  content: "\f185";
}
.ds-icon-general-circle:before {
  content: "\f186";
}
.ds-icon-general-check-shield:before {
  content: "\f187";
}
.ds-icon-general-chart:before {
  content: "\f188";
}
.ds-icon-general-cash-out:before {
  content: "\f189";
}
.ds-icon-general-card:before {
  content: "\f18a";
}
.ds-icon-general-card-up:before {
  content: "\f18b";
}
.ds-icon-general-card-down:before {
  content: "\f18c";
}
.ds-icon-general-calculator:before {
  content: "\f18d";
}
.ds-icon-general-broom:before {
  content: "\f18e";
}
.ds-icon-general-branding:before {
  content: "\f18f";
}
.ds-icon-general-boat:before {
  content: "\f190";
}
.ds-icon-general-blocked:before {
  content: "\f191";
}
.ds-icon-general-bell:before {
  content: "\f192";
}
.ds-icon-general-auto:before {
  content: "\f193";
}
.ds-icon-general-archive:before {
  content: "\f194";
}
.ds-icon-general-anchor:before {
  content: "\f195";
}
.ds-icon-general-alert-octagon:before {
  content: "\f196";
}
.ds-icon-chips-wave-fill:before {
  content: "\f197";
}
.ds-icon-chips-wafe-fill:before {
  content: "\f198";
}
.ds-icon-chips-user-rectangle-fill:before {
  content: "\f199";
}
.ds-icon-chips-time-fill:before {
  content: "\f19a";
}
.ds-icon-chips-sports-fill:before {
  content: "\f19b";
}
.ds-icon-chips-plus-circle-fill:before {
  content: "\f19c";
}
.ds-icon-chips-play-fill:before {
  content: "\f19d";
}
.ds-icon-chips-new-fill:before {
  content: "\f19e";
}
.ds-icon-chips-mail-fill:before {
  content: "\f19f";
}
.ds-icon-chips-list-check-fill:before {
  content: "\f1a0";
}
.ds-icon-chips-igames-fill:before {
  content: "\f1a1";
}
.ds-icon-chips-check-double-fill:before {
  content: "\f1a2";
}
.ds-icon-chips-check-circle-fill:before {
  content: "\f1a3";
}
.ds-icon-chips-boat-fill:before {
  content: "\f1a4";
}
.ds-icon-chips-anchor-fill:before {
  content: "\f1a5";
}
.ds-icon-control-upload:before {
  content: "\f1a6";
}
.ds-icon-control-unpin:before {
  content: "\f1a7";
}
.ds-icon-control-undo:before {
  content: "\f1a8";
}
.ds-icon-control-underline:before {
  content: "\f1a9";
}
.ds-icon-control-type:before {
  content: "\f1aa";
}
.ds-icon-control-sun:before {
  content: "\f1ab";
}
.ds-icon-control-strikethrough:before {
  content: "\f1ac";
}
.ds-icon-control-settings:before {
  content: "\f1ad";
}
.ds-icon-control-search:before {
  content: "\f1ae";
}
.ds-icon-control-resize-textarea:before {
  content: "\f1af";
}
.ds-icon-control-redo:before {
  content: "\f1b0";
}
.ds-icon-control-plus:before {
  content: "\f1b1";
}
.ds-icon-control-plus-square:before {
  content: "\f1b2";
}
.ds-icon-control-plus-circle:before {
  content: "\f1b3";
}
.ds-icon-control-pinned:before {
  content: "\f1b4";
}
.ds-icon-control-pin:before {
  content: "\f1b5";
}
.ds-icon-control-online:before {
  content: "\f1b6";
}
.ds-icon-control-move:before {
  content: "\f1b7";
}
.ds-icon-control-more:before {
  content: "\f1b8";
}
.ds-icon-control-moon:before {
  content: "\f1b9";
}
.ds-icon-control-minus:before {
  content: "\f1ba";
}
.ds-icon-control-minus-square:before {
  content: "\f1bb";
}
.ds-icon-control-loader:before {
  content: "\f1bc";
}
.ds-icon-control-link:before {
  content: "\f1bd";
}
.ds-icon-control-link-external:before {
  content: "\f1be";
}
.ds-icon-control-filter:before {
  content: "\f1bf";
}
.ds-icon-control-filter-plus:before {
  content: "\f1c0";
}
.ds-icon-control-eye-on:before {
  content: "\f1c1";
}
.ds-icon-control-eye-off:before {
  content: "\f1c2";
}
.ds-icon-control-expand:before {
  content: "\f1c3";
}
.ds-icon-control-edit:before {
  content: "\f1c4";
}
.ds-icon-control-drag:before {
  content: "\f1c5";
}
.ds-icon-control-drag-vertical:before {
  content: "\f1c6";
}
.ds-icon-control-drag-horizontal:before {
  content: "\f1c7";
}
.ds-icon-control-download:before {
  content: "\f1c8";
}
.ds-icon-control-delete:before {
  content: "\f1c9";
}
.ds-icon-control-cross:before {
  content: "\f1ca";
}
.ds-icon-control-cross-shield:before {
  content: "\f1cb";
}
.ds-icon-control-cross-circle:before {
  content: "\f1cc";
}
.ds-icon-control-copy:before {
  content: "\f1cd";
}
.ds-icon-control-clipboard:before {
  content: "\f1ce";
}
.ds-icon-control-check:before {
  content: "\f1cf";
}
.ds-icon-control-check-double:before {
  content: "\f1d0";
}
.ds-icon-control-check-circle:before {
  content: "\f1d1";
}
.ds-icon-control-calendar:before {
  content: "\f1d2";
}
.ds-icon-control-align-right:before {
  content: "\f1d3";
}
.ds-icon-control-align-left:before {
  content: "\f1d4";
}
.ds-icon-control-align-justify:before {
  content: "\f1d5";
}
.ds-icon-control-align-center:before {
  content: "\f1d6";
}
.ds-icon-chat-smile:before {
  content: "\f1d7";
}
.ds-icon-chat-send:before {
  content: "\f1d8";
}
.ds-icon-chat-heart:before {
  content: "\f1d9";
}
.ds-icon-chat-gif:before {
  content: "\f1da";
}
.ds-icon-category-turbo-games:before {
  content: "\f1db";
}
.ds-icon-category-table-games:before {
  content: "\f1dc";
}
.ds-icon-category-roulette:before {
  content: "\f1dd";
}
.ds-icon-category-live-shows:before {
  content: "\f1de";
}
.ds-icon-category-jackpots:before {
  content: "\f1df";
}
.ds-icon-category-game-shows:before {
  content: "\f1e0";
}
.ds-icon-category-crash-games:before {
  content: "\f1e1";
}
.ds-icon-category-bonus-buy:before {
  content: "\f1e2";
}
.ds-icon-category-blackjack:before {
  content: "\f1e3";
}
.ds-icon-category-black-jack:before {
  content: "\f1e4";
}
.ds-icon-category-baccarat:before {
  content: "\f1e5";
}
.ds-icon-arrows-corner-up-right:before {
  content: "\f1e6";
}
.ds-icon-arrows-corner-up-left:before {
  content: "\f1e7";
}
.ds-icon-arrows-corner-down-right:before {
  content: "\f1e8";
}
.ds-icon-arrows-corner-down-left:before {
  content: "\f1e9";
}
.ds-icon-arrows-chevron-up:before {
  content: "\f1ea";
}
.ds-icon-arrows-chevron-right:before {
  content: "\f1eb";
}
.ds-icon-arrows-chevron-mini-up:before {
  content: "\f1ec";
}
.ds-icon-arrows-chevron-mini-right:before {
  content: "\f1ed";
}
.ds-icon-arrows-chevron-mini-left:before {
  content: "\f1ee";
}
.ds-icon-arrows-chevron-mini-down:before {
  content: "\f1ef";
}
.ds-icon-arrows-chevron-left:before {
  content: "\f1f0";
}
.ds-icon-arrows-chevron-down:before {
  content: "\f1f1";
}
.ds-icon-arrows-chevron-double-up:before {
  content: "\f1f2";
}
.ds-icon-arrows-chevron-double-right:before {
  content: "\f1f3";
}
.ds-icon-arrows-chevron-double-left:before {
  content: "\f1f4";
}
.ds-icon-arrows-chevron-double-down:before {
  content: "\f1f5";
}
.ds-icon-arrows-arrow-up:before {
  content: "\f1f6";
}
.ds-icon-arrows-arrow-right:before {
  content: "\f1f7";
}
.ds-icon-arrows-arrow-left:before {
  content: "\f1f8";
}
.ds-icon-arrows-arrow-down:before {
  content: "\f1f9";
}
.ds-icon-arrows-arrow-circle-up:before {
  content: "\f1fa";
}
.ds-icon-arrows-arrow-circle-right:before {
  content: "\f1fb";
}
.ds-icon-arrows-arrow-circle-left:before {
  content: "\f1fc";
}
.ds-icon-arrows-arrow-circle-down:before {
  content: "\f1fd";
}
:root {
  --spr-font-weight-regular: 400;
  --spr-font-weight-medium: 500;
  --spr-font-weight-semi-bold: 600;
  --spr-font-size-12: 12px;
  --spr-font-size-13: 13px;
  --spr-font-size-14: 14px;
  --spr-font-size-15: 15px;
  --spr-font-size-16: 16px;
  --spr-font-size-18: 18px;
  --spr-font-size-20: 20px;
  --spr-font-size-24: 24px;
  --spr-font-size-28: 28px;
  --spr-font-size-32: 32px;
  --spr-line-height-8: 8px;
  --spr-line-height-16: 16px;
  --spr-line-height-20: 20px;
  --spr-line-height-24: 24px;
  --spr-line-height-28: 28px;
  --spr-line-height-32: 32px;
  --spr-line-height-36: 36px;
  --spr-line-height-40: 40px;
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("./media/Inter-BCWOMLLA.woff2") format("woff2");
}
.text-body-xxxl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
}
.text-body-xxl {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
}
.text-body-xl {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
}
.text-body-l {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-20);
}
.text-body-m {
  font-size: var(--spr-font-size-15);
  line-height: var(--spr-line-height-20);
}
.text-body-s {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-20);
}
.text-body-xs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
}
.text-body-xs-uppercase {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-20);
  text-transform: uppercase;
}
.text-heading-xl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--spr-font-size-28);
  line-height: var(--spr-line-height-36);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
.text-heading-xxxs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
.text-paragraph-xl {
  font-size: var(--spr-font-size-18);
  line-height: var(--spr-line-height-28);
}
.text-paragraph-l {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-24);
}
.text-paragraph-m {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-24);
}
.text-paragraph-s {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-20);
}
.text-weight-r {
  font-weight: var(--spr-font-weight-regular);
}
.text-weight-m {
  font-weight: var(--spr-font-weight-medium);
}
.text-weight-sb {
  font-weight: var(--spr-font-weight-semi-bold);
}
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  gap: 24px;
  background: var(--brd-fill-default-0);
  border-bottom: 1px solid var(--brd-border-divider-300);
}
.page-header:has(.page-header__bottom-row) {
  align-items: flex-start;
}
.page-header__body {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 6px;
}
.page-header__top-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.page-header__title-container {
  display: flex;
  align-items: center;
  gap: 24px;
}
.page-header__title {
  margin: 0;
  line-height: 36px;
  color: var(--brd-text-primary-800);
}
.page-header__subtitle {
  margin: 0;
  font-size: var(--spr-font-size-14);
  line-height: 20px;
  font-weight: 400;
  color: var(--brd-text-secondary-500);
}
.page-header__datepicker-container {
  min-width: 400px;
}
.page-header__controls {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.control-form {
  --spr-control-form-old-color: var(--brd-text-primary-800);
  --spr-control-form-old-disabled-color: rgb(var(--brd-gray-600));
  --spr-control-form-old-border-color: rgb(var(--brd-gray-400));
  --spr-control-form-old-disabled-background: rgb(var(--brd-gray-250));
  --spr-control-form-old-placeholder-color: rgb(var(--brd-gray-500));
  --spr-control-form-old-disabled-placeholder-color: rgb(var(--brd-gray-600));
  display: block;
  width: 100%;
  font-size: var(--spr-font-size-14);
  line-height: 20px;
  font-weight: 400;
  color: var(--spr-control-form-old-color);
  background-color: rgb(var(--brd-white));
  background-clip: padding-box;
  appearance: none;
  border: 1px solid var(--spr-control-form-old-border-color);
  border-radius: var(--spr-border-radius-m);
  transition: border var(--spr-transition-time) ease, background-color var(--spr-transition-time) ease;
  box-shadow: 0 1px 2px 0 rgb(var(--brd-black)/0.05);
  padding: 7px 11px;
}
.control-form:is(:-webkit-autofill) {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.control-form--with-icon {
  padding-left: 36px;
}
.control-form:hover:not(div):not(:disabled) {
  border-color: var(--spr-theme-color);
}
.control-form:focus,
.control-form:focus-visible {
  color: rgb(var(--spr-grey-750));
  background-color: var(--bs-body-bg);
  border-color: var(--spr-theme-color);
  outline: 0;
  box-shadow: 0 0 0 1px var(--spr-theme-color);
}
.control-form:focus + .control-form--input-submit-button,
.control-form:focus-visible + .control-form--input-submit-button {
  opacity: 1;
}
.control-form::placeholder {
  color: var(--spr-control-form-old-placeholder-color);
}
.control-form--rounded {
  border-radius: 24px;
}
.control-form--hidden-input {
  background: transparent;
  border: none;
  box-shadow: none;
  color: transparent;
}
.control-form.control-form--colored:hover:not(:disabled) {
  border-color: var(--spr-theme-color);
}
.control-form.control-form--colored:focus {
  box-shadow: inset 0 0 0 1px var(--spr-theme-color);
}
.control-form.control-form--large {
  font-size: var(--spr-font-size-16);
  min-height: 44px;
  padding: 11px;
}
.control-form--copy-text-btn {
  position: relative;
  padding-right: 57px;
}
.control-form--disabled,
.control-form--gray,
.control-form:disabled {
  background-color: var(--spr-control-form-old-disabled-background);
  color: var(--spr-control-form-old-disabled-color);
}
.control-form--disabled:focus,
.control-form--gray:focus,
.control-form:disabled:focus {
  box-shadow: inset 0 0 0 1px var(--spr-theme-color);
}
.control-form--disabled::placeholder,
.control-form--gray::placeholder,
.control-form:disabled::placeholder {
  color: var(--spr-control-form-old-disabled-placeholder-color);
}
.control-form.control-form--auth {
  border-color: rgb(var(--brd-white)/0.2);
  padding-left: 36px;
  padding-right: 40px;
  background-color: transparent;
  color: rgb(var(--brd-white));
  box-shadow: none;
}
.control-form.control-form--auth::placeholder {
  color: #9f99a4;
}
.control-form.control-form--auth:focus {
  border-color: var(--spr-color-auth);
  box-shadow: inset 0 0 0 1px var(--spr-color-auth);
}
.control-form.control-form--auth:focus + .form-control-icon path {
  fill: rgb(var(--spr-color-white));
}
.control-form.control-form--auth:hover {
  border-color: rgb(var(--brd-white)/0.2);
}
.control-form.control-form--auth.is-invalid {
  background-color: transparent;
}
.control-form.control-form--auth.is-invalid:hover {
  border-color: rgb(var(--brd-red-600));
}
.control-form.control-form--auth.is-invalid:focus {
  border-color: var(--spr-color-auth);
  box-shadow: inset 0 0 0 1px var(--spr-color-auth);
}
.control-form.control-form--auth.is-invalid + .form-control-icon path {
  fill: #de4a4a;
}
.control-form.is-invalid {
  background-size: 24px 24px !important;
  background-position: right 10px top 10px !important;
  border: 1px solid rgb(var(--brd-red-600));
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgb(var(--brd-red-600));
}
.control-form--holder {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 8px;
}
.control-form--gray-column {
  flex-direction: column;
}
.control-form--input-submit-button {
  position: absolute;
  width: 36px;
  height: 36px;
  border: none;
  color: rgb(var(--spr-grey-300));
  top: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  transition: opacity var(--spr-transition-time) ease;
}
.control-form--input-submit-button:hover {
  color: rgb(var(--spr-grey-750));
}
.control-form__group {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 0;
}
app-dropdown .is-open {
  opacity: 0.4;
  pointer-events: none;
}
div.control-form {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 8px;
}
div.control-form.control-form--disabled {
  background-color: rgb(var(--spr-grey-50));
  border: 1px solid rgb(var(--brd-black)/0.1);
  color: rgb(var(--spr-grey-750));
}
div.control-form.control-form--disabled:hover {
  border: 1px solid rgb(var(--brd-black)/0.1);
}
div.control-form.control-form--disabled.control-form--colored:hover {
  border-color: var(--spr-theme-color);
}
.backoffice-modal .control-form:not(.form-datepicker-control):hover:not(:disabled) {
  border-color: var(--spr-theme-color);
}
.backoffice-modal .control-form:not(.form-datepicker-control):focus {
  box-shadow: inset 0 0 0 1px var(--spr-theme-color);
}
.form-help-text {
  font-size: 12px;
  color: rgb(var(--spr-grey-250));
  grid-area: icon;
}
.form-help-text__body {
  pointer-events: none;
}
.ng-select .ng-select-container {
  color: rgb(var(--spr-grey-750));
  border: 1px solid rgb(var(--spr-grey-250));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(var(--brd-white));
  border-radius: var(--spr-border-radius-m);
  min-height: 44px;
  padding: 12px;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border: 1px solid rgb(var(--spr-grey-250));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.ng-select.ng-select-opened > .ng-select-container {
  border-color: rgb(var(--spr-grey-250));
  background: rgb(var(--brd-white));
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding: 0;
  gap: 8px;
  align-items: center;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(var(--spr-grey-750));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 8px 8px 8px 12px;
  color: rgb(var(--spr-grey-750));
  background-color: rgb(var(--spr-deepblue-20));
  border-radius: var(--spr-border-radius-xs);
  font-size: var(--spr-font-size-16);
  line-height: 20px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value:has(.error-item) {
  background: rgb(var(--spr-red-20));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value:has(.error-item) .form-help-text path {
  fill: rgb(var(--brd-red-600));
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background: transparent;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: none;
  padding: 3px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input[role=combobox] {
  min-width: 150px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: rgb(var(--spr-grey-850));
}
.ng-select .ng-arrow-wrapper,
.ng-select .ng-clear-wrapper {
  display: none;
}
.ng-dropdown-panel {
  background-color: rgb(var(--brd-white));
  box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid rgb(var(--spr-grey-130));
}
.ng-dropdown-panel.ng-select-bottom {
  visibility: hidden;
  z-index: 99999;
  padding: 8px;
  border-radius: var(--spr-border-radius-m);
  margin-top: 0;
  border-top-color: rgb(var(--spr-grey-130));
}
.ng-dropdown-panel.ng-select-bottom[isRequestCompleted=true] {
  visibility: visible;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: rgb(var(--spr-grey-650));
  padding: 8px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(var(--brd-purple-300));
  color: rgb(var(--brd-white));
  border-radius: var(--spr-border-radius-xs);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  opacity: 0.5;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: var(--spr-font-size-14);
  padding-right: 8px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) {
  min-width: 324px;
  border: 1px solid #dedfe4;
  box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.08);
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-header {
  padding: 12px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-header,
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-week.ngb-dp-weekdays,
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-month-name {
  background-color: rgb(var(--spr-grey-50));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-month {
  width: 100%;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-arrow {
  border-radius: 36px;
  height: 36px;
  width: 36px;
  flex: 0 0 36px;
  background: rgb(var(--brd-white));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-arrow.ngb-dp-arrow-prev {
  margin-right: 8px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-arrow.ngb-dp-arrow-prev .ngb-dp-navigation-chevron {
  margin: 0 0 0 3px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-arrow.ngb-dp-arrow-next {
  margin-left: 8px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-arrow.ngb-dp-arrow-next .ngb-dp-navigation-chevron {
  margin: 0 3px 0 0;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn {
  margin: 0;
  height: 36px;
  width: 36px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 36px;
  border: 1px solid transparent;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:hover {
  border-color: rgb(var(--spr-grey-300));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:hover .ngb-dp-navigation-chevron {
  border-color: rgb(var(--spr-grey-300));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:active {
  background-color: rgb(var(--spr-grey-30));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:active .ngb-dp-navigation-chevron {
  border-color: rgb(var(--spr-grey-250));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:disabled,
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn.disabled {
  border-color: var(--brd-border-disabled-300);
  background-color: transparent;
  color: var(--brd-text-disabled-500);
  pointer-events: none;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn.ngb-dp-arrow-btn:focus {
  outline: none;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-navigation-chevron {
  border-width: 1.5px 1.5px 0 0;
  width: 10px;
  height: 10px;
  margin: 0;
  border-color: #b4b7bd;
  transition: border-color var(--spr-transition-time) ease;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-navigation-select {
  flex: 1;
  gap: 8px;
  justify-content: center;
}
ngb-datepicker.dropdown-menu:not(.ds-component) ngb-datepicker-navigation-select > .form-select {
  flex: 0 0 102px;
  height: auto;
  padding: 7px 8px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) ngb-datepicker-navigation-select > .form-select:hover {
  border-color: rgb(var(--spr-grey-300));
}
ngb-datepicker.dropdown-menu:not(.ds-component) ngb-datepicker-navigation-select > .form-select:focus {
  border-color: rgb(var(--spr-grey-300));
  box-shadow: none;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-weekdays {
  border-top: 1px solid #dedfe4;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-week {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-week.ngb-dp-weekdays {
  margin-bottom: 0.5rem;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-week:last-child {
  padding-bottom: 0.5rem !important;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-weekday {
  font-style: normal;
  overflow: hidden;
  color: #acafb6;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 6px;
  width: 44px;
  height: 44px;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day {
  width: 44px;
  height: 44px;
  font-size: var(--spr-font-size-14);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day.disabled {
  opacity: 0.5;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day:hover .btn-light {
  outline: none;
  background-color: transparent;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day .btn-light {
  position: relative;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day .btn-light.range {
  color: rgb(var(--brd-white));
  background-color: rgb(var(--brd-purple-300)) !important;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day .btn-light.faded {
  color: rgb(var(--spr-grey-750));
  border-radius: 0;
  background-color: rgb(var(--brd-purple-300)/0.2) !important;
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn-light,
ngb-datepicker.dropdown-menu:not(.ds-component) [ngbDatepickerDayView] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ngb-datepicker.dropdown-menu:not(.ds-component) [ngbDatepickerDayView]:hover:not(.bg-primary),
ngb-datepicker.dropdown-menu:not(.ds-component) [ngbDatepickerDayView].active:not(.bg-primary) {
  background-color: transparent;
  outline: none;
  border: 1px solid rgb(var(--spr-grey-750));
}
ngb-datepicker.dropdown-menu:not(.ds-component) .btn-light.bg-primary {
  border: 1px solid rgb(var(--spr-grey-750));
  background-color: rgb(var(--brd-white)) !important;
  color: rgb(var(--spr-grey-750)) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
ngb-datepicker.dropdown-menu:not(.ds-component) .ngb-dp-day .btn-light:hover {
  border: 1px solid rgb(var(--spr-grey-750));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.ngb-tp {
  display: flex;
  align-items: center;
}
.ngb-tp-hour,
.ngb-tp-minute,
.ngb-tp-second,
.ngb-tp-meridian {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.ngb-tp-input {
  display: block;
  width: 100%;
  padding: 7px 11px;
  border: 1px solid rgb(var(--spr-grey-150));
  border-radius: var(--spr-border-radius-m);
  background-color: rgb(var(--brd-white));
  color: rgb(var(--spr-grey-750));
  font-size: var(--spr-font-size-14);
  appearance: none;
  outline: none;
}
.invalid-timepicker .ngb-tp-input {
  border-color: rgb(var(--brd-red-600));
}
.invalid-timepicker .ngb-tp-input:focus {
  box-shadow: inset 0 0 0 1px rgb(var(--brd-red-600));
}
.app-date-timepicker .form-control {
  padding: 11px;
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-20);
}
.ngb-dp-day,
.ngb-dp-weekday {
  flex: 1 1 0;
}
.form-control-datepicker,
.form-select {
  display: block;
  width: 100%;
  border: 1px solid rgb(var(--spr-grey-150));
  border-radius: var(--spr-border-radius-m);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(var(--brd-white));
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.6875rem center;
  background-size: 16px 12px;
  color: rgb(var(--spr-grey-850));
  line-height: var(--spr-line-height-20);
  cursor: pointer;
  transition: border var(--spr-transition-time) ease, background-color var(--spr-transition-time) ease;
  appearance: none;
}
.form-control-datepicker:hover,
.form-select:hover {
  border: 1px solid rgb(var(--spr-grey-250));
  background-color: rgb(var(--spr-grey-30));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form-control-datepicker:focus-visible,
.form-control-datepicker:focus,
.form-select:focus-visible,
.form-select:focus {
  border: 1px solid rgb(var(--spr-grey-130));
  background-color: rgb(var(--brd-white));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(0, 0, 0, 0.05);
  outline: none;
}
.form-control-datepicker:active,
.form-select:active {
  border: 1px solid rgb(var(--spr-grey-130));
  background-color: rgb(var(--spr-grey-50));
  color: rgb(var(--spr-grey-850)/0.7);
}
.form-control-datepicker:disabled,
.form-select:disabled {
  background-color: rgb(var(--spr-grey-50));
  border: 1px solid rgb(var(--brd-black)/0.1);
  color: rgb(var(--spr-grey-750));
}
.form-control-datepicker.is-invalid,
.form-select.is-invalid {
  background-size: 24px 24px !important;
  background-position: right 10px top 10px !important;
  border: 1px solid rgb(var(--brd-red-600));
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgb(var(--brd-red-600));
}
.form-select[disabled] {
  appearance: none;
  background-image: none;
}
.form-control {
  line-height: 20px;
  transition: border var(--spr-transition-time) ease, background-color var(--spr-transition-time) ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form-control.form-control-grey {
  border-color: rgb(var(--brd-white)/0.2);
  padding-left: 36px;
  padding-right: 40px;
  background-color: transparent;
  color: rgb(var(--brd-white));
  box-shadow: none;
}
.form-control.form-control-grey::placeholder {
  color: #9f99a4;
}
.form-control.form-control-grey:focus {
  border-color: var(--spr-color-auth);
  box-shadow: inset 0 0 0 1px var(--spr-color-auth);
}
.form-control.form-control-grey:focus + .form-control-icon path {
  fill: rgb(var(--spr-color-white));
}
.form-control.form-control-grey.is-invalid {
  background-color: transparent;
}
.form-control.form-control-grey.is-invalid + .form-control-icon path {
  fill: #de4a4a;
}
.form-control.form-select-lg,
.form-control.form-control-lg {
  line-height: 20px;
  min-height: 44px;
}
.form-control:disabled {
  background-color: rgb(var(--spr-grey-50));
  border: 1px solid rgb(var(--brd-black)/0.1);
  color: rgb(var(--spr-grey-750));
}
.form-control.is-invalid {
  background-size: 24px 24px !important;
  background-position: right 10px top 10px !important;
  border: 1px solid rgb(var(--brd-red-600));
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgb(var(--brd-red-600));
}
.form-control.form-control-colored:hover:not(:disabled) {
  border-color: var(--spr-theme-color);
}
.form-control.form-control-colored:focus {
  box-shadow: inset 0 0 0 1px var(--spr-theme-color);
}
.form-control.form-control-colored::placeholder {
  color: rgb(var(--spr-grey-750));
}
.form-control.hidden-input {
  opacity: 0;
}
.form-control-datepicker.is-open {
  opacity: 0.4;
  pointer-events: none;
}
.form-datepicker.is-open .form-control,
.form-datepicker.is-open .btn-calendar {
  opacity: 0.4;
  pointer-events: none;
}
app-dropdown .is-open {
  opacity: 0.4;
  pointer-events: none;
}
.form-control-datepicker-open .btn-calendar,
.form-control-datepicker-open .form-control-datepicker {
  opacity: 0.4;
  pointer-events: none;
}
.btn.btn-calendar,
.btn.btn-deselect {
  position: absolute;
  top: 50%;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0.25rem;
  height: 44px;
  width: 44px;
  min-width: 0;
  border: none;
  pointer-events: none;
  transform: translateY(-50%);
  color: rgb(var(--brd-gray-500));
}
.btn.btn-calendar:hover,
.btn.btn-calendar:focus,
.btn.btn-calendar:active,
.btn.btn-deselect:hover,
.btn.btn-deselect:focus,
.btn.btn-deselect:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn.btn-deselect {
  pointer-events: unset;
}
.input-container {
  position: relative;
}
.input-container .form-control-icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}
.input-group > :not(:first-child, .dropdown-menu, .valid-tooltip) {
  margin-left: -1px;
}
:host {
  display: block;
}
.form-dropdown__control {
  --spr-dropdown-radius: var(--spr-control-radius);
  --spr-dropdown-color: var(--brd-text-default-800);
  --spr-dropdown-border-color: var(--brd-border-default-400);
  --spr-dropdown-border-color-hover: var(--brd-border-accent-hover-base);
  --spr-dropdown-border-color-active: var(--spr-dropdown-border-color);
  --spr-dropdown-border-color-focus: var(--spr-dropdown-border-color);
  --spr-dropdown-border-color-invalid: var(--brd-border-destructive-500);
  --spr-dropdown-background: var(--brd-fill-default-0);
  --spr-dropdown-background-active: var(--brd-fill-pressed-50);
  --spr-dropdown-background-disabled: var(--brd-fill-disabled-250);
  --spr-dropdown-box-shadow-focus: inset 0 0 0 1px var(--brd-border-accent-hover-base);
  --spr-dropdown-addon-bg: var(--brd-fill-default-100);
  --spr-dropdown-addon-border-color: var(--spr-dropdown-border-color);
  --spr-dropdown-addon-border-color-disabled: var(--brd-border-default-400);
  --spr-dropdown-addon-color: var(--brd-icon-default-500);
  --spr-dropdown-appends-color: var(--spr-dropdown-color);
  display: flex;
}
.form-dropdown__control:focus-visible {
  outline: none;
}
.form-dropdown__control.control-form--middle .form-select-control {
  padding: 7px 33px 7px 11px;
  font-size: var(--spr-font-size-14);
  line-height: 20px;
}
.form-dropdown__control.control-form--middle .form-select-control.prepend {
  padding-left: 0;
}
.form-dropdown__control.control-form--middle .form-dropdown__addon {
  padding-inline: var(--spr-control-padding-x-md);
  font-size: var(--spr-control-font-size-md);
}
.form-dropdown__control.control-form--middle .form-dropdown__prepend,
.form-dropdown__control.control-form--middle .form-dropdown__append {
  font-size: var(--spr-font-size-16);
  width: 32px;
}
.form-dropdown__control.control-form--large .form-select-control {
  padding: 11px 33px 11px 11px;
  font-size: var(--spr-font-size-16);
}
.form-dropdown__control.control-form--large .form-select-control.prepend {
  padding-left: 0;
}
.form-dropdown__control.control-form--large .form-dropdown__addon {
  padding-inline: 11px;
  font-size: var(--spr-control-font-size-lg);
}
.form-dropdown__control.control-form--large .form-dropdown__prepend,
.form-dropdown__control.control-form--large .form-dropdown__append {
  font-size: var(--spr-font-size-16);
  width: 36px;
}
.form-dropdown__control.form-dropdown__control--disabled {
  pointer-events: none;
}
.form-dropdown__control.form-dropdown__control--disabled .form-dropdown__inner {
  background: var(--spr-dropdown-background-disabled);
}
.form-select-control {
  width: 100%;
  line-height: 20px;
  font-weight: 400;
  color: var(--spr-dropdown-color);
  background: transparent;
  appearance: none;
  background-clip: padding-box;
  text-overflow: ellipsis;
  border: 0;
  outline: none;
  cursor: pointer;
}
.form-dropdown__inner {
  flex-grow: 1;
  display: flex;
  background-color: var(--spr-dropdown-background);
  border: var(--spr-control-border-width) solid var(--spr-dropdown-border-color);
  border-radius: var(--spr-dropdown-radius);
  transition: border var(--spr-transition-time) ease, background-color var(--spr-transition-time) ease;
}
.form-dropdown__inner.form-dropdown__inner--addon-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-dropdown__inner.form-dropdown__inner--addon-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-dropdown__inner:hover:not(.form-dropdown__inner-invalid, .form-dropdown__control--disabled .form-dropdown__inner:hover) {
  border-color: var(--spr-dropdown-border-color-hover);
}
.form-dropdown__inner:focus-visible {
  outline: none;
}
.form-dropdown__inner:has(.form-select-control:focus-visible:not([aria-expanded=true], .is-invalid)) {
  box-shadow: var(--spr-dropdown-box-shadow-focus);
  outline: none;
}
.form-dropdown__inner.form-dropdown__inner-invalid {
  --spr-dropdown-border-color: var(--spr-dropdown-border-color-invalid);
}
.form-select-control[disabled] {
  background-image: none;
  cursor: default;
}
.form-dropdown .checkbox-control__label {
  cursor: pointer;
}
.form-dropdown.is-open .form-dropdown__inner,
.form-dropdown.is-open .form-select-control,
.form-dropdown.is-open .form-dropdown__icon,
.form-dropdown.is-open .label-form-row,
.form-dropdown.show .form-dropdown__inner,
.form-dropdown.show .form-select-control,
.form-dropdown.show .form-dropdown__icon,
.form-dropdown.show .label-form-row {
  pointer-events: none;
}
.form-dropdown.is-open .form-dropdown__inner,
.form-dropdown.show .form-dropdown__inner {
  background: var(--spr-dropdown-background-active);
}
.form-dropdown.is-open .form-dropdown__icon,
.form-dropdown.show .form-dropdown__icon {
  transform: translateY(-50%) rotate(180deg);
}
.form-dropdown__input-container {
  position: relative;
  width: 100%;
}
.form-dropdown__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  color: var(--brd-icon-default-500);
  font-size: var(--spr-font-size-20);
  transition: transform var(--spr-transition-time) ease;
  transform: translateY(-50%) rotate(0);
  pointer-events: none;
}
.form-dropdown__icon--right {
  left: auto;
  right: 8px;
}
.dropdown-list-container-header {
  margin-bottom: 8px;
}
.dropdown-list-container-body {
  overflow-y: auto;
  flex: 1;
  max-height: 180px;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(var(--spr-grey-250)) transparent !important;
  scrollbar-gutter: unset;
}
.dropdown-list-container-body::-webkit-scrollbar {
  width: 18px !important;
  background-color: transparent !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.dropdown-list-container-body::-webkit-scrollbar-thumb {
  border: 6px solid rgb(var(--brd-white)) !important;
  background-color: rgb(var(--spr-grey-130)) !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.dropdown-list-container-body:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !important;
}
.dropdown-list-container-body:hover {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}
.dropdown-list-container-body .dropdown-item {
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  white-space: normal;
  grid-gap: 8px;
  color: var(--brd-text-default-800);
  padding: 8px !important;
}
.dropdown-list-container-body .dropdown-item:active,
.dropdown-list-container-body .dropdown-item:hover {
  color: var(--brd-text-default-800);
  background-color: var(--brd-fill-hover-100);
}
.dropdown-list-container-body .dropdown-item.disabled,
.dropdown-list-container-body .dropdown-item:disabled {
  opacity: 0.5;
}
.dropdown-list-container-body .dropdown-item .bo-icon {
  font-size: var(--spr-font-size-16);
}
.form-dropdown__addon {
  border: var(--spr-control-border-width) solid var(--spr-dropdown-addon-border-color);
  border-radius: var(--spr-dropdown-radius);
  display: flex;
  align-items: center;
  background: var(--spr-dropdown-addon-bg);
  color: var(--spr-dropdown-addon-color);
  flex-shrink: 0;
  cursor: default;
}
.form-dropdown__addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.form-dropdown__addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.form-dropdown__addon .bo-icon-general-placeholder {
  font-size: var(--spr-font-size-20);
}
.form-dropdown__prepend,
.form-dropdown__append {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--spr-dropdown-appends-color);
  cursor: pointer;
}
.form-dropdown__prepend ::ng-deep svg,
.form-dropdown__append ::ng-deep svg {
  width: 1em;
  height: 1em;
}
.form-dropdown__prepend--disabled,
.form-dropdown__append--disabled {
  pointer-events: none;
  cursor: default;
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  overflow: hidden;
  min-width: 160px;
  margin: 6px 0 !important;
  padding: 12px 12px 8px;
  border: 1px solid var(--brd-border-default-300);
  border-radius: var(--spr-border-radius-m);
  box-shadow: 0 1px 80px 0 rgb(var(--brd-black)/0.08);
  background: var(--brd-fill-default-0);
  font-size: var(--spr-font-size-14);
  text-align: left;
  list-style: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 4px 16px;
  clear: both;
  text-decoration: none;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: var(--brd-text-default-800);
  background-color: var(--brd-fill-hover-100);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  opacity: 0.5;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-toggle::after {
  display: none;
}
:host {
  display: block;
}
.form-datepicker-period-control,
.form-datepicker-control {
  --spr-dropdown-color: var(--brd-text-default-800);
  --spr-dropdown-border-color: var(--brd-border-default-400);
  --spr-dropdown-border-color-hover: var(--brd-border-accent-hover-base);
  --spr-dropdown-border-color-active: var(--spr-dropdown-border-color);
  --spr-dropdown-border-color-focus: var(--spr-dropdown-border-color);
  --spr-dropdown-border-color-invalid: var(--brd-border-destructive-500);
  --spr-dropdown-background: var(--brd-fill-default-0);
  --spr-dropdown-background-hover: var(--spr-dropdown-background);
  --spr-dropdown-background-active: var(--brd-fill-pressed-50);
  --spr-dropdown-background-focus: var(--spr-dropdown-background);
  --spr-dropdown-background-disabled: var(--brd-fill-disabled-250);
  --spr-dropdown-box-shadow-focus: 0 0 0 2px rgb(var(--brd-black) / 0.08);
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 7px 33px 7px 11px;
  font-size: var(--spr-font-size-14);
  line-height: 20px;
  font-weight: 400;
  color: var(--spr-dropdown-color);
  background: var(--spr-dropdown-background);
  border: 1px solid var(--spr-dropdown-border-color, transparent);
  border-radius: var(--spr-border-radius-m);
  transition: border var(--spr-transition-time) ease, background-color var(--spr-transition-time) ease;
  appearance: none;
  background-clip: padding-box;
  text-overflow: ellipsis;
  outline: none;
}
.form-datepicker-period-control--large,
.form-datepicker-control--large {
  font-size: var(--spr-font-size-16);
  min-height: 44px;
  padding: 11px;
}
.form-datepicker-period-control:hover:not(.is-invalid, :disabled),
.form-datepicker-control:hover:not(.is-invalid, :disabled) {
  --spr-dropdown-border-color: var(--spr-dropdown-border-color-hover);
  background: var(--spr-dropdown-background-hover);
}
.form-datepicker-period-control:focus-visible:not([aria-expanded=true], .is-invalid),
.form-datepicker-control:focus-visible:not([aria-expanded=true], .is-invalid) {
  background: var(--spr-dropdown-background-focus);
  box-shadow: var(--spr-dropdown-box-shadow-focus);
  outline: none;
}
.form-datepicker-period-control:disabled,
.form-datepicker-control:disabled {
  background: var(--spr-dropdown-background-disabled);
  cursor: default;
}
.form-datepicker-period-control::placeholder,
.form-datepicker-control::placeholder {
  color: rgb(var(--spr-grey-750));
}
.form-datepicker-period-control.is-invalid,
.form-datepicker-control.is-invalid {
  --spr-dropdown-border-color: var(--spr-dropdown-border-color-invalid);
}
.form-datepicker-period-control.control-form--large,
.form-datepicker-control.control-form--large {
  font-size: var(--spr-font-size-16);
  padding: 11px 33px 11px 11px;
}
.form-dropdown.is-open .form-datepicker-control,
.form-dropdown.is-open .btn-calendar,
.form-dropdown.is-open .label-form-row,
.form-dropdown.show .form-datepicker-control,
.form-dropdown.show .btn-calendar,
.form-dropdown.show .label-form-row {
  pointer-events: none;
}
.form-dropdown.is-open .form-datepicker-control,
.form-dropdown.show .form-datepicker-control {
  background: var(--spr-dropdown-background-active);
}
.form-datepicker-period-control__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--brd-icon-default-500);
  font-size: var(--spr-font-size-20);
}
.form-datepicker-period-control__icon--right {
  left: auto;
  right: 8px;
}
.text-heading-xl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-l {
  font-size: var(--spr-font-size-28);
  line-height: var(--spr-line-height-36);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-m {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-s {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xs {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
}
.text-heading-xxs {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
.text-heading-xxxs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
  font-weight: var(--spr-font-weight-semi-bold);
  text-transform: uppercase;
}
ngb-modal-window {
  --spr-modal-header-padding: 8px 8px 8px 24px;
  --spr-modal-max-width: 520px;
}
ngb-modal-window.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: calc(100% - var(--brd-ai-assistant-panel-width, 0px));
  height: 100%;
}
.modal-dialog {
  position: relative;
  margin: auto;
  max-height: 90%;
  height: 100%;
  width: 100%;
  max-width: var(--spr-modal-max-width);
  min-height: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
}
.modal-dialog.modal-fullscreen {
  --spr-modal-max-width: 100%;
  max-height: 100%;
  padding: 0;
}
.modal-dialog.modal-fullscreen .modal-content {
  height: 100%;
  border-radius: 0;
}
.modal-dialog.modal-lg {
  --spr-modal-max-width: 800px;
}
.modal-dialog.modal-xl {
  --spr-modal-max-width: 1200px;
}
.modal-dialog .modal-content > * {
  display: block;
  height: 100%;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--spr-modal-header-padding);
  background-color: var(--brd-fill-default-200);
  border: none;
  position: relative;
  z-index: 1;
}
.modal-header__title {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
  color: var(--brd-text-default-900);
  margin: 0;
  display: flex;
  align-items: center;
}
.modal-body:not(.ds-component .modal-body) {
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(var(--spr-grey-250)) transparent !important;
  scrollbar-gutter: unset;
}
.modal-body:not(.ds-component .modal-body)::-webkit-scrollbar {
  width: 18px !important;
  background-color: transparent !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.modal-body:not(.ds-component .modal-body)::-webkit-scrollbar-thumb {
  border: 6px solid rgb(var(--brd-white)) !important;
  background-color: rgb(var(--spr-grey-130)) !important;
  border-radius: var(--spr-border-radius-l) !important;
}
.modal-body:not(.ds-component .modal-body):hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !important;
}
.modal-body:not(.ds-component .modal-body):hover {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}
.modal-body:not(.ds-component .modal-body) {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  overflow-y: auto;
  background: var(--brd-modal-body-custom-bg, var(--brd-fill-default-50));
  min-height: 152px;
  height: calc(100% - 142px);
}
.close-modal-button {
  display: grid;
  place-content: center;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: var(--spr-border-radius-xs);
  background-color: transparent;
  outline: none;
  color: var(--brd-icon-default-500);
  font-size: var(--spr-font-size-24);
  transition: background-color var(--spr-transition-time) ease;
}
.close-modal-button:only-child {
  margin-left: auto;
}
.close-modal-button:hover {
  color: var(--brd-icon-hover-700);
  background-color: var(--brd-fill-hover-100);
}
.close-modal-button:active,
.close-modal-button:focus-visible {
  color: var(--brd-icon-pressed-300);
  background-color: var(--brd-fill-pressed-100);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: rgb(var(--brd-black));
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.7;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
  border-radius: var(--spr-border-radius-xl);
  box-shadow: 0 4px 110px 0 rgb(var(--brd-black)/0.25);
  background-color: var(--brd-fill-default-50);
  animation-name: modal-animation;
  animation-duration: 250ms;
  pointer-events: auto;
}
.modal-footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--brd-border-default-300);
  background-color: var(--brd-fill-default-200);
}
.modal-footer:empty {
  display: none;
}
.modal-footer:has(.delete-view) {
  justify-content: flex-start;
}
.delete-view {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.delete-view__title {
  color: var(--brd-text-primary-800);
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-20);
  font-weight: 600;
  max-width: 324px;
}
.delete-view__actions {
  display: flex;
  gap: 12px;
}
.offcanvas {
  position: fixed;
  top: 0;
  right: var(--brd-ai-assistant-panel-width, 0);
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 100%;
  background-color: var(--brd-fill-default-0);
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%);
  visibility: hidden;
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgb(var(--brd-gray-900));
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.85;
}
.canvas-header__title {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
  font-weight: var(--spr-font-weight-semi-bold);
  color: var(--brd-text-default-800);
  margin: 0;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.text-body-xxxl {
  font-size: var(--spr-font-size-32);
  line-height: var(--spr-line-height-40);
}
.text-body-xxl {
  font-size: var(--spr-font-size-24);
  line-height: var(--spr-line-height-32);
}
.text-body-xl {
  font-size: var(--spr-font-size-20);
  line-height: var(--spr-line-height-24);
}
.text-body-l {
  font-size: var(--spr-font-size-16);
  line-height: var(--spr-line-height-20);
}
.text-body-m {
  font-size: var(--spr-font-size-15);
  line-height: var(--spr-line-height-20);
}
.text-body-s {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-20);
}
.text-body-xs {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
}
.text-body-xs-uppercase {
  font-size: var(--spr-font-size-13);
  line-height: var(--spr-line-height-20);
  text-transform: uppercase;
}
.spr-list {
  display: flex;
  flex-direction: column;
}
.spr-list__item {
  gap: 8px;
  flex-direction: column;
  display: flex;
  padding: 12px 0;
}
.spr-list__item:not(:last-child) {
  border-bottom: 1px solid var(--brd-border-divider-300);
}
.spr-list__item-header {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-20);
  color: var(--brd-text-secondary-600);
}
.spr-list__item-value {
  gap: 4px;
  flex-direction: column;
  display: flex;
}
.spr-list__item-value-main {
  font-size: var(--spr-font-size-14);
  line-height: var(--spr-line-height-20);
  color: var(--brd-text-primary-800);
}
.spr-list__item-value-caption {
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
  color: var(--brd-text-secondary-500);
}
.tooltip {
  --brd-tooltip-bg: rgb(var(--brd-black));
  --brd-tooltip-arrow-width: 12px;
  --brd-tooltip-arrow-height: 6px;
  font-size: var(--spr-font-size-12);
  line-height: var(--spr-line-height-16);
  z-index: 1080;
  display: block;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip-wrapper {
  display: flex;
  flex-direction: column;
  width: auto;
}
.tooltip__icon {
  display: flex;
}
.tooltip-arrow {
  display: block;
  width: var(--brd-tooltip-arrow-width);
  height: var(--brd-tooltip-arrow-height);
}
.tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--brd-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--brd-tooltip-arrow-height) calc(var(--brd-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--brd-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--brd-tooltip-arrow-height));
  width: var(--brd-tooltip-arrow-height);
  height: var(--brd-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--brd-tooltip-arrow-width) * 0.5) var(--brd-tooltip-arrow-height) calc(var(--brd-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--brd-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--brd-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--brd-tooltip-arrow-width) * 0.5) var(--brd-tooltip-arrow-height);
  border-bottom-color: var(--brd-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--brd-tooltip-arrow-height));
  width: var(--brd-tooltip-arrow-height);
  height: var(--brd-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--brd-tooltip-arrow-width) * 0.5) 0 calc(var(--brd-tooltip-arrow-width) * 0.5) var(--brd-tooltip-arrow-height);
  border-left-color: var(--brd-tooltip-bg);
}
.tooltip-inner {
  --brd-tooltip-max-width: auto;
  max-width: var(--brd-tooltip-custom-max-width, var(--brd-tooltip-max-width));
  padding: 4px 8px;
  border-radius: var(--spr-border-radius-m);
  background-color: var(--brd-tooltip-bg);
  color: rgb(var(--brd-white));
  text-align: center;
  overflow-wrap: anywhere;
}
.tooltip--sm .tooltip-inner {
  --brd-tooltip-max-width: 220px;
}
.tooltip-container {
  grid-area: icon;
  color: rgb(var(--spr-grey-250));
  font-size: var(--spr-font-size-12);
}
.tooltip-container__body {
  pointer-events: none;
}
.tooltip-white {
  --spr-tooltip-white-border-color: rgb(var(--brd-white)) !important;
  opacity: 1 !important;
}
.tooltip-white.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--spr-tooltip-white-border-color);
  filter: drop-shadow(1px 0 0 rgb(var(--brd-gray-400)));
}
.tooltip-white.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--spr-tooltip-white-border-color);
  filter: drop-shadow(0 1px 0 rgb(var(--brd-gray-400)));
}
.tooltip-white.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--spr-tooltip-white-border-color);
  filter: drop-shadow(-1px 0 0 rgb(var(--brd-gray-400)));
}
.tooltip-white.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--spr-tooltip-white-border-color);
  filter: drop-shadow(0 -1px 0 rgb(var(--brd-gray-400)));
}
.tooltip-white .tooltip-inner {
  --brd-tooltip-bg: rgb(var(--brd-white));
  color: rgb(var(--brd-gray-800));
  padding: 6px 8px;
  border: 1px solid rgb(var(--brd-gray-400));
}
html,
body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: 100% 100%;
  touch-action: manipulation;
  height: 100%;
  overflow: hidden;
  background-color: rgb(var(--brd-primary-900));
}
html.sb-show-main,
body.sb-show-main {
  overflow: auto;
}
.icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon.icon-circle {
  border-radius: var(--spr-border-radius-pill);
  overflow: hidden;
}
.control-form {
  --spr-theme-color: var(--brd-fill-accent-hover-base);
}
.control-form:focus {
  border-color: var(--spr-theme-color);
}
.grecaptcha-badge {
  z-index: -9 !important;
  bottom: 64px !important;
  display: none !important;
  opacity: 0 !important;
}
.tooltip {
  max-width: 400px;
}
.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption) {
  position: absolute !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-5A4LBIDH.css.map */