/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
:root {
  /* accent */
  /* Admin Area */
  /* color */
  --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: hidden;
  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));
}

/* Importing Bootstrap SCSS file. */
/* stylelint-disable */
*,
*::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]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          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 {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}

.scrollable-container:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !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;
  /* light */
  /* color */
  --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));
  /* Alert */
  /* color */
  --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; /* stylelint-disable-line */
  --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('bo-icons.4b9b110a021dc0e0.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";
}

i[class^=bo-icon-]::before,
i[class*=" bo-icon-"]::before {
  display: grid;
}

: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('Inter.08ace62d6069e283.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) {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  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 {
  min-width: 324px;
  border: 1px solid #dedfe4;
  box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.08);
}

ngb-datepicker.dropdown-menu .ngb-dp-header {
  padding: 12px;
}

ngb-datepicker.dropdown-menu .ngb-dp-header,
ngb-datepicker.dropdown-menu .ngb-dp-week.ngb-dp-weekdays,
ngb-datepicker.dropdown-menu .ngb-dp-month-name {
  background-color: rgb(var(--spr-grey-50));
}

ngb-datepicker.dropdown-menu .ngb-dp-month {
  width: 100%;
}

ngb-datepicker.dropdown-menu .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 .ngb-dp-arrow.ngb-dp-arrow-prev {
  margin-right: 8px;
}

ngb-datepicker.dropdown-menu .ngb-dp-arrow.ngb-dp-arrow-prev .ngb-dp-navigation-chevron {
  margin: 0 0 0 3px;
}

ngb-datepicker.dropdown-menu .ngb-dp-arrow.ngb-dp-arrow-next {
  margin-left: 8px;
}

ngb-datepicker.dropdown-menu .ngb-dp-arrow.ngb-dp-arrow-next .ngb-dp-navigation-chevron {
  margin: 0 3px 0 0;
}

ngb-datepicker.dropdown-menu .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 .btn.ngb-dp-arrow-btn:hover {
  border-color: rgb(var(--spr-grey-300));
}

ngb-datepicker.dropdown-menu .btn.ngb-dp-arrow-btn:hover .ngb-dp-navigation-chevron {
  border-color: rgb(var(--spr-grey-300));
}

ngb-datepicker.dropdown-menu .btn.ngb-dp-arrow-btn:active {
  background-color: rgb(var(--spr-grey-30));
}

ngb-datepicker.dropdown-menu .btn.ngb-dp-arrow-btn:active .ngb-dp-navigation-chevron {
  border-color: rgb(var(--spr-grey-250));
}

ngb-datepicker.dropdown-menu .btn.ngb-dp-arrow-btn:disabled, ngb-datepicker.dropdown-menu .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 .btn.ngb-dp-arrow-btn:focus {
  outline: none;
}

ngb-datepicker.dropdown-menu .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 .ngb-dp-navigation-select {
  flex: 1;
  gap: 8px;
  justify-content: center;
}

ngb-datepicker.dropdown-menu ngb-datepicker-navigation-select > .form-select {
  flex: 0 0 102px;
  height: auto;
  padding: 7px 8px;
}

ngb-datepicker.dropdown-menu ngb-datepicker-navigation-select > .form-select:hover {
  border-color: rgb(var(--spr-grey-300));
}

ngb-datepicker.dropdown-menu ngb-datepicker-navigation-select > .form-select:focus {
  border-color: rgb(var(--spr-grey-300));
  box-shadow: none;
}

ngb-datepicker.dropdown-menu .ngb-dp-weekdays {
  border-top: 1px solid #dedfe4;
}

ngb-datepicker.dropdown-menu .ngb-dp-week {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

ngb-datepicker.dropdown-menu .ngb-dp-week.ngb-dp-weekdays {
  margin-bottom: 0.5rem;
}

ngb-datepicker.dropdown-menu .ngb-dp-week:last-child {
  padding-bottom: 0.5rem !important;
}

ngb-datepicker.dropdown-menu .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 .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 .ngb-dp-day.disabled {
  opacity: 0.5;
}

ngb-datepicker.dropdown-menu .ngb-dp-day:hover .btn-light {
  outline: none;
  background-color: transparent;
}

ngb-datepicker.dropdown-menu .ngb-dp-day .btn-light {
  position: relative;
}

ngb-datepicker.dropdown-menu .ngb-dp-day .btn-light.range {
  color: rgb(var(--brd-white));
  background-color: rgb(var(--brd-purple-300)) !important;
}

ngb-datepicker.dropdown-menu .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 .btn-light,
ngb-datepicker.dropdown-menu [ngbDatepickerDayView] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ngb-datepicker.dropdown-menu [ngbDatepickerDayView]:hover:not(.bg-primary),
ngb-datepicker.dropdown-menu [ngbDatepickerDayView].active:not(.bg-primary) {
  background-color: transparent;
  outline: none;
  border: 1px solid rgb(var(--spr-grey-750));
}

ngb-datepicker.dropdown-menu .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 .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;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.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 {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}

.dropdown-list-container-body:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !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-list-container-body .dropdown-item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 8px;
  align-items: center;
  white-space: normal;
  color: var(--brd-text-default-800);
  padding: 8px !important;
}

.dropdown-list-container-body .dropdown-item .bo-icon {
  font-size: var(--spr-font-size-16);
}

.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: 100%;
  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 {
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(var(--spr-grey-250)) transparent !important;
  scrollbar-gutter: unset;
  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);
}

.modal-body::-webkit-scrollbar {
  width: 18px !important;
  background-color: transparent !important;
  border-radius: var(--spr-border-radius-l) !important;
}

.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:hover {
  scrollbar-color: rgba(26, 26, 30, 0.7) transparent !important;
}

.modal-body:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--spr-grey-250)) !important;
}

.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: 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));
}

/* stylelint-disable */
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;
}

/* stylelint-enable */
/* TODO: move to Design System */
.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;
}

/*# sourceMappingURL=styles.11a0d628996a8bd1.css.map*/