/* roboto-latin-100-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-100-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-100-normal.woff") format("woff");
}
/* roboto-latin-300-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-300-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-300-normal.woff") format("woff");
}
/* roboto-latin-400-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-400-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-400-normal.woff") format("woff");
}
/* roboto-latin-500-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-500-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-500-normal.woff") format("woff");
}
/* roboto-latin-700-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-700-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-700-normal.woff") format("woff");
}
/* roboto-latin-900-normal */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("./fonts/roboto/roboto-latin-900-normal.woff2") format("woff2"), url("./fonts/roboto/roboto-latin-900-normal.woff") format("woff");
}
@keyframes ds-table-placeholder-gradient {
  0% {
    background-position: -500px 0;
  }
  100% {
    background-position: 500px 0;
  }
}
:root {
  --ds-focus-ring-width: 2px;
}

:root {
  --ds-input-size-height: 36px;
  --ds-input-size-text-size: 14px;
  --ds-input-size-ph: 12px;
}

html, body {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  font-family: "Roboto", "Arial";
  font-size: 14px;
  line-height: 1.75em;
  color: #141414;
  background-color: #edeff0;
  overflow: hidden;
}

* {
  outline: none;
  box-sizing: border-box;
}

hr {
  border: none;
  height: 1px;
  background: #c6cace;
}

:root {
  --ds-breakpoints: xlarge, large, medium, small, xsmall;
}
@media (min-width: 1280px) and (max-width: 99999px) {
  :root {
    --ds-breakpoint: xlarge;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  :root {
    --ds-breakpoint: large;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --ds-breakpoint: medium;
  }
}
@media (min-width: 530px) and (max-width: 767px) {
  :root {
    --ds-breakpoint: small;
  }
}
@media (min-width: 0px) and (max-width: 529px) {
  :root {
    --ds-breakpoint: xsmall;
  }
}

:root {
  --ds-card-padding-vertical: 32px;
  --ds-card-padding-horizontal: 24px;
  --ds-card-bg: #ffffff;
  --ds-card-border-color: #c6cace;
  --ds-card-border-width: 1px;
  --ds-card-radius: 4px;
}

:root {
  --ds-icon-size: 24px;
}

:root {
  --list-side-padding: 8px;
  --list-vertical-padding: 8px;
}

:root {
  --ds-palettes: system, success, error, caution, accent, info;
  --ds-palette-color-types: bg, ac, mu, de, alt1, alt2, pri-bg, pri-bg2, pri-de;
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}

:root {
  --ds-palette-de: #2a2c33;
  --ds-palette-bg: #f6f7f8;
  --ds-pill-border: 1px solid var(--ds-palette-bg);
}

:root {
  --ds-tri-bar-gap: 24px;
}

.discreet-link {
  color: #3b71de;
  font-weight: medium;
  font-size: 14px;
  color: #141414;
}
.discreet-link:hover {
  color: #3b71de;
}

label, progress-bar .title {
  font-size: 15px;
  font-weight: 500;
  color: #141414;
}
label.sub, progress-bar .sub.title {
  color: #484848;
  font-size: 13px;
  font-weight: 300;
}

.control {
  margin-bottom: 16px;
}
.control input + button.append {
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
  padding: 0 12px;
}

.error > label, progress-bar .error > .title {
  color: #d83933;
}

span.required {
  color: #6f767d;
}

form.horizontal .control, ng-form.horizontal .control {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  flex-wrap: nowrap;
  row-gap: 0;
}
form.horizontal .control > label, form.horizontal progress-bar .control > .title, progress-bar form.horizontal .control > .title, ng-form.horizontal .control > label, ng-form.horizontal progress-bar .control > .title, progress-bar ng-form.horizontal .control > .title {
  min-width: 200px;
  width: 200px;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: end;
  text-align: right;
  min-height: var(--ds-input-size-height);
}
form.horizontal .control > span, ng-form.horizontal .control > span {
  display: flex;
  align-items: center;
  justify-content: end;
  min-height: var(--ds-input-size-height);
}
form.horizontal .control.required > label:before, form.horizontal progress-bar .control.required > .title:before, progress-bar form.horizontal .control.required > .title:before, ng-form.horizontal .control.required > label:before, ng-form.horizontal progress-bar .control.required > .title:before, progress-bar ng-form.horizontal .control.required > .title:before {
  content: "*";
  color: #6f767d;
  margin-right: 5px;
}
form.horizontal .control.required.error > label:before, form.horizontal progress-bar .control.required.error > .title:before, progress-bar form.horizontal .control.required.error > .title:before, ng-form.horizontal .control.required.error > label:before, ng-form.horizontal progress-bar .control.required.error > .title:before, progress-bar ng-form.horizontal .control.required.error > .title:before {
  color: #d83933;
}
form.horizontal.skinny-labels .control > label, form.horizontal.skinny-labels progress-bar .control > .title, progress-bar form.horizontal.skinny-labels .control > .title, ng-form.horizontal.skinny-labels .control > label, ng-form.horizontal.skinny-labels progress-bar .control > .title, progress-bar ng-form.horizontal.skinny-labels .control > .title {
  width: 150px;
  min-width: 150px;
}
form.vertical .control > label, form.vertical progress-bar .control > .title, progress-bar form.vertical .control > .title, ng-form.vertical .control > label, ng-form.vertical progress-bar .control > .title, progress-bar ng-form.vertical .control > .title {
  display: block;
  margin-bottom: 5px;
}
form.vertical .control.required > label:after, form.vertical progress-bar .control.required > .title:after, progress-bar form.vertical .control.required > .title:after, ng-form.vertical .control.required > label:after, ng-form.vertical progress-bar .control.required > .title:after, progress-bar ng-form.vertical .control.required > .title:after {
  content: "*";
  color: #6f767d;
  margin-left: 5px;
}
form.vertical .control.required.error > label:after, form.vertical progress-bar .control.required.error > .title:after, progress-bar form.vertical .control.required.error > .title:after, ng-form.vertical .control.required.error > label:after, ng-form.vertical progress-bar .control.required.error > .title:after, progress-bar ng-form.vertical .control.required.error > .title:after {
  color: #d83933;
}
form.inline .control, ng-form.inline .control {
  display: inline-block;
  margin-bottom: 0;
}
form.inline .control > label, form.inline progress-bar .control > .title, progress-bar form.inline .control > .title, ng-form.inline .control > label, ng-form.inline progress-bar .control > .title, progress-bar ng-form.inline .control > .title {
  display: inline-block;
  margin-right: 10px;
}
form.inline .control + .control, form.inline .control + .button, form.inline .control + button, ng-form.inline .control + .control, ng-form.inline .control + .button, ng-form.inline .control + button {
  margin-left: 20px;
}
form.inline.stacked .control > label:first-child, form.inline.stacked progress-bar .control > .title:first-child, progress-bar form.inline.stacked .control > .title:first-child, ng-form.inline.stacked .control > label:first-child, ng-form.inline.stacked progress-bar .control > .title:first-child, progress-bar ng-form.inline.stacked .control > .title:first-child {
  display: block;
  margin-left: 0;
  margin-bottom: 10px;
  margin-right: 0;
}
form.inline.stacked .control.required > label:after, form.inline.stacked progress-bar .control.required > .title:after, progress-bar form.inline.stacked .control.required > .title:after, ng-form.inline.stacked .control.required > label:after, ng-form.inline.stacked progress-bar .control.required > .title:after, progress-bar ng-form.inline.stacked .control.required > .title:after {
  content: "*";
  color: #6f767d;
  margin-left: 5px;
}
form.inline.stacked .control.required.error > label:after, form.inline.stacked progress-bar .control.required.error > .title:after, progress-bar form.inline.stacked .control.required.error > .title:after, ng-form.inline.stacked .control.required.error > label:after, ng-form.inline.stacked progress-bar .control.required.error > .title:after, progress-bar ng-form.inline.stacked .control.required.error > .title:after {
  color: #d83933;
}
form.inline.stacked label, form.inline.stacked progress-bar .title, progress-bar form.inline.stacked .title, ng-form.inline.stacked label, ng-form.inline.stacked progress-bar .title, progress-bar ng-form.inline.stacked .title {
  margin: 0;
}
form + form, form + ng-form, ng-form + form, ng-form + ng-form {
  margin-top: 20px;
}

.checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  column-gap: 16px;
}
.checkboxes.vertical {
  display: grid;
  align-items: start;
}
.checkboxes.vertical.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.checkboxes.vertical.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.checkboxes.vertical.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.checkboxes.vertical.cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.checkboxes.vertical.cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.checkboxes label, .checkboxes progress-bar .title, progress-bar .checkboxes .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  width: fit-content;
  cursor: pointer;
  font-weight: normal;
  min-height: var(--ds-input-size-height);
  line-height: 1;
}

label.checkbox, progress-bar .checkbox.title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

input[type=text], input[type=url], input[type=password], input[type=number], input[type=tel], input[type=email], input[type=date], textarea {
  border: 1px solid #a7aeb2;
  border-radius: 4px;
  height: var(--ds-input-size-height);
  font-family: Roboto, Arial;
  font-weight: normal;
  font-size: var(--ds-input-size-text-size);
  padding: 0 var(--ds-input-size-ph);
  line-height: 1em;
}
input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  padding-top: 2px;
  color: #646970;
  font-size: inherit;
}
input[type=text]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=date]:-webkit-autofill, textarea:-webkit-autofill {
  box-shadow: 0 0 0px 100px #FFF inset;
}
input[type=text].small, input.small[type=url], input[type=password].small, input[type=number].small, input[type=tel].small, input[type=email].small, input[type=date].small, textarea.small {
  width: 100px;
}
input[type=text], input[type=url], input[type=text].medium, input[type=password], input[type=password].medium, input[type=number], input[type=number].medium, input[type=tel], input[type=tel].medium, input[type=email], input[type=email].medium, input[type=date], input[type=date].medium, textarea, textarea.medium {
  width: 200px;
}
input[type=text].large, input.large[type=url], input[type=password].large, input[type=number].large, input[type=tel].large, input[type=email].large, input[type=date].large, textarea.large {
  width: 400px;
}
input[type=text].stretch, input.stretch[type=url], input[type=password].stretch, input[type=number].stretch, input[type=tel].stretch, input[type=email].stretch, input[type=date].stretch, textarea.stretch {
  width: 100%;
}
input[type=text].date, input.date[type=url], input[type=password].date, input[type=number].date, input[type=tel].date, input[type=email].date, input[type=date].date, textarea.date {
  width: 110px;
}
input[type=text].time, input.time[type=url], input[type=password].time, input[type=number].time, input[type=tel].time, input[type=email].time, input[type=date].time, textarea.time {
  width: calc(5ch + var(--ds-input-size-ph) * 2);
  text-align: center;
}
input[type=text].c1, input.c1[type=url], input[type=password].c1, input[type=number].c1, input[type=tel].c1, input[type=email].c1, input[type=date].c1, textarea.c1 {
  width: calc(var(--ds-input-size-ph) * 2 + 2ch);
}
input[type=text].c2, input.c2[type=url], input[type=password].c2, input[type=number].c2, input[type=tel].c2, input[type=email].c2, input[type=date].c2, textarea.c2 {
  width: calc(var(--ds-input-size-ph) * 2 + 3ch);
}
input[type=text].c3, input.c3[type=url], input[type=password].c3, input[type=number].c3, input[type=tel].c3, input[type=email].c3, input[type=date].c3, textarea.c3 {
  width: calc(var(--ds-input-size-ph) * 2 + 4ch);
}
input[type=text].c4, input.c4[type=url], input[type=password].c4, input[type=number].c4, input[type=tel].c4, input[type=email].c4, input[type=date].c4, textarea.c4 {
  width: calc(var(--ds-input-size-ph) * 2 + 5ch);
}
input[type=text].c5, input.c5[type=url], input[type=password].c5, input[type=number].c5, input[type=tel].c5, input[type=email].c5, input[type=date].c5, textarea.c5 {
  width: calc(var(--ds-input-size-ph) * 2 + 6ch);
}
input[type=text].c6, input.c6[type=url], input[type=password].c6, input[type=number].c6, input[type=tel].c6, input[type=email].c6, input[type=date].c6, textarea.c6 {
  width: calc(var(--ds-input-size-ph) * 2 + 7ch);
}
input[type=text].c7, input.c7[type=url], input[type=password].c7, input[type=number].c7, input[type=tel].c7, input[type=email].c7, input[type=date].c7, textarea.c7 {
  width: calc(var(--ds-input-size-ph) * 2 + 8ch);
}
input[type=text].c8, input.c8[type=url], input[type=password].c8, input[type=number].c8, input[type=tel].c8, input[type=email].c8, input[type=date].c8, textarea.c8 {
  width: calc(var(--ds-input-size-ph) * 2 + 9ch);
}
input[type=text].c9, input.c9[type=url], input[type=password].c9, input[type=number].c9, input[type=tel].c9, input[type=email].c9, input[type=date].c9, textarea.c9 {
  width: calc(var(--ds-input-size-ph) * 2 + 10ch);
}
input[type=text].c10, input.c10[type=url], input[type=password].c10, input[type=number].c10, input[type=tel].c10, input[type=email].c10, input[type=date].c10, textarea.c10 {
  width: calc(var(--ds-input-size-ph) * 2 + 11ch);
}
input[type=text].c11, input.c11[type=url], input[type=password].c11, input[type=number].c11, input[type=tel].c11, input[type=email].c11, input[type=date].c11, textarea.c11 {
  width: calc(var(--ds-input-size-ph) * 2 + 12ch);
}
input[type=text].c12, input.c12[type=url], input[type=password].c12, input[type=number].c12, input[type=tel].c12, input[type=email].c12, input[type=date].c12, textarea.c12 {
  width: calc(var(--ds-input-size-ph) * 2 + 13ch);
}
input[type=text].c13, input.c13[type=url], input[type=password].c13, input[type=number].c13, input[type=tel].c13, input[type=email].c13, input[type=date].c13, textarea.c13 {
  width: calc(var(--ds-input-size-ph) * 2 + 14ch);
}
input[type=text].c14, input.c14[type=url], input[type=password].c14, input[type=number].c14, input[type=tel].c14, input[type=email].c14, input[type=date].c14, textarea.c14 {
  width: calc(var(--ds-input-size-ph) * 2 + 15ch);
}
input[type=text].c15, input.c15[type=url], input[type=password].c15, input[type=number].c15, input[type=tel].c15, input[type=email].c15, input[type=date].c15, textarea.c15 {
  width: calc(var(--ds-input-size-ph) * 2 + 16ch);
}
input[type=text].c16, input.c16[type=url], input[type=password].c16, input[type=number].c16, input[type=tel].c16, input[type=email].c16, input[type=date].c16, textarea.c16 {
  width: calc(var(--ds-input-size-ph) * 2 + 17ch);
}
input[type=text].c17, input.c17[type=url], input[type=password].c17, input[type=number].c17, input[type=tel].c17, input[type=email].c17, input[type=date].c17, textarea.c17 {
  width: calc(var(--ds-input-size-ph) * 2 + 18ch);
}
input[type=text].c18, input.c18[type=url], input[type=password].c18, input[type=number].c18, input[type=tel].c18, input[type=email].c18, input[type=date].c18, textarea.c18 {
  width: calc(var(--ds-input-size-ph) * 2 + 19ch);
}
input[type=text].c19, input.c19[type=url], input[type=password].c19, input[type=number].c19, input[type=tel].c19, input[type=email].c19, input[type=date].c19, textarea.c19 {
  width: calc(var(--ds-input-size-ph) * 2 + 20ch);
}
input[type=text].c20, input.c20[type=url], input[type=password].c20, input[type=number].c20, input[type=tel].c20, input[type=email].c20, input[type=date].c20, textarea.c20 {
  width: calc(var(--ds-input-size-ph) * 2 + 21ch);
}
input[type=text]:focus, input[type=url]:focus, input[type=text]:focus-within, input[type=url]:focus-within, input[type=password]:focus, input[type=password]:focus-within, input[type=number]:focus, input[type=number]:focus-within, input[type=tel]:focus, input[type=tel]:focus-within, input[type=email]:focus, input[type=email]:focus-within, input[type=date]:focus, input[type=date]:focus-within, textarea:focus, textarea:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
input[type=text]:focus > *, input[type=url]:focus > *, input[type=text]:focus-within > *, input[type=url]:focus-within > *, input[type=password]:focus > *, input[type=password]:focus-within > *, input[type=number]:focus > *, input[type=number]:focus-within > *, input[type=tel]:focus > *, input[type=tel]:focus-within > *, input[type=email]:focus > *, input[type=email]:focus-within > *, input[type=date]:focus > *, input[type=date]:focus-within > *, textarea:focus > *, textarea:focus-within > * {
  --ds-focus-ring-width: 0;
}
input[type=text]:hover, input[type=url]:hover, input[type=password]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=email]:hover, input[type=date]:hover, textarea:hover {
  border-color: #646970;
}
input[type=text]:disabled, input[type=url]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=email]:disabled, input[type=date]:disabled, textarea:disabled {
  background-color: #dee0e3;
  color: #646970;
  border-color: #8b9298;
  --ds-icon-color: $mark-disabled;
  cursor: not-allowed;
}
input[type=text].ng-invalid, input.ng-invalid[type=url], input[type=password].ng-invalid, input[type=number].ng-invalid, input[type=tel].ng-invalid, input[type=email].ng-invalid, input[type=date].ng-invalid, textarea.ng-invalid {
  border-color: #d83933;
}

input[type=text].invisible, input.invisible[type=url] {
  padding: 0;
  font: inherit;
  margin: 0;
  display: inline;
  background: transparent;
  color: inherit;
  border: none;
  width: auto;
}
input[type=text].invisible.link, input.invisible.link[type=url] {
  color: #3b71de;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  padding: 5px 10px;
  height: 100px;
  vertical-align: top;
  line-height: 150%;
}

select {
  font-family: Roboto, Arial, sans-serif;
  letter-spacing: 0.3px;
  border: 1px solid #a7aeb2;
  border-radius: 4px;
  font: inherit;
  padding: 5px 40px 5px 6px;
  background: #ffffff;
  height: 36px;
  /* override dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23000000'><polygon points='0,0 100,0 50,45'/></svg>") no-repeat;
  background-size: 8px;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
}
select option {
  font: inherit;
  font-weight: normal !important;
  font-style: normal !important;
  padding: 9px 10px;
}
select::-webkit-input-placeholder {
  padding-top: 2px;
}
select:-webkit-autofill option {
  background: #FFF;
}
select.small {
  width: 100px;
}
select.medium {
  width: 200px;
}
select.large {
  width: 400px;
}
select.stretch {
  width: 100%;
}
select:focus {
  border-color: #3b71de;
}
select:hover {
  border-color: #646970;
}
select:disabled {
  background-color: #dee0e3;
  color: #646970;
  border-color: #8b9298;
  cursor: not-allowed;
}
select.ng-invalid {
  border-color: #d83933;
}
select.c2 {
  width: 58px;
}
select.c3 {
  width: 66px;
}
select.c4 {
  width: 74px;
}
select.c5 {
  width: 82px;
}
select.c6 {
  width: 90px;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFF;
  border-radius: 4px;
  border: 2px solid #646970;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
input[type=checkbox]:after {
  color: #ffffff;
  position: relative;
  top: -2px;
  left: -2px;
  opacity: 0;
  transition: opacity 0.1s;
}
input[type=checkbox]:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--ds-icon-color, currentColor);
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGlkPSJjaGVjay0yNCI+PHBhdGggZD0iTTE5LjcwNyA2LjI5M2ExIDEgMCAwIDAtMS40MTQgMEw5IDE1LjU4NmwtMy4yOTMtMy4yOTNhMSAxIDAgMSAwLTEuNDE0IDEuNDE0bDQgNGEuOTk3Ljk5NyAwIDAgMCAxLjQxNCAwbDEwLTEwYTEgMSAwIDAgMCAwLTEuNDE0IiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L2c+PC9zdmc+");
}
input[type=checkbox]:checked {
  background: #3b71de;
  border-color: #3b71de;
}
input[type=checkbox]:checked:after {
  opacity: 1;
}
input[type=checkbox]:indeterminate:after {
  color: #646970;
  opacity: 1;
}
input[type=checkbox]:focus, input[type=checkbox]:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
input[type=checkbox]:focus > *, input[type=checkbox]:focus-within > * {
  --ds-focus-ring-width: 0;
}
input[type=checkbox]:hover {
  border-color: #2a2c33;
}
input[type=checkbox]:disabled {
  background: #dee0e3;
  border-color: #8b9298;
  cursor: not-allowed;
}
input[type=checkbox]:disabled:checked {
  background: #8b9298;
}

input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFF;
  border-radius: 12px;
  border: 2px solid #646970;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
input[type=radio]:after {
  content: "";
  display: inline-block;
  background: #3b71de;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  position: relative;
  top: 4px;
  left: 4px;
  opacity: 0;
  transition: opacity 0.2s;
  vertical-align: top;
}
input[type=radio]:checked:after {
  opacity: 1;
}
input[type=radio]:focus, input[type=radio]:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
input[type=radio]:focus > *, input[type=radio]:focus-within > * {
  --ds-focus-ring-width: 0;
}
input[type=radio]:hover {
  border-color: #2a2c33;
}
input[type=radio]:disabled {
  background: #dee0e3;
  border-color: #8b9298;
  cursor: not-allowed;
}
input[type=radio]:disabled:after {
  background: #8b9298;
}

/* addons */
.addon {
  display: flex;
  align-items: center;
  background: #f6f7f8;
  border: 1px solid #a7aeb2;
  border-radius: 4px;
  padding: 0 16px;
  line-height: 1;
}

.with-addon {
  display: inline-flex;
  border-radius: 4px;
}
.with-addon:focus, .with-addon:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
.with-addon:focus > *, .with-addon:focus-within > * {
  --ds-focus-ring-width: 0;
}
.with-addon:has(.addon:first-child) input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.with-addon:has(.addon:last-child) input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.with-addon > .addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  position: relative;
}

.with-addon > .addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  position: relative;
}

/* BIG FORM */
form.big .control input[type=text], form.big .control input[type=url], form.big .control input[type=password], form.big .control input[type=number], form.big .control input[type=tel], form.big .control input[type=email], form.big .control input[type=date], form.big .control textarea, ng-form.big .control input[type=text], ng-form.big .control input[type=url], ng-form.big .control input[type=password], ng-form.big .control input[type=number], ng-form.big .control input[type=tel], ng-form.big .control input[type=email], ng-form.big .control input[type=date], ng-form.big .control textarea {
  font-size: 16px;
  height: 45px;
  padding: 0 15px;
}
form.big .control input[type=text].time, form.big .control input.time[type=url], form.big .control input[type=password].time, form.big .control input[type=number].time, form.big .control input[type=tel].time, form.big .control input[type=email].time, form.big .control input[type=date].time, form.big .control textarea.time, ng-form.big .control input[type=text].time, ng-form.big .control input.time[type=url], ng-form.big .control input[type=password].time, ng-form.big .control input[type=number].time, ng-form.big .control input[type=tel].time, ng-form.big .control input[type=email].time, ng-form.big .control input[type=date].time, ng-form.big .control textarea.time {
  width: 75px;
}
form.big .control select, ng-form.big .control select {
  font-size: 16px;
  padding: 0 15px;
  height: 45px;
}
form.big .control button, form.big .control .button, ng-form.big .control button, ng-form.big .control .button {
  font-size: 16px;
  padding: 0 17px;
  height: 45px;
}

::-ms-clear {
  width: 0;
  height: 0;
}

::-ms-reveal {
  width: 0;
  height: 0;
}

.app-header {
  display: block;
  z-index: 10;
}

.app-header nav {
  display: flex;
  flex-direction: row;
  min-height: 60px;
  padding: 0 16px;
  flex-wrap: wrap;
}
.app-header nav.first {
  background-color: #242835;
  color: #ccc;
}
.app-header nav.second {
  background-color: #171921;
  color: #ccc;
}
.app-header nav.filter {
  background-color: #ffffff;
}
.app-header nav a {
  color: #ccc;
  font-weight: 500;
}
.app-header nav a:hover, .app-header nav a.current {
  color: #ffb529;
}

.nav-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 24px;
  min-width: auto;
}

.nav-left {
  flex: 1;
}

.nav-right {
  flex: 1;
  justify-content: flex-end;
}

.nav-center {
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  min-height: 60px;
  min-width: 0;
}

@media screen and (max-width: 1200px) {
  .nav-left {
    order: 1;
  }
  .nav-right {
    order: 2;
  }
  .nav-center {
    order: 3;
    width: 100%;
  }
}
body.has-overlay {
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: opacity 0.25s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay.show {
  opacity: 1;
}
.overlay .overlay-content {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #ffffff;
  border: 1px solid #c6cace;
  color: #484848;
  border-radius: 30px;
}

.overlay-target {
  position: relative;
}

.row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.row.gutter [class^=col] {
  margin: 0 12px;
}
.row.gutter [class^=col]:first-child {
  margin-left: 0;
}
.row.gutter [class^=col]:last-child {
  margin-right: 0;
}

[class^=col] {
  min-width: 0px;
}

.col, .col-1 {
  flex: 1 1 0%;
}

.col-2 {
  flex: 2 2 0%;
}

.col-3 {
  flex: 3 3 0%;
}

.col-4 {
  flex: 4 4 0%;
}

.col-5 {
  flex: 5 5 0%;
}

.col-6 {
  flex: 6 6 0%;
}

.col-7 {
  flex: 7 7 0%;
}

.col-8 {
  flex: 8 8 0%;
}

.col-9 {
  flex: 9 9 0%;
}

.col-10 {
  flex: 10 10 0%;
}

.col-11 {
  flex: 11 11 0%;
}

.col-12 {
  flex: 12 12 0%;
}

.shadow.small {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0, 0, 0.05), -1px -1px 5px rgba(0, 0, 0, 0.05);
}
.shadow, .shadow.medium {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
}
.shadow.large {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 1px 1px 15px rgba(0, 0, 0, 0.1), -1px -1px 15px rgba(0, 0, 0, 0.1);
}

.sidebar-layout {
  display: grid;
  grid-template-areas: "header header" "sidebar body";
  grid-template-columns: 220px 1fr;
  width: 100%;
  max-width: 1467px;
  margin: 0 auto;
}
.sidebar-layout > .header {
  grid-area: header;
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.sidebar-layout > .sidebar {
  --sidebar-layout-orientation: vertical;
  grid-area: sidebar;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
}
.sidebar-layout > .body {
  grid-area: body;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1467px) {
  .sidebar-layout {
    grid-template-areas: "header" "sidebar" "body";
    grid-template-columns: 1fr;
    --page-header-side-padding: 24px;
  }
  .sidebar-layout > .sidebar {
    --sidebar-layout-orientation: horizontal;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.subheading {
  font-size: 14px;
  text-transform: uppercase;
  color: #646970;
  letter-spacing: 0.35px;
  font-weight: bold;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
}
table thead > tr:last-child:not(.add-row) td, table thead > tr:last-child:not(.add-row) th {
  background-clip: padding-box;
  position: relative;
}
table thead > tr:last-child:not(.add-row) td:after, table thead > tr:last-child:not(.add-row) th:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0px;
  border-bottom: 2px solid #c6cace;
}
table thead > tr.add-row td, table thead > tr.add-row th {
  position: relative;
}
table thead > tr.add-row td:after, table thead > tr.add-row th:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: -1px;
  border-top: 2px solid #c6cace;
  border-bottom: 1px solid #c6cace;
}
table tr.add-row {
  background: #edeff0;
}
table tr.group td {
  color: #646970;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 14px;
  background: #f6f7f8;
}
table tr.group + tr td {
  border-top: none;
}
table tbody.row-border + tbody > tr:first-child td {
  border-top: 1px solid #c6cace;
}
table td, table th {
  padding: 8px 10px;
  color: #484848;
}
table td.shrink, table th.shrink {
  width: 1px;
  white-space: nowrap;
}
table td.drag, table th.drag {
  vertical-align: middle;
  text-align: center;
  width: 1px;
  padding: 8px;
}
table td.checkbox, table th.checkbox {
  width: 20px;
  padding: 0 5px;
  vertical-align: middle;
}
table td.checkbox input[type=checkbox], table th.checkbox input[type=checkbox] {
  margin: 0;
  top: -1px;
}
table td.avatar, table th.avatar {
  vertical-align: middle;
  text-align: center;
  width: 1px;
  padding: 4px;
}
table td.avatar img, table th.avatar img {
  vertical-align: middle;
}
table th {
  color: #141414;
  font-weight: 500;
  text-align: left;
  vertical-align: bottom;
}
table th.sortable {
  cursor: pointer;
}
table tr + tr > td {
  border-top: 1px solid #c6cace;
}
table tr + tr.no-border > td {
  border-top: none;
}
table a {
  font-weight: 400;
}
table.list {
  display: table;
  border: 1px solid #c6cace;
}
table.list thead {
  border-bottom: 1px solid #c6cace;
}
table.list th {
  background: #edeff0;
  font-weight: bold;
}
table.list tr + tr > th {
  border-top: 1px solid #c6cace;
}
table.list tr.clickable td {
  color: #3b71de;
  font-weight: 700;
}
table.list tr.clickable:hover {
  background: #edeff0;
}
table.list tr.clickable.active {
  background: #3b71de;
}
table.list tr.clickable.active td {
  color: #FFF;
}
table.has-inputs > * > tr td, table.has-inputs > * > tr th {
  height: 52.5px;
}
table.squishy > * > tr > td, table.squishy > * > tr > th {
  padding: 8px 4px;
}
table td.main-column, table th.main-column {
  width: 250px;
}
table td.main-column-2xsmall, table th.main-column-2xsmall {
  width: 120px;
}
table td.main-column-xsmall, table th.main-column-xsmall {
  width: 150px;
}
table td.main-column-small, table th.main-column-small {
  width: 200px;
}
table td.main-column-large, table th.main-column-large {
  width: 300px;
}
table td.main-column-xlarge, table th.main-column-xlarge {
  width: 350px;
}
table .checkboxes {
  margin-top: 0;
}

tbody.table-drawer > tr > td, tbody.table-drawer > tr > th, tr.table-drawer > td, tr.table-drawer > th {
  border-top: none;
  background: #f6f7f8;
  padding: 16px;
}

h1 {
  font-size: 26px;
  font-weight: 700;
  color: #141414;
  margin: 0;
}

h2 {
  font-size: 22px;
  font-weight: 700;
  color: #141414;
  margin: 0;
}

h3, dialog-window > .wrap > header > .dialog-title {
  font-size: 18px;
  font-weight: 500;
  color: #141414;
  margin: 0;
}

h4 {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  margin: 0;
}

h1 help, h2 help, h3 help, dialog-window > .wrap > header > .dialog-title help, h4 help {
  position: relative;
  top: -3px;
  margin-left: 5px;
}

header {
  display: flex;
  align-items: center;
}
header h1, header h2, header h3, dialog-window > .wrap > header > .dialog-title {
  margin: 0 5px 0 0;
}
header.app-body {
  margin: 0 0 24px;
}
header.app-body + .page-info {
  margin-top: -26px;
  margin-bottom: 20px;
}
header.app-section {
  margin: 30px 0 20px;
}
header.app-section + .page-info {
  margin-top: 0;
  margin-bottom: 20px;
}
header.app-tab-body {
  margin: 40px 0 35px 0;
}
header.app-tab-body + .page-info {
  margin-top: -15px;
  margin-bottom: 20px;
}
header.app-body > div.right, header.app-section > div.right, header.app-tab-body > div.right {
  flex: 1 0 auto;
  justify-content: flex-end;
  text-align: left;
}
@media (max-width: 1271px) {
  header.app-body {
    padding: 0 24px;
  }
}

.tab-content header > .pull-right {
  margin-top: 38px;
}

a {
  text-decoration: none;
  color: #225acc;
  --ds-icon-color: currentColor;
}

.page-info {
  font-weight: 400;
  color: #646970;
}

.muted {
  color: #646970;
}
.muted.small {
  font: 9px Arial;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 24px;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.inline, header.app-body > div.right, header.app-section > div.right, header.app-tab-body > div.right {
  display: flex;
  align-items: center;
}
.inline > div.right, header.app-body > div.right > div.right, header.app-section > div.right > div.right, header.app-tab-body > div.right > div.right {
  flex: 1 0 auto;
  display: flex;
  justify-content: flex-end;
  text-align: left;
}
.inline.center, header.app-body > div.center.right, header.app-section > div.center.right, header.app-tab-body > div.center.right {
  justify-content: center;
}

.text-caution, .text-info, .text-success {
  font-weight: 700;
  font-size: 15px;
}

.text-caution {
  color: #d83933;
}

.text-success {
  color: #35aa47;
}

.text-info {
  color: #ffb529;
}

.truncate {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.toolbar {
  width: 100%;
  border: 1px solid #c6cace;
  padding: 15px;
}
.toolbar + .toolbar {
  margin-top: -1px;
}
.toolbar form.vertical .control:last-child {
  margin-bottom: 0;
}
.toolbar.no-border {
  border: none;
  padding: 0;
}

div.wizard {
  position: relative;
  border: 1px solid #c6cace;
  padding: 40px;
}
div.wizard:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 5px;
  background: #c6cace;
}
div.wizard header.wizard h2 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 22px;
  color: #141414;
  margin-top: 0;
}

.app-wrap {
  overflow: auto;
  height: 100%;
  width: 100%;
}

.app {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  min-height: 100%;
  position: relative;
}

section.app-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 24px 0 40px;
  max-width: 100vw;
}

ds-badge {
  --ds-palette-bg: #3b71de;
  --ds-palette-de: #fff;
  --ds-palette-ac: #fff;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  height: 32px;
  padding: 0 12px;
  line-height: 0;
  color: #2a2c33;
  font-weight: normal;
  font-size: 16px;
  background-color: var(--ds-palette-bg);
  color: var(--ds-palette-de);
  --ds-icon-color: var(--ds-palette-ac);
}
ds-badge.small {
  color: #2a2c33;
  font-weight: normal;
  font-size: 15px;
  color: var(--ds-palette-de);
}
ds-badge.large {
  color: #2a2c33;
  font-weight: normal;
  font-size: 18px;
  color: var(--ds-palette-de);
}
ds-badge.light {
  --ds-palette-bg: #ffffff;
  --ds-palette-de: #2a2c33;
  --ds-palette-ac: #6f767d;
}
ds-badge.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
ds-badge.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
ds-badge.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
ds-badge.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
ds-badge.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
ds-badge.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}
ds-badge.bg1 {
  --ds-palette-bg: #f6f7f8;
}

.banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 20px;
  gap: 8px;
  border: 1px solid #141414;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  background: #E1EDFF;
  color: #11233D;
  --ds-icon-color: #4083EA;
  border-color: #4083EA;
}
.banner.success {
  background: #D8F5D8;
  color: #19311e;
  --ds-icon-color: #00a91c;
  border-color: #00a91c;
}
.banner.caution {
  background: #FFEBDE;
  color: #352313;
  --ds-icon-color: #f97a13;
  border-color: #f97a13;
}
.banner.error {
  background: #FEEAE7;
  color: #5c1111;
  --ds-icon-color: #F03E27;
  border-color: #F03E27;
}

button, .button {
  font-family: Roboto, Arial;
  font-size: var(--ds-input-size-text-size);
  font-weight: 500;
  border-radius: 4px;
  padding: 0 var(--ds-input-size-ph);
  color: #fff;
  cursor: pointer;
  background-color: #3b71de;
  border: none;
  line-height: 1;
  margin: 0;
  letter-spacing: 0.3px;
  vertical-align: top;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ds-input-size-height);
  gap: 8px;
  --ds-icon-color: currentColor;
}
button:focus, button:focus-within, .button:focus, .button:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
button:focus > *, button:focus-within > *, .button:focus > *, .button:focus-within > * {
  --ds-focus-ring-width: 0;
}
button.icon ds-icon, .button.icon ds-icon {
  margin: 0;
}
button.icon.round, .button.icon.round {
  border-radius: 50%;
  height: 36px;
  width: 36px;
}
button.icon.round.big, .button.icon.round.big {
  height: 48px;
  width: 48px;
}
button.stretch, .button.stretch {
  width: 100%;
}
button.loading, .button.loading {
  cursor: progress;
  pointer-events: none;
}
button.wide, .button.wide {
  max-width: 100%;
  width: 320px;
}
button.half-wide, .button.half-wide {
  max-width: 100%;
  width: 160px;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #225acc;
}
button:active, .button:active {
  background-color: #3767da;
}
button[disabled], button.disabled, .button[disabled], .button.disabled {
  background-color: #dee0e3 !important;
  color: #787f87 !important;
  cursor: not-allowed !important;
  font-weight: 500 !important;
  --ds-icon-color: currentColor !important;
}
button.secondary, .button.secondary {
  background-color: #edeff0;
  color: #141414;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #dee0e3;
}
button.secondary:active, .button.secondary:active {
  background-color: #e2e2e2;
}
button.secondary.outline:focus, .button.secondary.outline:focus {
  box-shadow: inset 0 0 0 1px #edeff0;
  background: none;
}
button.secondary.outline:hover, .button.secondary.outline:hover {
  background: none;
}
button.caution, .button.caution {
  background-color: #B50908;
  color: #fff;
}
button.caution:hover, button.caution:focus, .button.caution:hover, .button.caution:focus {
  background-color: #bd3835;
}
button.caution:active, .button.caution:active {
  background-color: #ff1010;
}
button.caution.outline:focus, .button.caution.outline:focus {
  box-shadow: inset 0 0 0 1px #B50908;
  background: none;
}
button.caution.outline:hover, .button.caution.outline:hover {
  background: none;
}
button.success, .button.success {
  background-color: #117B1B;
  color: #fff;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #15851f;
}
button.success:active, .button.success:active {
  background-color: #0d7117;
}
button.success.outline:focus, .button.success.outline:focus {
  box-shadow: inset 0 0 0 1px #117B1B;
  background: none;
}
button.success.outline:hover, .button.success.outline:hover {
  background: none;
}
button.info, .button.info {
  background-color: #ffb529;
  color: #fff;
}
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  background-color: #ffbf2d;
}
button.info:active, .button.info:active {
  background-color: #fbab25;
}
button.info.outline:focus, .button.info.outline:focus {
  box-shadow: inset 0 0 0 1px #ffb529;
  background: none;
}
button.info.outline:hover, .button.info.outline:hover {
  background: none;
}
button.outline, .button.outline {
  box-shadow: inset 0 0 0 1px #a7aeb2;
  background: none;
  color: inherit;
  font-weight: inherit;
  --ds-icon-color: inherit;
}
button.outline:hover, .button.outline:hover {
  box-shadow: inset 0 0 0 1px #ccc;
}
button.outline:focus, .button.outline:focus {
  box-shadow: inset 0 0 0 1px #3b71de;
}
button.outline:active, .button.outline:active {
  box-shadow: inset 0 0 0 1px #ccc;
}
button.outline[disabled], button.outline.disabled, .button.outline[disabled], .button.outline.disabled {
  box-shadow: inset 0 0 0 1px #8b9298;
}
button.primary-outline, .button.primary-outline {
  box-shadow: inset 0 0 0 2px #3b71de;
  background: none;
  color: #3b71de;
  font-weight: bold;
  --ds-icon-color: currentColor;
}
button.primary-outline:hover, .button.primary-outline:hover {
  box-shadow: inset 0 0 0 2px #225acc;
  color: #225acc;
}
button.primary-outline:focus, .button.primary-outline:focus {
  box-shadow: inset 0 0 0 2px #3b71de;
}
button.primary-outline:active, .button.primary-outline:active {
  box-shadow: inset 0 0 0 2px #225acc;
  color: #225acc;
}
button.primary-outline[disabled], button.primary-outline.disabled, .button.primary-outline[disabled], .button.primary-outline.disabled {
  box-shadow: none;
  color: #8b9298;
}
button.ghost, .button.ghost {
  background: none;
  box-shadow: none;
  color: inherit;
  font-weight: inherit;
  --ds-icon-color: inherit;
}
button.ghost:hover, .button.ghost:hover {
  box-shadow: none;
}
button.ghost:focus, .button.ghost:focus {
  box-shadow: none;
}
button.ghost:active, .button.ghost:active {
  box-shadow: none;
}
button.ghost[disabled], button.ghost.disabled, .button.ghost[disabled], .button.ghost.disabled {
  color: none;
}
button.light, .button.light {
  background: #ffffff;
  box-shadow: none;
  color: #141414;
}
button.light:hover, .button.light:hover {
  background: #ffffff;
  color: #3b71de;
}
button.light:focus, .button.light:focus {
  background: #ffffff;
  color: #3b71de;
}
button.light:active, .button.light:active {
  background: #ffffff;
  color: #3b71de;
}
button.light-outline, .button.light-outline {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #a7aeb2;
  color: #141414;
}
button.light-outline:hover, .button.light-outline:hover {
  background: #ffffff;
  color: #3b71de;
}
button.light-outline:focus, .button.light-outline:focus {
  background: #ffffff;
  color: #3b71de;
}
button.light-outline:active, .button.light-outline:active {
  background: #ffffff;
  color: #3b71de;
}
button.listview, .button.listview {
  background: #ffffff;
  box-shadow: none;
  color: #3b71de;
}
button.listview:hover, .button.listview:hover {
  background: #E1EDFF;
  color: #3b71de;
}
button.listview:focus, .button.listview:focus {
  background: #CBDFFF;
  color: #3b71de;
}
button.listview:active, .button.listview:active {
  background: #CBDFFF;
  color: #3b71de;
}
button loader, .button loader {
  width: 16px;
}
button loader circle, .button loader circle {
  stroke: currentColor;
}

ds-calendar {
  display: block;
}
ds-calendar .month {
  line-height: 42px;
  font-weight: 700;
  border-bottom: 1px solid #c6cace;
}
ds-calendar .weekdays {
  line-height: 42px;
  font-weight: 700;
  border-bottom: 1px solid #c6cace;
}
ds-calendar .dates {
  line-height: 30px;
}
ds-calendar .dates span {
  cursor: pointer;
  border-radius: 21px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 6px 0;
}
ds-calendar .dates span:hover {
  background: #edeff0;
}
ds-calendar .today span {
  background: #c6cace;
}
ds-calendar .current span, ds-calendar .current span:hover {
  background: #3b71de;
  color: #FFF;
}

calendar-select {
  display: flex;
  font-size: var(--ds-input-size-text-size);
  width: calc(13ch + var(--ds-icon-size) + (var(--ds-input-size-ph) * 2));
}
calendar-select .dropdown-wrap {
  position: relative;
}
calendar-select input[type=text], calendar-select input[type=url] {
  padding-left: calc(var(--ds-icon-size) + (var(--ds-input-size-ph) * 2));
}
calendar-select .calendar-select-icon {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: calc(var(--ds-input-size-ph));
  bottom: 0;
  pointer-events: none;
}
calendar-select.ng-invalid input {
  border-color: #d83933;
}

ds-calendar.calendar-select {
  width: 350px;
}

ds-card {
  display: flex;
  flex-direction: column;
  padding: var(--ds-card-padding-vertical) var(--ds-card-padding-horizontal);
  background: var(--ds-card-bg);
  border: var(--ds-card-border-width) solid var(--ds-card-border-color);
  border-radius: var(--ds-card-radius);
  color: #2a2c33;
}
ds-card.secondary {
  --ds-card-bg: #f6f7f8;
}
ds-card.selected {
  --ds-card-bg: #E1EDFF;
  --ds-card-border-color: #3b71de;
  --ds-card-border-width: 2px;
}
ds-card.no-border {
  --ds-card-border-width: 0;
}
ds-card.border-large {
  --ds-card-border-width: 2px;
}
ds-card.border-link {
  --ds-card-border-color: #3b71de;
}
ds-card.disabled {
  --ds-card-bg: #edeff0;
  --ds-card-border-width: 0;
  color: #787f87;
}
ds-card.square {
  --ds-card-radius: 0;
}
ds-card.shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
}
ds-card.flush {
  --ds-card-radius: 0;
  --ds-card-border-width: 0;
  box-shadow: none;
}
ds-card.xsmall {
  --ds-card-padding-vertical: 12px;
  --ds-card-padding-horizontal: 12px;
}
ds-card.xsmall ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 16px;
}
ds-card.xsmall ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 12px;
}
ds-card.xsmall.presentation {
  --ds-card-padding-vertical: 16px;
  --ds-card-padding-horizontal: 24px;
}
ds-card.small {
  --ds-card-padding-vertical: 20px;
  --ds-card-padding-horizontal: 16px;
}
ds-card.small ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 18px;
}
ds-card.small ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 13px;
}
ds-card.small.presentation {
  --ds-card-padding-vertical: 24px;
  --ds-card-padding-horizontal: 32px;
}
ds-card.medium {
  --ds-card-padding-vertical: 32px;
  --ds-card-padding-horizontal: 24px;
}
ds-card.medium ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 22px;
}
ds-card.medium ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 14px;
}
ds-card.medium.presentation {
  --ds-card-padding-vertical: 32px;
  --ds-card-padding-horizontal: 48px;
}
ds-card.large {
  --ds-card-padding-vertical: 40px;
  --ds-card-padding-horizontal: 32px;
}
ds-card.large ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 22px;
}
ds-card.large ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 15px;
}
ds-card.large.presentation {
  --ds-card-padding-vertical: 32px;
  --ds-card-padding-horizontal: 60px;
}
ds-card.xlarge {
  --ds-card-padding-vertical: 48px;
  --ds-card-padding-horizontal: 40px;
}
ds-card.xlarge ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 26px;
}
ds-card.xlarge ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 16px;
}
ds-card.xlarge.presentation {
  --ds-card-padding-vertical: 48px;
  --ds-card-padding-horizontal: 80px;
}
ds-card.presentation.flush.xsmall {
  --ds-card-padding-horizontal: 12px;
}
ds-card.presentation.flush.small {
  --ds-card-padding-horizontal: 16px;
}
ds-card.presentation.flush.medium {
  --ds-card-padding-horizontal: 24px;
}
ds-card.presentation.flush.large {
  --ds-card-padding-horizontal: 32px;
}
ds-card.presentation.flush.xlarge {
  --ds-card-padding-horizontal: 40px;
}

ds-card-header,
ds-card-title,
ds-card-description,
ds-card-actions,
ds-card-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

ds-card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

ds-card-header + ds-card-title,
ds-card-header + ds-card-description,
ds-card-header + ds-card-content,
ds-card-title + ds-card-content,
ds-card-title + ds-card-actions,
ds-card-title + ds-card-footer,
ds-card-description + ds-card-content,
ds-card-description + ds-card-actions,
ds-card-description + ds-card-footer,
ds-card-content + ds-card-actions,
ds-card-content + ds-card-footer,
ds-card-actions + ds-card-footer {
  margin-top: 24px;
}

ds-card-title + ds-card-description {
  margin-top: 16px;
}

ds-card-title {
  color: #141414;
  font-weight: bold;
  font-size: 22px;
  font-weight: 700;
  color: #141414;
  justify-content: center;
  text-align: center;
}

ds-card-description {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 14px;
  color: #646970;
  justify-content: center;
  text-align: center;
}

ds-card-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

color-select {
  display: inline-flex;
  cursor: pointer;
}
color-select .input {
  border: 1px solid #c6cace;
  padding: 0 var(--ds-input-size-ph);
  height: var(--ds-input-size-height);
  position: relative;
  border-radius: 4px;
  --ds-icon-color: currentColor;
}
color-select .input:focus, color-select .input:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
color-select .input:focus > *, color-select .input:focus-within > * {
  --ds-focus-ring-width: 0;
}
color-select .input input[type=text], color-select .input input[type=url] {
  width: 7ch;
}
color-select .input input[type=color] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
color-select button {
  gap: var(--ds-input-size-ph);
}

.swatch {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 4px;
}
.swatch.border, .swatch.none {
  border: 1px solid #c6cace;
}
.swatch.none:after {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  width: 2px;
  height: 25px;
  left: 11px;
  background: #d83933;
}

ds-control {
  display: block;
  width: 100%;
}
ds-control .ds-control-layout, ds-control .ds-control-body, ds-control .ds-control-main, ds-control .ds-control-main-slot {
  min-width: 0;
}
ds-control .ds-control-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
ds-control .ds-control-label-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
ds-control .ds-control-label-action {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 13px;
}
ds-control .ds-control-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
ds-control .ds-control-main-slot {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
ds-control.input-stretch .ds-control-layout {
  flex: 1 1 auto;
}
ds-control.input-stretch .ds-control-main-slot {
  flex: 1 1 auto;
}
ds-control .ds-control-captions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 100%;
}
ds-control .ds-control-captions:not(:has(> ds-control-caption:not(.ng-hide))) {
  display: none;
}

form ds-control, ng-form ds-control {
  margin-bottom: 16px;
}

ds-control-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
ds-control-list .control {
  margin-bottom: 0;
}

ds-control-list.horizontal ds-control .ds-control-layout, form.horizontal ds-control .ds-control-layout, ng-form.horizontal ds-control .ds-control-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  flex-wrap: nowrap;
  align-items: start;
  row-gap: 0;
}
ds-control-list.horizontal ds-control .ds-control-label, form.horizontal ds-control .ds-control-label, ng-form.horizontal ds-control .ds-control-label {
  min-width: 200px;
  width: 200px;
  align-self: start;
  min-height: var(--ds-input-size-height);
}
ds-control-list.horizontal ds-control .ds-control-label-row, form.horizontal ds-control .ds-control-label-row, ng-form.horizontal ds-control .ds-control-label-row {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: end;
}
ds-control-list.horizontal ds-control .ds-control-label-slot > label, ds-control-list.horizontal ds-control progress-bar .ds-control-label-slot > .title, progress-bar ds-control-list.horizontal ds-control .ds-control-label-slot > .title, form.horizontal ds-control .ds-control-label-slot > label, form.horizontal ds-control progress-bar .ds-control-label-slot > .title, progress-bar form.horizontal ds-control .ds-control-label-slot > .title, ng-form.horizontal ds-control .ds-control-label-slot > label, ng-form.horizontal ds-control progress-bar .ds-control-label-slot > .title, progress-bar ng-form.horizontal ds-control .ds-control-label-slot > .title {
  display: flex;
  align-items: center;
  justify-content: end;
  text-align: right;
  min-height: var(--ds-input-size-height);
}
ds-control-list.horizontal ds-control .ds-control-body, form.horizontal ds-control .ds-control-body, ng-form.horizontal ds-control .ds-control-body {
  flex: 1 1 auto;
}
ds-control-list.horizontal ds-control.required .ds-control-label-slot > label:before, ds-control-list.horizontal ds-control.required progress-bar .ds-control-label-slot > .title:before, progress-bar ds-control-list.horizontal ds-control.required .ds-control-label-slot > .title:before, form.horizontal ds-control.required .ds-control-label-slot > label:before, form.horizontal ds-control.required progress-bar .ds-control-label-slot > .title:before, progress-bar form.horizontal ds-control.required .ds-control-label-slot > .title:before, ng-form.horizontal ds-control.required .ds-control-label-slot > label:before, ng-form.horizontal ds-control.required progress-bar .ds-control-label-slot > .title:before, progress-bar ng-form.horizontal ds-control.required .ds-control-label-slot > .title:before {
  content: "*";
  color: #6f767d;
  margin-right: 5px;
}
ds-control-list.horizontal ds-control.error .ds-control-label-slot > label:before, ds-control-list.horizontal ds-control.error progress-bar .ds-control-label-slot > .title:before, progress-bar ds-control-list.horizontal ds-control.error .ds-control-label-slot > .title:before, form.horizontal ds-control.error .ds-control-label-slot > label:before, form.horizontal ds-control.error progress-bar .ds-control-label-slot > .title:before, progress-bar form.horizontal ds-control.error .ds-control-label-slot > .title:before, ng-form.horizontal ds-control.error .ds-control-label-slot > label:before, ng-form.horizontal ds-control.error progress-bar .ds-control-label-slot > .title:before, progress-bar ng-form.horizontal ds-control.error .ds-control-label-slot > .title:before {
  color: #d83933;
}
ds-control-list.horizontal.skinny-labels ds-control .ds-control-label, form.horizontal.skinny-labels ds-control .ds-control-label, ng-form.horizontal.skinny-labels ds-control .ds-control-label {
  width: 150px;
  min-width: 150px;
}
ds-control-list.vertical ds-control .ds-control-layout, form.vertical ds-control .ds-control-layout, ng-form.vertical ds-control .ds-control-layout {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
ds-control-list.vertical ds-control .ds-control-label-row, form.vertical ds-control .ds-control-label-row, ng-form.vertical ds-control .ds-control-label-row {
  justify-content: space-between;
}
ds-control-list.vertical ds-control.required .ds-control-label-slot > label:after, ds-control-list.vertical ds-control.required progress-bar .ds-control-label-slot > .title:after, progress-bar ds-control-list.vertical ds-control.required .ds-control-label-slot > .title:after, form.vertical ds-control.required .ds-control-label-slot > label:after, form.vertical ds-control.required progress-bar .ds-control-label-slot > .title:after, progress-bar form.vertical ds-control.required .ds-control-label-slot > .title:after, ng-form.vertical ds-control.required .ds-control-label-slot > label:after, ng-form.vertical ds-control.required progress-bar .ds-control-label-slot > .title:after, progress-bar ng-form.vertical ds-control.required .ds-control-label-slot > .title:after {
  content: "*";
  color: #6f767d;
  margin-left: 5px;
}
ds-control-list.vertical ds-control.error .ds-control-label-slot > label:after, ds-control-list.vertical ds-control.error progress-bar .ds-control-label-slot > .title:after, progress-bar ds-control-list.vertical ds-control.error .ds-control-label-slot > .title:after, form.vertical ds-control.error .ds-control-label-slot > label:after, form.vertical ds-control.error progress-bar .ds-control-label-slot > .title:after, progress-bar form.vertical ds-control.error .ds-control-label-slot > .title:after, ng-form.vertical ds-control.error .ds-control-label-slot > label:after, ng-form.vertical ds-control.error progress-bar .ds-control-label-slot > .title:after, progress-bar ng-form.vertical ds-control.error .ds-control-label-slot > .title:after {
  color: #d83933;
}

ds-control-caption {
  --ds-palette-de: #646970;
  --ds-palette-ac: #6f767d;
  --ds-icon-color: var(--ds-palette-ac);
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  align-items: start;
  flex-wrap: nowrap;
  max-width: 100%;
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 13px;
  color: var(--ds-palette-de);
  line-height: 20px;
}
ds-control-caption.em {
  --ds-palette-de: #141414;
}
ds-control-caption.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
ds-control-caption.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
ds-control-caption.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
ds-control-caption.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
ds-control-caption.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
ds-control-caption.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

currency-input {
  position: relative;
  display: block;
  font-size: var(--ds-input-size-text-size);
}
currency-input span {
  position: absolute;
  top: 0;
  left: var(--ds-input-size-ph);
  bottom: 0;
  display: flex;
  align-items: center;
  color: #646970;
  line-height: 1em;
}
currency-input > input[type=text], currency-input > input[type=url] {
  text-align: right;
  width: calc(var(--ds-input-size-ph) * 2 + 10ch);
  padding-left: calc(var(--ds-input-size-ph) * 2 + 1ch);
}
currency-input.ng-invalid > input[type=text], currency-input.ng-invalid > input[type=url] {
  border-color: red;
}

date-select {
  display: inline-block;
  font-size: var(--ds-input-size-text-size);
}
date-select dropdown-select button {
  width: calc(10ch + var(--ds-input-size-ph) * 2 + var(--ds-icon-size));
}
date-select.ng-invalid dropdown-select, date-select.ng-invalid input {
  border-color: #d83933;
}

datetime-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 100px 0 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .dialog-container {
    padding: 0;
    align-items: center;
  }
}

.overlay.dialog-backdrop {
  background: rgba(0, 0, 0, 0.6);
}

dialog-window {
  min-width: 200px;
  max-height: 100%;
  -ms-flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  transition: transform 0.2s cubic-bezier(0.5, 0, 0.25, 1), opacity 0.2s;
  transform: scale(1.1) translateY(50px);
  position: relative;
}
dialog-window.show {
  transform: scale(1);
  opacity: 1;
}
dialog-window.no-transitions {
  transition: none;
}
dialog-window > .wrap {
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
}
dialog-window > .wrap > header {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #edeff0;
  padding: 0 6px 0 16px;
  min-height: 48px;
  border-radius: 4px 4px 0 0;
}
dialog-window > .wrap > header > .dialog-title {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
dialog-window > .wrap > header button {
  --ds-icon-color: #141414;
}
dialog-window > .wrap > .content {
  background: #FFF;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
dialog-window > .wrap > .content ng-include {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}
dialog-window > .wrap > .content .pad {
  margin: 24px;
}
dialog-window > .wrap > .content form.horizontal .control > label, dialog-window > .wrap > .content form.horizontal progress-bar .control > .title, progress-bar dialog-window > .wrap > .content form.horizontal .control > .title {
  width: 100px;
  min-width: 100px;
}
dialog-window > .wrap > .content form.horizontal.wider-labels .control > label, dialog-window > .wrap > .content form.horizontal.wider-labels progress-bar .control > .title, progress-bar dialog-window > .wrap > .content form.horizontal.wider-labels .control > .title {
  width: 150px;
  min-width: 150px;
}
dialog-window > .wrap .tabs {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
dialog-window > .wrap > footer {
  border-radius: 0 0 4px 4px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #edeff0;
  text-align: right;
}
dialog-window > .wrap > footer .buttons {
  margin: 0;
  padding: 16px 15px 16px;
}
dialog-window > .wrap > footer button.secondary, dialog-window > .wrap > footer .button.secondary {
  background-color: #646970;
  color: #fff;
}
dialog-window > .wrap > footer button.secondary:hover, dialog-window > .wrap > footer .button.secondary:hover {
  background-color: #494e56;
}
dialog-window > .wrap > footer button.secondary:active, dialog-window > .wrap > footer .button.secondary:active {
  background-color: #9ba3a9;
}
dialog-window > .wrap > footer button.secondary[disabled], dialog-window > .wrap > footer .button.secondary[disabled] {
  background-color: #caced3;
}
dialog-window > .wrap, dialog-window > .wrap.small {
  width: 500px;
  max-width: 100%;
}
dialog-window > .wrap.medium {
  width: 750px;
  max-width: 100%;
}
dialog-window > .wrap.large {
  width: 1000px;
  max-width: 100%;
}
dialog-window > .wrap.full {
  width: 1223px;
  max-width: 100%;
  margin-top: -70px;
}
@media (max-width: 767px) {
  dialog-window > .wrap.full {
    margin: 0;
  }
}
dialog-window.dialog-type-transaction > .wrap {
  border-radius: 4px;
  background: white;
}
dialog-window.dialog-type-transaction > .wrap header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  background: transparent;
  color: #2a2c33;
}
dialog-window.dialog-type-transaction > .wrap header .dialog-title {
  color: inherit;
  justify-content: center;
  padding: 24px 0 0;
}
dialog-window.dialog-type-transaction > .wrap header button {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  outline: none !important;
}
dialog-window.dialog-type-transaction > .wrap header button:hover {
  background: #edeff0;
}
dialog-window.dialog-type-transaction > .wrap .message {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  color: #646970;
  font-size: 16px;
}
dialog-window.dialog-type-transaction > .wrap footer .buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 16px;
}
dialog-window.dialog-type-em > .wrap header {
  background: #ffffff;
  border-bottom: 1px solid #c6cace;
}
dialog-window.dialog-type-em > .wrap header .dialog-title {
  justify-content: center;
}

#dialog-error textarea {
  display: block;
  font-family: monospace;
  font-size: 10px;
  width: 100%;
  margin: 20px 0;
  overflow: auto;
  max-height: 100px;
  line-height: 1.5em;
  color: #646970;
}

.dialog-carousel dialog-window {
  position: relative;
}
.dialog-carousel-action {
  position: absolute;
  top: 280px;
  padding: 0 24px;
}
.dialog-carousel-action:first-child {
  left: 0;
  transform: translateY(-50%) translateX(-100%);
}
.dialog-carousel-action:last-child {
  right: 0;
  transform: translateY(-50%) translateX(100%);
}

ds-dividers {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 20px;
  row-gap: 8px;
  flex-wrap: wrap;
}
ds-dividers > *:has(+ *) {
  position: relative;
}
ds-dividers > *:has(+ *):before {
  content: "";
  position: absolute;
  right: -11px;
  top: 50%;
  width: 2px;
  height: 20px;
  transform: translateY(-10px);
  background: #c6cace;
  border-radius: 1px;
}

.dot {
  display: inline-flex;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 5px;
  background: var(--ds-palette-ac);
  border: 1px solid var(--ds-palette-pri-bg2);
  box-shadow: 0 0 0 5px var(--ds-palette-bg);
}
.dot.outline {
  box-shadow: 0 0 0 4px var(--ds-palette-bg), 0 0 0 5px var(--ds-palette-pri-bg2);
}
.dot.green {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
.dot.orange {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
.dot.blue {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
.dot.red {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
.dot.yellow {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
.dot.grey {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}
.dot.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
.dot.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
.dot.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
.dot.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
.dot.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
.dot.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

drag-handle {
  flex: none;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 24px;
  height: 28px;
  cursor: move;
  background: #edeff0;
  color: #646970;
}
drag-handle svg {
  display: block;
  width: 10px;
}

drawer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: visibility 0.25s, background-color 0.25s;
  transition-delay: visibility 0.25s;
  z-index: 30;
}
drawer.open {
  visibility: visible;
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}
drawer.open .drawer {
  transform: translateX(0);
}

.drawer {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 390px;
  max-width: 100vw;
  transform: translateX(100%);
  transition: transform 0.25s;
  background: #ffffff;
  color: #2a2c33;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.drawer .drawer-header {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #242835;
  color: #ffffff;
  height: 60px;
  padding: 0 24px;
}
.drawer .drawer-header .drawer-subtitle {
  color: #ccc;
}
.drawer .drawer-header-titlebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.drawer .drawer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  white-space: nowrap;
}
.drawer .drawer-subtitle {
  font-size: 13px;
  line-height: 1em;
}
.drawer .drawer-close {
  padding: 8px;
  --ds-icon-color: $dark-grey;
}
.drawer .drawer-content {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.drawer .inline-spacing {
  gap: 24px;
}
.drawer .inline-spacing-tight {
  gap: 8px;
}
.drawer .drawer-group {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.drawer .drawer-separator {
  border-top: 1px solid #c6cace;
}
.drawer .drawer-vertical {
  display: flex;
  flex-direction: column;
}
.drawer .drawer-horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.drawer .drawer-button {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #2a2c33;
  font-weight: normal;
  font-size: 14px;
  --ds-icon-color: #646970;
}

.dropdown-wrap {
  position: relative;
  display: inline-block;
}
.dropdown-wrap .dropdown-content {
  width: 100%;
}

.dropdown-content {
  position: absolute;
  top: -999px;
  left: -999px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #c6cace;
  min-width: 100px;
  margin-top: -10px;
  opacity: 0;
  visibility: hidden;
  z-index: 998;
  text-align: left;
  transition: margin-top 0.3s cubic-bezier(0.5, 0, 0.25, 1), opacity 0.3s, visibility 0.3s;
}
.dropdown-content.small {
  width: 100px;
}
.dropdown-content.medium {
  width: 200px;
}
.dropdown-content.large {
  width: 400px;
}
.dropdown-content.shrink {
  min-width: 0 !important;
}
.dropdown-content.full-height {
  top: 24px !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto;
}
.dropdown-content.show {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.dropdown-content .pad {
  margin: 10px;
}
.dropdown-content > ul:first-child > li:first-child {
  border-radius: 4px 4px 0 0;
}
.dropdown-content > ul:last-child > li:last-child {
  border-radius: 0 0 4px 4px;
}
.dropdown-content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  max-height: 300px;
  overflow: auto;
}
.dropdown-content > ul li {
  padding: 6px 15px;
  color: #000;
}
.dropdown-content > ul li.highlight {
  background: #edeff0;
}
.dropdown-content > ul li.clickable:hover, .dropdown-content > ul li.active {
  background: #edeff0;
}
.dropdown-content > ul li.clickable:hover .muted, .dropdown-content > ul li.active .muted {
  color: #646970;
}
.dropdown-content > ul li.clickable {
  cursor: pointer;
}
.dropdown-content > ul li.sep {
  height: 1px;
  background: #c6cace;
  margin: 0;
  padding: 0;
}
.dropdown-content > ul li .muted {
  font-size: 90%;
}

dropdown-select {
  display: inline-flex;
  min-width: 0;
}
dropdown-select .dropdown-wrap {
  display: inline-flex;
  min-width: 0;
}
dropdown-select .select {
  display: flex;
  align-items: center;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #a7aeb2;
  max-width: 100%;
  min-width: 50px;
}
dropdown-select .select:hover {
  box-shadow: inset 0 0 0 1px #646970;
}
dropdown-select .select > ds-icon {
  --ds-icon-color: currentColor;
}
dropdown-select .dropdown-select-label {
  display: inline-flex;
  min-width: 0;
  overflow: hidden;
}
dropdown-select.small .select {
  width: 100px;
}
dropdown-select.medium .select {
  width: 200px;
}
dropdown-select.large .select {
  width: 400px;
}
dropdown-select.stretch, dropdown-select.stretch .dropdown-wrap, dropdown-select.stretch .select {
  width: 100%;
}
dropdown-select.ng-invalid .select, dropdown-select.resource-error .select {
  box-shadow: inset 0 0 0 1px #d83933;
}
dropdown-select.ghost .select {
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
}
dropdown-select[disabled] .select {
  background: #dee0e3;
  cursor: not-allowed;
  color: #646970;
  box-shadow: inset 0 0 0 1px #a7aeb2;
}

.dropdown-select-options-footer {
  display: flex;
  justify-content: center;
}
.dropdown-select-options-footer > options-footer {
  flex: 1;
  display: flex;
}

.with-addon:has(.addon:first-child) dropdown-select .select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.with-addon:has(.addon:last-child) dropdown-select .select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.file-input {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer !important;
  white-space: nowrap;
  border-radius: 4px;
}
.file-input:focus, .file-input:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
.file-input:focus > *, .file-input:focus-within > * {
  --ds-focus-ring-width: 0;
}
.file-input:has(input[type=file][disabled]), .file-input:has(input[type=file][disabled]) input[type=file] {
  cursor: not-allowed !important;
}
.file-input input[type=file] {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  padding: 0;
  margin: 0;
  font-size: 25px;
  cursor: pointer !important;
}
.file-input input[type=text], .file-input input[type=url] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.file-input button.append {
  box-shadow: inset 0 0 0 1px #a7aeb2;
}
.file-input:hover button {
  background: #225acc;
}
.file-input:hover button.secondary {
  background: #dee0e3;
}

.error .file-input input[type=text], .error .file-input input[type=url] {
  border-color: #d83933;
  border-right: 1px solid #d83933;
  padding-right: 9px;
}

ds-frame {
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #6f767d;
  --ds-icon-color: var(--ds-palette-ac);
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--ds-frame-size);
  border-radius: var(--ds-frame-corner-radius);
  max-width: var(--ds-frame-max-width);
  overflow: hidden;
}
ds-frame.circle, ds-frame.square {
  --ds-frame-max-width: var(--ds-frame-size);
  width: var(--ds-frame-size);
}
ds-frame.circle {
  border-radius: 50%;
}
ds-frame.filled {
  background: var(--ds-palette-bg);
}
ds-frame img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
ds-frame.crop img {
  object-fit: cover;
}
ds-frame.input {
  padding: 0 var(--ds-input-size-ph);
  font-size: var(--ds-input-size-text-size);
}
ds-frame.input.filled {
  background: var(--ds-palette-bg);
}
ds-frame.xsmall {
  --ds-frame-size: 20px;
  --ds-frame-max-width: 28px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.small {
  --ds-frame-size: 28px;
  --ds-frame-max-width: 36px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.medium {
  --ds-frame-size: 36px;
  --ds-frame-max-width: 48px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.large {
  --ds-frame-size: 44px;
  --ds-frame-max-width: 60px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.xlarge {
  --ds-frame-size: 52px;
  --ds-frame-max-width: 68px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.\32 xlarge {
  --ds-frame-size: 60px;
  --ds-frame-max-width: 76px;
  --ds-frame-corner-radius: 5px;
}
ds-frame.input {
  --ds-frame-size: var(--ds-input-size-height);
  --ds-frame-max-width: none;
  --ds-frame-corner-radius: 5px;
}
ds-frame.corner-radius-xsmall {
  --ds-frame-corner-radius: 3px;
}
ds-frame.corner-radius-small {
  --ds-frame-corner-radius: 4px;
}
ds-frame.corner-radius-medium {
  --ds-frame-corner-radius: 5px;
}
ds-frame.corner-radius-large {
  --ds-frame-corner-radius: 6px;
}
ds-frame.corner-radius-xlarge {
  --ds-frame-corner-radius: 8px;
}
ds-frame.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
ds-frame.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
ds-frame.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
ds-frame.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
ds-frame.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
ds-frame.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

ds-graphic {
  display: inline-flex;
  vertical-align: middle;
  flex: none;
  box-sizing: content-box;
}
ds-graphic svg {
  display: block;
  width: 160px;
  height: 120px;
  flex: none;
}

help {
  cursor: pointer;
  display: inline;
}
help.caution {
  --ds-icon-color: #d83933;
}

.ds-icon-source {
  display: none;
}

ds-icon {
  display: inline-flex;
  width: var(--ds-icon-size);
  height: var(--ds-icon-size);
  vertical-align: middle;
  flex: none;
  box-sizing: content-box;
  color: var(--ds-icon-color, #6f767d);
}
ds-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  flex: none;
}
ds-icon.tight {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--ds-icon-size) - 4px);
  height: calc(var(--ds-icon-size) - 4px);
}
ds-icon.tight svg {
  width: var(--ds-icon-size);
  height: var(--ds-icon-size);
}
ds-icon.medium {
  --ds-icon-size: 36px;
}
ds-icon.large {
  --ds-icon-size: 48px;
}
ds-icon.frame {
  position: relative;
}
ds-icon.frame svg {
  z-index: 0;
}
ds-icon.frame:before {
  content: "";
  position: absolute;
  display: block;
  width: calc(var(--ds-icon-frame-ratio, 1.333333333) * 100%);
  height: calc(var(--ds-icon-frame-ratio, 1.333333333) * 100%);
  top: calc((1 - var(--ds-icon-frame-ratio, 1.333333333)) / 2 * 100%);
  left: calc((1 - var(--ds-icon-frame-ratio, 1.333333333)) / 2 * 100%);
  background: #edeff0;
  border-radius: 50%;
}
ds-icon.frame-light:before {
  background: #ffffff;
}

ds-info {
  --ds-palette-bg: #f6f7f8;
  --ds-palette-de: #646970;
  --ds-palette-ac: #6f767d;
  --ds-icon-color: var(--ds-palette-ac);
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  display: inline-flex;
  color: var(--ds-palette-de);
  background: var(--ds-palette-bg);
  padding: 8px 16px;
  width: auto;
  border-radius: 4px;
}
ds-info[large] {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
ds-info[light] {
  --ds-palette-bg: #ffffff;
}
ds-info.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
ds-info.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
ds-info.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
ds-info.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
ds-info.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
ds-info.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

input-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  align-items: center;
  gap: 8px;
  min-height: var(--ds-input-size-height);
  padding: 0 var(--ds-input-size-ph);
  font-size: var(--ds-input-size-text-size);
  border-radius: 4px;
  background: #f6f7f8;
  color: #2a2c33;
  line-height: 1em;
}
input-label.small {
  width: 100px;
}
input-label, input-label.medium {
  width: 200px;
}
input-label.large {
  width: 400px;
}
input-label.stretch {
  width: 100%;
}

.list {
  display: flex;
  flex-direction: column;
}
.list.bordered {
  border: 1px solid #c6cace;
  border-radius: 4px;
  overflow: hidden;
}
.list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: var(--list-vertical-padding) var(--list-side-padding);
}
.list-item.clickable:hover, .list-item.clickable.hover {
  background: #edeff0;
}
.list-item.clickable.active {
  --ds-icon-color: #4083EA;
  background: #E1EDFF;
  color: #11233D;
}
.list-item.disabled, .list-item[disabled] {
  background: #dee0e3;
  color: #787f87;
  cursor: not-allowed;
  --ds-icon-color: #8b9298;
}
.list-item.disabled:hover, .list-item.disabled.hover, .list-item.disabled.active, .list-item[disabled]:hover, .list-item[disabled].hover, .list-item[disabled].active {
  background: #dee0e3;
  color: #787f87;
  --ds-icon-color: #8b9298;
}
.list-item.group {
  font-weight: bold;
  --ds-icon-color: currentColor;
}
.list-item.group-indent {
  padding-left: calc(var(--list-side-padding) * 2 + 24px);
}
.list-item.no-results {
  color: #2a2c33;
  font-weight: normal;
  font-size: 14px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f6f7f8;
  justify-content: center;
}
.list-item-divider {
  height: 1px;
  background: #c6cace;
  margin: var(--list-vertical-padding) 0;
  padding: 0;
}
.list.tight {
  --list-side-padding: 8px;
  --list-vertical-padding: 6px;
}
.list.list-visible-items-1 {
  max-height: calc(1.75em + 16px);
  overflow-y: auto;
}
.list.tight.list-visible-items-1 {
  max-height: calc(1.75em + 12px);
}
.list.list-visible-items-2 {
  max-height: calc(3.5em + 32px);
  overflow-y: auto;
}
.list.tight.list-visible-items-2 {
  max-height: calc(3.5em + 24px);
}
.list.list-visible-items-3 {
  max-height: calc(5.25em + 48px);
  overflow-y: auto;
}
.list.tight.list-visible-items-3 {
  max-height: calc(5.25em + 36px);
}
.list.list-visible-items-4 {
  max-height: calc(7em + 64px);
  overflow-y: auto;
}
.list.tight.list-visible-items-4 {
  max-height: calc(7em + 48px);
}
.list.list-visible-items-5 {
  max-height: calc(8.75em + 80px);
  overflow-y: auto;
}
.list.tight.list-visible-items-5 {
  max-height: calc(8.75em + 60px);
}
.list.list-visible-items-6 {
  max-height: calc(10.5em + 96px);
  overflow-y: auto;
}
.list.tight.list-visible-items-6 {
  max-height: calc(10.5em + 72px);
}
.list.list-visible-items-7 {
  max-height: calc(12.25em + 112px);
  overflow-y: auto;
}
.list.tight.list-visible-items-7 {
  max-height: calc(12.25em + 84px);
}
.list.list-visible-items-8 {
  max-height: calc(14em + 128px);
  overflow-y: auto;
}
.list.tight.list-visible-items-8 {
  max-height: calc(14em + 96px);
}
.list.list-visible-items-9 {
  max-height: calc(15.75em + 144px);
  overflow-y: auto;
}
.list.tight.list-visible-items-9 {
  max-height: calc(15.75em + 108px);
}
.list.list-visible-items-10 {
  max-height: calc(17.5em + 160px);
  overflow-y: auto;
}
.list.tight.list-visible-items-10 {
  max-height: calc(17.5em + 120px);
}

list-input table.list-input {
  position: relative;
  margin: 0;
}
list-input table.list-input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #c6cace;
  border-radius: 4px;
  pointer-events: none;
}
list-input thead {
  border-bottom: 1px solid #c6cace;
  background: #edeff0;
}
list-input thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
list-input thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
list-input tbody:first-of-type > tr:first-of-type > td {
  padding-top: 8px;
}
list-input tbody:last-of-type > tr:last-of-type > td {
  padding-bottom: 8px;
}
list-input tbody > tr > td {
  border: none;
  padding-top: 4px;
  padding-bottom: 4px;
}
list-input.list-input-lines tbody > tr > td {
  border-top: 1px solid #c6cace;
}
list-input .list-input-action {
  width: 0;
}
list-input .gu-mirror {
  display: none;
}
list-input .gu-transit {
  opacity: 1;
}
list-input .gu-transit > td {
  background: #E1EDFF;
}
list-input .gu-transit > td drag-handle {
  background: #3b71de;
  --ds-icon-color: #ffffff;
}
list-input-column {
  display: flex;
  flex-direction: row;
}

loader {
  display: inline-block;
  position: relative;
  margin: 0px auto;
  width: 20px;
  vertical-align: top;
}
loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}
loader svg {
  animation: loader-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
loader circle {
  stroke: #3b71de;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-width: 6;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  fill: none;
  animation: loader-dash 1.5s ease-in-out infinite;
}

@keyframes loader-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
media-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--ds-media-group-gutter);
}
media-group.xsmall {
  --ds-media-group-gutter: 6px;
  --ds-frame-size: 20px;
  --ds-frame-max-width: 28px;
  --ds-frame-corner-radius: 5px;
}
media-group.small {
  --ds-media-group-gutter: 8px;
  --ds-frame-size: 28px;
  --ds-frame-max-width: 36px;
  --ds-frame-corner-radius: 5px;
}
media-group.medium {
  --ds-media-group-gutter: 10px;
  --ds-frame-size: 36px;
  --ds-frame-max-width: 48px;
  --ds-frame-corner-radius: 5px;
}
media-group.large {
  --ds-media-group-gutter: 12px;
  --ds-frame-size: 44px;
  --ds-frame-max-width: 60px;
  --ds-frame-corner-radius: 5px;
}
media-group.xlarge {
  --ds-media-group-gutter: 12px;
  --ds-frame-size: 52px;
  --ds-frame-max-width: 68px;
  --ds-frame-corner-radius: 5px;
}
media-group.\32 xlarge {
  --ds-media-group-gutter: 16px;
  --ds-frame-size: 60px;
  --ds-frame-max-width: 76px;
  --ds-frame-corner-radius: 5px;
}

menu {
  display: none;
}

.dropdown-content.menu {
  padding: 0;
  max-height: 300px;
  min-width: 160px !important;
  overflow: auto;
  z-index: 30 !important;
}
.dropdown-content.menu.no-scroll {
  max-height: none;
}

dotty-menu .dropdown-wrap > a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  vertical-align: baseline;
  text-align: center;
}

notify {
  position: sticky;
  top: 0;
  height: 0 !important;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.has-overlay notify {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 30;
}

notify > .notify {
  position: absolute;
  top: 0;
  margin: 20px auto 0 auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
  transition: transform 500ms cubic-bezier(0.5, 0, 0.25, 1);
  transform: translateY(calc(-100% - 30px));
}
notify.show > .notify {
  transform: translateY(0);
}
notify.click-close {
  cursor: pointer;
}
notify .banner {
  max-width: 1223px;
}

page-header {
  display: flex;
  flex-direction: row;
  padding: 0 var(--page-header-side-padding, 0);
}
@media (max-width: 1271px) {
  page-header {
    --page-header-side-padding: 24px;
  }
}

pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
pagination .pagination-left, pagination .pagination-limit {
  flex: 1;
}
pagination .pagination-limit {
  display: flex;
  justify-content: flex-end;
}
pagination .pagination-pages {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
pagination .pagination-pages .button + .button {
  margin: 0;
}
pagination .pagination-pages .pagination-dots {
  font-size: 24px;
}

.palette-sampler.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
.palette-sampler.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
.palette-sampler.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
.palette-sampler.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
.palette-sampler.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
.palette-sampler.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

.paper {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 24px;
}

password-input {
  --ds-password-input-min-length-width: 0px;
  --ds-password-input-toggle-width: 0px;
  display: inline-flex;
  position: relative;
}
password-input input[type=password], password-input input[type=text], password-input input[type=url] {
  padding-right: calc(var(--ds-input-size-ph) + var(--ds-password-input-min-length-width) + var(--ds-password-input-toggle-width));
}
password-input:has(.password-input-min-length) {
  --ds-password-input-min-length-width: calc(var(--ds-icon-size) + 8px);
}
password-input:has(.password-input-toggle) {
  --ds-password-input-toggle-width: calc(var(--ds-icon-size) + 8px);
}
password-input.stretch, password-input.stretch .password-input-wrap, password-input.stretch input {
  width: 100%;
}

.password-input-wrap {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.password-input-addons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding-right: var(--ds-input-size-ph);
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.password-input-toggle {
  min-width: var(--ds-icon-size);
  height: var(--ds-icon-size);
  min-height: var(--ds-icon-size);
  padding: 0;
  border: 0;
  background: transparent;
  color: #6f767d;
}
.password-input-toggle:hover, .password-input-toggle:focus {
  color: #646970;
}
.password-input-toggle:disabled {
  color: #8b9298;
}

percentage-input {
  position: relative;
  display: block;
  font-size: var(--ds-input-size-text-size);
}
percentage-input span {
  position: absolute;
  top: 0;
  right: var(--ds-input-size-ph);
  bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1em;
  color: #484848;
}
percentage-input > input[type=text], percentage-input > input[type=url] {
  text-align: right;
  width: calc(var(--ds-input-size-ph) * 2 + 8ch);
  padding-right: calc(var(--ds-input-size-ph) * 2 + 1ch);
}
percentage-input.ng-invalid > input[type=text], percentage-input.ng-invalid > input[type=url] {
  border-color: red;
}

photo-circle {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: var(--ds-photo-circle-size);
  height: var(--ds-photo-circle-size);
  overflow: hidden;
}
photo-circle > img {
  display: block;
  width: 100%;
  height: 100%;
}
photo-circle.frame {
  background-color: #dee0e3;
}
photo-circle.light {
  background-color: #ffffff;
}
photo-circle.small {
  --ds-photo-circle-size: 24px;
}
photo-circle.medium {
  --ds-photo-circle-size: 32px;
}

photo-input {
  white-space: nowrap;
  display: flex;
}
photo-input.small img {
  max-width: 48px;
  max-height: 48px;
}
photo-input.bordered img {
  border: 1px solid #c6cace;
}
photo-input > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
photo-input img {
  max-width: 120px;
  max-height: 120px;
}
photo-input progress-bar {
  margin-top: 0;
  margin-bottom: 0;
}

ds-pill {
  --ds-palette-de: #2a2c33;
  --ds-palette-bg: #f6f7f8;
  --ds-pill-border: 1px solid var(--ds-palette-bg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #2a2c33;
  font-weight: normal;
  font-size: 15px;
  color: var(--ds-palette-de);
  background-color: var(--ds-palette-bg);
  border: var(--ds-pill-border);
  border-radius: 4px;
  min-width: 24px;
  min-height: 16px;
  padding: 3px;
  line-height: 16px;
}
ds-pill.default {
  --ds-palette-de: #2a2c33;
  --ds-palette-bg: #f6f7f8;
  --ds-pill-border: 1px solid var(--ds-palette-bg);
}
ds-pill.light {
  --ds-palette-de: #2a2c33;
  --ds-palette-bg: #ffffff;
  --ds-pill-border: 1px solid var(--ds-palette-bg);
}
ds-pill.light-accent {
  --ds-palette-de: #0D4AAC;
  --ds-palette-bg: #ffffff;
  --ds-pill-border: 1px solid var(--ds-palette-bg);
}
ds-pill.outline {
  --ds-palette-de: #646970;
  --ds-palette-bg: transparent;
  --ds-pill-border: 1px solid #c6cace;
}
ds-pill.outline-ac {
  --ds-palette-de: #646970;
  --ds-palette-bg: transparent;
  --ds-pill-border: 1px solid #a7aeb2;
}
ds-pill.outline-text-color {
  --ds-palette-de: currentColor;
  --ds-palette-bg: transparent;
  --ds-pill-border: 1px solid currentColor;
}
ds-pill.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
ds-pill.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
ds-pill.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
ds-pill.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
ds-pill.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
ds-pill.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

progress-bar {
  display: block;
  min-width: 200px;
  overflow: hidden;
}
progress-bar .title {
  text-align: center;
  margin-bottom: 15px;
}
progress-bar .wrap {
  position: relative;
  height: 30px;
}
progress-bar .wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #c6cace;
  border-radius: 15px;
}
progress-bar .wrap span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #3b71de;
  border-radius: 15px;
  transition: width 0.5s cubic-bezier(0.5, 0, 0.25, 1);
}
progress-bar .wrap span:before {
  content: attr(width) "%";
  position: absolute;
  right: 15px;
  line-height: 30px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
progress-bar.small .title {
  margin-bottom: 5px;
}
progress-bar.small .wrap {
  height: 12px;
}
progress-bar.small .wrap:before {
  border-radius: 6px;
}
progress-bar.small .wrap span {
  border-radius: 6px;
}
progress-bar.small .wrap span:before {
  display: none;
}

.resource-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #35aa47;
}
.resource-status.big {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.resource-status.dirty {
  background: #ffb529;
}
.resource-status.errors {
  background: #d83933;
}

.resource-table {
  position: relative;
  min-height: 130px;
}
.resource-table th.sortable {
  cursor: pointer;
}

.resource-table-overlay {
  margin-top: var(--ds-resource-table-header-height, 42px);
  align-items: flex-start;
  height: calc(100% - var(--ds-resource-table-header-height, 42px));
}
.resource-table-overlay .overlay-content {
  margin-top: 30px;
  font-weight: bold;
}

.no-resources {
  text-align: center;
}

th.sortable.center > .h-rel {
  justify-content: center;
}
th.sortable.right > .h-rel {
  justify-content: end;
}
th.sortable > .h-rel {
  flex-wrap: nowrap;
}

tbody.row-sort {
  min-height: 100px;
  position: relative;
}
tbody.row-sort tr.gu-mirror {
  display: none;
}
tbody.row-sort tr.gu-transit {
  opacity: 1;
}
tbody.row-sort tr.gu-transit > td {
  border: 1px solid #3b71de;
  border-left: 0;
  border-right: 0;
}
tbody.row-sort tr.gu-transit > td drag-handle {
  background: #3b71de;
  --ds-icon-color: #ffffff;
}
tbody.row-sort tr.row-sort-empty > td {
  padding: 0;
  border: none;
  height: 10px;
}

search-input {
  display: flex;
  flex-direction: row;
  position: relative;
}
search-input ds-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: calc(var(--ds-icon-size) / -2);
}
search-input .search-input-has-query {
  --ds-icon-color: #4083EA;
}
search-input .search-input-has-query ds-icon {
  cursor: pointer;
}

status-indicator {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 5px var(--ds-palette-bg);
  --ds-icon-color: var(--ds-palette-ac);
}
status-indicator.system {
  --ds-palette-loaded: "system";
  --ds-palette-bg: #edeff0;
  --ds-palette-ac: #a7aeb2;
  --ds-palette-mu: #646970;
  --ds-palette-de: #2a2c33;
  --ds-palette-alt1: #646970;
  --ds-palette-alt2: #474A52;
  --ds-palette-pri-bg: #646970;
  --ds-palette-pri-bg2: #474A52;
}
status-indicator.success {
  --ds-palette-loaded: "success";
  --ds-palette-bg: #D8F5D8;
  --ds-palette-ac: #00a91c;
  --ds-palette-mu: #117B1B;
  --ds-palette-de: #19311e;
  --ds-palette-alt1: #007514;
  --ds-palette-alt2: #006311;
  --ds-palette-pri-bg: #008817;
  --ds-palette-pri-bg2: #007414;
}
status-indicator.error {
  --ds-palette-loaded: "error";
  --ds-palette-bg: #FEEAE7;
  --ds-palette-ac: #F03E27;
  --ds-palette-mu: #B50908;
  --ds-palette-de: #5c1111;
  --ds-palette-alt1: #C90808;
  --ds-palette-alt2: #AB0707;
  --ds-palette-pri-bg: #CD1608;
  --ds-palette-pri-bg2: #ae1307;
}
status-indicator.caution {
  --ds-palette-loaded: "caution";
  --ds-palette-bg: #FFEBDE;
  --ds-palette-ac: #f97a13;
  --ds-palette-mu: #8C471C;
  --ds-palette-de: #352313;
  --ds-palette-alt1: #A24F0B;
  --ds-palette-alt2: #8a4309;
  --ds-palette-pri-bg: #fa9441;
  --ds-palette-pri-bg2: #f97a13;
}
status-indicator.accent {
  --ds-palette-loaded: "accent";
  --ds-palette-bg: #E1EDFF;
  --ds-palette-ac: #4083EA;
  --ds-palette-mu: #0D4AAC;
  --ds-palette-de: #11233D;
  --ds-palette-alt1: #0056EB;
  --ds-palette-alt2: #0049c8;
  --ds-palette-pri-bg: #3B71DE;
  --ds-palette-pri-bg2: #225acc;
}
status-indicator.info {
  --ds-palette-loaded: "info";
  --ds-palette-bg: #EDE3FD;
  --ds-palette-ac: #AD79E9;
  --ds-palette-mu: #783BB9;
  --ds-palette-de: #39225E;
  --ds-palette-alt1: #783BB9;
  --ds-palette-alt2: #55268F;
  --ds-palette-pri-bg: #783BB9;
  --ds-palette-pri-bg2: #783BB9;
}

thead.sticky {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #ffffff;
}
table.list thead.sticky {
  top: 1px;
}
table.list thead.sticky th:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #c6cace;
}

tfoot.sticky {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background: #ffffff;
}
tfoot.sticky > tr > td:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #c6cace;
}

input[type=checkbox][switch] {
  border-radius: 12px;
  height: 24px;
  width: 43px;
  position: relative;
  transition: background-color 0.5s;
}
input[type=checkbox][switch]:after {
  transition: opacity 0.5s;
  transition-delay: 0s;
}
input[type=checkbox][switch]:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background: #141414;
  border-radius: 7px;
  transition: transform 0.5s;
}
input[type=checkbox][switch]:checked {
  border-color: #3b71de;
}
input[type=checkbox][switch]:checked:after {
  transition-delay: 0.25s;
}
input[type=checkbox][switch]:checked:before {
  background: #FFF;
  transform: translateX(19px);
}
input[type=checkbox][switch]:disabled {
  border-color: #8b9298;
  cursor: not-allowed;
}
input[type=checkbox][switch]:disabled:before {
  background: #8b9298;
}
input[type=checkbox][switch]:disabled:checked:before {
  background: #dee0e3;
}
input[type=checkbox][switch]:disabled:checked:after {
  color: #dee0e3;
}

system-drawer .same-client + :not(.same-client) {
  border-top: 3px solid #c6cace;
}
system-drawer tr:not(.current):not(.is-suspended):hover {
  background: #edeff0;
}
system-drawer .system-drawer-current-service-icon,
system-drawer .system-drawer-service-suspended-icon {
  display: none;
}
system-drawer .current {
  cursor: default;
  background: #E1EDFF;
  --ds-icon-color: #4083EA;
}
system-drawer .current .muted {
  color: #0D4AAC;
}
system-drawer .current a {
  color: #11233D;
  cursor: default;
}
system-drawer .is-suspended {
  cursor: default;
}
system-drawer .is-suspended a {
  color: #141414;
  cursor: default;
}
system-drawer .is-suspended .system-drawer-service-suspended-icon {
  display: inline-block;
  --ds-icon-color: #d83933;
}

system-nav ds-badge {
  --ds-palette-bg: #171921;
  --ds-palette-de: #ccc;
  --ds-palette-ac: #ccc;
}
system-nav .nav-item.nav-logo img {
  display: block;
  height: 40px;
}
system-nav nav.first .nav-group.nav-right {
  --ds-icon-color: currentColor;
}

.c-table-helper {
  position: relative;
  overflow: hidden;
}
.c-table-helper\>table {
  position: relative;
  max-width: 100%;
  overflow: auto;
}
.c-table-helper\>h-scroll {
  position: absolute;
  overflow-y: auto;
  z-index: 2;
}
.c-table-helper\>h-scroll > * {
  height: 1px;
}
.c-table-helper\>column-overlay, .c-table-helper\>top-left-overlay, .c-table-helper\>row-overlay {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.c-table-helper\>column-overlay td:not(.c-table-helper\>frozen-cell), .c-table-helper\>column-overlay th:not(.c-table-helper\>frozen-cell), .c-table-helper\>top-left-overlay td:not(.c-table-helper\>frozen-cell), .c-table-helper\>top-left-overlay th:not(.c-table-helper\>frozen-cell) {
  visibility: hidden;
  border-color: transparent;
}
.c-table-helper\>column-overlay td.c-table-helper\>frozen-cell, .c-table-helper\>column-overlay th.c-table-helper\>frozen-cell, .c-table-helper\>top-left-overlay td.c-table-helper\>frozen-cell, .c-table-helper\>top-left-overlay th.c-table-helper\>frozen-cell {
  pointer-events: all;
  background-color: white;
}
.c-table-helper\>column-overlay thead {
  border-bottom-color: transparent;
}
.c-table-helper\>row-overlay {
  table-layout: fixed;
}
.c-table-helper\>row-overlay th {
  pointer-events: all;
  background-color: white;
}

tabs.vertical, .tabs.vertical {
  --line-spacing: 16px;
  --gap: 8px;
  --height: 32px;
}
tabs.vertical.medium, .tabs.vertical.medium {
  --line-spacing: 16px;
  --gap: 8px;
  --height: 24px;
}
tabs.vertical.small, .tabs.vertical.small {
  --line-spacing: 12px;
  --gap: 8px;
  --height: 24px;
}
tabs.horizontal, .tabs.horizontal {
  --line-spacing: 16px;
  --gap: 24px;
}
tabs.horizontal.medium, .tabs.horizontal.medium {
  --line-spacing: 10px;
}
tabs.horizontal.small, .tabs.horizontal.small {
  --line-spacing: 17px;
  --gap: 8px;
}
tabs.small .tab, .tabs.small .tab {
  font-size: 14px;
  font-weight: normal;
}

tabs.horizontal.small, .tabs.horizontal.small {
  --gap: 16px;
}

tab, .tab {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2a2c33;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  transition: border-color 0.2s;
}
tab:hover, .tab:hover {
  color: #3b71de;
  --ds-icon-color: #3b71de;
}
tab.separator, .tab.separator {
  position: relative;
  pointer-events: none;
}
tab.separator:before, .tab.separator:before {
  content: "";
  width: 2px;
  background: #c6cace;
  height: 1.5em;
}

tabs.horizontal > .tabs, .tabs.horizontal {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #c6cace;
  gap: var(--gap);
  padding: 0 var(--gap);
}
tabs.horizontal > .tabs tab, tabs.horizontal > .tabs .tab, .tabs.horizontal tab, .tabs.horizontal .tab {
  padding: var(--line-spacing) 0 var(--line-spacing) 0;
}
tabs.horizontal > .tabs tab.active, tabs.horizontal > .tabs .tab.active, .tabs.horizontal tab.active, .tabs.horizontal .tab.active {
  position: relative;
  color: #3b71de;
  --ds-icon-color: #3b71de;
}
tabs.horizontal > .tabs tab.active:after, tabs.horizontal > .tabs .tab.active:after, .tabs.horizontal tab.active:after, .tabs.horizontal .tab.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #3b71de;
  z-index: 2;
}
tabs.horizontal > .tabs.no-border, .tabs.horizontal.no-border {
  border: none;
}

tabs.vertical > .tabs, .tabs.vertical {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
tabs.vertical > .tabs:after, .tabs.vertical:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: var(--height);
  transform: translateY(var(--tab));
  transition: transform 500ms cubic-bezier(0, 0.5, 0, 1);
}
tabs.vertical > .tabs:has(.tab.active):after, .tabs.vertical:has(.tab.active):after {
  background: #3b71de;
}
tabs.vertical > .tabs:has(.tab:nth-child(1).active), .tabs.vertical:has(.tab:nth-child(1).active) {
  --tab: calc((var(--height) + var(--gap)) * 0);
}
tabs.vertical > .tabs:has(.tab:nth-child(2).active), .tabs.vertical:has(.tab:nth-child(2).active) {
  --tab: calc((var(--height) + var(--gap)) * 1);
}
tabs.vertical > .tabs:has(.tab:nth-child(3).active), .tabs.vertical:has(.tab:nth-child(3).active) {
  --tab: calc((var(--height) + var(--gap)) * 2);
}
tabs.vertical > .tabs:has(.tab:nth-child(4).active), .tabs.vertical:has(.tab:nth-child(4).active) {
  --tab: calc((var(--height) + var(--gap)) * 3);
}
tabs.vertical > .tabs:has(.tab:nth-child(5).active), .tabs.vertical:has(.tab:nth-child(5).active) {
  --tab: calc((var(--height) + var(--gap)) * 4);
}
tabs.vertical > .tabs:has(.tab:nth-child(6).active), .tabs.vertical:has(.tab:nth-child(6).active) {
  --tab: calc((var(--height) + var(--gap)) * 5);
}
tabs.vertical > .tabs:has(.tab:nth-child(7).active), .tabs.vertical:has(.tab:nth-child(7).active) {
  --tab: calc((var(--height) + var(--gap)) * 6);
}
tabs.vertical > .tabs:has(.tab:nth-child(8).active), .tabs.vertical:has(.tab:nth-child(8).active) {
  --tab: calc((var(--height) + var(--gap)) * 7);
}
tabs.vertical > .tabs:has(.tab:nth-child(9).active), .tabs.vertical:has(.tab:nth-child(9).active) {
  --tab: calc((var(--height) + var(--gap)) * 8);
}
tabs.vertical > .tabs:has(.tab:nth-child(10).active), .tabs.vertical:has(.tab:nth-child(10).active) {
  --tab: calc((var(--height) + var(--gap)) * 9);
}
tabs.vertical > .tabs:has(.tab:nth-child(11).active), .tabs.vertical:has(.tab:nth-child(11).active) {
  --tab: calc((var(--height) + var(--gap)) * 10);
}
tabs.vertical > .tabs:has(.tab:nth-child(12).active), .tabs.vertical:has(.tab:nth-child(12).active) {
  --tab: calc((var(--height) + var(--gap)) * 11);
}
tabs.vertical > .tabs:has(.tab:nth-child(13).active), .tabs.vertical:has(.tab:nth-child(13).active) {
  --tab: calc((var(--height) + var(--gap)) * 12);
}
tabs.vertical > .tabs:has(.tab:nth-child(14).active), .tabs.vertical:has(.tab:nth-child(14).active) {
  --tab: calc((var(--height) + var(--gap)) * 13);
}
tabs.vertical > .tabs:has(.tab:nth-child(15).active), .tabs.vertical:has(.tab:nth-child(15).active) {
  --tab: calc((var(--height) + var(--gap)) * 14);
}
tabs.vertical > .tabs:has(.tab:nth-child(16).active), .tabs.vertical:has(.tab:nth-child(16).active) {
  --tab: calc((var(--height) + var(--gap)) * 15);
}
tabs.vertical > .tabs:has(.tab:nth-child(17).active), .tabs.vertical:has(.tab:nth-child(17).active) {
  --tab: calc((var(--height) + var(--gap)) * 16);
}
tabs.vertical > .tabs:has(.tab:nth-child(18).active), .tabs.vertical:has(.tab:nth-child(18).active) {
  --tab: calc((var(--height) + var(--gap)) * 17);
}
tabs.vertical > .tabs:has(.tab:nth-child(19).active), .tabs.vertical:has(.tab:nth-child(19).active) {
  --tab: calc((var(--height) + var(--gap)) * 18);
}
tabs.vertical > .tabs:has(.tab:nth-child(20).active), .tabs.vertical:has(.tab:nth-child(20).active) {
  --tab: calc((var(--height) + var(--gap)) * 19);
}
tabs.vertical > .tabs:has(.tab:nth-child(21).active), .tabs.vertical:has(.tab:nth-child(21).active) {
  --tab: calc((var(--height) + var(--gap)) * 20);
}
tabs.vertical > .tabs:has(.tab:nth-child(22).active), .tabs.vertical:has(.tab:nth-child(22).active) {
  --tab: calc((var(--height) + var(--gap)) * 21);
}
tabs.vertical > .tabs:has(.tab:nth-child(23).active), .tabs.vertical:has(.tab:nth-child(23).active) {
  --tab: calc((var(--height) + var(--gap)) * 22);
}
tabs.vertical > .tabs:has(.tab:nth-child(24).active), .tabs.vertical:has(.tab:nth-child(24).active) {
  --tab: calc((var(--height) + var(--gap)) * 23);
}
tabs.vertical > .tabs:has(.tab:nth-child(25).active), .tabs.vertical:has(.tab:nth-child(25).active) {
  --tab: calc((var(--height) + var(--gap)) * 24);
}
tabs.vertical > .tabs:has(.tab:nth-child(26).active), .tabs.vertical:has(.tab:nth-child(26).active) {
  --tab: calc((var(--height) + var(--gap)) * 25);
}
tabs.vertical > .tabs:has(.tab:nth-child(27).active), .tabs.vertical:has(.tab:nth-child(27).active) {
  --tab: calc((var(--height) + var(--gap)) * 26);
}
tabs.vertical > .tabs:has(.tab:nth-child(28).active), .tabs.vertical:has(.tab:nth-child(28).active) {
  --tab: calc((var(--height) + var(--gap)) * 27);
}
tabs.vertical > .tabs:has(.tab:nth-child(29).active), .tabs.vertical:has(.tab:nth-child(29).active) {
  --tab: calc((var(--height) + var(--gap)) * 28);
}
tabs.vertical > .tabs:has(.tab:nth-child(30).active), .tabs.vertical:has(.tab:nth-child(30).active) {
  --tab: calc((var(--height) + var(--gap)) * 29);
}
tabs.vertical > .tabs:has(.tab:nth-child(31).active), .tabs.vertical:has(.tab:nth-child(31).active) {
  --tab: calc((var(--height) + var(--gap)) * 30);
}
tabs.vertical > .tabs:has(.tab:nth-child(32).active), .tabs.vertical:has(.tab:nth-child(32).active) {
  --tab: calc((var(--height) + var(--gap)) * 31);
}
tabs.vertical > .tabs:has(.tab:nth-child(33).active), .tabs.vertical:has(.tab:nth-child(33).active) {
  --tab: calc((var(--height) + var(--gap)) * 32);
}
tabs.vertical > .tabs:has(.tab:nth-child(34).active), .tabs.vertical:has(.tab:nth-child(34).active) {
  --tab: calc((var(--height) + var(--gap)) * 33);
}
tabs.vertical > .tabs:has(.tab:nth-child(35).active), .tabs.vertical:has(.tab:nth-child(35).active) {
  --tab: calc((var(--height) + var(--gap)) * 34);
}
tabs.vertical > .tabs:has(.tab:nth-child(36).active), .tabs.vertical:has(.tab:nth-child(36).active) {
  --tab: calc((var(--height) + var(--gap)) * 35);
}
tabs.vertical > .tabs:has(.tab:nth-child(37).active), .tabs.vertical:has(.tab:nth-child(37).active) {
  --tab: calc((var(--height) + var(--gap)) * 36);
}
tabs.vertical > .tabs:has(.tab:nth-child(38).active), .tabs.vertical:has(.tab:nth-child(38).active) {
  --tab: calc((var(--height) + var(--gap)) * 37);
}
tabs.vertical > .tabs:has(.tab:nth-child(39).active), .tabs.vertical:has(.tab:nth-child(39).active) {
  --tab: calc((var(--height) + var(--gap)) * 38);
}
tabs.vertical > .tabs:has(.tab:nth-child(40).active), .tabs.vertical:has(.tab:nth-child(40).active) {
  --tab: calc((var(--height) + var(--gap)) * 39);
}
tabs.vertical > .tabs:has(.tab:nth-child(41).active), .tabs.vertical:has(.tab:nth-child(41).active) {
  --tab: calc((var(--height) + var(--gap)) * 40);
}
tabs.vertical > .tabs:has(.tab:nth-child(42).active), .tabs.vertical:has(.tab:nth-child(42).active) {
  --tab: calc((var(--height) + var(--gap)) * 41);
}
tabs.vertical > .tabs:has(.tab:nth-child(43).active), .tabs.vertical:has(.tab:nth-child(43).active) {
  --tab: calc((var(--height) + var(--gap)) * 42);
}
tabs.vertical > .tabs:has(.tab:nth-child(44).active), .tabs.vertical:has(.tab:nth-child(44).active) {
  --tab: calc((var(--height) + var(--gap)) * 43);
}
tabs.vertical > .tabs:has(.tab:nth-child(45).active), .tabs.vertical:has(.tab:nth-child(45).active) {
  --tab: calc((var(--height) + var(--gap)) * 44);
}
tabs.vertical > .tabs:has(.tab:nth-child(46).active), .tabs.vertical:has(.tab:nth-child(46).active) {
  --tab: calc((var(--height) + var(--gap)) * 45);
}
tabs.vertical > .tabs:has(.tab:nth-child(47).active), .tabs.vertical:has(.tab:nth-child(47).active) {
  --tab: calc((var(--height) + var(--gap)) * 46);
}
tabs.vertical > .tabs:has(.tab:nth-child(48).active), .tabs.vertical:has(.tab:nth-child(48).active) {
  --tab: calc((var(--height) + var(--gap)) * 47);
}
tabs.vertical > .tabs:has(.tab:nth-child(49).active), .tabs.vertical:has(.tab:nth-child(49).active) {
  --tab: calc((var(--height) + var(--gap)) * 48);
}
tabs.vertical > .tabs:has(.tab:nth-child(50).active), .tabs.vertical:has(.tab:nth-child(50).active) {
  --tab: calc((var(--height) + var(--gap)) * 49);
}
tabs.vertical > .tabs:has(.tab:nth-child(51).active), .tabs.vertical:has(.tab:nth-child(51).active) {
  --tab: calc((var(--height) + var(--gap)) * 50);
}
tabs.vertical > .tabs:has(.tab:nth-child(52).active), .tabs.vertical:has(.tab:nth-child(52).active) {
  --tab: calc((var(--height) + var(--gap)) * 51);
}
tabs.vertical > .tabs:has(.tab:nth-child(53).active), .tabs.vertical:has(.tab:nth-child(53).active) {
  --tab: calc((var(--height) + var(--gap)) * 52);
}
tabs.vertical > .tabs:has(.tab:nth-child(54).active), .tabs.vertical:has(.tab:nth-child(54).active) {
  --tab: calc((var(--height) + var(--gap)) * 53);
}
tabs.vertical > .tabs:has(.tab:nth-child(55).active), .tabs.vertical:has(.tab:nth-child(55).active) {
  --tab: calc((var(--height) + var(--gap)) * 54);
}
tabs.vertical > .tabs:has(.tab:nth-child(56).active), .tabs.vertical:has(.tab:nth-child(56).active) {
  --tab: calc((var(--height) + var(--gap)) * 55);
}
tabs.vertical > .tabs:has(.tab:nth-child(57).active), .tabs.vertical:has(.tab:nth-child(57).active) {
  --tab: calc((var(--height) + var(--gap)) * 56);
}
tabs.vertical > .tabs:has(.tab:nth-child(58).active), .tabs.vertical:has(.tab:nth-child(58).active) {
  --tab: calc((var(--height) + var(--gap)) * 57);
}
tabs.vertical > .tabs:has(.tab:nth-child(59).active), .tabs.vertical:has(.tab:nth-child(59).active) {
  --tab: calc((var(--height) + var(--gap)) * 58);
}
tabs.vertical > .tabs:has(.tab:nth-child(60).active), .tabs.vertical:has(.tab:nth-child(60).active) {
  --tab: calc((var(--height) + var(--gap)) * 59);
}
tabs.vertical > .tabs:has(.tab:nth-child(61).active), .tabs.vertical:has(.tab:nth-child(61).active) {
  --tab: calc((var(--height) + var(--gap)) * 60);
}
tabs.vertical > .tabs:has(.tab:nth-child(62).active), .tabs.vertical:has(.tab:nth-child(62).active) {
  --tab: calc((var(--height) + var(--gap)) * 61);
}
tabs.vertical > .tabs:has(.tab:nth-child(63).active), .tabs.vertical:has(.tab:nth-child(63).active) {
  --tab: calc((var(--height) + var(--gap)) * 62);
}
tabs.vertical > .tabs:has(.tab:nth-child(64).active), .tabs.vertical:has(.tab:nth-child(64).active) {
  --tab: calc((var(--height) + var(--gap)) * 63);
}
tabs.vertical > .tabs:has(.tab:nth-child(65).active), .tabs.vertical:has(.tab:nth-child(65).active) {
  --tab: calc((var(--height) + var(--gap)) * 64);
}
tabs.vertical > .tabs:has(.tab:nth-child(66).active), .tabs.vertical:has(.tab:nth-child(66).active) {
  --tab: calc((var(--height) + var(--gap)) * 65);
}
tabs.vertical > .tabs:has(.tab:nth-child(67).active), .tabs.vertical:has(.tab:nth-child(67).active) {
  --tab: calc((var(--height) + var(--gap)) * 66);
}
tabs.vertical > .tabs:has(.tab:nth-child(68).active), .tabs.vertical:has(.tab:nth-child(68).active) {
  --tab: calc((var(--height) + var(--gap)) * 67);
}
tabs.vertical > .tabs:has(.tab:nth-child(69).active), .tabs.vertical:has(.tab:nth-child(69).active) {
  --tab: calc((var(--height) + var(--gap)) * 68);
}
tabs.vertical > .tabs:has(.tab:nth-child(70).active), .tabs.vertical:has(.tab:nth-child(70).active) {
  --tab: calc((var(--height) + var(--gap)) * 69);
}
tabs.vertical > .tabs:has(.tab:nth-child(71).active), .tabs.vertical:has(.tab:nth-child(71).active) {
  --tab: calc((var(--height) + var(--gap)) * 70);
}
tabs.vertical > .tabs:has(.tab:nth-child(72).active), .tabs.vertical:has(.tab:nth-child(72).active) {
  --tab: calc((var(--height) + var(--gap)) * 71);
}
tabs.vertical > .tabs:has(.tab:nth-child(73).active), .tabs.vertical:has(.tab:nth-child(73).active) {
  --tab: calc((var(--height) + var(--gap)) * 72);
}
tabs.vertical > .tabs:has(.tab:nth-child(74).active), .tabs.vertical:has(.tab:nth-child(74).active) {
  --tab: calc((var(--height) + var(--gap)) * 73);
}
tabs.vertical > .tabs:has(.tab:nth-child(75).active), .tabs.vertical:has(.tab:nth-child(75).active) {
  --tab: calc((var(--height) + var(--gap)) * 74);
}
tabs.vertical > .tabs:has(.tab:nth-child(76).active), .tabs.vertical:has(.tab:nth-child(76).active) {
  --tab: calc((var(--height) + var(--gap)) * 75);
}
tabs.vertical > .tabs:has(.tab:nth-child(77).active), .tabs.vertical:has(.tab:nth-child(77).active) {
  --tab: calc((var(--height) + var(--gap)) * 76);
}
tabs.vertical > .tabs:has(.tab:nth-child(78).active), .tabs.vertical:has(.tab:nth-child(78).active) {
  --tab: calc((var(--height) + var(--gap)) * 77);
}
tabs.vertical > .tabs:has(.tab:nth-child(79).active), .tabs.vertical:has(.tab:nth-child(79).active) {
  --tab: calc((var(--height) + var(--gap)) * 78);
}
tabs.vertical > .tabs:has(.tab:nth-child(80).active), .tabs.vertical:has(.tab:nth-child(80).active) {
  --tab: calc((var(--height) + var(--gap)) * 79);
}
tabs.vertical > .tabs:has(.tab:nth-child(81).active), .tabs.vertical:has(.tab:nth-child(81).active) {
  --tab: calc((var(--height) + var(--gap)) * 80);
}
tabs.vertical > .tabs:has(.tab:nth-child(82).active), .tabs.vertical:has(.tab:nth-child(82).active) {
  --tab: calc((var(--height) + var(--gap)) * 81);
}
tabs.vertical > .tabs:has(.tab:nth-child(83).active), .tabs.vertical:has(.tab:nth-child(83).active) {
  --tab: calc((var(--height) + var(--gap)) * 82);
}
tabs.vertical > .tabs:has(.tab:nth-child(84).active), .tabs.vertical:has(.tab:nth-child(84).active) {
  --tab: calc((var(--height) + var(--gap)) * 83);
}
tabs.vertical > .tabs:has(.tab:nth-child(85).active), .tabs.vertical:has(.tab:nth-child(85).active) {
  --tab: calc((var(--height) + var(--gap)) * 84);
}
tabs.vertical > .tabs:has(.tab:nth-child(86).active), .tabs.vertical:has(.tab:nth-child(86).active) {
  --tab: calc((var(--height) + var(--gap)) * 85);
}
tabs.vertical > .tabs:has(.tab:nth-child(87).active), .tabs.vertical:has(.tab:nth-child(87).active) {
  --tab: calc((var(--height) + var(--gap)) * 86);
}
tabs.vertical > .tabs:has(.tab:nth-child(88).active), .tabs.vertical:has(.tab:nth-child(88).active) {
  --tab: calc((var(--height) + var(--gap)) * 87);
}
tabs.vertical > .tabs:has(.tab:nth-child(89).active), .tabs.vertical:has(.tab:nth-child(89).active) {
  --tab: calc((var(--height) + var(--gap)) * 88);
}
tabs.vertical > .tabs:has(.tab:nth-child(90).active), .tabs.vertical:has(.tab:nth-child(90).active) {
  --tab: calc((var(--height) + var(--gap)) * 89);
}
tabs.vertical > .tabs:has(.tab:nth-child(91).active), .tabs.vertical:has(.tab:nth-child(91).active) {
  --tab: calc((var(--height) + var(--gap)) * 90);
}
tabs.vertical > .tabs:has(.tab:nth-child(92).active), .tabs.vertical:has(.tab:nth-child(92).active) {
  --tab: calc((var(--height) + var(--gap)) * 91);
}
tabs.vertical > .tabs:has(.tab:nth-child(93).active), .tabs.vertical:has(.tab:nth-child(93).active) {
  --tab: calc((var(--height) + var(--gap)) * 92);
}
tabs.vertical > .tabs:has(.tab:nth-child(94).active), .tabs.vertical:has(.tab:nth-child(94).active) {
  --tab: calc((var(--height) + var(--gap)) * 93);
}
tabs.vertical > .tabs:has(.tab:nth-child(95).active), .tabs.vertical:has(.tab:nth-child(95).active) {
  --tab: calc((var(--height) + var(--gap)) * 94);
}
tabs.vertical > .tabs:has(.tab:nth-child(96).active), .tabs.vertical:has(.tab:nth-child(96).active) {
  --tab: calc((var(--height) + var(--gap)) * 95);
}
tabs.vertical > .tabs:has(.tab:nth-child(97).active), .tabs.vertical:has(.tab:nth-child(97).active) {
  --tab: calc((var(--height) + var(--gap)) * 96);
}
tabs.vertical > .tabs:has(.tab:nth-child(98).active), .tabs.vertical:has(.tab:nth-child(98).active) {
  --tab: calc((var(--height) + var(--gap)) * 97);
}
tabs.vertical > .tabs:has(.tab:nth-child(99).active), .tabs.vertical:has(.tab:nth-child(99).active) {
  --tab: calc((var(--height) + var(--gap)) * 98);
}
tabs.vertical > .tabs:has(.tab:nth-child(100).active), .tabs.vertical:has(.tab:nth-child(100).active) {
  --tab: calc((var(--height) + var(--gap)) * 99);
}
tabs.vertical > .tabs tab, tabs.vertical > .tabs .tab, .tabs.vertical tab, .tabs.vertical .tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: var(--height);
  padding: 0 0 0 var(--line-spacing);
}
tabs.vertical > .tabs tab.active, tabs.vertical > .tabs .tab.active, .tabs.vertical tab.active, .tabs.vertical .tab.active {
  border-color: #3b71de;
  color: #3b71de;
  --ds-icon-color: #3b71de;
}
tabs.vertical > .tabs .tab-content, .tabs.vertical .tab-content {
  flex: 1;
}
tabs.vertical > .tabs .tab-content h2, .tabs.vertical .tab-content h2 {
  margin-top: 0;
}

tabs.vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  align-items: start;
}

tag-select {
  display: block;
}
tag-select.stretch {
  width: 100%;
}
tag-select .dropdown-wrap {
  display: block;
}
tag-select .tag-select-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  cursor: text;
  width: 100%;
  border: 1px solid #a7aeb2;
  border-radius: 4px;
  padding: 8px;
}
tag-select .tag-select-input input.invisible {
  display: block;
  flex-grow: 1;
  width: 40px;
  padding: 8px;
}
tag-select.ng-invalid .tag-select-input {
  border-color: #d83933;
}

.text-input-wrap {
  display: inline-flex;
  position: relative;
}
.text-input-wrap:has(.text-input-icon-left) input {
  padding-left: calc(var(--ds-icon-size) + var(--ds-input-size-ph) * 2);
}
.text-input-wrap:has(.text-input-icon-right) input {
  padding-right: calc(var(--ds-icon-size) + var(--ds-input-size-ph) * 2);
}
.text-input-wrap .text-input-icon-left, .text-input-wrap .text-input-icon-right {
  position: absolute;
  top: 50%;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  transform: translateY(-50%);
}
.text-input-wrap .text-input-icon-left {
  left: var(--ds-input-size-ph);
}
.text-input-wrap .text-input-icon-right {
  right: var(--ds-input-size-ph);
}
.text-input-wrap .text-input-text-right {
  position: absolute;
  top: 50%;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  transform: translateY(-50%);
  right: var(--ds-input-size-ph);
  color: var(--ds-palette-mu);
}
.text-input-wrap:has(.text-input-text-right) input {
  padding-right: calc(var(--ds-input-size-ph) * 2 + var(--ds-text-input-text-right-width, 0px));
}

toggle-buttons {
  display: inline-flex;
  border-radius: 4px;
}
toggle-buttons:focus, toggle-buttons:focus-within {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
toggle-buttons:focus > *, toggle-buttons:focus-within > * {
  --ds-focus-ring-width: 0;
}
toggle-buttons.resource-error {
  position: relative;
}
toggle-buttons.resource-error:after {
  content: "";
  position: absolute;
  border: 1px solid #d83933;
  border-radius: 4px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
toggle-buttons.stretch {
  display: flex;
  width: 100%;
}
toggle-buttons.stretch button {
  flex: 1;
}
toggle-buttons button {
  border-radius: 0;
  position: relative;
  min-width: 48px;
}
toggle-buttons button.outline:focus {
  box-shadow: inset 0 0 0 1px #c6cace;
}
toggle-buttons button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
toggle-buttons button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
toggle-buttons button:last-child.selected:after {
  display: none;
}
toggle-buttons button + button {
  margin-left: -1px;
}
toggle-buttons button.secondary.selected {
  box-shadow: inset 0 0 0 1px #c6cace;
}
toggle-buttons button.secondary.outline:focus {
  box-shadow: inset 0 0 0 1px #c6cace;
}
toggle-buttons button.selected:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #3b71de;
  z-index: 2;
}
toggle-buttons button.secondary.selected:after {
  background: #c6cace;
}
toggle-buttons button.caution.selected:after {
  background: #B50908;
}
toggle-buttons button.success.selected:after {
  background: #117B1B;
}
toggle-buttons button.info.selected:after {
  background: #ffb529;
}
toggle-buttons button:focus {
  z-index: 2;
}

.tooltip {
  position: absolute;
  top: -999px;
  left: -999px;
  transition: opacity 0.3s, margin-top 0.3s, margin-left 0.3s, margin-right 0.3s;
  opacity: 0;
  pointer-events: none;
  font-weight: normal;
  z-index: 999;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.tooltip.show {
  opacity: 1;
}
.tooltip-wrap {
  position: relative;
  z-index: 2;
  background: #FFF;
  border: 1px solid #c6cace;
  max-width: 400px;
  text-align: center;
  border-radius: 5px;
}
.tooltip-wrap > span {
  display: block;
  padding: 8px;
}
.tooltip-title {
  font-weight: 500;
  background: #edeff0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #c6cace;
}
.tooltip-content {
  padding: 8px;
}
.tooltip:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  z-index: 2;
  background: #ffffff;
  border: 1px solid #c6cace;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 1px 1px 10px rgba(0, 0, 0, 0.07), -1px -1px 10px rgba(0, 0, 0, 0.07);
}
.tooltip:after {
  content: "";
  position: absolute;
  z-index: 3;
  background: #ffffff;
}
.tooltip.top {
  margin-top: -15px;
}
.tooltip.top.show {
  margin-top: -5px;
}
.tooltip.top:before {
  top: 100%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.tooltip.top:after {
  top: 100%;
  left: 50%;
  width: 18px;
  height: 1px;
  margin-left: -9px;
  margin-top: -1px;
}
.tooltip.bottom {
  margin-top: 15px;
}
.tooltip.bottom.show {
  margin-top: 5px;
}
.tooltip.bottom:before {
  top: 0%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.tooltip.bottom:after {
  top: 0%;
  left: 50%;
  width: 18px;
  height: 1px;
  margin-left: -9px;
  margin-top: 0px;
}
.tooltip.left {
  margin-left: -15px;
}
.tooltip.left.show {
  margin-left: -5px;
}
.tooltip.left:before {
  top: 50%;
  left: 100%;
  margin-left: -7px;
  margin-top: -7px;
}
.tooltip.left:after {
  top: 50%;
  left: 100%;
  width: 1px;
  height: 18px;
  margin-left: -1px;
  margin-top: -9px;
}
.tooltip.right {
  margin-left: 15px;
}
.tooltip.right.show {
  margin-left: 5px;
}
.tooltip.right:before {
  top: 50%;
  left: 0%;
  margin-left: -7px;
  margin-top: -7px;
}
.tooltip.right:after {
  top: 50%;
  left: 0%;
  width: 1px;
  height: 18px;
  margin-left: 0;
  margin-top: -9px;
}

.tri-bar {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr minmax(0, max-content) 1fr;
  grid-template-areas: "left center right";
  gap: var(--ds-tri-bar-gap);
}
.tri-bar-left, .tri-bar-center, .tri-bar-right {
  display: flex;
  flex-direction: row;
}
.tri-bar-left {
  grid-area: left;
  justify-content: flex-start;
}
.tri-bar-center {
  grid-area: center;
}
.tri-bar-right {
  grid-area: right;
  justify-content: flex-end;
}
.tri-bar:has(.tri-bar-center:not(:empty)):not(:has(.tri-bar-left:not(:empty), .tri-bar-right:not(:empty))) {
  grid-template-areas: "center";
  grid-template-columns: minmax(0, max-content);
  justify-content: center;
  gap: 0;
}
.tri-bar:has(.tri-bar-center:not(:empty)):not(:has(.tri-bar-left:not(:empty), .tri-bar-right:not(:empty))) .tri-bar-left, .tri-bar:has(.tri-bar-center:not(:empty)):not(:has(.tri-bar-left:not(:empty), .tri-bar-right:not(:empty))) .tri-bar-right {
  display: none;
}
.tri-bar:has(.tri-bar-center:empty), .tri-bar:not(:has(.tri-bar-center)) {
  grid-template-areas: "left right";
  grid-template-columns: auto auto;
}
.tri-bar:has(.tri-bar-center:empty) .tri-bar-center, .tri-bar:not(:has(.tri-bar-center)) .tri-bar-center {
  display: none;
}
.tri-bar:has(.tri-bar-center:empty):has(.tri-bar-right:empty), .tri-bar:not(:has(.tri-bar-center, .tri-bar-right)), .tri-bar:not(:has(.tri-bar-center)):has(.tri-bar-right:empty), .tri-bar:has(.tri-bar-center:empty):not(:has(.tri-bar-right)) {
  grid-template-areas: "left";
  grid-template-columns: 1fr;
  gap: 0;
}
.tri-bar:has(.tri-bar-center:empty):has(.tri-bar-right:empty) .tri-bar-center, .tri-bar:has(.tri-bar-center:empty):has(.tri-bar-right:empty) .tri-bar-right, .tri-bar:not(:has(.tri-bar-center, .tri-bar-right)) .tri-bar-center, .tri-bar:not(:has(.tri-bar-center, .tri-bar-right)) .tri-bar-right, .tri-bar:not(:has(.tri-bar-center)):has(.tri-bar-right:empty) .tri-bar-center, .tri-bar:not(:has(.tri-bar-center)):has(.tri-bar-right:empty) .tri-bar-right, .tri-bar:has(.tri-bar-center:empty):not(:has(.tri-bar-right)) .tri-bar-center, .tri-bar:has(.tri-bar-center:empty):not(:has(.tri-bar-right)) .tri-bar-right {
  display: none;
}
.tri-bar.gap-large {
  --ds-tri-bar-gap: 24px;
}
.tri-bar.gap-medium {
  --ds-tri-bar-gap: 16px;
}
.tri-bar.gap-small {
  --ds-tri-bar-gap: 8px;
}

visibility-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
visibility-input > input[switch] {
  top: 0;
}

.well {
  display: flex;
  flex-direction: column;
  align-items: start;
  color: #2a2c33;
}
.well-content {
  display: inline-flex;
  flex-direction: column;
  background: #edeff0;
  border-radius: 4px;
  padding: 10px 15px;
}
.well.full .well-content {
  display: flex;
  min-width: 100%;
}
.well.bordered .well-content {
  background: transparent;
  border: 1px solid #c6cace;
}
.well.bordered-ac .well-content {
  background: transparent;
  border: 1px solid #a7aeb2;
}
.well.big .well-content {
  padding: 40px;
}
.well.tight .well-content {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.well.bg1 .well-content {
  background: #f6f7f8;
}

.pa0 {
  padding: 0px;
}

.ma0 {
  margin: 0px;
}

.pa1 {
  padding: 4px;
}

.ma1 {
  margin: 4px;
}

.pa2 {
  padding: 8px;
}

.ma2 {
  margin: 8px;
}

.pa3 {
  padding: 12px;
}

.ma3 {
  margin: 12px;
}

.pa4 {
  padding: 16px;
}

.ma4 {
  margin: 16px;
}

.pa5 {
  padding: 20px;
}

.ma5 {
  margin: 20px;
}

.pa6 {
  padding: 24px;
}

.ma6 {
  margin: 24px;
}

.pa7 {
  padding: 28px;
}

.ma7 {
  margin: 28px;
}

.pa8 {
  padding: 32px;
}

.ma8 {
  margin: 32px;
}

.pa9 {
  padding: 36px;
}

.ma9 {
  margin: 36px;
}

.pa10 {
  padding: 40px;
}

.ma10 {
  margin: 40px;
}

.pa11 {
  padding: 44px;
}

.ma11 {
  margin: 44px;
}

.pa12 {
  padding: 48px;
}

.ma12 {
  margin: 48px;
}

.pa13 {
  padding: 52px;
}

.ma13 {
  margin: 52px;
}

.pa14 {
  padding: 56px;
}

.ma14 {
  margin: 56px;
}

.pa15 {
  padding: 60px;
}

.ma15 {
  margin: 60px;
}

.pa16 {
  padding: 64px;
}

.ma16 {
  margin: 64px;
}

.pa17 {
  padding: 68px;
}

.ma17 {
  margin: 68px;
}

.pa18 {
  padding: 72px;
}

.ma18 {
  margin: 72px;
}

.pa19 {
  padding: 76px;
}

.ma19 {
  margin: 76px;
}

.pa20 {
  padding: 80px;
}

.ma20 {
  margin: 80px;
}

.pa21 {
  padding: 84px;
}

.ma21 {
  margin: 84px;
}

.pa22 {
  padding: 88px;
}

.ma22 {
  margin: 88px;
}

.pa23 {
  padding: 92px;
}

.ma23 {
  margin: 92px;
}

.pa24 {
  padding: 96px;
}

.ma24 {
  margin: 96px;
}

.pa25 {
  padding: 100px;
}

.ma25 {
  margin: 100px;
}

.pa26 {
  padding: 104px;
}

.ma26 {
  margin: 104px;
}

.pa27 {
  padding: 108px;
}

.ma27 {
  margin: 108px;
}

.pa28 {
  padding: 112px;
}

.ma28 {
  margin: 112px;
}

.pa29 {
  padding: 116px;
}

.ma29 {
  margin: 116px;
}

.pa30 {
  padding: 120px;
}

.ma30 {
  margin: 120px;
}

.pa31 {
  padding: 124px;
}

.ma31 {
  margin: 124px;
}

.pa32 {
  padding: 128px;
}

.ma32 {
  margin: 128px;
}

.pa33 {
  padding: 132px;
}

.ma33 {
  margin: 132px;
}

.pa34 {
  padding: 136px;
}

.ma34 {
  margin: 136px;
}

.pa35 {
  padding: 140px;
}

.ma35 {
  margin: 140px;
}

.pa36 {
  padding: 144px;
}

.ma36 {
  margin: 144px;
}

.pa37 {
  padding: 148px;
}

.ma37 {
  margin: 148px;
}

.pa38 {
  padding: 152px;
}

.ma38 {
  margin: 152px;
}

.pa39 {
  padding: 156px;
}

.ma39 {
  margin: 156px;
}

.pa40 {
  padding: 160px;
}

.ma40 {
  margin: 160px;
}

.pl0 {
  padding-left: 0px;
}

.ml0 {
  margin-left: 0px;
}

.pl1 {
  padding-left: 4px;
}

.ml1 {
  margin-left: 4px;
}

.pl2 {
  padding-left: 8px;
}

.ml2 {
  margin-left: 8px;
}

.pl3 {
  padding-left: 12px;
}

.ml3 {
  margin-left: 12px;
}

.pl4 {
  padding-left: 16px;
}

.ml4 {
  margin-left: 16px;
}

.pl5 {
  padding-left: 20px;
}

.ml5 {
  margin-left: 20px;
}

.pl6 {
  padding-left: 24px;
}

.ml6 {
  margin-left: 24px;
}

.pl7 {
  padding-left: 28px;
}

.ml7 {
  margin-left: 28px;
}

.pl8 {
  padding-left: 32px;
}

.ml8 {
  margin-left: 32px;
}

.pl9 {
  padding-left: 36px;
}

.ml9 {
  margin-left: 36px;
}

.pl10 {
  padding-left: 40px;
}

.ml10 {
  margin-left: 40px;
}

.pl11 {
  padding-left: 44px;
}

.ml11 {
  margin-left: 44px;
}

.pl12 {
  padding-left: 48px;
}

.ml12 {
  margin-left: 48px;
}

.pl13 {
  padding-left: 52px;
}

.ml13 {
  margin-left: 52px;
}

.pl14 {
  padding-left: 56px;
}

.ml14 {
  margin-left: 56px;
}

.pl15 {
  padding-left: 60px;
}

.ml15 {
  margin-left: 60px;
}

.pl16 {
  padding-left: 64px;
}

.ml16 {
  margin-left: 64px;
}

.pl17 {
  padding-left: 68px;
}

.ml17 {
  margin-left: 68px;
}

.pl18 {
  padding-left: 72px;
}

.ml18 {
  margin-left: 72px;
}

.pl19 {
  padding-left: 76px;
}

.ml19 {
  margin-left: 76px;
}

.pl20 {
  padding-left: 80px;
}

.ml20 {
  margin-left: 80px;
}

.pl21 {
  padding-left: 84px;
}

.ml21 {
  margin-left: 84px;
}

.pl22 {
  padding-left: 88px;
}

.ml22 {
  margin-left: 88px;
}

.pl23 {
  padding-left: 92px;
}

.ml23 {
  margin-left: 92px;
}

.pl24 {
  padding-left: 96px;
}

.ml24 {
  margin-left: 96px;
}

.pl25 {
  padding-left: 100px;
}

.ml25 {
  margin-left: 100px;
}

.pl26 {
  padding-left: 104px;
}

.ml26 {
  margin-left: 104px;
}

.pl27 {
  padding-left: 108px;
}

.ml27 {
  margin-left: 108px;
}

.pl28 {
  padding-left: 112px;
}

.ml28 {
  margin-left: 112px;
}

.pl29 {
  padding-left: 116px;
}

.ml29 {
  margin-left: 116px;
}

.pl30 {
  padding-left: 120px;
}

.ml30 {
  margin-left: 120px;
}

.pl31 {
  padding-left: 124px;
}

.ml31 {
  margin-left: 124px;
}

.pl32 {
  padding-left: 128px;
}

.ml32 {
  margin-left: 128px;
}

.pl33 {
  padding-left: 132px;
}

.ml33 {
  margin-left: 132px;
}

.pl34 {
  padding-left: 136px;
}

.ml34 {
  margin-left: 136px;
}

.pl35 {
  padding-left: 140px;
}

.ml35 {
  margin-left: 140px;
}

.pl36 {
  padding-left: 144px;
}

.ml36 {
  margin-left: 144px;
}

.pl37 {
  padding-left: 148px;
}

.ml37 {
  margin-left: 148px;
}

.pl38 {
  padding-left: 152px;
}

.ml38 {
  margin-left: 152px;
}

.pl39 {
  padding-left: 156px;
}

.ml39 {
  margin-left: 156px;
}

.pl40 {
  padding-left: 160px;
}

.ml40 {
  margin-left: 160px;
}

.pr0 {
  padding-right: 0px;
}

.mr0 {
  margin-right: 0px;
}

.pr1 {
  padding-right: 4px;
}

.mr1 {
  margin-right: 4px;
}

.pr2 {
  padding-right: 8px;
}

.mr2 {
  margin-right: 8px;
}

.pr3 {
  padding-right: 12px;
}

.mr3 {
  margin-right: 12px;
}

.pr4 {
  padding-right: 16px;
}

.mr4 {
  margin-right: 16px;
}

.pr5 {
  padding-right: 20px;
}

.mr5 {
  margin-right: 20px;
}

.pr6 {
  padding-right: 24px;
}

.mr6 {
  margin-right: 24px;
}

.pr7 {
  padding-right: 28px;
}

.mr7 {
  margin-right: 28px;
}

.pr8 {
  padding-right: 32px;
}

.mr8 {
  margin-right: 32px;
}

.pr9 {
  padding-right: 36px;
}

.mr9 {
  margin-right: 36px;
}

.pr10 {
  padding-right: 40px;
}

.mr10 {
  margin-right: 40px;
}

.pr11 {
  padding-right: 44px;
}

.mr11 {
  margin-right: 44px;
}

.pr12 {
  padding-right: 48px;
}

.mr12 {
  margin-right: 48px;
}

.pr13 {
  padding-right: 52px;
}

.mr13 {
  margin-right: 52px;
}

.pr14 {
  padding-right: 56px;
}

.mr14 {
  margin-right: 56px;
}

.pr15 {
  padding-right: 60px;
}

.mr15 {
  margin-right: 60px;
}

.pr16 {
  padding-right: 64px;
}

.mr16 {
  margin-right: 64px;
}

.pr17 {
  padding-right: 68px;
}

.mr17 {
  margin-right: 68px;
}

.pr18 {
  padding-right: 72px;
}

.mr18 {
  margin-right: 72px;
}

.pr19 {
  padding-right: 76px;
}

.mr19 {
  margin-right: 76px;
}

.pr20 {
  padding-right: 80px;
}

.mr20 {
  margin-right: 80px;
}

.pr21 {
  padding-right: 84px;
}

.mr21 {
  margin-right: 84px;
}

.pr22 {
  padding-right: 88px;
}

.mr22 {
  margin-right: 88px;
}

.pr23 {
  padding-right: 92px;
}

.mr23 {
  margin-right: 92px;
}

.pr24 {
  padding-right: 96px;
}

.mr24 {
  margin-right: 96px;
}

.pr25 {
  padding-right: 100px;
}

.mr25 {
  margin-right: 100px;
}

.pr26 {
  padding-right: 104px;
}

.mr26 {
  margin-right: 104px;
}

.pr27 {
  padding-right: 108px;
}

.mr27 {
  margin-right: 108px;
}

.pr28 {
  padding-right: 112px;
}

.mr28 {
  margin-right: 112px;
}

.pr29 {
  padding-right: 116px;
}

.mr29 {
  margin-right: 116px;
}

.pr30 {
  padding-right: 120px;
}

.mr30 {
  margin-right: 120px;
}

.pr31 {
  padding-right: 124px;
}

.mr31 {
  margin-right: 124px;
}

.pr32 {
  padding-right: 128px;
}

.mr32 {
  margin-right: 128px;
}

.pr33 {
  padding-right: 132px;
}

.mr33 {
  margin-right: 132px;
}

.pr34 {
  padding-right: 136px;
}

.mr34 {
  margin-right: 136px;
}

.pr35 {
  padding-right: 140px;
}

.mr35 {
  margin-right: 140px;
}

.pr36 {
  padding-right: 144px;
}

.mr36 {
  margin-right: 144px;
}

.pr37 {
  padding-right: 148px;
}

.mr37 {
  margin-right: 148px;
}

.pr38 {
  padding-right: 152px;
}

.mr38 {
  margin-right: 152px;
}

.pr39 {
  padding-right: 156px;
}

.mr39 {
  margin-right: 156px;
}

.pr40 {
  padding-right: 160px;
}

.mr40 {
  margin-right: 160px;
}

.pt0 {
  padding-top: 0px;
}

.mt0 {
  margin-top: 0px;
}

.pt1 {
  padding-top: 4px;
}

.mt1 {
  margin-top: 4px;
}

.pt2 {
  padding-top: 8px;
}

.mt2 {
  margin-top: 8px;
}

.pt3 {
  padding-top: 12px;
}

.mt3 {
  margin-top: 12px;
}

.pt4 {
  padding-top: 16px;
}

.mt4 {
  margin-top: 16px;
}

.pt5 {
  padding-top: 20px;
}

.mt5 {
  margin-top: 20px;
}

.pt6 {
  padding-top: 24px;
}

.mt6 {
  margin-top: 24px;
}

.pt7 {
  padding-top: 28px;
}

.mt7 {
  margin-top: 28px;
}

.pt8 {
  padding-top: 32px;
}

.mt8 {
  margin-top: 32px;
}

.pt9 {
  padding-top: 36px;
}

.mt9 {
  margin-top: 36px;
}

.pt10 {
  padding-top: 40px;
}

.mt10 {
  margin-top: 40px;
}

.pt11 {
  padding-top: 44px;
}

.mt11 {
  margin-top: 44px;
}

.pt12 {
  padding-top: 48px;
}

.mt12 {
  margin-top: 48px;
}

.pt13 {
  padding-top: 52px;
}

.mt13 {
  margin-top: 52px;
}

.pt14 {
  padding-top: 56px;
}

.mt14 {
  margin-top: 56px;
}

.pt15 {
  padding-top: 60px;
}

.mt15 {
  margin-top: 60px;
}

.pt16 {
  padding-top: 64px;
}

.mt16 {
  margin-top: 64px;
}

.pt17 {
  padding-top: 68px;
}

.mt17 {
  margin-top: 68px;
}

.pt18 {
  padding-top: 72px;
}

.mt18 {
  margin-top: 72px;
}

.pt19 {
  padding-top: 76px;
}

.mt19 {
  margin-top: 76px;
}

.pt20 {
  padding-top: 80px;
}

.mt20 {
  margin-top: 80px;
}

.pt21 {
  padding-top: 84px;
}

.mt21 {
  margin-top: 84px;
}

.pt22 {
  padding-top: 88px;
}

.mt22 {
  margin-top: 88px;
}

.pt23 {
  padding-top: 92px;
}

.mt23 {
  margin-top: 92px;
}

.pt24 {
  padding-top: 96px;
}

.mt24 {
  margin-top: 96px;
}

.pt25 {
  padding-top: 100px;
}

.mt25 {
  margin-top: 100px;
}

.pt26 {
  padding-top: 104px;
}

.mt26 {
  margin-top: 104px;
}

.pt27 {
  padding-top: 108px;
}

.mt27 {
  margin-top: 108px;
}

.pt28 {
  padding-top: 112px;
}

.mt28 {
  margin-top: 112px;
}

.pt29 {
  padding-top: 116px;
}

.mt29 {
  margin-top: 116px;
}

.pt30 {
  padding-top: 120px;
}

.mt30 {
  margin-top: 120px;
}

.pt31 {
  padding-top: 124px;
}

.mt31 {
  margin-top: 124px;
}

.pt32 {
  padding-top: 128px;
}

.mt32 {
  margin-top: 128px;
}

.pt33 {
  padding-top: 132px;
}

.mt33 {
  margin-top: 132px;
}

.pt34 {
  padding-top: 136px;
}

.mt34 {
  margin-top: 136px;
}

.pt35 {
  padding-top: 140px;
}

.mt35 {
  margin-top: 140px;
}

.pt36 {
  padding-top: 144px;
}

.mt36 {
  margin-top: 144px;
}

.pt37 {
  padding-top: 148px;
}

.mt37 {
  margin-top: 148px;
}

.pt38 {
  padding-top: 152px;
}

.mt38 {
  margin-top: 152px;
}

.pt39 {
  padding-top: 156px;
}

.mt39 {
  margin-top: 156px;
}

.pt40 {
  padding-top: 160px;
}

.mt40 {
  margin-top: 160px;
}

.pb0 {
  padding-bottom: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.pb1 {
  padding-bottom: 4px;
}

.mb1 {
  margin-bottom: 4px;
}

.pb2 {
  padding-bottom: 8px;
}

.mb2 {
  margin-bottom: 8px;
}

.pb3 {
  padding-bottom: 12px;
}

.mb3 {
  margin-bottom: 12px;
}

.pb4 {
  padding-bottom: 16px;
}

.mb4 {
  margin-bottom: 16px;
}

.pb5 {
  padding-bottom: 20px;
}

.mb5 {
  margin-bottom: 20px;
}

.pb6 {
  padding-bottom: 24px;
}

.mb6 {
  margin-bottom: 24px;
}

.pb7 {
  padding-bottom: 28px;
}

.mb7 {
  margin-bottom: 28px;
}

.pb8 {
  padding-bottom: 32px;
}

.mb8 {
  margin-bottom: 32px;
}

.pb9 {
  padding-bottom: 36px;
}

.mb9 {
  margin-bottom: 36px;
}

.pb10 {
  padding-bottom: 40px;
}

.mb10 {
  margin-bottom: 40px;
}

.pb11 {
  padding-bottom: 44px;
}

.mb11 {
  margin-bottom: 44px;
}

.pb12 {
  padding-bottom: 48px;
}

.mb12 {
  margin-bottom: 48px;
}

.pb13 {
  padding-bottom: 52px;
}

.mb13 {
  margin-bottom: 52px;
}

.pb14 {
  padding-bottom: 56px;
}

.mb14 {
  margin-bottom: 56px;
}

.pb15 {
  padding-bottom: 60px;
}

.mb15 {
  margin-bottom: 60px;
}

.pb16 {
  padding-bottom: 64px;
}

.mb16 {
  margin-bottom: 64px;
}

.pb17 {
  padding-bottom: 68px;
}

.mb17 {
  margin-bottom: 68px;
}

.pb18 {
  padding-bottom: 72px;
}

.mb18 {
  margin-bottom: 72px;
}

.pb19 {
  padding-bottom: 76px;
}

.mb19 {
  margin-bottom: 76px;
}

.pb20 {
  padding-bottom: 80px;
}

.mb20 {
  margin-bottom: 80px;
}

.pb21 {
  padding-bottom: 84px;
}

.mb21 {
  margin-bottom: 84px;
}

.pb22 {
  padding-bottom: 88px;
}

.mb22 {
  margin-bottom: 88px;
}

.pb23 {
  padding-bottom: 92px;
}

.mb23 {
  margin-bottom: 92px;
}

.pb24 {
  padding-bottom: 96px;
}

.mb24 {
  margin-bottom: 96px;
}

.pb25 {
  padding-bottom: 100px;
}

.mb25 {
  margin-bottom: 100px;
}

.pb26 {
  padding-bottom: 104px;
}

.mb26 {
  margin-bottom: 104px;
}

.pb27 {
  padding-bottom: 108px;
}

.mb27 {
  margin-bottom: 108px;
}

.pb28 {
  padding-bottom: 112px;
}

.mb28 {
  margin-bottom: 112px;
}

.pb29 {
  padding-bottom: 116px;
}

.mb29 {
  margin-bottom: 116px;
}

.pb30 {
  padding-bottom: 120px;
}

.mb30 {
  margin-bottom: 120px;
}

.pb31 {
  padding-bottom: 124px;
}

.mb31 {
  margin-bottom: 124px;
}

.pb32 {
  padding-bottom: 128px;
}

.mb32 {
  margin-bottom: 128px;
}

.pb33 {
  padding-bottom: 132px;
}

.mb33 {
  margin-bottom: 132px;
}

.pb34 {
  padding-bottom: 136px;
}

.mb34 {
  margin-bottom: 136px;
}

.pb35 {
  padding-bottom: 140px;
}

.mb35 {
  margin-bottom: 140px;
}

.pb36 {
  padding-bottom: 144px;
}

.mb36 {
  margin-bottom: 144px;
}

.pb37 {
  padding-bottom: 148px;
}

.mb37 {
  margin-bottom: 148px;
}

.pb38 {
  padding-bottom: 152px;
}

.mb38 {
  margin-bottom: 152px;
}

.pb39 {
  padding-bottom: 156px;
}

.mb39 {
  margin-bottom: 156px;
}

.pb40 {
  padding-bottom: 160px;
}

.mb40 {
  margin-bottom: 160px;
}

.ph0 {
  padding-left: 0px;
  padding-right: 0px;
}

.mh0 {
  margin-left: 0px;
  margin-right: 0px;
}

.ph1 {
  padding-left: 4px;
  padding-right: 4px;
}

.mh1 {
  margin-left: 4px;
  margin-right: 4px;
}

.ph2 {
  padding-left: 8px;
  padding-right: 8px;
}

.mh2 {
  margin-left: 8px;
  margin-right: 8px;
}

.ph3 {
  padding-left: 12px;
  padding-right: 12px;
}

.mh3 {
  margin-left: 12px;
  margin-right: 12px;
}

.ph4 {
  padding-left: 16px;
  padding-right: 16px;
}

.mh4 {
  margin-left: 16px;
  margin-right: 16px;
}

.ph5 {
  padding-left: 20px;
  padding-right: 20px;
}

.mh5 {
  margin-left: 20px;
  margin-right: 20px;
}

.ph6 {
  padding-left: 24px;
  padding-right: 24px;
}

.mh6 {
  margin-left: 24px;
  margin-right: 24px;
}

.ph7 {
  padding-left: 28px;
  padding-right: 28px;
}

.mh7 {
  margin-left: 28px;
  margin-right: 28px;
}

.ph8 {
  padding-left: 32px;
  padding-right: 32px;
}

.mh8 {
  margin-left: 32px;
  margin-right: 32px;
}

.ph9 {
  padding-left: 36px;
  padding-right: 36px;
}

.mh9 {
  margin-left: 36px;
  margin-right: 36px;
}

.ph10 {
  padding-left: 40px;
  padding-right: 40px;
}

.mh10 {
  margin-left: 40px;
  margin-right: 40px;
}

.ph11 {
  padding-left: 44px;
  padding-right: 44px;
}

.mh11 {
  margin-left: 44px;
  margin-right: 44px;
}

.ph12 {
  padding-left: 48px;
  padding-right: 48px;
}

.mh12 {
  margin-left: 48px;
  margin-right: 48px;
}

.ph13 {
  padding-left: 52px;
  padding-right: 52px;
}

.mh13 {
  margin-left: 52px;
  margin-right: 52px;
}

.ph14 {
  padding-left: 56px;
  padding-right: 56px;
}

.mh14 {
  margin-left: 56px;
  margin-right: 56px;
}

.ph15 {
  padding-left: 60px;
  padding-right: 60px;
}

.mh15 {
  margin-left: 60px;
  margin-right: 60px;
}

.ph16 {
  padding-left: 64px;
  padding-right: 64px;
}

.mh16 {
  margin-left: 64px;
  margin-right: 64px;
}

.ph17 {
  padding-left: 68px;
  padding-right: 68px;
}

.mh17 {
  margin-left: 68px;
  margin-right: 68px;
}

.ph18 {
  padding-left: 72px;
  padding-right: 72px;
}

.mh18 {
  margin-left: 72px;
  margin-right: 72px;
}

.ph19 {
  padding-left: 76px;
  padding-right: 76px;
}

.mh19 {
  margin-left: 76px;
  margin-right: 76px;
}

.ph20 {
  padding-left: 80px;
  padding-right: 80px;
}

.mh20 {
  margin-left: 80px;
  margin-right: 80px;
}

.ph21 {
  padding-left: 84px;
  padding-right: 84px;
}

.mh21 {
  margin-left: 84px;
  margin-right: 84px;
}

.ph22 {
  padding-left: 88px;
  padding-right: 88px;
}

.mh22 {
  margin-left: 88px;
  margin-right: 88px;
}

.ph23 {
  padding-left: 92px;
  padding-right: 92px;
}

.mh23 {
  margin-left: 92px;
  margin-right: 92px;
}

.ph24 {
  padding-left: 96px;
  padding-right: 96px;
}

.mh24 {
  margin-left: 96px;
  margin-right: 96px;
}

.ph25 {
  padding-left: 100px;
  padding-right: 100px;
}

.mh25 {
  margin-left: 100px;
  margin-right: 100px;
}

.ph26 {
  padding-left: 104px;
  padding-right: 104px;
}

.mh26 {
  margin-left: 104px;
  margin-right: 104px;
}

.ph27 {
  padding-left: 108px;
  padding-right: 108px;
}

.mh27 {
  margin-left: 108px;
  margin-right: 108px;
}

.ph28 {
  padding-left: 112px;
  padding-right: 112px;
}

.mh28 {
  margin-left: 112px;
  margin-right: 112px;
}

.ph29 {
  padding-left: 116px;
  padding-right: 116px;
}

.mh29 {
  margin-left: 116px;
  margin-right: 116px;
}

.ph30 {
  padding-left: 120px;
  padding-right: 120px;
}

.mh30 {
  margin-left: 120px;
  margin-right: 120px;
}

.ph31 {
  padding-left: 124px;
  padding-right: 124px;
}

.mh31 {
  margin-left: 124px;
  margin-right: 124px;
}

.ph32 {
  padding-left: 128px;
  padding-right: 128px;
}

.mh32 {
  margin-left: 128px;
  margin-right: 128px;
}

.ph33 {
  padding-left: 132px;
  padding-right: 132px;
}

.mh33 {
  margin-left: 132px;
  margin-right: 132px;
}

.ph34 {
  padding-left: 136px;
  padding-right: 136px;
}

.mh34 {
  margin-left: 136px;
  margin-right: 136px;
}

.ph35 {
  padding-left: 140px;
  padding-right: 140px;
}

.mh35 {
  margin-left: 140px;
  margin-right: 140px;
}

.ph36 {
  padding-left: 144px;
  padding-right: 144px;
}

.mh36 {
  margin-left: 144px;
  margin-right: 144px;
}

.ph37 {
  padding-left: 148px;
  padding-right: 148px;
}

.mh37 {
  margin-left: 148px;
  margin-right: 148px;
}

.ph38 {
  padding-left: 152px;
  padding-right: 152px;
}

.mh38 {
  margin-left: 152px;
  margin-right: 152px;
}

.ph39 {
  padding-left: 156px;
  padding-right: 156px;
}

.mh39 {
  margin-left: 156px;
  margin-right: 156px;
}

.ph40 {
  padding-left: 160px;
  padding-right: 160px;
}

.mh40 {
  margin-left: 160px;
  margin-right: 160px;
}

.pv0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.mv0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pv1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.mv1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.pv2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.mv2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.pv3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mv3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pv4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mv4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.pv5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mv5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pv6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.mv6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.pv7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.mv7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pv8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.mv8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.pv9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.mv9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.pv10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mv10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pv11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.mv11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.pv12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.mv12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.pv13 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.mv13 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.pv14 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.mv14 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.pv15 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mv15 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.pv16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.mv16 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.pv17 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.mv17 {
  margin-top: 68px;
  margin-bottom: 68px;
}

.pv18 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.mv18 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.pv19 {
  padding-top: 76px;
  padding-bottom: 76px;
}

.mv19 {
  margin-top: 76px;
  margin-bottom: 76px;
}

.pv20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mv20 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.pv21 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.mv21 {
  margin-top: 84px;
  margin-bottom: 84px;
}

.pv22 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.mv22 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.pv23 {
  padding-top: 92px;
  padding-bottom: 92px;
}

.mv23 {
  margin-top: 92px;
  margin-bottom: 92px;
}

.pv24 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.mv24 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.pv25 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mv25 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.pv26 {
  padding-top: 104px;
  padding-bottom: 104px;
}

.mv26 {
  margin-top: 104px;
  margin-bottom: 104px;
}

.pv27 {
  padding-top: 108px;
  padding-bottom: 108px;
}

.mv27 {
  margin-top: 108px;
  margin-bottom: 108px;
}

.pv28 {
  padding-top: 112px;
  padding-bottom: 112px;
}

.mv28 {
  margin-top: 112px;
  margin-bottom: 112px;
}

.pv29 {
  padding-top: 116px;
  padding-bottom: 116px;
}

.mv29 {
  margin-top: 116px;
  margin-bottom: 116px;
}

.pv30 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.mv30 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.pv31 {
  padding-top: 124px;
  padding-bottom: 124px;
}

.mv31 {
  margin-top: 124px;
  margin-bottom: 124px;
}

.pv32 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.mv32 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.pv33 {
  padding-top: 132px;
  padding-bottom: 132px;
}

.mv33 {
  margin-top: 132px;
  margin-bottom: 132px;
}

.pv34 {
  padding-top: 136px;
  padding-bottom: 136px;
}

.mv34 {
  margin-top: 136px;
  margin-bottom: 136px;
}

.pv35 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.mv35 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.pv36 {
  padding-top: 144px;
  padding-bottom: 144px;
}

.mv36 {
  margin-top: 144px;
  margin-bottom: 144px;
}

.pv37 {
  padding-top: 148px;
  padding-bottom: 148px;
}

.mv37 {
  margin-top: 148px;
  margin-bottom: 148px;
}

.pv38 {
  padding-top: 152px;
  padding-bottom: 152px;
}

.mv38 {
  margin-top: 152px;
  margin-bottom: 152px;
}

.pv39 {
  padding-top: 156px;
  padding-bottom: 156px;
}

.mv39 {
  margin-top: 156px;
  margin-bottom: 156px;
}

.pv40 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.mv40 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.h0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
}

.v0 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.h1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.v1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.v2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.v3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.v4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.h5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.v5 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.h6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.v6 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.h7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
}

.v7 {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.h8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}

.v8 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.h9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 36px;
}

.v9 {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.h10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.v10 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.h11 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 44px;
}

.v11 {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.h12 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;
}

.v12 {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.h13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 52px;
}

.v13 {
  display: flex;
  flex-direction: column;
  gap: 52px;
}

.h14 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 56px;
}

.v14 {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.h15 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 60px;
}

.v15 {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.h16 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 64px;
}

.v16 {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.h17 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 68px;
}

.v17 {
  display: flex;
  flex-direction: column;
  gap: 68px;
}

.h18 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 72px;
}

.v18 {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.h19 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 76px;
}

.v19 {
  display: flex;
  flex-direction: column;
  gap: 76px;
}

.h20 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 80px;
}

.v20 {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.h21 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 84px;
}

.v21 {
  display: flex;
  flex-direction: column;
  gap: 84px;
}

.h22 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 88px;
}

.v22 {
  display: flex;
  flex-direction: column;
  gap: 88px;
}

.h23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 92px;
}

.v23 {
  display: flex;
  flex-direction: column;
  gap: 92px;
}

.h24 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 96px;
}

.v24 {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.h25 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 100px;
}

.v25 {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.h26 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 104px;
}

.v26 {
  display: flex;
  flex-direction: column;
  gap: 104px;
}

.h27 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 108px;
}

.v27 {
  display: flex;
  flex-direction: column;
  gap: 108px;
}

.h28 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 112px;
}

.v28 {
  display: flex;
  flex-direction: column;
  gap: 112px;
}

.h29 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 116px;
}

.v29 {
  display: flex;
  flex-direction: column;
  gap: 116px;
}

.h30 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 120px;
}

.v30 {
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.h31 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 124px;
}

.v31 {
  display: flex;
  flex-direction: column;
  gap: 124px;
}

.h32 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 128px;
}

.v32 {
  display: flex;
  flex-direction: column;
  gap: 128px;
}

.h33 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 132px;
}

.v33 {
  display: flex;
  flex-direction: column;
  gap: 132px;
}

.h34 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 136px;
}

.v34 {
  display: flex;
  flex-direction: column;
  gap: 136px;
}

.h35 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 140px;
}

.v35 {
  display: flex;
  flex-direction: column;
  gap: 140px;
}

.h36 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 144px;
}

.v36 {
  display: flex;
  flex-direction: column;
  gap: 144px;
}

.h37 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 148px;
}

.v37 {
  display: flex;
  flex-direction: column;
  gap: 148px;
}

.h38 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 152px;
}

.v38 {
  display: flex;
  flex-direction: column;
  gap: 152px;
}

.h39 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 156px;
}

.v39 {
  display: flex;
  flex-direction: column;
  gap: 156px;
}

.h40 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 160px;
}

.v40 {
  display: flex;
  flex-direction: column;
  gap: 160px;
}

.h {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.v {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.h-gr {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.v-gr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.h-rel {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.v-rel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.f1 {
  flex: 1;
}

.f2 {
  flex: 2;
}

.f3 {
  flex: 3;
}

.f4 {
  flex: 4;
}

.f5 {
  flex: 5;
}

.f6 {
  flex: 6;
}

.f7 {
  flex: 7;
}

.f8 {
  flex: 8;
}

.fac {
  align-items: center;
}

.fas {
  align-items: flex-start;
}

.fae {
  align-items: flex-end;
}

.fc {
  justify-content: center;
}

.fs {
  justify-content: flex-start;
}

.fe {
  justify-content: flex-end;
}

.fw {
  flex-wrap: wrap;
}

.fnw {
  flex-wrap: nowrap;
}

.mw0 {
  min-width: 0;
}

.mh0 {
  min-height: 0;
}

.show-focus-ring {
  outline: var(--ds-focus-ring-width) solid #3b71de;
  outline-offset: var(--ds-focus-ring-width);
}
.show-focus-ring > * {
  --ds-focus-ring-width: 0;
}

.is-medium {
  --ds-input-size-height: 36px;
  --ds-input-size-text-size: 14px;
  --ds-input-size-ph: 12px;
}

.is-large {
  --ds-input-size-height: 36px;
  --ds-input-size-text-size: 15px;
  --ds-input-size-ph: 12px;
}

.is-xlarge {
  --ds-input-size-height: 40px;
  --ds-input-size-text-size: 16px;
  --ds-input-size-ph: 12px;
}

.is-2xlarge {
  --ds-input-size-height: 44px;
  --ds-input-size-text-size: 18px;
  --ds-input-size-ph: 16px;
}

.is-3xlarge {
  --ds-input-size-height: 54px;
  --ds-input-size-text-size: 20px;
  --ds-input-size-ph: 16px;
}

.interface-width {
  max-width: 1271px;
  padding: 0 24px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1271px) {
  .interface-width {
    padding: 0;
  }
}

.clickable {
  cursor: pointer;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

@media (min-width: 1280px) and (max-width: 99999px) {
  .bp-not-xlarge {
    display: none;
  }
}
@media (min-width: 1280px) {
  .bp-lt-xlarge {
    display: none;
  }
}
@media (min-width: 100000px) {
  .bp-lte-xlarge {
    display: none;
  }
}
@media (max-width: 99999px) {
  .bp-gt-xlarge {
    display: none;
  }
}
@media (max-width: 1279px) {
  .bp-gte-xlarge {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .bp-not-large {
    display: none;
  }
}
@media (min-width: 1024px) {
  .bp-lt-large {
    display: none;
  }
}
@media (min-width: 1280px) {
  .bp-lte-large {
    display: none;
  }
}
@media (max-width: 1279px) {
  .bp-gt-large {
    display: none;
  }
}
@media (max-width: 1023px) {
  .bp-gte-large {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bp-not-medium {
    display: none;
  }
}
@media (min-width: 768px) {
  .bp-lt-medium {
    display: none;
  }
}
@media (min-width: 1024px) {
  .bp-lte-medium {
    display: none;
  }
}
@media (max-width: 1023px) {
  .bp-gt-medium {
    display: none;
  }
}
@media (max-width: 767px) {
  .bp-gte-medium {
    display: none;
  }
}
@media (min-width: 530px) and (max-width: 767px) {
  .bp-not-small {
    display: none;
  }
}
@media (min-width: 530px) {
  .bp-lt-small {
    display: none;
  }
}
@media (min-width: 768px) {
  .bp-lte-small {
    display: none;
  }
}
@media (max-width: 767px) {
  .bp-gt-small {
    display: none;
  }
}
@media (max-width: 529px) {
  .bp-gte-small {
    display: none;
  }
}
@media (min-width: 0px) and (max-width: 529px) {
  .bp-not-xsmall {
    display: none;
  }
}
@media (min-width: 0px) {
  .bp-lt-xsmall {
    display: none;
  }
}
@media (min-width: 530px) {
  .bp-lte-xsmall {
    display: none;
  }
}
@media (max-width: 529px) {
  .bp-gt-xsmall {
    display: none;
  }
}
@media (max-width: -1px) {
  .bp-gte-xsmall {
    display: none;
  }
}
.ds-icon-color-gc {
  --ds-icon-color: #6f767d;
}

.ds-icon-color-de {
  --ds-icon-color: #2a2c33;
}

.ds-icon-color-mu {
  --ds-icon-color: #646970;
}

.ds-icon-color-blue {
  --ds-icon-color: #3b71de;
}

.ds-icon-color-dark-grey {
  --ds-icon-color: #ccc;
}

.ds-icon-color-white {
  --ds-icon-color: #ffffff;
}

.ds-icon-color-black {
  --ds-icon-color: #141414;
}

.ds-icon-color-green {
  --ds-icon-color: #35aa47;
}

.ds-icon-color-red {
  --ds-icon-color: #d83933;
}

.ds-icon-color-orange {
  --ds-icon-color: #ffb529;
}

.ds-icon-color-success {
  --ds-icon-color: #00a91c;
}

.ds-icon-color-error {
  --ds-icon-color: #F03E27;
}

.ds-icon-color-caution {
  --ds-icon-color: #f97a13;
}

.ds-icon-color-accent {
  --ds-icon-color: #4083EA;
}

.text-heading-2xsmall {
  color: #141414;
  font-weight: bold;
  font-size: 16px;
}

.text-heading-xsmall {
  color: #141414;
  font-weight: bold;
  font-size: 18px;
}

.text-heading-small {
  color: #141414;
  font-weight: bold;
  font-size: 22px;
}

.text-heading-medium {
  color: #141414;
  font-weight: bold;
  font-size: 26px;
}

.text-heading-large {
  color: #141414;
  font-weight: bold;
  font-size: 30px;
}

.text-heading-xlarge {
  color: #141414;
  font-weight: bold;
  font-size: 36px;
}

.text-subheading-small {
  color: #646970;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 13px;
}

.text-subheading-medium {
  color: #646970;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 14px;
}

.text-subheading-large {
  color: #646970;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 15px;
}

.text-subheading-xlarge {
  color: #646970;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 16px;
}

.text-caption-2xsmall {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 11px;
}

.text-caption-xsmall {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 12px;
}

.text-caption-small {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 13px;
}

.text-caption-medium {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 14px;
}

.text-caption-large {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 15px;
}

.text-caption-xlarge {
  color: #646970;
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 16px;
}

.text-label-4xsmall {
  color: #2a2c33;
  font-weight: bold;
  font-size: 11px;
}

.text-label-3xsmall {
  color: #2a2c33;
  font-weight: bold;
  font-size: 12px;
}

.text-label-2xsmall {
  color: #2a2c33;
  font-weight: bold;
  font-size: 13px;
}

.text-label-xsmall {
  color: #2a2c33;
  font-weight: bold;
  font-size: 14px;
}

.text-label-small {
  color: #2a2c33;
  font-weight: bold;
  font-size: 15px;
}

.text-label-medium {
  color: #2a2c33;
  font-weight: bold;
  font-size: 16px;
}

.text-label-large {
  color: #2a2c33;
  font-weight: bold;
  font-size: 18px;
}

.text-label-xlarge {
  color: #2a2c33;
  font-weight: bold;
  font-size: 20px;
}

.text-label-2xlarge {
  color: #2a2c33;
  font-weight: bold;
  font-size: 22px;
}

.text-label-3xlarge {
  color: #2a2c33;
  font-weight: bold;
  font-size: 24px;
}

.text-body-4xsmall {
  color: #2a2c33;
  font-weight: normal;
  font-size: 11px;
}

.text-body-3xsmall {
  color: #2a2c33;
  font-weight: normal;
  font-size: 12px;
}

.text-body-2xsmall {
  color: #2a2c33;
  font-weight: normal;
  font-size: 13px;
}

.text-body-xsmall {
  color: #2a2c33;
  font-weight: normal;
  font-size: 14px;
}

.text-body-small {
  color: #2a2c33;
  font-weight: normal;
  font-size: 15px;
}

.text-body-medium {
  color: #2a2c33;
  font-weight: normal;
  font-size: 16px;
}

.text-body-large {
  color: #2a2c33;
  font-weight: normal;
  font-size: 18px;
}

.text-body-xlarge {
  color: #2a2c33;
  font-weight: normal;
  font-size: 20px;
}

.text-body-2xlarge {
  color: #2a2c33;
  font-weight: normal;
  font-size: 22px;
}

.text-body-3xlarge {
  color: #2a2c33;
  font-weight: normal;
  font-size: 24px;
}

.text-link-2xsmall {
  color: #3b71de;
  font-weight: medium;
  font-size: 13px;
}

.text-link-xsmall {
  color: #3b71de;
  font-weight: medium;
  font-size: 14px;
}

.text-link-small {
  color: #3b71de;
  font-weight: medium;
  font-size: 15px;
}

.text-link-medium {
  color: #3b71de;
  font-weight: medium;
  font-size: 16px;
}

.text-link-large {
  color: #3b71de;
  font-weight: medium;
  font-size: 18px;
}

.text-link-xlarge {
  color: #3b71de;
  font-weight: medium;
  font-size: 20px;
}

.text-link-2xlarge {
  color: #3b71de;
  font-weight: medium;
  font-size: 22px;
}

.text-link-3xlarge {
  color: #3b71de;
  font-weight: medium;
  font-size: 24px;
}