/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.15),
    hsla(0, 0%, 100%, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--bs-body-bg);
  color: #212529;
  color: var(--bs-body-color);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: 400;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.5;
  line-height: var(--bs-body-line-height);
  text-align: var(--bs-body-text-align);
}
hr {
  background-color: currentColor;
  border: 0;
  color: inherit;
  margin: 1rem 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-bottom: 1rem;
  margin-top: 0;
  font-family: 'EYInterstate';
}
abbr[data-bs-original-title],
abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-bottom: 1rem;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  direction: ltr;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
code {
  word-wrap: break-word;
  color: #d63384;
  font-size: 0.875em;
}
a > code {
  color: inherit;
}
kbd {
  background-color: #212529;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.875em;
  padding: 0.2rem 0.4rem;
}
kbd kbd {
  font-size: 1em;
  font-weight: 700;
  padding: 0;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  caption-side: bottom;
}
caption {
  color: #6c757d;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
textarea {
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  float: left;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  margin-bottom: 0.5rem;
  padding: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  cursor: pointer;
  display: list-item;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  color: #6c757d;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: -1rem;
}
.blockquote-footer:before {
  content: "— ";
}
.img-fluid,
.img-thumbnail {
  height: auto;
  max-width: 100%;
}
.img-thumbnail {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.figure {
  display: inline-block;
}
.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}
.figure-caption {
  color: #6c757d;
  font-size: 0.875em;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: 0.75rem;
  padding-right: var(--bs-gutter-x, 0.75rem);
  width: 100%;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
.col {
  flex: 1 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  border-color: #dee2e6;
  color: #212529;
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%;
}
.table > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  padding: 0.5rem;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  border-color: #bacbe6;
  color: #000;
}
.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  border-color: #cbccce;
  color: #000;
}
.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  border-color: #bcd0c7;
  color: #000;
}
.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  border-color: #badce3;
  color: #000;
}
.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  border-color: #e6dbb9;
  color: #000;
}
.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  border-color: #dfc2c4;
  color: #000;
}
.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  border-color: #dfe0e1;
  color: #000;
}
.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  border-color: #373b3e;
  color: #fff;
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(0.375rem + 1px);
  padding-top: calc(0.375rem + 1px);
}
.col-form-label-lg {
  font-size: 1.25rem;
  padding-bottom: calc(0.5rem + 1px);
  padding-top: calc(0.5rem + 1px);
}
.col-form-label-sm {
  font-size: 0.875rem;
  padding-bottom: calc(0.25rem + 1px);
  padding-top: calc(0.25rem + 1px);
}
.form-text {
  color: #6c757d;
  font-size: 0.875em;
  margin-top: 0.25rem;
}
.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #212529;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  background-color: #fff;
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  color: #212529;
  outline: 0;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  -webkit-margin-end: 0.75rem;
  background-color: #e9ecef;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-radius: 0;
  color: #212529;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  padding: 0.375rem 0.75rem;
  pointer-events: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  -webkit-margin-end: 0.75rem;
  background-color: #e9ecef;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-radius: 0;
  color: #212529;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  padding: 0.375rem 0.75rem;
  pointer-events: none;
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control-plaintext {
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
  color: #212529;
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0.375rem 0;
  width: 100%;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0;
}
.form-control-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
}
.form-control-sm::file-selector-button {
  -webkit-margin-end: 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  -webkit-margin-end: 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.form-control-lg {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
}
.form-control-lg::file-selector-button {
  -webkit-margin-end: 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
  padding: 0.5rem 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  -webkit-margin-end: 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
  padding: 0.5rem 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
  height: auto;
  padding: 0.375rem;
  width: 3rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border-radius: 0.25rem;
  height: 1.5em;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.25rem;
  height: 1.5em;
}
.form-select {
  -moz-padding-start: calc(0.75rem - 3px);
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #212529;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: 0.75rem;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
.form-select-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
}
.form-select-lg {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
.form-check {
  display: block;
  margin-bottom: 0.125rem;
  min-height: 1.5rem;
  padding-left: 1.5em;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input {
  color-adjust: exact;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 1em;
  margin-top: 0.25em;
  -webkit-print-color-adjust: exact;
  vertical-align: top;
  width: 1em;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
  border-color: #0d6efd;
}
.form-check-input:disabled {
  -webkit-filter: none;
  filter: none;
  opacity: 0.5;
  pointer-events: none;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  background-position: 0;
  border-radius: 2em;
  margin-left: -2.5em;
  transition: background-position 0.15s ease-in-out;
  width: 2em;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 100%;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  -webkit-filter: none;
  filter: none;
  opacity: 0.65;
  pointer-events: none;
}
.form-range {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 1.5rem;
  padding: 0;
  width: 100%;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  border: 1px solid transparent;
  height: 100%;
  left: 0;
  padding: 1rem 0.75rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-webkit-input-placeholder {
  color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-select {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  align-items: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #212529;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  white-space: nowrap;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
.valid-feedback {
  color: #198754;
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.valid-tooltip {
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754;
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
  z-index: 1;
}
.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
  z-index: 3;
}
.invalid-feedback {
  color: #dc3545;
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.invalid-tooltip {
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545;
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
  z-index: 2;
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
  z-index: 3;
}
.btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #212529;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  opacity: 0.65;
  pointer-events: none;
}
.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
  color: #fff;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: #0a58ca;
  border-color: #0a53be;
  color: #fff;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #5c636a;
  border-color: #565e64;
  color: #fff;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  box-shadow: 0 0 0 0.25rem hsla(208, 6%, 54%, 0.5);
}
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #565e64;
  border-color: #51585e;
  color: #fff;
}
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem hsla(208, 6%, 54%, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-success {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}
.btn-check:focus + .btn-success,
.btn-success:focus,
.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
  color: #fff;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:active + .btn-success,
.btn-check:checked + .btn-success,
.btn-success.active,
.btn-success:active,
.show > .btn-success.dropdown-toggle {
  background-color: #146c43;
  border-color: #13653f;
  color: #fff;
}
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}
.btn-info {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}
.btn-check:focus + .btn-info,
.btn-info:focus,
.btn-info:hover {
  background-color: #31d2f2;
  border-color: #25cff2;
  color: #000;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:active + .btn-info,
.btn-check:checked + .btn-info,
.btn-info.active,
.btn-info:active,
.show > .btn-info.dropdown-toggle {
  background-color: #3dd5f3;
  border-color: #25cff2;
  color: #000;
}
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}
.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #ffca2c;
  border-color: #ffc720;
  color: #000;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
  background-color: #ffcd39;
  border-color: #ffc720;
  color: #000;
}
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #bb2d3b;
  border-color: #b02a37;
  color: #fff;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active,
.show > .btn-danger.dropdown-toggle {
  background-color: #b02a37;
  border-color: #a52834;
  color: #fff;
}
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #000;
}
.btn-check:focus + .btn-light,
.btn-light:focus,
.btn-light:hover {
  background-color: #f9fafb;
  border-color: #f9fafb;
  color: #000;
}
.btn-check:focus + .btn-light,
.btn-light:focus {
  box-shadow: 0 0 0 0.25rem hsla(210, 2%, 83%, 0.5);
}
.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.btn-light.active,
.btn-light:active,
.show > .btn-light.dropdown-toggle {
  background-color: #f9fafb;
  border-color: #f9fafb;
  color: #000;
}
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem hsla(210, 2%, 83%, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #000;
}
.btn-dark {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #1c1f23;
  border-color: #1a1e21;
  color: #fff;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:active + .btn-dark,
.btn-check:checked + .btn-dark,
.btn-dark.active,
.btn-dark:active,
.show > .btn-dark.dropdown-toggle {
  background-color: #1a1e21;
  border-color: #191c1f;
  color: #fff;
}
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}
.btn-outline-primary {
  border-color: #0d6efd;
  color: #0d6efd;
}
.btn-outline-primary:hover {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: transparent;
  color: #0d6efd;
}
.btn-outline-secondary {
  border-color: #6c757d;
  color: #6c757d;
}
.btn-outline-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem hsla(208, 7%, 46%, 0.5);
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-check:active + .btn-outline-secondary:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow: 0 0 0 0.25rem hsla(208, 7%, 46%, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: transparent;
  color: #6c757d;
}
.btn-outline-success {
  border-color: #198754;
  color: #198754;
}
.btn-outline-success:hover {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}
.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  background-color: transparent;
  color: #198754;
}
.btn-outline-info {
  border-color: #0dcaf0;
  color: #0dcaf0;
}
.btn-outline-info:hover {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}
.btn-check:active + .btn-outline-info:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: transparent;
  color: #0dcaf0;
}
.btn-outline-warning {
  border-color: #ffc107;
  color: #ffc107;
}
.btn-outline-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.btn-check:active + .btn-outline-warning:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: transparent;
  color: #ffc107;
}
.btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545;
}
.btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-check:active + .btn-outline-danger:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: transparent;
  color: #dc3545;
}
.btn-outline-light {
  border-color: #f8f9fa;
  color: #f8f9fa;
}
.btn-outline-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #000;
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #000;
}
.btn-check:active + .btn-outline-light:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  background-color: transparent;
  color: #f8f9fa;
}
.btn-outline-dark {
  border-color: #212529;
  color: #212529;
}
.btn-outline-dark:hover {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}
.btn-check:active + .btn-outline-dark:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  background-color: transparent;
  color: #212529;
}
.btn-link {
  color: #0d6efd;
  font-weight: 400;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
}
.btn-group-lg > .btn,
.btn-lg {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
}
.btn-group-sm > .btn,
.btn-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  height: auto;
  transition: width 0.35s ease;
  width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropend,
.dropstart,
.dropup {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  color: #212529;
  display: none;
  font-size: 1rem;
  list-style: none;
  margin: 0;
  min-width: 10rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}
.dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: 0.125rem;
  top: 100%;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  bottom: 100%;
  margin-bottom: 0.125rem;
  margin-top: 0;
  top: auto;
}
.dropup .dropdown-toggle:after {
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  left: 100%;
  margin-left: 0.125rem;
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropend .dropdown-toggle:after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-right: 0;
  border-top: 0.3em solid transparent;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-toggle:after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-right: 0.125rem;
  margin-top: 0;
  right: 100%;
  top: 0;
}
.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:before {
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-top: 0.3em solid transparent;
  content: "";
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
}
.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: 0.25rem 1rem;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #e9ecef;
  color: #1e2125;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #0d6efd;
  color: #fff;
  text-decoration: none;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: transparent;
  color: #adb5bd;
  pointer-events: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  color: #6c757d;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.dropdown-item-text {
  color: #212529;
  display: block;
  padding: 0.25rem 1rem;
}
.dropdown-menu-dark {
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
  color: #fff;
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  background-color: #0d6efd;
  color: #fff;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  flex: 1 1 auto;
  position: relative;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-link {
  color: #0d6efd;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: #0a58ca;
}
.nav-link.disabled {
  color: #6c757d;
  cursor: default;
  pointer-events: none;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  margin-bottom: -1px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #6c757d;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  color: #495057;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0d6efd;
  color: #fff;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between;
}
.navbar-brand {
  font-size: 1.25rem;
  margin-right: 1rem;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}
.navbar-toggler {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem;
  outline: 0;
  text-decoration: none;
}
.navbar-toggler-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}
.navbar-nav-scroll {
  max-height: 75vh;
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler,
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    -webkit-transform: none;
    transform: none;
    transition: none;
    visibility: visible !important;
    z-index: 1000;
  }
  .navbar-expand-sm .offcanvas-bottom,
  .navbar-expand-sm .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler,
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    -webkit-transform: none;
    transform: none;
    transition: none;
    visibility: visible !important;
    z-index: 1000;
  }
  .navbar-expand-md .offcanvas-bottom,
  .navbar-expand-md .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler,
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    -webkit-transform: none;
    transform: none;
    transition: none;
    visibility: visible !important;
    z-index: 1000;
  }
  .navbar-expand-lg .offcanvas-bottom,
  .navbar-expand-lg .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler,
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    -webkit-transform: none;
    transform: none;
    transition: none;
    visibility: visible !important;
    z-index: 1000;
  }
  .navbar-expand-xl .offcanvas-bottom,
  .navbar-expand-xl .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler,
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    -webkit-transform: none;
    transform: none;
    transition: none;
    visibility: visible !important;
    z-index: 1000;
  }
  .navbar-expand-xxl .offcanvas-bottom,
  .navbar-expand-xxl .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler,
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  bottom: 0;
  flex-grow: 1;
  position: inherit;
  -webkit-transform: none;
  transform: none;
  transition: none;
  visibility: visible !important;
  z-index: 1000;
}
.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
  border-bottom: 0;
  border-top: 0;
  height: auto;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, 0.55);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: hsla(0, 0%, 100%, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: hsla(0, 0%, 100%, 0.25);
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  border-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.55);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: hsla(0, 0%, 100%, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff;
}
.card {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.card > hr {
  margin-left: 0;
  margin-right: 0;
}
.card > .list-group {
  border-bottom: inherit;
  border-top: inherit;
}
.card > .list-group:first-child {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-width: 0;
}
.card > .list-group:last-child {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-width: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem;
}
.card-title {
  margin-bottom: 0.5rem;
}
.card-subtitle {
  margin-top: -0.25rem;
}
.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: 1rem;
}
.card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 0;
  padding: 0.5rem 1rem;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.5rem 1rem;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.5rem;
}
.card-header-pills,
.card-header-tabs {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.card-img-overlay {
  border-radius: calc(0.25rem - 1px);
  bottom: 0;
  left: 0;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion-button {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  color: #212529;
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: 1rem 1.25rem;
  position: relative;
  text-align: left;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  color: #0c63e4;
}
.accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.accordion-button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  content: "";
  flex-shrink: 0;
  height: 1.25rem;
  margin-left: auto;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  width: 1.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
  z-index: 3;
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:before {
  color: #6c757d;
  content: "/";
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: 0.5rem;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  list-style: none;
  padding-left: 0;
}
.page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #0d6efd;
  display: block;
  position: relative;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  border-color: #dee2e6;
  z-index: 2;
}
.page-link:focus,
.page-link:hover {
  background-color: #e9ecef;
  color: #0a58ca;
}
.page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
  z-index: 3;
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  z-index: 3;
}
.page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
  pointer-events: none;
}
.page-link {
  padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.pagination-lg .page-link {
  font-size: 1.25rem;
  padding: 0.75rem 1.5rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.badge {
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  padding: 0.35em 0.65em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  padding: 1.25rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.alert-primary {
  background-color: #cfe2ff;
  border-color: #b6d4fe;
  color: #084298;
}
.alert-primary .alert-link {
  color: #06357a;
}
.alert-secondary {
  background-color: #e2e3e5;
  border-color: #d3d6d8;
  color: #41464b;
}
.alert-secondary .alert-link {
  color: #34383c;
}
.alert-success {
  background-color: #d1e7dd;
  border-color: #badbcc;
  color: #0f5132;
}
.alert-success .alert-link {
  color: #0c4128;
}
.alert-info {
  background-color: #cff4fc;
  border-color: #b6effb;
  color: #055160;
}
.alert-info .alert-link {
  color: #04414d;
}
.alert-warning {
  background-color: #fff3cd;
  border-color: #ffecb5;
  color: #664d03;
}
.alert-warning .alert-link {
  color: #523e02;
}
.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c2c7;
  color: #842029;
}
.alert-danger .alert-link {
  color: #6a1a21;
}
.alert-light {
  background-color: #fefefe;
  border-color: #fdfdfe;
  color: #636464;
}
.alert-light .alert-link {
  color: #4f5050;
}
.alert-dark {
  background-color: #d3d3d4;
  border-color: #bcbebf;
  color: #141619;
}
.alert-dark .alert-link {
  color: #101214;
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  height: 1rem;
}
.progress,
.progress-bar {
  display: flex;
  overflow: hidden;
}
.progress-bar {
  background-color: #0d6efd;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: width 0.6s ease;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.list-group {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.list-group-numbered {
  counter-reset: section;
  list-style-type: none;
}
.list-group-numbered > li:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: #f8f9fa;
  color: #495057;
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:active {
  background-color: #e9ecef;
  color: #212529;
}
.list-group-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #212529;
  display: block;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  background-color: #fff;
  color: #6c757d;
  pointer-events: none;
}
.list-group-item.active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  z-index: 2;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: 1px;
  margin-top: -1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: 1px;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  border-left-width: 1px;
  margin-left: -1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  background-color: #cfe2ff;
  color: #084298;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  background-color: #bacbe6;
  color: #084298;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #084298;
  border-color: #084298;
  color: #fff;
}
.list-group-item-secondary {
  background-color: #e2e3e5;
  color: #41464b;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #cbccce;
  color: #41464b;
}
.list-group-item-secondary.list-group-item-action.active {
  background-color: #41464b;
  border-color: #41464b;
  color: #fff;
}
.list-group-item-success {
  background-color: #d1e7dd;
  color: #0f5132;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  background-color: #bcd0c7;
  color: #0f5132;
}
.list-group-item-success.list-group-item-action.active {
  background-color: #0f5132;
  border-color: #0f5132;
  color: #fff;
}
.list-group-item-info {
  background-color: #cff4fc;
  color: #055160;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  background-color: #badce3;
  color: #055160;
}
.list-group-item-info.list-group-item-action.active {
  background-color: #055160;
  border-color: #055160;
  color: #fff;
}
.list-group-item-warning {
  background-color: #fff3cd;
  color: #664d03;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  background-color: #e6dbb9;
  color: #664d03;
}
.list-group-item-warning.list-group-item-action.active {
  background-color: #664d03;
  border-color: #664d03;
  color: #fff;
}
.list-group-item-danger {
  background-color: #f8d7da;
  color: #842029;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  background-color: #dfc2c4;
  color: #842029;
}
.list-group-item-danger.list-group-item-action.active {
  background-color: #842029;
  border-color: #842029;
  color: #fff;
}
.list-group-item-light {
  background-color: #fefefe;
  color: #636464;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  background-color: #e5e5e5;
  color: #636464;
}
.list-group-item-light.list-group-item-action.active {
  background-color: #636464;
  border-color: #636464;
  color: #fff;
}
.list-group-item-dark {
  background-color: #d3d3d4;
  color: #141619;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  background-color: #bebebf;
  color: #141619;
}
.list-group-item-dark.list-group-item-action.active {
  background-color: #141619;
  border-color: #141619;
  color: #fff;
}
.btn-close {
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E")
    50%/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  box-sizing: content-box;
  color: #000;
  height: 1em;
  opacity: 0.5;
  padding: 0.25em;
  width: 1em;
}
.btn-close:hover {
  color: #000;
  opacity: 0.75;
  text-decoration: none;
}
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
  outline: 0;
}
.btn-close.disabled,
.btn-close:disabled {
  opacity: 0.25;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-close-white {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
  max-width: 100%;
  pointer-events: auto;
  width: 350px;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  max-width: 100%;
  pointer-events: none;
  width: -webkit-max-content;
  width: max-content;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  color: #6c757d;
  display: flex;
  padding: 0.5rem 0.75rem;
}
.toast-header .btn-close {
  margin-left: 0.75rem;
  margin-right: -0.375rem;
}
.toast-body {
  word-wrap: break-word;
  padding: 0.75rem;
}
.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1055;
}
.modal-dialog {
  margin: 0.5rem;
  pointer-events: none;
  position: relative;
  width: auto;
}
.modal.fade .modal-dialog {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem);
}
.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.modal-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1050;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  align-items: center;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 1rem;
}
.modal-header .btn-close {
  margin: -0.5rem -0.5rem -0.5rem auto;
  padding: 0.5rem;
}
.modal-title {
  line-height: 1.5;
  margin-bottom: 0;
}
.modal-body {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative;
}
.modal-footer {
  align-items: center;
  border-bottom-left-radius: calc(0.3rem - 1px);
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-top: 1px solid #dee2e6;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0.75rem;
}
.modal-footer > * {
  margin: 0.25rem;
}
@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100vw;
}
.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  word-wrap: break-word;
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1080;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}
.tooltip .tooltip-arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute;
}
.bs-tooltip-auto[data-popper-placement^="top"],
.bs-tooltip-top {
  padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #000;
  border-width: 0.4rem 0.4rem 0;
  top: -1px;
}
.bs-tooltip-auto[data-popper-placement^="right"],
.bs-tooltip-end {
  padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  height: 0.8rem;
  left: 0;
  width: 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #000;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: -1px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"],
.bs-tooltip-bottom {
  padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #000;
  border-width: 0 0.4rem 0.4rem;
  bottom: -1px;
}
.bs-tooltip-auto[data-popper-placement^="left"],
.bs-tooltip-start {
  padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  height: 0.8rem;
  right: 0;
  width: 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #000;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: -1px;
}
.tooltip-inner {
  background-color: #000;
  border-radius: 0.25rem;
  color: #fff;
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
.popover {
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: 276px;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070;
}
.popover .popover-arrow {
  display: block;
  height: 0.5rem;
  position: absolute;
  width: 1rem;
}
.popover .popover-arrow:after,
.popover .popover-arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:before {
  border-top-color: rgba(0, 0, 0, 0.25);
  border-width: 0.5rem 0.5rem 0;
  bottom: 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-top > .popover-arrow:after {
  border-top-color: #fff;
  border-width: 0.5rem 0.5rem 0;
  bottom: 1px;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  height: 1rem;
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:before {
  border-right-color: rgba(0, 0, 0, 0.25);
  border-width: 0.5rem 0.5rem 0.5rem 0;
  left: 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-end > .popover-arrow:after {
  border-right-color: #fff;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  left: 1px;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:before {
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-width: 0 0.5rem 0.5rem;
  top: 0;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: #fff;
  border-width: 0 0.5rem 0.5rem;
  top: 1px;
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  border-bottom: 1px solid #f0f0f0;
  content: "";
  display: block;
  left: 50%;
  margin-left: -0.5rem;
  position: absolute;
  top: 0;
  width: 1rem;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  height: 1rem;
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:before {
  border-left-color: rgba(0, 0, 0, 0.25);
  border-width: 0.5rem 0 0.5rem 0.5rem;
  right: 0;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-start > .popover-arrow:after {
  border-left-color: #fff;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  right: 1px;
}
.popover-header {
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
}
.popover-header:empty {
  display: none;
}
.popover-body {
  color: #212529;
  padding: 1rem;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel-inner:after {
  clear: both;
  content: "";
  display: block;
}
.carousel-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transform: none;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  align-items: center;
  background: 0 0;
  border: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.15s ease;
  width: 15%;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.carousel-indicators [data-bs-target] {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
  padding: 0;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  bottom: 1.25rem;
  color: #fff;
  left: 15%;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  position: absolute;
  right: 15%;
  text-align: center;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.spinner-border {
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  border: 0.25em solid;
  border-radius: 50%;
  border-right: 0.25em solid transparent;
  display: inline-block;
  height: 2rem;
  vertical-align: -0.125em;
  width: 2rem;
}
.spinner-border-sm {
  border-width: 0.2em;
  height: 1rem;
  width: 1rem;
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.spinner-grow {
  -webkit-animation: spinner-grow 0.75s linear infinite;
  animation: spinner-grow 0.75s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  opacity: 0;
  vertical-align: -0.125em;
  width: 2rem;
}
.spinner-grow-sm {
  height: 1rem;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.offcanvas {
  background-clip: padding-box;
  background-color: #fff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  visibility: hidden;
  z-index: 1045;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.offcanvas-header .btn-close {
  margin-bottom: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.5rem;
  padding: 0.5rem;
}
.offcanvas-title {
  line-height: 1.5;
  margin-bottom: 0;
}
.offcanvas-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: 1rem;
}
.offcanvas-start {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 400px;
}
.offcanvas-end {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  width: 400px;
}
.offcanvas-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.offcanvas-bottom,
.offcanvas-top {
  height: 30vh;
  left: 0;
  max-height: 100%;
  right: 0;
}
.offcanvas-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.offcanvas.show {
  -webkit-transform: none;
  transform: none;
}
.placeholder {
  background-color: currentColor;
  cursor: wait;
  display: inline-block;
  min-height: 1em;
  opacity: 0.5;
  vertical-align: middle;
}
.placeholder.btn:before {
  content: "";
  display: inline-block;
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
  animation: placeholder-glow 2s ease-in-out infinite;
}
@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-animation: placeholder-wave 2s linear infinite;
  animation: placeholder-wave 2s linear infinite;
  -webkit-mask-image: linear-gradient(
    130deg,
    #000 55%,
    rgba(0, 0, 0, 0.8) 75%,
    #000 95%
  );
  mask-image: linear-gradient(
    130deg,
    #000 55%,
    rgba(0, 0, 0, 0.8) 75%,
    #000 95%
  );
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
}
@-webkit-keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.link-primary {
  color: #0d6efd;
}
.link-primary:focus,
.link-primary:hover {
  color: #0a58ca;
}
.link-secondary {
  color: #6c757d;
}
.link-secondary:focus,
.link-secondary:hover {
  color: #565e64;
}
.link-success {
  color: #198754;
}
.link-success:focus,
.link-success:hover {
  color: #146c43;
}
.link-info {
  color: #0dcaf0;
}
.link-info:focus,
.link-info:hover {
  color: #3dd5f3;
}
.link-warning {
  color: #ffc107;
}
.link-warning:focus,
.link-warning:hover {
  color: #ffcd39;
}
.link-danger {
  color: #dc3545;
}
.link-danger:focus,
.link-danger:hover {
  color: #b02a37;
}
.link-light {
  color: #f8f9fa;
}
.link-light:focus,
.link-light:hover {
  color: #f9fafb;
}
.link-dark {
  color: #212529;
}
.link-dark:focus,
.link-dark:hover {
  color: #1a1e21;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio);
}
.ratio > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  top: 0;
}
.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}
.fixed-bottom {
  bottom: 0;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  align-items: center;
  flex-direction: row;
}
.hstack,
.vstack {
  align-self: stretch;
  display: flex;
}
.vstack {
  flex: 1 1 auto;
  flex-direction: column;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.stretched-link:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  align-self: stretch;
  background-color: currentColor;
  display: inline-block;
  min-height: 1em;
  opacity: 0.25;
  width: 1px;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #0d6efd !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #198754 !important;
}
.border-info {
  border-color: #0dcaf0 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #212529 !important;
}
.border-white {
  border-color: #fff !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace !important;
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(13, 110, 253, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(13, 202, 240, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(255, 193, 7, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(248, 249, 250, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 110, 253, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(25, 135, 84, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 202, 240, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 193, 7, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(33, 37, 41, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-gradient {
  background-image: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.15),
    hsla(0, 0%, 100%, 0)
  ) !important;
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.2rem !important;
}
.rounded-2 {
  border-radius: 0.25rem !important;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
}
.rounded-end,
.rounded-top {
  border-top-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-end {
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
  border-top-left-radius: 0.25rem !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
} /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
@-webkit-keyframes ag-shake-left-to-right {
  0% {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.ey-nav-link {
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}
.ey-nav-link:hover {
  text-decoration: underline;
}
.ey-nav-bg {
  background-color: #1a1a24;
}
.ey-nav-icons-margin {
  margin: 0 5px;
}
.ey-navbar-padding {
  height: 60px;
  padding: 19px 30px 12px;
}
.ey-focus:focus {
  border: 2px solid red;
  text-decoration: none !important;
}
.ey-nav-hover:hover {
  background-color: #3a3a4a;
}
.dropdown-toggle:after {
  display: none !important;
}
.dropdown:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.ey-arrow-animate {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.dropdown-menu.show {
  background-color: #1a1a24 !important;
  height: 0 !important;
  width: 0 !important;
}
.dropdown-menu.show :hover .motif-chip-button {
  background-color: #fff !important;
}
.dropdown-item,
.motif-icon-button:hover,
a .dropdown-item:hover {
  background-color: transparent !important;
}
.chip-style {
  background-color: #fff 0 0 no-repeat padding-box;
  border: "1px solid var(--unnamed-color-2e2e38";
  color: "#2E2E38";
  font-size: "14px";
  font-weight: 700;
  height: "40px";
  margin-right: "8px";
  opacity: "1";
  padding: "8px";
  text-align: center;
  width: "195px";
}
.motif-font {
  font-family: ey_interstate;
  font-size: 14px;
  font-weight: 400;
} /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
@-webkit-keyframes loaderButtonAnim {
  0% {
    left: -60%;
  }
  to {
    left: 160%;
  }
}
@-webkit-keyframes loaderAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
}
@-webkit-keyframes modal-slidout-animation {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes translate {
  0% {
    left: -25%;
  }
  20% {
    left: 0;
  }
  40% {
    left: 33%;
  }
  60% {
    left: 66%;
  }
  80% {
    left: 100%;
  }
  to {
    left: 125%;
  }
}
@-webkit-keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.motif-chip.motif-chip-dropdown .motif-chip-button {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
.chip-style .motif-icon svg {
  color: #000;
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.geo-enabled {
  display: block;
}
.geo-disabled {
  display: none;
}
.ag-header-cell,
.ag-react-container {
  padding: 0 !important;
}
.ag-header-cell {
  color: #1b6d85;
  font-weight: 700;
}
.ag-row-even {
  /* background-color: #1a1a24 !important; */
} /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.react-calendar {
  background: #fff;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
  max-width: 100%;
  width: 350px;
}
.react-calendar,
.react-calendar *,
.react-calendar :after,
.react-calendar :before {
  box-sizing: border-box;
}
.react-calendar button {
  border: 0;
  margin: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  background: none;
  min-width: 44px;
}
.react-calendar__navigation button:enabled:focus,
.react-calendar__navigation button:enabled:hover {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: 700;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  align-items: center;
  display: flex;
  font-size: 0.75em;
  justify-content: center;
  padding: 1em 0.6666666667em;
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__century-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__year-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  background: none;
  max-width: 100%;
  padding: 0.75em 0.5em;
  text-align: center;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:focus,
.react-calendar__tile:enabled:hover {
  background-color: #e6e6e6;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:focus,
.react-calendar__tile--hasActive:enabled:hover {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: #fff;
}
.react-calendar__tile--active:enabled:focus,
.react-calendar__tile--active:enabled:hover {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
.react-date-picker {
  display: inline-flex;
  position: relative;
}
.react-date-picker,
.react-date-picker *,
.react-date-picker :after,
.react-date-picker :before {
  box-sizing: border-box;
}
.react-date-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}
.react-date-picker__wrapper {
  border: thin solid gray;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
.react-date-picker__inputGroup {
  box-sizing: content-box;
  flex-grow: 1;
  min-width: calc(12px + 4.754em);
  padding: 0 2px;
}
.react-date-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}
.react-date-picker__inputGroup__input {
  -moz-appearance: textfield;
  background: none;
  border: 0;
  box-sizing: content-box;
  font: inherit;
  height: 100%;
  min-width: 0.54em;
  padding: 0 1px;
  position: relative;
}
.react-date-picker__inputGroup__input::-webkit-inner-spin-button,
.react-date-picker__inputGroup__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-date-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}
.react-date-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}
.react-date-picker__button {
  background: transparent;
  border: 0;
  padding: 4px 6px;
}
.react-date-picker__button:enabled {
  cursor: pointer;
}
.react-date-picker__button:enabled:focus .react-date-picker__button__icon,
.react-date-picker__button:enabled:hover .react-date-picker__button__icon {
  stroke: #0078d7;
}
.react-date-picker__button:disabled .react-date-picker__button__icon {
  stroke: #6d6d6d;
}
.react-date-picker__button svg {
  display: inherit;
}
.react-date-picker__calendar {
  left: 0;
  max-width: 100vw;
  position: absolute;
  top: 100%;
  width: 350px;
  z-index: 1;
}
.react-date-picker__calendar--closed {
  display: none;
}
.react-date-picker__calendar .react-calendar {
  border-width: thin;
}
.react-daterange-picker {
  display: inline-flex;
  position: relative;
}
.react-daterange-picker,
.react-daterange-picker *,
.react-daterange-picker :after,
.react-daterange-picker :before {
  box-sizing: border-box;
}
.react-daterange-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}
.react-daterange-picker__wrapper {
  border: thin solid gray;
  display: flex;
}
.react-daterange-picker__inputGroup {
  align-items: baseline;
  box-sizing: content-box;
  display: flex;
  flex-grow: 1;
  min-width: calc(12px + 4.754em);
  padding: 0 2px;
}
.react-daterange-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}
.react-daterange-picker__inputGroup__input {
  -moz-appearance: textfield;
  background: none;
  border: 0;
  box-sizing: content-box;
  font: inherit;
  height: 100%;
  min-width: 0.54em;
  padding: 0 1px;
  position: relative;
}
.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button,
.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-daterange-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}
.react-daterange-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}
.react-daterange-picker__button {
  background: transparent;
  border: 0;
  padding: 4px 6px;
}
.react-daterange-picker__button:enabled {
  cursor: pointer;
}
.react-daterange-picker__button:enabled:focus
  .react-daterange-picker__button__icon,
.react-daterange-picker__button:enabled:hover
  .react-daterange-picker__button__icon {
  stroke: #0078d7;
}
.react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
  stroke: #6d6d6d;
}
.react-daterange-picker__button svg {
  display: inherit;
}
.react-daterange-picker__calendar {
  left: 0;
  max-width: 100vw;
  position: absolute;
  top: 100%;
  width: 350px;
  z-index: 1;
}
.react-daterange-picker__calendar--closed {
  display: none;
}
.react-daterange-picker__calendar .react-calendar {
  border-width: thin;
} /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
  pointer-events: none;
}
.ql-clipboard {
  height: 1px;
  left: -100000px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  word-wrap: break-word;
  box-sizing: border-box;
  height: 100%;
  line-height: 1.42;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  margin: 0;
  padding: 0;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li:before {
  content: "•";
}
.ql-editor ul[data-checked="false"],
.ql-editor ul[data-checked="true"] {
  pointer-events: none;
}
.ql-editor ul[data-checked="false"] > li *,
.ql-editor ul[data-checked="true"] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked="false"] > li:before,
.ql-editor ul[data-checked="true"] > li:before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked="true"] > li:before {
  content: "☑";
}
.ql-editor ul[data-checked="false"] > li:before {
  content: "☐";
}
.ql-editor li:before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl):before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-increment: list-0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank:before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow .ql-toolbar:after,
.ql-snow.ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow .ql-toolbar button svg,
.ql-snow.ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow .ql-toolbar button:active:hover,
.ql-snow.ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow .ql-toolbar input.ql-image[type="file"],
.ql-snow.ql-toolbar input.ql-image[type="file"] {
  display: none;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
  color: #06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow .ql-toolbar button:hover:not(.ql-active),
  .ql-snow.ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow,
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
  white-space: pre-wrap;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label:before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  padding: 2px 4px;
  width: 24px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  margin-top: -9px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow
  .ql-picker.ql-font
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-font
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-header
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-header
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-label[data-label]:not([data-label=""]):before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-item:before,
.ql-snow .ql-picker.ql-font .ql-picker-label:before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item:before,
.ql-snow .ql-picker.ql-size .ql-picker-label:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip:before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type="text"] {
  border: 1px solid #ccc;
  display: none;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action:after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove:before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type="text"] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode="link"]:before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode="formula"]:before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode="video"]:before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
ag-grid,
ag-grid-angular,
ag-grid-aurelia,
ag-grid-ng2,
ag-grid-polymer {
  display: block;
}
.ag-hidden {
  display: none !important;
}
.ag-invisible {
  visibility: hidden !important;
}
.ag-drag-handle {
  cursor: move;
  cursor: grab;
}
.ag-column-drop-wrapper {
  display: flex;
}
.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}
.ag-unselectable {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  display: block;
  height: 0;
  width: 0;
}
.ag-select-agg-func-popup,
.ag-tab-guard {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ag-shake-left-to-right;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  0% {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  bottom: 10px;
  opacity: 0.5;
  position: absolute;
  right: 25px;
  transition: opacity 1s ease-out 3s;
}
.ag-watermark:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk0IiBoZWlnaHQ9IjIzOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTS42MTMgMTA4VjY3LjQ2YTE1IDE1IDAgMCAxIDcuNS0xMi45OUw5OC4zMDYgMi4zOTVhMTUgMTUgMCAwIDEgMTUgMEwyMDMuNSA1NC40NjlhMTUgMTUgMCAwIDEgNy41IDEyLjk5VjEzOGgtMzBsLS4wMDMtNDRoLS4wMDFjMC04LjI4NC02LjcxNi0xNC45OTktMTUtMTQuOTk5TDEyMiA3OWMtOC4yODQgMC0xNSA2LjcxNi0xNSAxNXY0Mi4wMTZjMCA4LjI4NCA2LjcxNiAxNSAxNSAxNWg0NlYxNjNhMyAzIDAgMCAxLTMgM2gtNDV2MTNoNDUuOTk2di0uMDAyYzguMjgzIDAgMTQuOTk5LTYuNzE1IDE1LTE0Ljk5OGwuMDA0LTEzLjA0aDMwdjIwLjY0NmExNSAxNSAwIDAgMS03LjUgMTIuOTlsLTkwLjE5NCA1Mi4wNzRhMTUgMTUgMCAwIDEtMTUgMEw4LjExMyAxODQuNTk3YTE1IDE1IDAgMCAxLTcuNS0xMi45OVYxMjFIMjd2MTVjMCA4LjI4NCA2LjcxNiAxNSAxNSAxNWg1OFY5NGMwLTguMjg0LTYuNzE2LTE1LTE1LTE1SDI3djEzaDU3YTMgMyAwIDAgMSAzIDN2MTNILjYxM1oiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTQ3NyA1NWgxN3Y5NmgtNTljLTguMjg0IDAtMTUtNi43MTYtMTUtMTVWOTZjMC04LjI4NCA2LjcxNi0xNSAxNS0xNWg0MlY1NVptLTM3IDQzYTMgMyAwIDAgMC0zIDN2MzBhMyAzIDAgMCAwIDMgM2gzN1Y5OGgtMzdaTTM5NiA4MWgxN3Y3MGgtMTd6IiBmaWxsPSIjRkZGIi8+PHBhdGggZmlsbD0iI0UxMUYyMiIgZD0iTTM5NiA1NWgxN3YxN2gtMTd6Ii8+PHBhdGggZD0iTTMzMSAxNTFoMTd2LTUwYTMgMyAwIDAgMSAzLTNoMzhWODFoLTQzYy04LjI4NCAwLTE1IDYuNzE2LTE1IDE1djU1Wk0zMjQgODZWNzZjMC04LjI4NC02LjcxNi0xNS0xNS0xNWgtNjBjLTguMjg0IDAtMTUgNi43MTYtMTUgMTV2NjBjMCA4LjI4NCA2LjcxNiAxNSAxNSAxNWg2MGM4LjI4NCAwIDE1LTYuNzE2IDE1LTE1di0zNmgtMzd2MTdoMjB2MTRhMyAzIDAgMCAxLTMgM2gtNTBhMyAzIDAgMCAxLTMtM1Y4MWEzIDMgMCAwIDEgMy0zaDUwYTMgMyAwIDAgMSAzIDN2NWgxN1oiIGZpbGw9IiNGRkYiLz48dXNlIGZpbGw9IiNFMTFGMjIiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3QgZmlsbD0iI0UxMUYyMiIgeD0iMTIwIiB5PSI5MiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ2IiByeD0iMyIvPjxwYXRoIGQ9Ik00MCAxMjFoNDd2MTdINDNhMyAzIDAgMCAxLTMtM3YtMTRaIiBmaWxsPSIjRTExRjIyIi8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 110px 60px;
  content: "";
  display: block;
  -webkit-filter: invert(50%);
  filter: invert(50%);
  height: 60px;
  width: 110px;
}
.ag-watermark-text {
  font-family: Impact, sans-serif;
  font-size: 19px;
  font-weight: 700;
  opacity: 0.5;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  display: flex;
  flex-direction: column;
  position: relative;
}
.ag-root.ag-layout-auto-height,
.ag-root.ag-layout-normal {
  flex: 1 1 auto;
  overflow: hidden;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-body-horizontal-scroll-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-floating-top-viewport,
.ag-header-viewport,
.ag-virtual-list-viewport {
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.ag-body-viewport.ag-layout-print {
  flex: none;
}
@media print {
  .ag-root-wrapper.ag-layout-print,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    display: block !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row {
    page-break-inside: avoid;
  }
}
.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.ag-center-cols-viewport {
  overflow-x: auto;
  width: 100%;
}
.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}
.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}
.ag-body-container,
.ag-body-horizontal-scroll-container,
.ag-center-cols-container,
.ag-floating-bottom-container,
.ag-floating-bottom-full-width-container,
.ag-floating-top-container,
.ag-full-width-container,
.ag-header-container,
.ag-pinned-left-cols-container,
.ag-pinned-right-cols-container,
.ag-virtual-list-container {
  position: relative;
}
.ag-floating-bottom-container,
.ag-floating-top-container,
.ag-header-container {
  height: 100%;
  white-space: nowrap;
}
.ag-center-cols-container {
  display: block;
}
.ag-layout-print .ag-center-cols-clipper {
  min-width: 100%;
}
.ag-pinned-right-cols-container {
  display: block;
}
.ag-body-horizontal-scroll-container {
  height: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container,
.ag-full-width-container {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-full-width-container {
  width: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.ag-virtual-list-container {
  overflow: hidden;
}
.ag-center-cols-clipper {
  flex: 1 1 auto;
  min-height: 100%;
  min-width: 0;
  overflow: hidden;
}
.ag-body-horizontal-scroll {
  display: flex;
  min-height: 0;
  min-width: 0;
  position: relative;
  width: 100%;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}
.ag-force-vertical-scroll.ag-layout-print {
  overflow-y: visible !important;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}
.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.ag-header-cell-sortable {
  cursor: pointer;
}
.ag-header {
  display: flex;
  white-space: nowrap;
  width: 100%;
}
.ag-pinned-left-header,
.ag-pinned-right-header {
  height: 100%;
}
.ag-header-cell,
.ag-header-row {
  overflow: hidden;
  position: absolute;
}
.ag-header-cell {
  align-items: center;
  display: inline-flex;
  height: 100%;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  opacity: 0;
  transition: opacity 0.2s;
}
.ag-header-cell-label,
.ag-header-group-cell-label {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}
.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-header-cell-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 8px;
  z-index: 2;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}
.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}
.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}
.ag-header-select-all {
  display: flex;
}
.ag-column-moving .ag-cell,
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}
.ag-column-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.ag-column-select {
  display: flex;
  flex-basis: 0;
  flex-direction: column;
  flex-grow: 3;
  flex-shrink: 1;
  overflow: hidden;
}
.ag-column-select-header {
  display: flex;
  flex: none;
  position: relative;
}
.ag-column-select-header-icon {
  position: relative;
}
.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-header-filter {
  width: 100%;
}
.ag-column-select-list {
  flex: 1 1;
  overflow: hidden;
}
.ag-column-drop {
  align-items: center;
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.ag-column-drop-cell,
.ag-column-drop-list {
  align-items: center;
  display: flex;
}
.ag-column-drop-cell-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-drop-vertical {
  align-items: stretch;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  overflow: hidden;
}
.ag-column-drop-vertical-title-bar {
  align-items: center;
  display: flex;
  flex: none;
}
.ag-column-drop-vertical-list {
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: auto;
  position: relative;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
  display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
  overflow: hidden;
  white-space: nowrap;
}
.ag-column-drop-cell-button {
  cursor: pointer;
}
.ag-filter-toolpanel {
  flex: 1 1;
  min-width: 0;
}
.ag-filter-toolpanel-header {
  position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search,
.ag-filter-toolpanel-search > * {
  align-items: center;
  display: flex;
}
.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.ag-row-animation .ag-row {
  transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s,
    -webkit-transform 0.4s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s,
    opacity 0.2s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s,
    opacity 0.2s, -webkit-transform 0.4s;
}
.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}
.ag-row {
  white-space: nowrap;
  width: 100%;
}
.ag-row-loading {
  align-items: center;
  display: flex;
}
.ag-row-position-absolute {
  position: absolute;
}
.ag-row-position-relative {
  position: relative;
}
.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}
.ag-row-inline-editing {
  z-index: 1;
}
.ag-row-dragging {
  z-index: 2;
}
.ag-stub-cell {
  align-items: center;
  display: flex;
}
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}
.ag-cell-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  align-items: center;
}
.ag-cell-auto-height {
  height: 100%;
}
.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  line-height: normal;
  width: 100%;
}
.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.ag-set-filter-item {
  align-items: center;
  display: flex;
  height: 100%;
}
.ag-set-filter-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-set-filter-item-checkbox {
  display: flex;
}
.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter-filter {
  flex: 1 1;
}
.ag-filter-condition {
  display: flex;
  justify-content: center;
}
.ag-floating-filter-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
}
.ag-floating-filter-full-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter {
  display: inline-block;
  position: absolute;
}
.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}
.ag-floating-filter-button {
  display: flex;
  flex: none;
}
.ag-dnd-ghost {
  align-items: center;
  cursor: move;
  display: inline-flex;
  position: absolute;
  white-space: nowrap;
}
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-overlay-panel,
.ag-overlay-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}
.ag-overlay-wrapper {
  align-items: center;
  flex: none;
  justify-content: center;
  text-align: center;
}
.ag-overlay-loading-wrapper {
  pointer-events: all;
}
.ag-popup-child {
  z-index: 5;
}
.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
.ag-large-text-input {
  display: block;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-floating-top {
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.ag-floating-bottom {
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.ag-panel-title-bar {
  align-items: center;
  cursor: default;
  display: flex;
  flex: none;
}
.ag-panel-title-bar-title {
  flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
  display: flex;
}
.ag-panel-title-bar-button {
  cursor: pointer;
}
.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.ag-dialog,
.ag-resizer {
  position: absolute;
}
.ag-resizer {
  pointer-events: none;
  z-index: 1;
}
.ag-resizer.ag-resizer-topLeft {
  cursor: nwse-resize;
  height: 5px;
  left: 0;
  top: 0;
  width: 5px;
}
.ag-resizer.ag-resizer-top {
  cursor: ns-resize;
  height: 5px;
  left: 5px;
  right: 5px;
  top: 0;
}
.ag-resizer.ag-resizer-topRight {
  cursor: nesw-resize;
  height: 5px;
  right: 0;
  top: 0;
  width: 5px;
}
.ag-resizer.ag-resizer-right {
  bottom: 5px;
  cursor: ew-resize;
  right: 0;
  top: 5px;
  width: 5px;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  cursor: nwse-resize;
  height: 5px;
  right: 0;
  width: 5px;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  cursor: ns-resize;
  height: 5px;
  left: 5px;
  right: 5px;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  cursor: nesw-resize;
  height: 5px;
  left: 0;
  width: 5px;
}
.ag-resizer.ag-resizer-left {
  bottom: 5px;
  cursor: ew-resize;
  left: 0;
  top: 5px;
  width: 5px;
}
.ag-tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 99999;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-compact-menu-option {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.ag-compact-menu-option-text {
  flex: 1 1 auto;
  white-space: nowrap;
}
.ag-rich-select {
  cursor: default;
  outline: none;
}
.ag-rich-select-value {
  align-items: center;
  display: flex;
}
.ag-rich-select-value-icon {
  flex: 1 1 auto;
  order: 1;
}
.ag-ltr .ag-rich-select-value-icon {
  text-align: right;
}
.ag-rtl .ag-rich-select-value-icon {
  text-align: left;
}
.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-virtual-list-item {
  display: flex;
}
.ag-rich-select-row {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  white-space: nowrap;
}
.ag-paging-panel {
  justify-content: flex-end;
}
.ag-paging-page-summary-panel,
.ag-paging-panel {
  align-items: center;
  display: flex;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  cursor: default;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 200px;
}
.ag-column-select-column,
.ag-column-select-column-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-select-column-group > *,
.ag-column-select-column > * {
  flex: none;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize,
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
}
.ag-cell-label-container {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar-left {
  flex-direction: row;
  order: -1;
}
.ag-side-button-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  outline: none;
  position: relative;
  white-space: nowrap;
}
.ag-side-button-label {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-panel {
  display: inline-flex;
}
.ag-status-name-value {
  white-space: nowrap;
}
.ag-status-bar-center,
.ag-status-bar-left,
.ag-status-bar-right {
  display: inline-flex;
}
.ag-icon {
  speak: none;
  display: block;
}
.ag-group {
  position: relative;
  width: 100%;
}
.ag-group-title-bar {
  align-items: center;
  display: flex;
}
.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-group-title-bar .ag-group-title {
  cursor: default;
}
.ag-group-toolbar {
  align-items: center;
  display: flex;
}
.ag-group-container {
  display: flex;
}
.ag-disabled .ag-group-container {
  pointer-events: none;
}
.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-group-container-vertical {
  flex-direction: column;
}
.ag-charts-font-size-color {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
}
.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-toggle-button-icon {
  position: absolute;
  top: -1px;
  transition: right 0.3s;
}
.ag-input-field,
.ag-select {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.ag-input-field-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.ag-floating-filter-input .ag-input-field-input[type="date"] {
  width: 1px;
}
.ag-angle-select,
.ag-range-field {
  align-items: center;
  display: flex;
}
.ag-angle-select-wrapper {
  display: flex;
}
.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select-child-circle {
  position: absolute;
}
.ag-slider-wrapper {
  display: flex;
}
.ag-picker-field-display,
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}
.ag-picker-field {
  align-items: center;
  display: flex;
}
.ag-picker-field-icon {
  border: 0;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}
.ag-picker-field-wrapper {
  overflow: hidden;
}
.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}
.ag-label-align-top {
  align-items: flex-start;
  flex-direction: column;
}
.ag-label-align-top > * {
  align-self: stretch;
}
.ag-color-panel {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.ag-spectrum-color {
  cursor: default;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.ag-spectrum-fill {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ag-spectrum-val {
  cursor: pointer;
}
.ag-spectrum-dragger {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
}
.ag-spectrum-hue {
  background: linear-gradient(
    270deg,
    red 3%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red
  );
  cursor: default;
}
.ag-spectrum-alpha {
  cursor: default;
}
.ag-spectrum-hue-background {
  height: 100%;
  width: 100%;
}
.ag-spectrum-alpha-background {
  background-image: linear-gradient(90deg, transparent, #000);
  height: 100%;
  width: 100%;
}
.ag-spectrum-tool {
  cursor: pointer;
}
.ag-spectrum-slider {
  pointer-events: none;
  position: absolute;
}
.ag-recent-colors {
  display: flex;
}
.ag-recent-color {
  cursor: pointer;
}
.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}
.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}
.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}
.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}
.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}
.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}
.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}
.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}
.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}
.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}
.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}
.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}
.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}
.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}
.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}
.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}
.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}
.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}
.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-body-horizontal-scroll,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-header {
  flex-direction: row;
}
.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-body-horizontal-scroll,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-header {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}
.ag-chart {
  height: 100%;
  width: 100%;
}
.ag-chart,
.ag-chart-components-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
}
.ag-chart-components-wrapper {
  flex: 1 1 auto;
}
.ag-chart-title-edit {
  display: none;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
.ag-chart-title-edit.currently-editing {
  display: inline-block;
}
.ag-chart-canvas-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.ag-charts-canvas {
  display: block;
}
.ag-chart-menu {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 24px;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}
.ag-chart-docked-container {
  min-width: 0;
  position: relative;
  transition: min-width 0.4s;
  width: 0;
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}
.ag-chart-tabbed-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.ag-chart-tabbed-menu-header {
  cursor: default;
  flex: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-tabbed-menu-body {
  align-items: stretch;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}
.ag-chart-tab {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ag-chart-settings-nav-bar {
  align-items: center;
  display: flex;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.ag-chart-settings-card-selector {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  justify-content: space-around;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  background-color: #000;
  cursor: pointer;
  height: 10px;
  position: relative;
  width: 10px;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item:before {
  background-color: transparent;
  content: " ";
  display: block;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}
.ag-chart-settings-next,
.ag-chart-settings-prev {
  flex: none;
  position: relative;
}
.ag-chart-settings-next-button,
.ag-chart-settings-prev-button {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-chart-settings-mini-charts-container {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ag-chart-settings-mini-wrapper {
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}
.ag-charts-font-panel-controls {
  justify-content: space-between;
}
.ag-chart-empty-text {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  top: 0;
  width: 100%;
}
.ag-chart .ag-chart-menu {
  opacity: 0;
  pointer-events: none;
}
.ag-chart-menu-hidden:hover .ag-chart-menu {
  opacity: 1;
  pointer-events: all;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row,
.ag-date-time-list-page-title-bar {
  display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}
.ag-date-time-list-page-entry {
  cursor: pointer;
}
.ag-theme-material {
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  font-family: Roboto, sans-serif;
  font-size: 13px;
  line-height: normal;
}
@font-face {
  font-family: agGridMaterial;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABGsAAsAAAAAIJAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAlEAAAReYPJi3U9TLzIAAANcAAAAPgAAAFZWTFJvY21hcAAAA5wAAAHsAAAFgGqPB0pnbHlmAAAFiAAACFEAAA58peGl1GhlYWQAAA3cAAAALwAAADZ2zcSBaGhlYQAADgwAAAAWAAAAJAfRBDJobXR4AAAOJAAAABIAAAEkt5gAAGxvY2EAAA44AAAAbQAAAJSyFLU8bWF4cAAADqgAAAAfAAAAIAFcAEluYW1lAAAOyAAAATIAAAJebBQ2inBvc3QAAA/8AAABrgAAAom3/2OGeJx9k09yElEQxr9hCCYBk6gRFVFT8X/UOM4MTIBIQBApKwsXLly4iQstrZSrnMC1B7A8gKfwBJZLVx7AA1gewF83g5gswhQz73V//fXX/fopkLSoSF0VhqPd51ra3zt4r5qKmvzM//862H/7Zk/z0x2+on/nFYR/tKR1vdCBvgUKXgefC6WwEHbD3fBD+Cn8oRDUmjZBl/WAJ1bCO1KqhprKVFAJW8x6Sy3QIe+2W0+rqjn3DDTUWXLGxAydcUNPdU0r8PSdp0ctAzhT5+zxHvFc1/IxiEw34G+gZhursdbReUoLeozGHjo6RLfwruDbIXNETB9fH22ho4rex7Fe6h42q80iGzku5R/rke8j31XowhTVhr8Jv/FtknVqb5IpIeIu7A1QD/MebugK0U14erB1PHrLoysgExSmuszKKkuorEKH2nqmV0SWUTGJ6XkXJzXfQv3M3ne+TLcPWTtwjcDeQcPMaidyk1xWewK+yv6dPuqLvuq7fuqXfoOvkiXxCrpw7xzbmQX6dxQ9wNv+Z7VKT3AWR1GHEYvU3fTexPiGeQctWwWf9SZlHWFNHV+G0/AD1GScxhyTF3neBGuJ/Tb7GPRSPo0tnpPe5yEzYBNQo5Mxb2OazFtGhy8QbauJrnPerRY85/20rKd2k5Z9ZzNvp1zj1C/yjais4f15gvcSFmOaWeoelaHaOO7jz1A7y2aq6qhKfXZtssZ+CwZkWqOOiZJEV/0GjH2q1lHQyG/kqs64+k5+UquOiz0qoBNRfpNT75lNch9tNhWjv/VfaSwAAAB4nGNgZGphnMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4Muh8NmF8AuVFgEqgRRAAA0p8KWwAAeJy11AduVDEUheF/SkILvbcUSK+T3ntlGaFHoUShR6ySndwNEM4dHxYQJCx9c8d+nvdsPZ8BWoCaDEsdqnUqZPut0UpzvMbF5nidX+q3cZ6qvo9wwBEn0Tg91egI+xxyHJVm72+raHYbj+hlRr01GqywwDqT7DDOEtMss8gGs7q+xQTzTLHJHnOsss2ufl/V0+u0ck5PvaB1XNL9LnOFq1zjOje4yS1uc4e73OM+D3iopz3WnHY66KSLp5rXTY9W0Ec/AwwypB21ab2jjGmBrZytrZ1xfrbGysL65M74kna7uDE7o43OT23uza1u7/7Dzf5Da8uP2k/3npFvs1iTfWvIc1uRF7YgL21dXtmkvLYdeWPj8taW5MCm5dCW5Z0tynvbkA82Kx8tT9eRbcmxTcgnm5fPNiVfbFO+2p58szn5bqvyw7blxPQCo1JkVqJakLVWZLaiXmS+oqXQmSZMp5swnXPCdOIJywyGKQWE5dsLUzIIU0YIU1oIUx4IU4IIU5YIU6oIU74IU9IIU+YIU/oIUw4JUyIJUzYJU0oJU14JU3IJa+6rvSBrR0HWzoKsXQVZnxRKPWHN/XYXZO0pyNpbkLWvIGt/QdaBgqyDBVmHCrIOF/kfGiNFc/2jRWYpxgpyrFEw9gcVSJ+veJzFV21MW+cVvue9xTcmEOKAffECduyLfWkwrsy1udgGwlcCisrHZCdaG1LTdIG0sBjaVF2WoX1okyK1ayqt9Efzp9GkizSpTVv+pNOUVCxVmfrHUfNrYmzqn+GsQ1RCreTGVzvnxTbhY1Kn/Rjc933PfT/OPee8z/mwAAL+sTWxR9gvCOCxV4LdE/HoqoetmRVQZX4FG+byvXvQIHYncrnEbCYjCI/RGfED8QPBIlQKNcJhPKlFNFXSJCUiyRHNp9oVu2ZXFbsi6wrcMNKLi+k26lj/Yjo9z9/Zz7CfJyqxmDbSOlLIlssj9qA8+wShWtZtmk3WYT6WTa7GzQXYiGfNMvg2G4dBFJvvnRPnUIYjeNQrWSRLjeyQHS16q94aVv2qv1pSJVVXdVmXJdiYeTalR6N66tkvikQq9tZbsbk53otz25Y4kf9zcRV74f/zTZF/s1asRUqie6rWbAo1XbMrmdnZB5cuZV9+mT1vTrCB/K1cTijJuSquCtWCk27WewDsthoXaJ6WTojYwkGwgi6DLF5++LVLc+EjlvMxv2Y+GFoCY0hcxfdtiw+/BsfQp2AMb+cv781fRCDt4v6b/H0W2M05f3/6UZ4i52nz2Hx78UWeYvkOvpuT6Z18C7b7sfhDoQwRVSsIVpBkK4i6Gyx0dfYaR0trhK6N/dNMxZ4z89C5tPTp+/v3O6scoeMhR5UTFuFGHBfMP0HH0lJnZaXrsN/pDYW8Tl+di9hbS5jdvJ8qbpPDgltQ6K4iCjUJWwSbjE23a5GywrwN27xh5PhTGM2xwhu7buTHcUwahQlcwafoJ+waW0O9BFRJQi95M3b7dizH1uJ37sRzJdz8XLyDmjuFen5LFjt6lEfmRI0DjdqKNvUr1R6bh71vViihJGzMmhFSDz7DXgEzAp+Jt0Pe/EesPxFS8h/RGutXQvnzrL/gr4RNih+Iey6KrKtibTybLT7sr4+8bPdxPGNTbKoEYjd3chgkJ4dvzbIsOvwOPZG7rrLXY7lc7DZbiOdy8TulmPEUWxXa8SXIFK9FUlu1FtkF8gFAUldwQpEtitevKi6mtehEq0HAJdkiabTZIWvsTSnYp3ri8uBTEyMDJ16ok0+1DfmsvZLt6FDfPqsnvK9Xaj6uNhzp7x3A9ck6//fPWB/71eP1jUfC1h5m83UoTseg5nZf7O845xn0abWHjh4H1e3vVKpOfI+mx7pGq2sa6/xFXJLMhxAnjTySoKwoMQaSTtBRNr/oDUK4E1pcUHMARK+FoBr2wwaXre6FEwPvIFFfj8RI4GQgcPIH1AUao9GRaJT9g77Xf9HtLo7mZGEHdiDSnpFoESOTaN9CbPEhHikHAHovRm7DXGZr+WuYBSpyCbiRSJjLyVJ8Yd/we7HSzeh4N4AxiX3z8cd4MWYkmYQIATFHZwu+3cNm+Hco03jKKD5058fZ24U2k5hP0DYL3/uMWI5UuWAT7IheN51BMzQBCaejTXCo5h6FmUdBM2msHxzo8vPgMB/MI2FWpOlvhYICDFI3ND29gmM6fz+dnqbpXXpUE3pVD+rxFVcDXkkm2QJXA5XYmZ8AEyVGURXV2IQrDBJ0mSsbMxfMhVi2aN859gnmi1ohgF9AUeMQUTCuYVTjVBBkNIUPU2aLi5GKSHQCRrrfedsVw4iOtbWNRQ1Daff+HobMD+EVToNSWoQNJa4Mt6VeTLUNK3EpaWB/gmbGZlJtxbhajvaUuR0xLWHikCXM0hFMVGRAHbO2qOkRVZHsLHB+ePyNN8aHz0+XiPHR7u7RbvaTbZNEmFe6aalgl0lxkjSuxtudRdgcEicTwh4Y01Fd/o93yPdtNiwvkplEouDza8I9OqkjLw6hDMfGnrxsBbzO0r4ivy24io/kbI8Q/A9ZG8JEUiCAIABGCkCM1dDGvXK42dMceHLwTPRCk9nsbYBBJOBzbwNN7pXSzdSZwScDzQ1es7npgvllgxc+b7oQ5XNFnaYwTjvwflSUTwkCxjBlR5D2tDhqLF5/uBU8Ng1V1sTam5VdI12VN3lIHqDeXLY5nV6nEyL5W0l4JylO+oJBH0bv83zPdW+oVqnFB210fXa2iI0usROlqKJMourVwKM41S8qnHlVffVvEHC51ttPr59qv+yCVpyBv5v3Xa7L7afWT7evu7bqjf+dj7VUW27mUI/gE5qEJwRN0DE2edBX0BSdVA24qC44AIBug/bw+PinsOTUfLz8onlyKR0bRRm3Vl+vudnbfMz/yzAQK33wR/OLY8fUiYmb+P6l2nWsccK8gqRjZWXFMNq2Drg5A7Ab8GvzynvHuujI/BNqFxLgp8RsbKu5aoTHiyg7SCg7QtA6SCgTvdRzqLXQSgFgVy/N9Pb19c5cgoNF6uqPzj4d0fXI02f/UiTEVVow17dvfvjTbZs4UcAUyVKBNmwlaXjA2Qws6n8hWt9Lvb0vXaWu77tJydYK+7HLfWeBd8VWSUbPx5zyaM3Pa4RsDIt/VvCZSfwF4tisFZWSr5TpHHY2dJD8rcSma5gLU7FMJjaVpB800GAu8xKnoW4qnsnEp+C3pZrqE3aWuAMWVA2ZDBulXzzFtbMYxxmXjebZ3b3WEOyvZTJ0VtjFEwtunKf1LX2fEyuKtQ2ocPHd+CpsxCDxbiyLY7G+Yq5iXM1Qjc9cyRLvNXZtswak4qiQq9jrVAlu1YBzaCfKoy0UWyjNgN1hkWQsqBEMEtakVCjZt/JRJIyFEW6U8dGB3d1MOPrRjvCxtrFzo8l9+Vu/jA0Us1JP6LT7xdTAfDjfz+5i6lECx/d3HD7XHk21GUmY+kXt811RnpmU0Mmy08lncCf7gyD8G975gHwAAAB4nGNgZGBgAOLNefk58fw2Xxm4mV8ABaI4H+9rQNAMDMwvQOIMHAxMIB4AThwLfgB4nGNgZGBgfsHAgEQyMqACTwBFgwMNAAB4nGNgYGBgfjF0MT0AAODAKyYAAHicY2AAAikGD4Y4hhkMlxjeMMowujEWMC5ivMP4jkmByYopgCmJaQ8zA7MMswmzF3MD8wzmDcyfWFRYjFi8WCJYilgOsTKwqrB6sC5jfcPmxhbD1sY2hW0R2wa2fWwX2O6xfWC3Ix0CAAMJHZwAAAB4nGNgZGBg8GSwZeBkAAEmIOYCQgaG/2A+AwAWwQGmAHicfZA9asNAEIWf/BdiQwiEuFKxEEgTkH9Kk9qCgBsX7mVrJcustWK1NvgGOUhOkEOkzEFyijytt7ELz8LwvTdvplgAj/hBgKYCPLjeVAt3VGduk549d8gvnrsYYOK5R//dcx9v+PA8wBMOvBB07umE+PTcYv7Lc5v+t+cO+ddzF0P8ee4hDOC5j1UQeh7gNTBJHpsiXSRWmiJRS5kfVHJlXqqVNHWhSzGJxpeDWJbSkFOxPon6mE+tzURm9F7MdWmlUlpURu/kxkZba6vZaJR5P9roPRLkiGFQIMWCykI6lUBhSc75F4rK3Ezemq0c11QaJQT/P8L45kZMLp0++ym31jix1zhyb0rXIqPOmNHYk+buepNWfJpO5WY7Ohv6EbZuq8IMI77sKh8xxUv/NPJv3gAAeJxtkQdv2zAQhf3Fki3baeO6bbr3Hmqb7r1X+i9oipaJSKRAUR759WXtIECAHnDgew+Hd4OtjdY6+q3/xy4btImI6dAloUefAZsc4zhbDDnBiJOc4jTbnOEs5zjPBS5yictc4SrXuM4NbnKL29zhLve4zwMekvKIxzxhh6c84zkveMkrXvOGt7zjPR/4yCc+84WvfOM7P/jJL36zy5/WQOS5U7nw2pqOcM7O67aoZUcKI1WRrJ90J5ZT4fxQTpXcG9tFugIq2z4UtMmUV67URng1OpQbc1C5KW1hXVrpQFw3kKY0dV9a452QXmWRtNUyls7WdZSpWiZqUYngmfXUUqV1IeppO6DORBehTTzRrvZR7nQV5842VRQKfFSoie8U2oR+3cKKTJs8KcVCl3pfRaUyTRLmWzNjjRoY61NRFHausrgKBqpdaROHDAtXemb90AUTm44b761J7WSydVQwsdP51Ee1mKl+XQavNLNzcwD/jTNYw1VZssZhWh/OMPJOqaN3660kWymTNGa9B4Ich8KjsRjm1EgKpuwxZhE+P6OkoWLJhH1mrdZfDrCtIAAA)
    format("woff");
}
.ag-theme-material .ag-icon {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: agGridMaterial;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: none;
}
.ag-theme-material .ag-icon-aggregation:before {
  content: "";
}
.ag-theme-material .ag-icon-arrows:before {
  content: "";
}
.ag-theme-material .ag-icon-asc:before {
  content: "";
}
.ag-theme-material .ag-icon-cancel:before {
  content: "";
}
.ag-theme-material .ag-icon-chart:before {
  content: "";
}
.ag-theme-material .ag-icon-color-picker:before {
  content: "";
}
.ag-theme-material .ag-icon-columns:before {
  content: "";
}
.ag-theme-material .ag-icon-contracted:before {
  content: "";
}
.ag-theme-material .ag-icon-copy:before {
  content: "";
}
.ag-theme-material .ag-icon-cross:before {
  content: "";
}
.ag-theme-material .ag-icon-desc:before {
  content: "";
}
.ag-theme-material .ag-icon-expanded:before {
  content: "";
}
.ag-theme-material .ag-icon-eye-slash:before {
  content: "";
}
.ag-theme-material .ag-icon-eye:before {
  content: "";
}
.ag-theme-material .ag-icon-filter:before {
  content: "";
}
.ag-theme-material .ag-icon-first:before {
  content: "";
}
.ag-theme-material .ag-icon-grip:before {
  content: "";
}
.ag-theme-material .ag-icon-group:before {
  content: "";
}
.ag-theme-material .ag-icon-last:before {
  content: "";
}
.ag-theme-material .ag-icon-left:before {
  content: "";
}
.ag-theme-material .ag-icon-linked:before {
  content: "";
}
.ag-theme-material .ag-icon-loading:before {
  content: "";
}
.ag-theme-material .ag-icon-maximize:before {
  content: "";
}
.ag-theme-material .ag-icon-menu:before {
  content: "";
}
.ag-theme-material .ag-icon-minimize:before {
  content: "";
}
.ag-theme-material .ag-icon-next:before {
  content: "";
}
.ag-theme-material .ag-icon-none:before {
  content: "";
}
.ag-theme-material .ag-icon-not-allowed:before {
  content: "";
}
.ag-theme-material .ag-icon-paste:before {
  content: "";
}
.ag-theme-material .ag-icon-pin:before {
  content: "";
}
.ag-theme-material .ag-icon-pivot:before {
  content: "";
}
.ag-theme-material .ag-icon-previous:before {
  content: "";
}
.ag-theme-material .ag-icon-right:before {
  content: "";
}
.ag-theme-material .ag-icon-save:before {
  content: "";
}
.ag-theme-material .ag-icon-small-down:before {
  content: "";
}
.ag-theme-material .ag-icon-small-left:before {
  content: "";
}
.ag-theme-material .ag-icon-small-right:before {
  content: "";
}
.ag-theme-material .ag-icon-small-up:before {
  content: "";
}
.ag-theme-material .ag-icon-tick:before {
  content: "";
}
.ag-theme-material .ag-icon-tree-closed:before {
  content: "";
}
.ag-theme-material .ag-icon-tree-indeterminate:before {
  content: "";
}
.ag-theme-material .ag-icon-tree-open:before {
  content: "";
}
.ag-theme-material .ag-icon-unlinked:before {
  content: "";
}
.ag-theme-material .ag-icon-row-drag:before {
  content: "";
}
.ag-theme-material .ag-left-arrow:before {
  content: "";
}
.ag-theme-material .ag-right-arrow:before {
  content: "";
}
.ag-theme-material .ag-root-wrapper {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material [class^="ag-"],
.ag-theme-material [class^="ag-"]:after,
.ag-theme-material [class^="ag-"]:before,
.ag-theme-material [class^="ag-"]:focus {
  box-sizing: border-box;
  outline: none;
}
.ag-theme-material [class^="ag-"]::-ms-clear {
  display: none;
}
.ag-theme-material .ag-checkbox .ag-input-wrapper,
.ag-theme-material .ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-theme-material .ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-theme-material .ag-toggle-button {
  flex: none;
  min-width: 0;
  min-width: auto;
  width: auto;
}
.ag-theme-material .ag-ltr .ag-label-align-right .ag-label {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-label-align-right .ag-label {
  margin-right: 8px;
}
.ag-theme-material input[class^="ag-"] {
  margin: 0;
}
.ag-theme-material input[class^="ag-"],
.ag-theme-material select[class^="ag-"],
.ag-theme-material textarea[class^="ag-"] {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material input[class^="ag-"]:not([type]),
.ag-theme-material input[class^="ag-"][type="date"],
.ag-theme-material input[class^="ag-"][type="datetime-local"],
.ag-theme-material input[class^="ag-"][type="number"],
.ag-theme-material input[class^="ag-"][type="tel"],
.ag-theme-material input[class^="ag-"][type="text"],
.ag-theme-material textarea[class^="ag-"] {
  border: 1px solid #000;
  border-color: var(--ag-input-border-color, #000);
  color: inherit;
  line-height: inherit;
}
.ag-theme-material input[class^="ag-"]:not([type]):disabled,
.ag-theme-material input[class^="ag-"][type="date"]:disabled,
.ag-theme-material input[class^="ag-"][type="datetime-local"]:disabled,
.ag-theme-material input[class^="ag-"][type="number"]:disabled,
.ag-theme-material input[class^="ag-"][type="tel"]:disabled,
.ag-theme-material input[class^="ag-"][type="text"]:disabled,
.ag-theme-material textarea[class^="ag-"]:disabled {
  background-color: transparent;
  background-color: var(--ag-input-disabled-background-color, transparent);
  border-color: rgba(0, 0, 0, 0.3);
  border-color: var(--ag-input-disabled-border-color, rgba(0, 0, 0, 0.3));
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material input[class^="ag-"]:not([type]):focus,
.ag-theme-material input[class^="ag-"][type="date"]:focus,
.ag-theme-material input[class^="ag-"][type="datetime-local"]:focus,
.ag-theme-material input[class^="ag-"][type="number"]:focus,
.ag-theme-material input[class^="ag-"][type="tel"]:focus,
.ag-theme-material input[class^="ag-"][type="text"]:focus,
.ag-theme-material textarea[class^="ag-"]:focus {
  border-color: #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  outline: none;
}
.ag-theme-material input[class^="ag-"][type="number"] {
  -moz-appearance: textfield;
}
.ag-theme-material
  input[class^="ag-"][type="number"]::-webkit-inner-spin-button,
.ag-theme-material
  input[class^="ag-"][type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-theme-material input[class^="ag-"][type="range"] {
  padding: 0;
}
.ag-theme-material button[class^="ag-"]:focus,
.ag-theme-material input[class^="ag-"][type="button"]:focus {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-drag-handle {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-list-item,
.ag-theme-material .ag-virtual-list-item {
  height: 40px;
}
.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-select-list {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-theme-material .ag-list-item {
  align-items: center;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-theme-material .ag-list-item.ag-active-item {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-select-list-item {
  cursor: default;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-theme-material .ag-select-list-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-theme-material .ag-select .ag-picker-field-wrapper {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  cursor: default;
  min-height: 40px;
}
.ag-theme-material .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-theme-material .ag-select:not(.ag-cell-editor) {
  height: 40px;
}
.ag-theme-material .ag-select .ag-picker-field-display {
  margin: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-theme-material .ag-select .ag-picker-field-icon {
  align-items: center;
  display: flex;
}
.ag-theme-material .ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-rich-select {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-rich-select-list {
  height: 312px;
  min-width: 200px;
  width: 100%;
}
.ag-theme-material .ag-rich-select-value {
  height: 48px;
  padding: 0 8px 0 24px;
}
.ag-theme-material .ag-rich-select-virtual-list-item {
  cursor: default;
  height: 40px;
}
.ag-theme-material .ag-rich-select-virtual-list-item:hover {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-rich-select-row {
  padding-left: 24px;
}
.ag-theme-material .ag-rich-select-row-selected {
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
}
.ag-theme-material .ag-group-contracted,
.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-row-drag,
.ag-theme-material .ag-selection-checkbox {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-ltr .ag-group-contracted,
.ag-theme-material .ag-ltr .ag-group-expanded,
.ag-theme-material .ag-ltr .ag-row-drag,
.ag-theme-material .ag-ltr .ag-selection-checkbox {
  margin-right: 24px;
}
.ag-theme-material .ag-rtl .ag-group-contracted,
.ag-theme-material .ag-rtl .ag-group-expanded,
.ag-theme-material .ag-rtl .ag-row-drag,
.ag-theme-material .ag-rtl .ag-selection-checkbox {
  margin-left: 24px;
}
.ag-theme-material
  .ag-cell-wrapper
  > :not(.ag-cell-value):not(.ag-group-value) {
  align-items: center;
  display: flex;
  flex: none;
  height: 46px;
}
.ag-theme-material .ag-group-contracted,
.ag-theme-material .ag-group-expanded {
  cursor: pointer;
}
.ag-theme-material .ag-group-title-bar-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  cursor: pointer;
  flex: none;
}
.ag-theme-material .ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-theme-material .ag-rtl .ag-group-child-count {
  margin-right: 2px;
}
.ag-theme-material .ag-group-title-bar {
  background-color: #eee;
  background-color: var(--ag-subheader-background-color, #eee);
  padding: 8px;
}
.ag-theme-material .ag-group-toolbar {
  padding: 8px;
}
.ag-theme-material .ag-disabled-group-container,
.ag-theme-material .ag-disabled-group-title-bar {
  opacity: 0.5;
}
.ag-theme-material .group-item {
  margin: 4px 0;
}
.ag-theme-material .ag-label {
  white-space: nowrap;
}
.ag-theme-material .ag-ltr .ag-label {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-label {
  margin-left: 8px;
}
.ag-theme-material .ag-label-align-top .ag-label {
  margin-bottom: 4px;
}
.ag-theme-material .ag-ltr .ag-angle-select-field,
.ag-theme-material .ag-ltr .ag-slider-field {
  margin-right: 16px;
}
.ag-theme-material .ag-rtl .ag-angle-select-field,
.ag-theme-material .ag-rtl .ag-slider-field {
  margin-left: 16px;
}
.ag-theme-material .ag-angle-select-parent-circle {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
  border-radius: 12px;
  height: 24px;
  width: 24px;
}
.ag-theme-material .ag-angle-select-child-circle {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  border-radius: 3px;
  height: 6px;
  left: 12px;
  margin-left: -3px;
  margin-top: -4px;
  top: 4px;
  width: 6px;
}
.ag-theme-material .ag-picker-field-wrapper {
  border: 1px solid #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
  border-radius: 5px;
}
.ag-theme-material .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-picker-field-button {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-theme-material .ag-color-picker .ag-picker-field-display {
  height: 18px;
}
.ag-theme-material .ag-color-panel {
  padding: 8px;
}
.ag-theme-material .ag-spectrum-color {
  background-color: red;
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-tools {
  padding: 10px;
}
.ag-theme-material .ag-spectrum-sat {
  background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
}
.ag-theme-material .ag-spectrum-val {
  background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0));
}
.ag-theme-material .ag-spectrum-dragger {
  background: #000;
  border: 1px solid #fff;
  border-radius: 12px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
  height: 12px;
  width: 12px;
}
.ag-theme-material .ag-spectrum-alpha-background,
.ag-theme-material .ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-tool {
  border-radius: 2px;
  height: 11px;
  margin-bottom: 10px;
}
.ag-theme-material .ag-spectrum-slider {
  background-color: #f8f8f8;
  border-radius: 13px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  height: 13px;
  margin-top: -12px;
  width: 13px;
}
.ag-theme-material .ag-recent-color {
  margin: 0 3px;
}
.ag-theme-material .ag-recent-color:first-child {
  margin-left: 0;
}
.ag-theme-material .ag-recent-color:last-child {
  margin-right: 0;
}
.ag-theme-material.ag-dnd-ghost {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px !important;
  line-height: 56px;
  margin: 0;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
  -webkit-transform: translateY(16px);
  transform: translateY(16px);
  z-index: 10;
}
.ag-theme-material .ag-dnd-ghost-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  margin-right: 8px;
}
.ag-theme-material .ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.ag-dragging-fill-handle .ag-theme-material .ag-dialog,
.ag-dragging-range-handle .ag-theme-material .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-theme-material .ag-dialog {
  border-radius: 2px;
}
.ag-theme-material .ag-panel {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-panel-title-bar {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px;
  padding: 8px 24px;
}
.ag-theme-material .ag-ltr .ag-panel-title-bar-button {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-panel-title-bar-button {
  margin-right: 8px;
}
.ag-theme-material .ag-tooltip {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  padding: 8px;
  transition: opacity 1s;
}
.ag-theme-material .ag-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-1 {
  padding-left: 26px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-1 {
  padding-right: 26px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-2 {
  padding-left: 52px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-2 {
  padding-right: 52px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-3 {
  padding-left: 78px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-3 {
  padding-right: 78px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-4 {
  padding-left: 104px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-4 {
  padding-right: 104px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-5 {
  padding-left: 130px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-5 {
  padding-right: 130px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-6 {
  padding-left: 156px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-6 {
  padding-right: 156px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-7 {
  padding-left: 182px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-7 {
  padding-right: 182px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-8 {
  padding-left: 208px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-8 {
  padding-right: 208px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-9 {
  padding-left: 234px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-9 {
  padding-right: 234px;
}
.ag-theme-material .ag-column-select-header-icon {
  cursor: pointer;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus {
  outline: none;
}
.ag-theme-material
  .ag-keyboard-focus
  .ag-column-select-header-icon:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-theme-material .ag-ltr .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-theme-material
  .ag-ltr
  .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material
  .ag-ltr
  .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-label:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material
  .ag-ltr
  .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-icon:not(:last-child) {
  margin-right: 12px;
}
.ag-theme-material .ag-rtl .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-theme-material
  .ag-rtl
  .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material
  .ag-rtl
  .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-label:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material
  .ag-rtl
  .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-icon:not(:last-child) {
  margin-left: 12px;
}
.ag-theme-material
  .ag-keyboard-focus
  .ag-column-select-virtual-list-item:focus {
  outline: none;
}
.ag-theme-material
  .ag-keyboard-focus
  .ag-column-select-virtual-list-item:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 2px);
  left: 1px;
  pointer-events: none;
  position: absolute;
  top: 1px;
  width: calc(100% - 2px);
}
.ag-theme-material .ag-column-select-column-group:not(:last-child),
.ag-theme-material .ag-column-select-column:not(:last-child) {
  margin-bottom: 14px;
}
.ag-theme-material .ag-column-select-column-group-readonly,
.ag-theme-material .ag-column-select-column-readonly {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  pointer-events: none;
}
.ag-theme-material .ag-ltr .ag-column-select-add-group-indent {
  margin-left: 34px;
}
.ag-theme-material .ag-rtl .ag-column-select-add-group-indent {
  margin-right: 34px;
}
.ag-theme-material .ag-column-select-virtual-list-viewport {
  padding: 8px 12px;
}
.ag-theme-material .ag-rtl {
  text-align: right;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: 66px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: 66px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-1 {
  padding-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-1 {
  padding-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: 108px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: 108px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-2 {
  padding-left: 84px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-2 {
  padding-right: 84px;
}
.ag-theme-material .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: 150px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: 150px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-3 {
  padding-left: 126px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-3 {
  padding-right: 126px;
}
.ag-theme-material .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: 192px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: 192px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-4 {
  padding-left: 168px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-4 {
  padding-right: 168px;
}
.ag-theme-material .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: 234px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: 234px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-5 {
  padding-left: 210px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-5 {
  padding-right: 210px;
}
.ag-theme-material .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: 276px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: 276px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-6 {
  padding-left: 252px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-6 {
  padding-right: 252px;
}
.ag-theme-material .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: 318px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: 318px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-7 {
  padding-left: 294px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-7 {
  padding-right: 294px;
}
.ag-theme-material .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: 360px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: 360px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-8 {
  padding-left: 336px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-8 {
  padding-right: 336px;
}
.ag-theme-material .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: 402px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: 402px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-9 {
  padding-left: 378px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-9 {
  padding-right: 378px;
}
.ag-theme-material .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: 444px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: 444px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-10 {
  padding-left: 420px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-10 {
  padding-right: 420px;
}
.ag-theme-material .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: 486px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: 486px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-11 {
  padding-left: 462px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-11 {
  padding-right: 462px;
}
.ag-theme-material .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: 528px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: 528px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-12 {
  padding-left: 504px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-12 {
  padding-right: 504px;
}
.ag-theme-material .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: 570px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: 570px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-13 {
  padding-left: 546px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-13 {
  padding-right: 546px;
}
.ag-theme-material .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: 612px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: 612px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-14 {
  padding-left: 588px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-14 {
  padding-right: 588px;
}
.ag-theme-material .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: 654px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: 654px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-15 {
  padding-left: 630px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-15 {
  padding-right: 630px;
}
.ag-theme-material .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: 696px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: 696px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-16 {
  padding-left: 672px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-16 {
  padding-right: 672px;
}
.ag-theme-material .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: 738px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: 738px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-17 {
  padding-left: 714px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-17 {
  padding-right: 714px;
}
.ag-theme-material .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: 780px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: 780px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-18 {
  padding-left: 756px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-18 {
  padding-right: 756px;
}
.ag-theme-material .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: 822px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: 822px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-19 {
  padding-left: 798px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-19 {
  padding-right: 798px;
}
.ag-theme-material .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row-group-leaf-indent {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-group-leaf-indent {
  margin-right: 42px;
}
.ag-theme-material .ag-value-change-delta {
  padding-right: 2px;
}
.ag-theme-material .ag-value-change-delta-up {
  color: #43a047;
  color: var(--ag-value-change-delta-up-color, #43a047);
}
.ag-theme-material .ag-value-change-delta-down {
  color: #e53935;
  color: var(--ag-value-change-delta-down-color, #e53935);
}
.ag-theme-material .ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-theme-material .ag-value-change-value-highlight {
  background-color: #00acc1;
  background-color: var(
    --ag-value-change-value-highlight-background-color,
    #00acc1
  );
  transition: background-color 0.1s;
}
.ag-theme-material .ag-cell-data-changed {
  background-color: #00acc1 !important;
  background-color: var(
    --ag-value-change-value-highlight-background-color,
    #00acc1
  ) !important;
}
.ag-theme-material .ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-theme-material .ag-cell-highlight {
  background-color: #fce4ec !important;
  background-color: var(
    --ag-range-selection-highlight-color,
    #fce4ec
  ) !important;
}
.ag-theme-material .ag-row {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border-bottom-style: solid;
  border-color: #e2e2e2;
  border-color: var(
    --ag-row-border-color,
    var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2))
  );
  border-width: 1px;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-data-color, var(--ag-foreground-color, rgba(0, 0, 0, 0.87)));
  height: 48px;
}
.ag-theme-material .ag-row-highlight-above:after,
.ag-theme-material .ag-row-highlight-below:after {
  background-color: #3f51b5;
  background-color: var(--ag-range-selection-border-color, #3f51b5);
  content: "";
  height: 1px;
  left: 1px;
  position: absolute;
  width: calc(100% - 1px);
}
.ag-theme-material .ag-row-highlight-above:after {
  top: -1px;
}
.ag-theme-material .ag-row-highlight-above.ag-row-first:after {
  top: 0;
}
.ag-theme-material .ag-row-highlight-below:after {
  bottom: 0;
}
.ag-theme-material .ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-theme-material .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: 1px solid #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: 1px solid #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-row-hover {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-theme-material .ag-rtl .ag-right-aligned-cell {
  text-align: left;
}
.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-cell-value {
  margin-left: auto;
}
.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-cell-value {
  margin-right: auto;
}
.ag-theme-material .ag-cell,
.ag-theme-material .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  -webkit-font-smoothing: subpixel-antialiased;
  border: 1px solid transparent;
  line-height: 46px;
  padding-left: 23px;
  padding-right: 23px;
}
.ag-theme-material .ag-row > .ag-cell-wrapper {
  padding-left: 23px;
  padding-right: 23px;
}
.ag-theme-material .ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-theme-material .ag-cell-inline-editing {
  height: 48px;
}
.ag-theme-material .ag-cell-inline-editing,
.ag-theme-material .ag-popup-editor {
  background: #fff;
  background: var(--ag-background-color, #fff);
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
}
.ag-theme-material .ag-large-text-input {
  height: auto;
  padding: 24px;
}
.ag-theme-material .ag-details-row {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  padding: 40px;
}
.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-theme-material .ag-overlay-loading-wrapper {
  background-color: hsla(0, 0%, 100%, 0.66);
  background-color: var(
    --ag-modal-overlay-background-color,
    hsla(0, 0%, 100%, 0.66)
  );
}
.ag-theme-material .ag-overlay-loading-center {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
}
.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}
.ag-theme-material .ag-loading {
  align-items: center;
  display: flex;
  height: 100%;
  padding-left: 24px;
}
.ag-theme-material .ag-loading-icon {
  padding-right: 24px;
}
.ag-theme-material .ag-icon-loading {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.ag-theme-material .ag-floating-top {
  border-bottom: 1px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-floating-bottom {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-ltr .ag-cell {
  border-right: 1px solid transparent;
}
.ag-theme-material .ag-rtl .ag-cell {
  border-left: 1px solid transparent;
}
.ag-theme-material .ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-theme-material .ag-rtl .ag-cell {
  border-left-width: 1px;
}
.ag-theme-material
  .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: 1px solid #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material
  .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: 1px solid #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-row-selected {
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-single-cell:not(.ag-cell-inline-editing),
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus) {
  background-color: rgba(122, 134, 203, 0.1);
  background-color: var(
    --ag-range-selection-background-color,
    rgba(122, 134, 203, 0.1)
  );
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart,
.ag-theme-material
  .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart {
  background-color: rgba(0, 88, 255, 0.1) !important;
  background-color: var(
    --ag-range-selection-chart-background-color,
    rgba(0, 88, 255, 0.1)
  ) !important;
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-theme-material
  .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: rgba(0, 255, 132, 0.1) !important;
  background-color: var(
    --ag-range-selection-chart-category-background-color,
    rgba(0, 255, 132, 0.1)
  ) !important;
}
.ag-theme-material .ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-theme-material
  .ag-root:not(.ag-context-menu-open)
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: rgba(122, 134, 203, 0.1);
  background-color: var(
    --ag-range-selection-background-color-1,
    var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1))
  );
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-selected-2,
.ag-theme-material .ag-cell-range-selected-2:not(.ag-cell-focus) {
  background-color: rgba(122, 134, 203, 0.19);
  background-color: var(
    --ag-range-selection-background-color-2,
    rgba(122, 134, 203, 0.19)
  );
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-selected-3,
.ag-theme-material .ag-cell-range-selected-3:not(.ag-cell-focus) {
  background-color: rgba(122, 134, 203, 0.271);
  background-color: var(
    --ag-range-selection-background-color-3,
    rgba(122, 134, 203, 0.271)
  );
}
.ag-theme-material
  .ag-body-viewport:not(.ag-has-focus)
  .ag-cell-range-selected-4,
.ag-theme-material .ag-cell-range-selected-4:not(.ag-cell-focus) {
  background-color: rgba(122, 134, 203, 0.344);
  background-color: var(
    --ag-range-selection-background-color-4,
    rgba(122, 134, 203, 0.344)
  );
}
.ag-theme-material
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: #3f51b5;
  border-top-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: #3f51b5;
  border-right-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: #3f51b5;
  border-bottom-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: #3f51b5;
  border-left-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-ltr .ag-cell-range-single-cell,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material
  .ag-ltr
  .ag-context-menu-open
  .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material
  .ag-ltr
  .ag-has-focus
  .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material
  .ag-ltr
  .ag-has-focus
  .ag-full-width-row.ag-row-focus
  .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material
  .ag-rtl
  .ag-context-menu-open
  .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material
  .ag-rtl
  .ag-has-focus
  .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material
  .ag-rtl
  .ag-has-focus
  .ag-full-width-row.ag-row-focus
  .ag-cell-wrapper.ag-row-group {
  border: 1px solid #3f51b5;
  border-color: var(--ag-range-selection-border-color, #3f51b5);
  outline: medium none invert;
  outline: initial;
}
.ag-theme-material .ag-cell.ag-selection-fill-top,
.ag-theme-material .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed #3f51b5;
  border-top-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right,
.ag-theme-material
  .ag-ltr
  .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed #3f51b5;
  border-right-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right,
.ag-theme-material
  .ag-rtl
  .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed #3f51b5;
  border-left-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-cell.ag-selection-fill-bottom,
.ag-theme-material .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed #3f51b5;
  border-bottom-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left,
.ag-theme-material
  .ag-ltr
  .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed #3f51b5;
  border-left-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left,
.ag-theme-material
  .ag-rtl
  .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed #3f51b5;
  border-right-color: var(--ag-range-selection-border-color, #3f51b5);
}
.ag-theme-material .ag-fill-handle,
.ag-theme-material .ag-range-handle {
  background-color: #3f51b5;
  background-color: var(--ag-range-selection-border-color, #3f51b5);
  bottom: -1px;
  height: 6px;
  position: absolute;
  width: 6px;
}
.ag-theme-material .ag-ltr .ag-fill-handle,
.ag-theme-material .ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-theme-material .ag-rtl .ag-fill-handle,
.ag-theme-material .ag-rtl .ag-range-handle {
  left: -1px;
}
.ag-theme-material .ag-fill-handle {
  cursor: cell;
}
.ag-theme-material .ag-range-handle {
  cursor: nwse-resize;
}
.ag-theme-material .ag-cell-inline-editing {
  border-color: #3f51b5 !important;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  ) !important;
}
.ag-theme-material .ag-menu {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
}
.ag-theme-material .ag-menu-list {
  cursor: default;
  padding: 8px 0;
}
.ag-theme-material .ag-menu-separator {
  height: 17px;
}
.ag-theme-material .ag-menu-separator-part:after {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
  content: "";
  display: block;
}
.ag-theme-material .ag-compact-menu-option-active,
.ag-theme-material .ag-menu-option-active {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-compact-menu-option-part,
.ag-theme-material .ag-menu-option-part {
  line-height: 18px;
  padding: 10px 0;
}
.ag-theme-material .ag-compact-menu-option-disabled,
.ag-theme-material .ag-menu-option-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-compact-menu-option-icon,
.ag-theme-material .ag-menu-option-icon {
  width: 18px;
}
.ag-theme-material .ag-ltr .ag-compact-menu-option-icon,
.ag-theme-material .ag-ltr .ag-menu-option-icon {
  padding-left: 16px;
}
.ag-theme-material .ag-rtl .ag-compact-menu-option-icon,
.ag-theme-material .ag-rtl .ag-menu-option-icon {
  padding-right: 16px;
}
.ag-theme-material .ag-compact-menu-option-text,
.ag-theme-material .ag-menu-option-text {
  padding-left: 16px;
  padding-right: 16px;
}
.ag-theme-material .ag-ltr .ag-compact-menu-option-shortcut,
.ag-theme-material .ag-ltr .ag-menu-option-shortcut {
  padding-right: 8px;
}
.ag-theme-material .ag-rtl .ag-compact-menu-option-shortcut,
.ag-theme-material .ag-rtl .ag-menu-option-shortcut {
  padding-left: 8px;
}
.ag-theme-material .ag-compact-menu-option-popup-pointer,
.ag-theme-material .ag-menu-option-popup-pointer {
  padding-right: 8px;
}
.ag-theme-material .ag-tabs-header {
  display: flex;
  min-width: 220px;
  width: 100%;
}
.ag-theme-material .ag-tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: flex;
  flex: none;
  flex: 1 1 auto;
  justify-content: center;
}
.ag-theme-material .ag-keyboard-focus .ag-tab:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-tab:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-tab-selected {
  border-bottom-color: #3f51b5;
  border-bottom-color: var(--ag-selected-tab-underline-color, #3f51b5);
}
.ag-theme-material .ag-menu-header {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-filter-separator {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-filter-condition-operator {
  height: 17px;
}
.ag-theme-material .ag-ltr .ag-filter-condition-operator-or {
  margin-left: 16px;
}
.ag-theme-material .ag-rtl .ag-filter-condition-operator-or {
  margin-right: 16px;
}
.ag-theme-material .ag-set-filter-select-all {
  padding-top: 16px;
}
.ag-theme-material .ag-filter-no-matches,
.ag-theme-material .ag-set-filter-list {
  height: 240px;
}
.ag-theme-material .ag-set-filter-filter {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 16px;
}
.ag-theme-material .ag-filter-to {
  margin-top: 14px;
}
.ag-theme-material .ag-mini-filter {
  margin: 16px 12px;
}
.ag-theme-material .ag-set-filter-item {
  margin: 0 12px;
}
.ag-theme-material .ag-ltr .ag-set-filter-item-value {
  margin-left: 12px;
}
.ag-theme-material .ag-rtl .ag-set-filter-item-value {
  margin-right: 12px;
}
.ag-theme-material .ag-filter-apply-panel {
  padding: 16px 12px;
}
.ag-theme-material .ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
  margin-left: 16px;
}
.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
  margin-right: 16px;
}
.ag-theme-material .ag-simple-filter-body-wrapper {
  padding: 16px 12px 2px;
}
.ag-theme-material .ag-simple-filter-body-wrapper > * {
  margin-bottom: 14px;
}
.ag-theme-material .ag-filter-no-matches {
  padding: 16px 12px;
}
.ag-theme-material .ag-multi-filter-menu-item {
  margin: 8px 0;
}
.ag-theme-material .ag-multi-filter-group-title-bar {
  background-color: transparent;
  padding: 16px 8px;
}
.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
  outline: none;
}
.ag-theme-material
  .ag-keyboard-focus
  .ag-multi-filter-group-title-bar:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-side-bar {
  position: relative;
}
.ag-theme-material .ag-tool-panel-wrapper {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-side-buttons {
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  overflow: hidden;
  padding-top: 32px;
  position: relative;
  width: 22px;
}
.ag-theme-material button.ag-side-button-button {
  background: transparent;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  min-height: 144px;
  padding: 16px 0;
  width: 100%;
}
.ag-theme-material button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-theme-material .ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: 2px solid transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-side-bar-left
  .ag-selected
  .ag-side-button-button,
.ag-theme-material
  .ag-rtl
  .ag-side-bar-right
  .ag-selected
  .ag-side-button-button {
  border-right-color: #3f51b5;
  border-right-color: var(--ag-selected-tab-underline-color, #3f51b5);
}
.ag-theme-material .ag-ltr .ag-side-bar-right .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-left .ag-side-button-button {
  border-left: 2px solid transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-side-bar-right
  .ag-selected
  .ag-side-button-button,
.ag-theme-material
  .ag-rtl
  .ag-side-bar-left
  .ag-selected
  .ag-side-button-button {
  border-left-color: #3f51b5;
  border-left-color: var(--ag-selected-tab-underline-color, #3f51b5);
}
.ag-theme-material .ag-filter-toolpanel-header {
  height: 48px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-header,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-header,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search {
  padding-right: 8px;
}
.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material
  .ag-filter-toolpanel-group.ag-has-filter
  > .ag-group-title-bar
  .ag-group-title:after {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-family: agGridMaterial;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  text-transform: none;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group.ag-has-filter
  > .ag-group-title-bar
  .ag-group-title:after {
  padding-left: 8px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group.ag-has-filter
  > .ag-group-title-bar
  .ag-group-title:after {
  padding-right: 8px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
  height: 64px;
}
.ag-theme-material .ag-filter-toolpanel-group-item {
  margin-bottom: 4px;
  margin-top: 4px;
}
.ag-theme-material .ag-filter-toolpanel-search {
  height: 56px;
}
.ag-theme-material .ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: 32px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: 8px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-expand,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-expand,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: 8px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-1
  .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-1
  .ag-filter-toolpanel-group-level-2-header {
  padding-left: 24px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-1
  .ag-filter-toolpanel-group-level-2-header {
  padding-right: 24px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-2
  .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-2
  .ag-filter-toolpanel-group-level-3-header {
  padding-left: 40px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-2
  .ag-filter-toolpanel-group-level-3-header {
  padding-right: 40px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-3
  .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-3
  .ag-filter-toolpanel-group-level-4-header {
  padding-left: 56px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-3
  .ag-filter-toolpanel-group-level-4-header {
  padding-right: 56px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-4
  .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-4
  .ag-filter-toolpanel-group-level-5-header {
  padding-left: 72px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-4
  .ag-filter-toolpanel-group-level-5-header {
  padding-right: 72px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-5
  .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-5
  .ag-filter-toolpanel-group-level-6-header {
  padding-left: 88px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-5
  .ag-filter-toolpanel-group-level-6-header {
  padding-right: 88px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-6
  .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-6
  .ag-filter-toolpanel-group-level-7-header {
  padding-left: 104px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-6
  .ag-filter-toolpanel-group-level-7-header {
  padding-right: 104px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-7
  .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-7
  .ag-filter-toolpanel-group-level-8-header {
  padding-left: 120px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-7
  .ag-filter-toolpanel-group-level-8-header {
  padding-right: 120px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-8
  .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-8
  .ag-filter-toolpanel-group-level-9-header {
  padding-left: 136px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-8
  .ag-filter-toolpanel-group-level-9-header {
  padding-right: 136px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-9
  .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-9
  .ag-filter-toolpanel-group-level-10-header {
  padding-left: 152px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-9
  .ag-filter-toolpanel-group-level-10-header {
  padding-right: 152px;
}
.ag-theme-material
  .ag-filter-toolpanel-group-level-10
  .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material
  .ag-ltr
  .ag-filter-toolpanel-group-level-10
  .ag-filter-toolpanel-group-level-11-header {
  padding-left: 168px;
}
.ag-theme-material
  .ag-rtl
  .ag-filter-toolpanel-group-level-10
  .ag-filter-toolpanel-group-level-11-header {
  padding-right: 168px;
}
.ag-theme-material
  .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: 8px;
}
.ag-theme-material .ag-filter-toolpanel-instance-filter {
  margin-top: 8px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-pivot-mode-panel {
  display: flex;
  height: 56px;
}
.ag-theme-material .ag-pivot-mode-select {
  align-items: center;
  display: flex;
}
.ag-theme-material .ag-ltr .ag-pivot-mode-select {
  margin-left: 12px;
}
.ag-theme-material .ag-rtl .ag-pivot-mode-select {
  margin-right: 12px;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-column-select-header {
  align-items: center;
  padding: 0 12px;
}
.ag-theme-material .ag-column-group-icons,
.ag-theme-material .ag-column-select-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-header {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  border-bottom: 1px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-header-row {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px;
}
.ag-theme-material .ag-pinned-right-header {
  border-left: 1px solid #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-pinned-left-header {
  border-right: 1px solid #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material
  .ag-ltr
  .ag-header-cell:not(.ag-right-aligned-header)
  .ag-header-label-icon {
  margin-left: 8px;
}
.ag-theme-material
  .ag-ltr
  .ag-header-cell.ag-right-aligned-header
  .ag-header-label-icon,
.ag-theme-material
  .ag-rtl
  .ag-header-cell:not(.ag-right-aligned-header)
  .ag-header-label-icon {
  margin-right: 8px;
}
.ag-theme-material
  .ag-rtl
  .ag-header-cell.ag-right-aligned-header
  .ag-header-label-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
  padding-left: 24px;
  padding-right: 24px;
}
.ag-theme-material .ag-header-cell.ag-header-cell-moving,
.ag-theme-material .ag-header-group-cell.ag-header-cell-moving {
  background-color: #f2f2f2;
  background-color: var(--ag-header-cell-moving-background-color, #f2f2f2);
}
.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.ag-theme-material .ag-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-header-expand-icon {
  cursor: pointer;
}
.ag-theme-material .ag-ltr .ag-header-expand-icon {
  padding-left: 4px;
}
.ag-theme-material .ag-rtl .ag-header-expand-icon {
  padding-right: 4px;
}
.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell,
.ag-theme-material
  .ag-header-row:not(:first-child)
  .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing,
.ag-theme-material
  .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material
  .ag-header-cell:not(.ag-column-resizing)
  + .ag-header-cell.ag-column-resizing,
.ag-theme-material
  .ag-header-cell:not(.ag-column-resizing)
  + .ag-header-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-theme-material
  .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material
  .ag-header-group-cell:not(.ag-column-resizing)
  + .ag-header-group-cell.ag-column-resizing,
.ag-theme-material
  .ag-header-group-cell:not(.ag-column-resizing)
  + .ag-header-group-cell:not(.ag-header-cell-moving):hover {
  background-color: #f2f2f2;
  background-color: var(--ag-header-cell-hover-background-color, #f2f2f2);
}
.ag-theme-material .ag-ltr .ag-header-select-all {
  margin-right: 24px;
}
.ag-theme-material .ag-ltr .ag-floating-filter-button,
.ag-theme-material .ag-rtl .ag-header-select-all {
  margin-left: 24px;
}
.ag-theme-material .ag-rtl .ag-floating-filter-button {
  margin-right: 24px;
}
.ag-theme-material .ag-floating-filter-button-button {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  height: 18px;
  line-height: inherit;
  padding: 0;
  width: 18px;
}
.ag-theme-material .ag-filter-loading {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  height: 100%;
  padding: 16px 12px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ag-theme-material .ag-paging-panel {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px;
}
.ag-theme-material .ag-paging-panel > * {
  margin: 0 24px;
}
.ag-theme-material .ag-paging-button {
  cursor: pointer;
}
.ag-theme-material .ag-paging-button.ag-disabled {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  cursor: default;
}
.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus:after {
  background-color: transparent;
  border: 1px solid #3f51b5;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-theme-material .ag-paging-button,
.ag-theme-material .ag-paging-description {
  margin: 0 8px;
}
.ag-theme-material .ag-status-bar {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  line-height: 1.5;
  padding-left: 32px;
  padding-right: 32px;
}
.ag-theme-material .ag-status-name-value-value {
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
}
.ag-theme-material .ag-status-bar-center {
  text-align: center;
}
.ag-theme-material .ag-status-name-value {
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.ag-theme-material .ag-column-drop-cell {
  background: #e2e2e2;
  background: var(--ag-chip-background-color, #e2e2e2);
  border-radius: 32px;
  height: 32px;
  padding: 0 4px;
}
.ag-theme-material .ag-column-drop-cell-text {
  margin: 0 8px;
}
.ag-theme-material .ag-column-drop-cell-button {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  margin: 0 4px;
  min-width: 32px;
}
.ag-theme-material .ag-column-drop-cell-drag-handle {
  margin-left: 16px;
}
.ag-theme-material .ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-theme-material .ag-column-drop-horizontal {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 48px;
}
.ag-theme-material .ag-ltr .ag-column-drop-horizontal {
  padding-left: 24px;
}
.ag-theme-material .ag-rtl .ag-column-drop-horizontal {
  padding-right: 24px;
}
.ag-theme-material .ag-column-drop-horizontal-cell-separator {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  margin: 0 8px;
}
.ag-theme-material .ag-column-drop-horizontal-empty-message {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material .ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: 24px;
}
.ag-theme-material .ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: 24px;
}
.ag-theme-material .ag-column-drop-vertical-list {
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.ag-theme-material .ag-column-drop-vertical-cell {
  margin-top: 8px;
}
.ag-theme-material .ag-column-drop-vertical {
  max-height: 150px;
  min-height: 50px;
}
.ag-theme-material .ag-column-drop-vertical-icon {
  margin-left: 8px;
  margin-right: 8px;
}
.ag-theme-material .ag-column-drop-vertical-empty-message {
  bottom: 0;
  left: 0;
  margin-top: 8px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ag-theme-material .ag-select-agg-func-popup {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  height: 140px;
  padding: 0;
}
.ag-theme-material .ag-select-agg-func-virtual-list-item {
  cursor: default;
  line-height: 40px;
  padding-left: 16px;
}
.ag-theme-material .ag-select-agg-func-virtual-list-item:hover {
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
}
.ag-theme-material .ag-chart-menu {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
}
.ag-theme-material .ag-chart-menu-icon {
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  cursor: pointer;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin: 2px 0;
  opacity: 0.5;
  width: 24px;
}
.ag-theme-material .ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-theme-material .ag-chart-mini-thumbnail {
  border: 1px solid #e2e2e2;
  border-color: var(
    --ag-secondary-border-color,
    var(--ag-border-color, #e2e2e2)
  );
  border-radius: 5px;
  margin: 5px;
}
.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3),
.ag-theme-material
  .ag-chart-mini-thumbnail:nth-last-child(3)
  ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}
.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}
.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:last-child,
.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}
.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}
.ag-theme-material .ag-chart-mini-thumbnail.ag-selected {
  border-color: #ff4081;
  border-color: var(
    --ag-minichart-selected-chart-color,
    var(--ag-checkbox-checked-color, #ff4081)
  );
}
.ag-theme-material .ag-chart-settings-card-item {
  background: rgba(0, 0, 0, 0.87);
  background: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  border-radius: 4px;
  height: 8px;
  width: 8px;
}
.ag-theme-material .ag-chart-settings-card-item.ag-selected {
  background-color: #ff4081;
  background-color: var(
    --ag-minichart-selected-page-color,
    var(--ag-checkbox-checked-color, #ff4081)
  );
}
.ag-theme-material .ag-chart-data-column-drag-handle {
  margin-left: 8px;
}
.ag-theme-material .ag-charts-settings-group-container {
  padding: 8px;
}
.ag-theme-material .ag-charts-data-group-container {
  padding: 16px 12px 2px;
}
.ag-theme-material .ag-charts-data-group-container > * {
  margin-bottom: 14px;
}
.ag-theme-material .ag-charts-format-top-level-group-container {
  margin-left: 16px;
  padding: 8px;
}
.ag-theme-material .ag-charts-format-top-level-group-item {
  margin: 8px 0;
}
.ag-theme-material .ag-charts-format-sub-level-group-container {
  padding: 16px 12px 2px;
}
.ag-theme-material .ag-charts-format-sub-level-group-container > * {
  margin-bottom: 14px;
}
.ag-theme-material .ag-charts-group-container.ag-group-container-horizontal {
  padding: 8px;
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
  display: flex;
  margin: 0;
}
.ag-theme-material .ag-chart-menu-panel {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-ltr .ag-chart-menu-panel {
  border-left: 1px solid #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-rtl .ag-chart-menu-panel {
  border-right: 1px solid #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-theme-material .ag-date-time-list-page-column-label,
.ag-theme-material .ag-date-time-list-page-entry {
  text-align: center;
}
.ag-theme-material .ag-checkbox-input-wrapper {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  background-color: var(--ag-checkbox-background-color, transparent);
  border-radius: 2px;
  display: inline-block;
  flex: none;
  font-family: agGridMaterial;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  text-transform: none;
  vertical-align: middle;
  width: 18px;
}
.ag-theme-material .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  height: 100%;
  opacity: 0;
  width: 100%;
}
.ag-theme-material .ag-checkbox-input-wrapper:active,
.ag-theme-material .ag-checkbox-input-wrapper:focus-within {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  outline: none;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-checkbox-input-wrapper:after {
  color: #333;
  color: var(--ag-checkbox-unchecked-color, #333);
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-checked:after {
  color: #ff4081;
  color: var(--ag-checkbox-checked-color, #ff4081);
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate:after {
  color: #333;
  color: var(--ag-checkbox-indeterminate-color, #333);
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-theme-material .ag-toggle-button-input-wrapper {
  background-color: #333;
  background-color: var(
    --ag-toggle-button-off-background-color,
    var(--ag-checkbox-unchecked-color, #333)
  );
  border: 1px solid #333;
  border-color: var(
    --ag-toggle-button-off-border-color,
    var(--ag-checkbox-unchecked-color, #333)
  );
  border-radius: 9px;
  box-sizing: border-box;
  flex: none;
  height: 18px;
  position: relative;
  width: 36px;
}
.ag-theme-material .ag-toggle-button-input-wrapper input {
  height: 100%;
  opacity: 0;
  width: 100%;
}
.ag-theme-material .ag-toggle-button-input-wrapper:focus-within {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  outline: none;
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked {
  background-color: #ff4081;
  background-color: var(
    --ag-toggle-button-on-background-color,
    var(--ag-checkbox-checked-color, #ff4081)
  );
  border-color: #ff4081;
  border-color: var(
    --ag-toggle-button-on-border-color,
    var(--ag-checkbox-checked-color, #ff4081)
  );
}
.ag-theme-material .ag-toggle-button-input-wrapper:before {
  background-color: #fff;
  background-color: var(
    --ag-toggle-button-switch-background-color,
    var(--ag-background-color, #fff)
  );
  border: 1px solid #333;
  border-color: var(
    --ag-toggle-button-switch-border-color,
    var(
      --ag-toggle-button-off-border-color,
      var(--ag-checkbox-unchecked-color, #333)
    )
  );
  border-radius: 9px;
  box-sizing: border-box;
  content: " ";
  display: block;
  height: 18px;
  left: -1px;
  position: absolute;
  top: -1px;
  transition: left 0.1s;
  width: 18px;
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked:before {
  border-color: #ff4081;
  border-color: var(
    --ag-toggle-button-on-border-color,
    var(--ag-checkbox-checked-color, #ff4081)
  );
  left: calc(100% - 18px);
}
.ag-theme-material .ag-radio-button-input-wrapper {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  background-color: var(--ag-checkbox-background-color, transparent);
  border-radius: 2px;
  border-radius: 18px;
  display: inline-block;
  flex: none;
  font-family: agGridMaterial;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  text-transform: none;
  vertical-align: middle;
  width: 18px;
}
.ag-theme-material .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  height: 100%;
  opacity: 0;
  width: 100%;
}
.ag-theme-material .ag-radio-button-input-wrapper:active,
.ag-theme-material .ag-radio-button-input-wrapper:focus-within {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  outline: none;
}
.ag-theme-material .ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-radio-button-input-wrapper:after {
  color: #333;
  color: var(--ag-checkbox-unchecked-color, #333);
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-theme-material .ag-radio-button-input-wrapper.ag-checked:after {
  color: #ff4081;
  color: var(--ag-checkbox-checked-color, #ff4081);
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ag-theme-material input[class^="ag-"][type="range"] {
  -webkit-appearance: none;
  background: none;
  height: 100%;
  overflow: visible;
  width: 100%;
}
.ag-theme-material
  input[class^="ag-"][type="range"]::-webkit-slider-runnable-track {
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 2px;
  height: 3px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ag-theme-material input[class^="ag-"][type="range"]::-moz-range-track {
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 2px;
  height: 3px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ag-theme-material input[class^="ag-"][type="range"]::-ms-track {
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 2px;
  color: transparent;
  height: 3px;
  margin: 0;
  padding: 0;
  width: 100%;
  width: calc(100% - 2px);
}
.ag-theme-material input[class^="ag-"][type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-7.5px);
  transform: translateY(-7.5px);
  width: 18px;
}
.ag-theme-material input[class^="ag-"][type="range"]::-ms-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
}
.ag-theme-material input[class^="ag-"][type="range"]::-moz-ag-range-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
}
.ag-theme-material input[class^="ag-"][type="range"]:focus {
  outline: none;
}
.ag-theme-material
  input[class^="ag-"][type="range"]:focus::-webkit-slider-thumb {
  border-color: #ff4081;
  border-color: var(--ag-checkbox-checked-color, #ff4081);
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material input[class^="ag-"][type="range"]:focus::-ms-thumb {
  border-color: #ff4081;
  border-color: var(--ag-checkbox-checked-color, #ff4081);
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material
  input[class^="ag-"][type="range"]:focus::-moz-ag-range-thumb {
  border-color: #ff4081;
  border-color: var(--ag-checkbox-checked-color, #ff4081);
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material
  input[class^="ag-"][type="range"]:active::-webkit-slider-runnable-track {
  background-color: #3f51b5;
  background-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
}
.ag-theme-material
  input[class^="ag-"][type="range"]:active::-moz-ag-range-track {
  background-color: #3f51b5;
  background-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
}
.ag-theme-material input[class^="ag-"][type="range"]:active::-ms-track {
  background-color: #3f51b5;
  background-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  );
}
.ag-theme-material input[class^="ag-"][type="range"]:disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-multi-filter-group-title-bar,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-side-button-button,
.ag-theme-material .ag-status-bar {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54));
  font-size: 12px;
  font-weight: 600;
}
.ag-theme-material .ag-tab {
  height: 36px;
}
.ag-theme-material .ag-column-drop-horizontal,
.ag-theme-material .ag-tabs-header {
  background-color: #eee;
  background-color: var(--ag-subheader-background-color, #eee);
}
.ag-theme-material .ag-tabs-body {
  padding: 4px 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list {
  padding-bottom: 0;
  padding-top: 0;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing {
  border-color: #e2e2e2 !important;
  border-color: var(--ag-border-color, #e2e2e2) !important;
  height: 72px;
  padding: 8px;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing {
  border-color: #3f51b5 !important;
  border-color: var(
    --ag-input-focus-border-color,
    var(--ag-material-primary-color, #3f51b5)
  ) !important;
}
.ag-theme-material .ag-side-button-button {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-column-drop-vertical {
  border-bottom: 1px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
  padding-top: 8px;
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  font-size: 12px;
  font-weight: 600;
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: 34px;
  padding-right: 8px;
}
.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-left: 8px;
  padding-right: 34px;
}
.ag-theme-material .ag-status-bar {
  border: 1px solid #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-panel-column-select {
  border-top: 1px solid #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header {
  border-bottom: 1px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-select-header {
  height: 56px;
}
.ag-theme-material .ag-group-title-bar {
  padding: 6px 8px;
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar {
  padding: 4px 8px;
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
  padding-bottom: 4px;
}
.ag-theme-material .ag-group-toolbar {
  background-color: hsla(0, 0%, 93%, 0.5);
}
.ag-theme-material input[class^="ag-"]:not([type]),
.ag-theme-material input[class^="ag-"][type="date"],
.ag-theme-material input[class^="ag-"][type="datetime-local"],
.ag-theme-material input[class^="ag-"][type="number"],
.ag-theme-material input[class^="ag-"][type="tel"],
.ag-theme-material input[class^="ag-"][type="text"],
.ag-theme-material textarea[class^="ag-"] {
  background: transparent;
  border-width: 0;
  border-bottom: 2px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  font-family: inherit;
  font-size: inherit;
  height: 40px;
  padding-bottom: 8px;
}
.ag-theme-material input:focus[class^="ag-"]:not([type]),
.ag-theme-material input:focus[class^="ag-"][type="date"],
.ag-theme-material input:focus[class^="ag-"][type="datetime-local"],
.ag-theme-material input:focus[class^="ag-"][type="number"],
.ag-theme-material input:focus[class^="ag-"][type="tel"],
.ag-theme-material input:focus[class^="ag-"][type="text"],
.ag-theme-material textarea:focus[class^="ag-"] {
  border-bottom: 2px solid #3f51b5;
  border-bottom-color: var(--ag-material-primary-color, #3f51b5);
  box-shadow: none;
  outline: none;
}
.ag-theme-material input:not([type])[class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material input[type="date"][class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material
  input[type="datetime-local"][class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material
  input[type="number"][class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material input[type="tel"][class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material input[type="text"][class^="ag-"]::-webkit-input-placeholder,
.ag-theme-material textarea[class^="ag-"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material input:not([type])[class^="ag-"]:-ms-input-placeholder,
.ag-theme-material input[type="date"][class^="ag-"]:-ms-input-placeholder,
.ag-theme-material
  input[type="datetime-local"][class^="ag-"]:-ms-input-placeholder,
.ag-theme-material input[type="number"][class^="ag-"]:-ms-input-placeholder,
.ag-theme-material input[type="tel"][class^="ag-"]:-ms-input-placeholder,
.ag-theme-material input[type="text"][class^="ag-"]:-ms-input-placeholder,
.ag-theme-material textarea[class^="ag-"]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material input:not([type])[class^="ag-"]::placeholder,
.ag-theme-material input[type="date"][class^="ag-"]::placeholder,
.ag-theme-material input[type="datetime-local"][class^="ag-"]::placeholder,
.ag-theme-material input[type="number"][class^="ag-"]::placeholder,
.ag-theme-material input[type="tel"][class^="ag-"]::placeholder,
.ag-theme-material input[type="text"][class^="ag-"]::placeholder,
.ag-theme-material textarea[class^="ag-"]::placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material input:disabled[class^="ag-"]:not([type]),
.ag-theme-material input:disabled[class^="ag-"][type="date"],
.ag-theme-material input:disabled[class^="ag-"][type="datetime-local"],
.ag-theme-material input:disabled[class^="ag-"][type="number"],
.ag-theme-material input:disabled[class^="ag-"][type="tel"],
.ag-theme-material input:disabled[class^="ag-"][type="text"],
.ag-theme-material textarea:disabled[class^="ag-"] {
  border-bottom: 1px solid #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-standard-button {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #3f51b5;
  color: var(--ag-material-primary-color, #3f51b5);
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled {
  background-color: transparent;
  background-color: var(--ag-input-disabled-background-color, transparent);
  border-color: rgba(0, 0, 0, 0.3);
  border-color: var(--ag-input-disabled-border-color, rgba(0, 0, 0, 0.3));
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material .ag-dnd-ghost {
  font-size: 12px;
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header {
  height: 32px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
  height: 56px;
}
.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-material .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 0 1px #3f51b5;
}
@font-face {
  font-family: ey_interstate;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/EYInterstate-Bold.f07c89384f3eec42f61f.ttf)
    format("truetype");
}
@font-face {
  font-family: ey_interstate;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/EYInterstate-Regular.5d2c1bffef1725ce49c2.eot);
  src: url(/static/media/EYInterstate-Regular.5d2c1bffef1725ce49c2.eot?#iefix)
      format("embedded-opentype"),
    url(/static/media/EYInterstate-Regular.ebb0e7a3050f9ec86441.woff2)
      format("woff2"),
    url(/static/media/EYInterstate-Regular.ac46aec631ca9600d6e9.woff)
      format("woff"),
    url(/static/media/EYInterstate-Regular.97bea81251628adb6fbc.ttf)
      format("truetype");
}
@font-face {
  font-family: ey_interstate;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/EYInterstate-Light.5bc8b01948d396d14a7e.eot);
  src: url(/static/media/EYInterstate-Light.5bc8b01948d396d14a7e.eot?#iefix)
      format("embedded-opentype"),
    url(/static/media/EYInterstate-Light.7ba89db1182d37c35377.ttf)
      format("truetype"),
    url(/static/media/EYInterstate-Light.3e88f1d7b04f0b205678.woff)
      format("woff"),
    url(/static/media/EYInterstate-Light.9828dc55d5eca283a73c.woff2)
      format("woff2");
}
@font-face {
  font-family: noto_sans;
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/notosans-bold-webfont.a68aff44afeae857b5ee.eot);
  src: url(/static/media/notosans-bold-webfont.a68aff44afeae857b5ee.eot?#iefix)
      format("embedded-opentype"),
    url(/static/media/notosans-bold-webfont.0401a821959870386b82.woff2)
      format("woff2"),
    url(/static/media/notosans-bold-webfont.d01ec4ec93ff9a0ca9be.woff)
      format("woff"),
    url(/static/media/notosans-bold-webfont.e7b7b4704dee581db46d.ttf)
      format("truetype");
}
@font-face {
  font-family: noto_sans;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/notosans-regular-webfont.10ebb840cff03d87daa4.eot);
  src: url(/static/media/notosans-regular-webfont.10ebb840cff03d87daa4.eot?#iefix)
      format("embedded-opentype"),
    url(/static/media/notosans-regular-webfont.1fb815ad51e4fc34d47f.woff2)
      format("woff2"),
    url(/static/media/notosans-regular-webfont.154cea23303bfe415018.woff)
      format("woff"),
    url(/static/media/notosans-regular-webfont.f7f17b95f4339891ef67.ttf)
      format("truetype");
}
@font-face {
  font-family: noto_sans;
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/NotoSans-Light.c9290d4cf465782379eb.ttf);
}
.motif-hero {
  font-size: 2.285rem;
  font-size: var(--hero-font-size);
  line-height: 2.8571428571rem;
}
.motif-h1,
.motif-hero {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-weight: 400;
  font-weight: var(--weight-regular);
}
.motif-h1 {
  font-size: 2rem;
  font-size: var(--h1-font-size);
  line-height: 2.2857142857rem;
}
.motif-h2 {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1.714rem;
  font-size: var(--h2-font-size);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 2rem;
}
.motif-h3 {
  font-size: 1.428rem;
  font-size: var(--h3-font-size);
}
.motif-h3,
.motif-h4 {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.7142857143rem;
}
.motif-h4 {
  font-size: 1.286rem;
  font-size: var(--h4-font-size);
}
.motif-h5 {
  font-size: 1.143rem;
  font-size: var(--h5-font-size);
}
.motif-h5,
.motif-h6 {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.5714285714rem;
}
.motif-h6 {
  font-size: 1rem;
  font-size: var(--h6-font-size);
}
.motif-text-link {
  color: #155cb4;
  color: var(--text-link-color);
  font-size: var(--text-link-font-size);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.5714285714rem;
}
.motif-body {
  font-size: 1rem;
  font-size: var(--body-font-size);
  line-height: 1.5714285714rem;
}
.motif-body,
.motif-body-sm {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-body-sm {
  font-size: 0.857rem;
  font-size: var(--body-sm-font-size);
  line-height: 1.4285714286rem;
}
.motif-body-alt {
  color: #2e2e38;
  color: var(--body-color);
  font-family: noto_sans;
  font-family: var(--secondary-font);
  font-size: 1rem;
  font-size: var(--body-alt-font-size);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.5714285714rem;
}
.motif-overline {
  font-size: 0.857rem;
  font-size: var(--overline-font-size);
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.4285714286rem;
}
.motif-instructional-text,
.motif-overline {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-instructional-text {
  font-size: 0.857rem;
  font-size: var(--instructional-text-font-size);
}
.motif-caption,
.motif-instructional-text {
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
.motif-caption {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.857rem;
  font-size: var(--caption-font-size);
}
.motif-global-header-sec-title {
  font-size: 1.2857142857rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-global-header-sec-title,
.motif-main-navigation {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  line-height: 1.7142857143rem;
}
.motif-main-navigation {
  font-size: 1.1428571429rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-main-navigation-active {
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-sub-navigation {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-sub-navigation-actve {
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-results-page-text {
  font-size: 1rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-results-page-sec-desc,
.motif-results-page-text {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-results-page-sec-desc {
  font-size: 0.8571428571rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-input {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-form-data-input-disabled {
  color: #747480;
}
.motif-form-data-input-text-match {
  font-size: 1rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-form-data-input-text-match,
.motif-form-data-label {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-form-data-label {
  font-size: 0.8571428571rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-label-disabled {
  color: #747480;
}
.motif-label {
  color: var(--body-color);
  font-size: 0.7142857143rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.1428571429rem;
}
.motif-row,
.motif-row-span {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.motif-row-span.motif-reverse,
.motif-row.motif-reverse {
  flex-direction: row-reverse;
}
.motif-col.motif-reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 0) {
  .motif-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .motif-row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  [class*="motif-col-"],
  [class^="motif-col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .no-gutter [class*="motif-col-"],
  .no-gutter [class^="motif-col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .motif-col-xs {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .motif-col-xs-1 {
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-xs-1,
  .motif-col-xs-offset-1 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xs-offset-1 {
    margin-left: 25%;
  }
  .motif-col-xs-2 {
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-xs-2,
  .motif-col-xs-offset-2 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xs-offset-2 {
    margin-left: 50%;
  }
  .motif-col-xs-3 {
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-xs-3,
  .motif-col-xs-offset-3 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xs-offset-3 {
    margin-left: 75%;
  }
  .motif-col-xs-4 {
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-xs-4,
  .motif-col-xs-offset-4 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xs-offset-4 {
    margin-left: 100%;
  }
  .motif-start-xs {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-xs {
    justify-content: center;
    text-align: center;
  }
  .motif-end-xs {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-xs {
    align-items: flex-start;
  }
  .motif-middle-xs {
    align-items: center;
    display: flex;
  }
  .motif-bottom-xs {
    align-items: flex-end;
  }
  .motif-around-xs {
    justify-content: space-around;
  }
  .motif-between-xs {
    justify-content: space-between;
  }
  .motif-first-xs {
    order: -1;
  }
  .motif-last-xs {
    order: 1;
  }
}
@media screen and (min-width: 36em) {
  .motif-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .motif-row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  [class*="motif-col-"],
  [class^="motif-col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .no-gutter [class*="motif-col-"],
  .no-gutter [class^="motif-col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .motif-col-sm {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .motif-col-sm-1 {
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-sm-1,
  .motif-col-sm-offset-1 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-sm-offset-1 {
    margin-left: 25%;
  }
  .motif-col-sm-2 {
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-sm-2,
  .motif-col-sm-offset-2 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-sm-offset-2 {
    margin-left: 50%;
  }
  .motif-col-sm-3 {
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-sm-3,
  .motif-col-sm-offset-3 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-sm-offset-3 {
    margin-left: 75%;
  }
  .motif-col-sm-4 {
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-sm-4,
  .motif-col-sm-offset-4 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-sm-offset-4 {
    margin-left: 100%;
  }
  .motif-start-sm {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-sm {
    justify-content: center;
    text-align: center;
  }
  .motif-end-sm {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-sm {
    align-items: flex-start;
  }
  .motif-middle-sm {
    align-items: center;
    display: flex;
  }
  .motif-bottom-sm {
    align-items: flex-end;
  }
  .motif-around-sm {
    justify-content: space-around;
  }
  .motif-between-sm {
    justify-content: space-between;
  }
  .motif-first-sm {
    order: -1;
  }
  .motif-last-sm {
    order: 1;
  }
}
@media screen and (min-width: 48em) {
  .motif-row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .motif-row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  [class*="motif-col-"],
  [class^="motif-col-"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .no-gutter [class*="motif-col-"],
  .no-gutter [class^="motif-col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .motif-col-md {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .motif-col-md-1 {
    flex: 0 0 auto;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .motif-col-md-1,
  .motif-col-md-offset-1 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-1 {
    margin-left: 12.5%;
  }
  .motif-col-md-2 {
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-md-2,
  .motif-col-md-offset-2 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-2 {
    margin-left: 25%;
  }
  .motif-col-md-3 {
    flex: 0 0 auto;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .motif-col-md-3,
  .motif-col-md-offset-3 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-3 {
    margin-left: 37.5%;
  }
  .motif-col-md-4 {
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-md-4,
  .motif-col-md-offset-4 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-4 {
    margin-left: 50%;
  }
  .motif-col-md-5 {
    flex: 0 0 auto;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .motif-col-md-5,
  .motif-col-md-offset-5 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-5 {
    margin-left: 62.5%;
  }
  .motif-col-md-6 {
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-md-6,
  .motif-col-md-offset-6 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-6 {
    margin-left: 75%;
  }
  .motif-col-md-7 {
    flex: 0 0 auto;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .motif-col-md-7,
  .motif-col-md-offset-7 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-7 {
    margin-left: 87.5%;
  }
  .motif-col-md-8 {
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-md-8,
  .motif-col-md-offset-8 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-md-offset-8 {
    margin-left: 100%;
  }
  .motif-start-md {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-md {
    justify-content: center;
    text-align: center;
  }
  .motif-end-md {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-md {
    align-items: flex-start;
  }
  .motif-middle-md {
    align-items: center;
    display: flex;
  }
  .motif-bottom-md {
    align-items: flex-end;
  }
  .motif-around-md {
    justify-content: space-around;
  }
  .motif-between-md {
    justify-content: space-between;
  }
  .motif-first-md {
    order: -1;
  }
  .motif-last-md {
    order: 1;
  }
}
@media screen and (min-width: 64em) {
  .motif-row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .motif-row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  [class*="motif-col-"],
  [class^="motif-col-"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .no-gutter [class*="motif-col-"],
  .no-gutter [class^="motif-col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .motif-col-lg {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .motif-col-lg-1 {
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .motif-col-lg-1,
  .motif-col-lg-offset-1 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-col-lg-2 {
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .motif-col-lg-2,
  .motif-col-lg-offset-2 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-col-lg-3 {
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-lg-3,
  .motif-col-lg-offset-3 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-3 {
    margin-left: 25%;
  }
  .motif-col-lg-4 {
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .motif-col-lg-4,
  .motif-col-lg-offset-4 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-col-lg-5 {
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .motif-col-lg-5,
  .motif-col-lg-offset-5 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-col-lg-6 {
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-lg-6,
  .motif-col-lg-offset-6 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-6 {
    margin-left: 50%;
  }
  .motif-col-lg-7 {
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .motif-col-lg-7,
  .motif-col-lg-offset-7 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-col-lg-8 {
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .motif-col-lg-8,
  .motif-col-lg-offset-8 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-col-lg-9 {
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-lg-9,
  .motif-col-lg-offset-9 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-lg-offset-9 {
    margin-left: 75%;
  }
  .motif-col-lg-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .motif-col-lg-offset-10 {
    box-sizing: border-box;
    margin-left: 83.3333333333%;
    position: relative;
  }
  .motif-col-lg-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .motif-col-lg-offset-11 {
    box-sizing: border-box;
    margin-left: 91.6666666667%;
    position: relative;
  }
  .motif-col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  .motif-col-lg-offset-12 {
    box-sizing: border-box;
    margin-left: 100%;
    position: relative;
  }
  .motif-start-lg {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-lg {
    justify-content: center;
    text-align: center;
  }
  .motif-end-lg {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-lg {
    align-items: flex-start;
  }
  .motif-middle-lg {
    align-items: center;
    display: flex;
  }
  .motif-bottom-lg {
    align-items: flex-end;
  }
  .motif-around-lg {
    justify-content: space-around;
  }
  .motif-between-lg {
    justify-content: space-between;
  }
  .motif-first-lg {
    order: -1;
  }
  .motif-last-lg {
    order: 1;
  }
}
@media screen and (min-width: 90em) {
  .motif-row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .motif-row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  [class*="motif-col-"],
  [class^="motif-col-"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .no-gutter [class*="motif-col-"],
  .no-gutter [class^="motif-col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .motif-col-xl {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .motif-col-xl-1 {
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .motif-col-xl-1,
  .motif-col-xl-offset-1 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .motif-col-xl-2 {
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .motif-col-xl-2,
  .motif-col-xl-offset-2 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .motif-col-xl-3 {
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-xl-3,
  .motif-col-xl-offset-3 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-3 {
    margin-left: 25%;
  }
  .motif-col-xl-4 {
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .motif-col-xl-4,
  .motif-col-xl-offset-4 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .motif-col-xl-5 {
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .motif-col-xl-5,
  .motif-col-xl-offset-5 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .motif-col-xl-6 {
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-xl-6,
  .motif-col-xl-offset-6 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-6 {
    margin-left: 50%;
  }
  .motif-col-xl-7 {
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .motif-col-xl-7,
  .motif-col-xl-offset-7 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .motif-col-xl-8 {
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .motif-col-xl-8,
  .motif-col-xl-offset-8 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .motif-col-xl-9 {
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-xl-9,
  .motif-col-xl-offset-9 {
    box-sizing: border-box;
    position: relative;
  }
  .motif-col-xl-offset-9 {
    margin-left: 75%;
  }
  .motif-col-xl-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .motif-col-xl-offset-10 {
    box-sizing: border-box;
    margin-left: 83.3333333333%;
    position: relative;
  }
  .motif-col-xl-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .motif-col-xl-offset-11 {
    box-sizing: border-box;
    margin-left: 91.6666666667%;
    position: relative;
  }
  .motif-col-xl-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  .motif-col-xl-offset-12 {
    box-sizing: border-box;
    margin-left: 100%;
    position: relative;
  }
  .motif-start-xl {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-xl {
    justify-content: center;
    text-align: center;
  }
  .motif-end-xl {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-xl {
    align-items: flex-start;
  }
  .motif-middle-xl {
    align-items: center;
    display: flex;
  }
  .motif-bottom-xl {
    align-items: flex-end;
  }
  .motif-around-xl {
    justify-content: space-around;
  }
  .motif-between-xl {
    justify-content: space-between;
  }
  .motif-first-xl {
    order: -1;
  }
  .motif-last-xl {
    order: 1;
  }
}
* {
  box-sizing: border-box;
}
:focus {
  box-shadow: none;
  outline: none;
}
body {
  background-color: #fff;
  background-color: var(--body-bg);
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--body-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  margin: 0;
  overflow-x: hidden;
  overflow: auto;
}
::-ms-clear {
  display: none;
}
p {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--body-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
ul {
  list-style: circle;
  list-style: var(--list-style);
}
li {
  margin-bottom: 16px;
}
img,
svg {
  max-height: 100%;
  max-width: 100%;
}
.motif-visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  height: 1px;
  margin: -1px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.motif-drop-up {
  bottom: 100%;
  top: auto;
}
.motif-container {
  margin: 0 auto;
  max-width: 1312px;
  padding: 16px;
  width: 100%;
}
.motif-ghost {
  cursor: not-allowed;
  opacity: 0.4;
}
.motif-accordion-content {
  display: inline-block;
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  padding: 0 6rem 0 3.4285714286rem;
  width: 100%;
}
.motif-accordion-content.motif-metadata-content {
  padding: 0 1.4285714286rem;
}
.motif-accordion-content.motif-metadata-content * {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #747480;
  color: var(--metadata-font-color);
  display: -webkit-box;
  font-size: 0.7142857143rem;
  font-weight: 400;
  line-height: 1.1428571429rem;
  margin-bottom: 0.8571428571rem;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.motif-accordion-editorial .motif-accordion-content {
  padding: 0 7.4285714286rem 0 2.0714285714rem;
}
.motif-accordion-editorial .motif-accordion-trigger {
  padding-left: 2.5714285714rem;
}
.motif-accordion-content-visible.motif-accordion-editorial
  .motif-accordion-content,
.motif-accordion-content-visible.motif-accordion-editorial
  .motif-accordion-trigger {
  border-left: 0.2142857143rem solid #ffe600;
  border-left: 0.2142857143rem solid var(--accordion-accent-color);
  padding-left: 1.8571428571rem;
}
.motif-accordion-content-visible.motif-accordion-editorial
  .motif-accordion-trigger:focus,
.motif-accordion-content-visible.motif-accordion-editorial
  .motif-accordion-trigger:hover {
  padding-left: 1.8571428571rem;
}
.motif-accordion-trigger {
  align-items: center;
  background: none;
  border: 0.0714285714rem solid transparent;
  display: flex;
  margin: -0.0714285714rem -0.0714285714rem 0;
  padding: 0.9285714286rem 1.4285714286rem 0.9285714286rem 1.2857142857rem;
  width: calc(100% + 0.14286rem);
}
.motif-accordion-trigger.motif-metadata-trigger {
  border: none;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  padding: 0.9285714286rem 0;
  width: 100%;
}
.motif-accordion-trigger.motif-metadata-trigger:hover {
  margin: auto;
  width: 100%;
}
.motif-accordion-trigger.motif-metadata-trigger:focus {
  border: none;
}
.motif-accordion-trigger.motif-metadata-trigger .motif-accordion-title-content {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: 300;
}
.motif-accordion-trigger.motif-metadata-trigger
  .motif-accordion-title-content
  svg {
  height: 1.1428571429rem;
  margin-right: 0.3571428571rem;
  width: 1.1428571429rem;
}
.motif-accordion-trigger:focus {
  background-color: transparent;
  border: 0.0714285714rem solid #c4c4cd;
  border: 0.0714285714rem solid var(--accordion-focus-header-border-color);
  box-shadow: none;
}
.motif-accordion-trigger:focus .motif-accordion-icons svg {
  fill: #2e2e38;
  fill: var(--body-color);
}
.motif-accordion-trigger:hover:not(.motif-metadata-trigger) {
  background-color: #2e2e38;
  background-color: var(--accordion-hover-header-bg-color);
  border: 0.0714285714rem solid #2e2e38;
  border: 0.0714285714rem solid var(--accordion-hover-header-border-color);
}
.motif-accordion-trigger:hover:not(.motif-metadata-trigger)
  .motif-accordion-title-content {
  color: #fff;
  color: var(--accordion-hover-header-font-color);
}
.motif-accordion-trigger:hover:not(.motif-metadata-trigger)
  .motif-accordion-icons
  svg {
  fill: #fff;
  fill: var(--accordion-hover-header-font-color);
}
.motif-accordion-trigger .motif-accordion-icons {
  flex-shrink: 0;
}
.motif-accordion-content-visible
  > .motif-accordion-trigger
  .motif-accordion-expand-icon {
  opacity: 0;
}
.motif-accordion-content-visible
  > .motif-accordion-trigger
  .motif-accordion-collapse-icon {
  opacity: 1;
}
.motif-accordion-content-visible.motif-accordion-editorial
  .motif-accordion-trigger {
  margin-left: 0;
}
.motif-accordion-title-content {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1.1428571429rem;
  font-weight: var(--weight-normal);
  line-height: 1.4285714286rem;
  text-align: left;
}
.motif-accordion-expand-icon {
  opacity: 1;
}
.motif-accordion-collapse-icon {
  opacity: 0;
}
.motif-accordion-icons {
  height: 1.4285714286rem;
  margin-right: 0.5714285714rem;
  position: relative;
  width: 1.4285714286rem;
}
.motif-accordion-icons svg {
  fill: #2e2e38;
  fill: var(--body-color);
}
.motif-accordion-collapse-icon,
.motif-accordion-expand-icon {
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.15s ease-in-out;
  transition: opacity var(--ease-in-out-fast);
}
.motif-accordion-editorial .motif-accordion-trigger {
  justify-content: space-between;
  padding: 1.2857142857rem 2.1428571429rem 1.2857142857rem 2.0714285714rem;
}
.motif-accordion-editorial .motif-accordion-trigger:focus,
.motif-accordion-editorial .motif-accordion-trigger:hover {
  padding-left: 2.0714285714rem;
}
.motif-accordion-editorial
  .motif-accordion-trigger:focus
  .motif-accordion-icons,
.motif-accordion-editorial
  .motif-accordion-trigger:hover
  .motif-accordion-icons {
  right: 0.7142857143rem;
}
.motif-accordion-editorial .motif-accordion-trigger .motif-accordion-icons {
  height: 2.1428571429rem;
  margin: -0.7142857143rem;
  order: 2;
  right: 0.7142857143rem;
  width: 2.1428571429rem;
}
.motif-accordion-editorial .motif-accordion-trigger .motif-accordion-icons svg {
  height: 2.1428571429rem;
  width: 2.1428571429rem;
}
.motif-accordion-editorial .motif-accordion-title-content {
  font-size: 1.4285714286rem;
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.7142857143rem;
  order: 1;
  padding-right: 1.7857142857rem;
}
.motif-accordion-editorial .motif-accordion-content * {
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
}
.motif-accordion-trigger-align-right .motif-accordion-trigger {
  justify-content: space-between;
}
.motif-accordion-trigger-align-right
  .motif-accordion-trigger
  .motif-accordion-icons {
  order: 2;
}
.motif-accordion {
  background-color: #fff;
  background-color: var(--accordion-bg-color);
  border: 1px solid #e1e1e6;
  border: var(--accordion-border);
  display: block;
}
.motif-accordion.motif-metadata {
  background: #fafafc;
  background: var(--metadata-bg-color);
  border: none;
  position: relative;
}
.motif-accordion.motif-metadata:hover {
  background: #eaeaf2;
  background: var(--metadata-hover-header-bg-color);
}
.motif-accordion.motif-metadata:hover .motif-metadata-content :before {
  background-color: #eaeaf2;
  background-color: var(--metadata-hover-header-bg-color);
}
.motif-accordion.motif-metadata:hover .motif-close-metadata-button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.motif-accordion.motif-metadata .motif-metadata-content :before {
  background-color: #fafafc;
  background-color: var(--metadata-bg-color);
}
.motif-accordion.motif-metadata > .motif-metadata-trigger {
  padding: 0.8571428571rem 1.4285714286rem;
}
.motif-accordion.motif-metadata + .motif-metadata {
  position: relative;
}
.motif-accordion.motif-metadata + .motif-metadata:before {
  background: #e7e7ea;
  background: var(--metadata-sparator);
  content: "";
  height: 0.0714285714rem;
  left: 0;
  margin: 0 1.4285714286rem;
  position: absolute;
  right: 0;
  top: 0;
}
.motif-accordion.motif-metadata svg {
  fill: #2e2e38;
  fill: var(--file-uploader-item-icon-color);
}
.motif-accordion.motif-metadata .motif-close-metadata-button {
  background: transparent;
  border: none;
  display: none;
  height: 2rem;
  margin-top: 0.6428571429rem;
  position: absolute;
  right: 3.9285714286rem;
  width: 2rem;
}
.motif-accordion.motif-accordion-content-visible:not(.motif-metadata) {
  background-color: var(--accordion-expanded-bg-color);
}
.motif-accordion-functional.motif-accordion-content-visible:not(.motif-metadata) {
  background-color: #fafafc;
  background-color: var(--accordion-functional-expanded-bg-color);
}
.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) {
  background-color: #fff;
  background-color: var(--accordion-editorial-expanded-bg-color);
}
.motif-accordion + .motif-accordion {
  margin-top: -0.0714285714rem;
}
.motif-avatar {
  align-items: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
}
.motif-avatar-size-small {
  height: 2.1428571429rem;
  width: 2.1428571429rem;
}
.motif-avatar-size-small .motif-avatar-initials {
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 22px;
}
.motif-avatar-size-medium {
  height: 2.8571428571rem;
  width: 2.8571428571rem;
}
.motif-avatar-size-medium .motif-avatar-initials {
  font-size: 1.1428571429rem;
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.6428571429rem;
}
.motif-avatar-size-large {
  height: 3.5714285714rem;
  width: 3.5714285714rem;
}
.motif-avatar-size-large .motif-avatar-initials {
  font-size: 1.2857142857rem;
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1.7142857143rem;
}
.motif-avatar:before {
  bottom: 0.1428571429rem;
  content: "";
  left: 0.1428571429rem;
  position: absolute;
  right: 0.1428571429rem;
  top: 0.1428571429rem;
}
.motif-avatar:after {
  content: "";
  height: 0.7142857143rem;
  width: 0.7142857143rem;
}
.motif-avatar svg,
.motif-avatar:after {
  border-radius: 50%;
  bottom: 12.5%;
  position: absolute;
  right: 12.5%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.motif-avatar svg {
  fill: #fff;
  background-color: #fff;
  height: 1rem;
  width: 1rem;
  z-index: 1;
}
.motif-avatar-status-online {
  border-color: #189d3e;
  border-color: var(--avatar-status-color-online);
}
.motif-avatar-status-online svg {
  background-color: #189d3e;
  background-color: var(--avatar-status-color-online);
  border: 1px solid #fff;
}
.motif-avatar-status-no-disturb {
  border-color: #e0362c;
  border-color: var(--avatar-status-color-no-disturb);
}
.motif-avatar-status-no-disturb svg {
  background-color: #e0362c;
  background-color: var(--avatar-status-color-no-disturb);
  border: 1px solid #fff;
}
.motif-avatar-status-no-available {
  border-color: #e0362c;
  border-color: var(--avatar-status-color-no-available);
}
.motif-avatar-status-no-available:after {
  background: #fff;
}
.motif-avatar-status-no-available svg {
  fill: #e0362c;
  fill: var(--avatar-status-color-no-available);
  height: 1rem;
  width: 1rem;
}
.motif-avatar-status-absent {
  border-color: #ed6500;
  border-color: var(--avatar-status-color-absent);
}
.motif-avatar-status-absent svg {
  background-color: #ed6500;
  background-color: var(--avatar-status-color-absent);
  border: 1px solid #fff;
  padding: 1px;
}
.motif-avatar-status-warning {
  border-color: #ed6500;
  border-color: var(--avatar-status-color-warning);
}
.motif-avatar-status-warning:after {
  background: #fff;
}
.motif-avatar-status-warning svg {
  fill: #ed6500;
  fill: var(--avatar-status-color-warning);
  height: 1rem;
  width: 1rem;
}
.motif-avatar-status-none {
  border-color: #c4c4cd;
  border-color: var(--avatar-status-color-none);
}
.motif-avatar-status-none svg {
  background-color: #c4c4cd;
  background-color: var(--avatar-status-color-none);
  border: 1px solid #fff;
}
.motif-avatar-img,
.motif-avatar-initials {
  border-radius: 50%;
  height: 100%;
  position: absolute;
  width: 100%;
}
.motif-avatar-initials {
  align-items: center;
  background: #c4c4cd;
  color: #fff;
  color: var(--avatar-initials-font-color);
  display: flex;
  justify-content: center;
}
.motif-avatar .motif-avatar-initials {
  text-decoration: none;
}
.motif-avatar.motif-avatar-size-large svg {
  height: 1.1428571429rem;
  width: 1.1428571429rem;
}
.motif-avatar.motif-avatar-size-small svg {
  right: 5%;
}
.motif-badge {
  background-color: #fff;
  background-color: var(--badge-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--badge-border-color);
  border-radius: 0.7142857143rem;
  color: #2e2e38;
  color: var(--badge-font-color);
  display: inline-flex;
  font-size: 1rem;
  font-size: var(--badge-font-size);
  line-height: 1;
  min-height: 1.4285714286rem;
  min-width: 1.4285714286rem;
  position: relative;
  text-align: center;
}
.motif-badge,
.motif-badge .motif-badge-number {
  align-items: center;
  font-weight: lighter;
  font-weight: var(--weight-light);
  justify-content: center;
}
.motif-badge .motif-badge-number {
  display: flex;
  padding: 0 0.285rem;
  padding: 0 var(--badge-padding);
}
.motif-badge.motif-badge-overlap {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%) translateY(-40%);
  transform: translateX(50%) translateY(-40%);
}
.motif-badge-alt {
  background-color: #2e2e38;
  background-color: var(--badge-alt-bg-color);
  border: none;
  color: #fff;
  color: var(--badge-alt-font-color);
}
.motif-badge-success {
  background-color: #168736;
  background-color: var(--badge-success-bg-color);
  border: none;
  color: #fff;
  color: var(--badge-success-font-color);
}
.motif-badge-warning {
  background-color: #ed6500;
  background-color: var(--badge-warning-bg-color);
  border: none;
  color: #1a1a24;
  color: var(--badge-warning-font-color);
}
.motif-badge-error {
  background-color: #b9251c;
  background-color: var(--badge-error-bg-color);
  border: none;
  color: #fff;
  color: var(--badge-error-font-color);
}
.motif-badge-info {
  background-color: #155cb4;
  background-color: var(--badge-info-bg-color);
  border: none;
  color: #fff;
  color: var(--badge-info-font-color);
}
.motif-badge-info-alt {
  background-color: #ffe600;
  background-color: var(--badge-info-alt-bg-color);
  border: none;
  color: #1a1a24;
  color: var(--badge-info-alt-font-color);
}
.motif-badge-ghost {
  background-color: #c4c4cd;
  background-color: var(--badge-ghost-bg-color);
  border: none;
  color: #1a1a24;
  color: var(--badge-ghost-font-color);
}
.motif-badge-ghost .motif-badge-number {
  opacity: 0.54;
}
.motif-breadcrumb-list-item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-bottom: 0;
}
.motif-breadcrumb-list-item a {
  color: #2e2e38;
  color: var(--breadcrumb-text-color);
  font-size: 0.857rem;
  font-size: var(--breadcrumb-item-font-size);
  font-weight: lighter;
  font-weight: var(--breadcrumb-item-font-weight);
  line-height: 1.4285714286rem;
  text-decoration: none;
}
.motif-breadcrumb-list-item a:focus,
.motif-breadcrumb-list-item a:hover {
  border-bottom: none;
  font-weight: 400;
  font-weight: var(--breadcrumb-item-hover-font-weight);
  text-decoration: underline;
}
.motif-breadcrumb-list-item .motif-dropdown {
  margin: 0 -0.7142857143rem;
}
.motif-breadcrumb-list-item .motif-dropdown .motif-dropdown-menu {
  margin-top: 0.5714285714rem;
}
.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item {
  padding: 0.8571428571rem;
}
.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item a {
  font-size: 1rem;
}
.motif-breadcrumb-list-item
  .motif-dropdown
  .motif-breadcrumb-list-item
  a:hover {
  text-decoration: none;
}
.motif-breadcrumb-list-item .breadcrumb-dropdown-trigger {
  background-color: transparent;
}
.motif-breadcrumb-list-item .motif-breadcrumb-dropdown-icon {
  color: #2e2e38;
  color: var(--breadcrumb-dropdown-trigger-icon-color);
  height: 1.7142857143rem;
  margin-bottom: -10px;
  width: 1.7142857143rem;
}
.motif-breadcrumb-list-item .motif-icon {
  height: 1.1428571429rem;
  margin-right: 0.4285714286rem;
}
.motif-breadcrumb-list-item .motif-icon svg {
  fill: #2e2e38;
  fill: var(--breadcrumb-text-color);
  height: auto;
  width: auto;
}
.motif-breadcrumb-list-item-active a,
.motif-breadcrumb-list-item-active a:hover {
  font-weight: 700;
  font-weight: var(--breadcrumb-item-active-font-weight);
}
.motif-breadcrumb-list-item-disabled a {
  color: #747480;
  color: var(--btn-text-color-disabled);
  cursor: not-allowed;
  font-weight: 400;
  font-weight: var(--breadcrumb-item-disabled-font-weight);
}
.motif-breadcrumb-list-item-disabled a:focus,
.motif-breadcrumb-list-item-disabled a:hover {
  text-decoration: none;
}
.motif-breadcrumb-list-item-disabled .motif-icon svg {
  fill: #747480;
  fill: var(--btn-text-color-disabled);
}
.motif-breadcrumb-list-item-alt a {
  color: #155cb4;
  color: var(--breadcrumb-text-alt-color);
}
.motif-breadcrumb-list-item-alt .motif-icon svg {
  fill: #155cb4;
  fill: var(--breadcrumb-text-alt-color);
}
.motif-breadcrumb-list-item .motif-breadcrumb-arrow-separator {
  fill: #2e2e38;
  fill: var(--breadcrumb-arrow-separator-color);
  height: 1.7142857143rem;
  margin: 0 0.5714285714rem;
  width: 1.7142857143rem;
}
.motif-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.motif-button {
  align-items: center;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--btn-font-size);
  font-weight: 700;
  font-weight: var(--btn-font-weight);
  justify-content: center;
  line-height: 1.572;
  min-width: 6.2857142857rem;
  overflow: visible;
  padding: 0.429rem;
  padding: var(--btn-padding);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast), background var(--ease-in-out-fast),
    box-shadow var(--ease-in-out-fast), border-color var(--ease-in-out-fast);
}
.motif-button.motif-button-stepper-next .motif-icon,
.motif-button.motif-button-stepper-prev .motif-icon {
  display: flex;
  height: 1.7142857143rem;
  justify-items: center;
  width: 0.8571428571rem;
}
.motif-button.motif-button-stepper-next .motif-icon svg,
.motif-button.motif-button-stepper-prev .motif-icon svg {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.motif-button.motif-button-stepper-prev .motif-icon {
  margin-left: -0.1428571429rem;
  margin-right: 0.5714285714rem;
}
.motif-button.motif-button-stepper-next .motif-icon {
  margin-left: 0.5714285714rem;
}
.motif-button path {
  fill: currentColor;
  transition: fill 0.15s ease-in-out;
  transition: fill var(--ease-in-out-fast);
}
.motif-button .motif-icon {
  color: inherit;
  flex-shrink: 0;
  margin: 0;
}
.motif-button .motif-icon svg {
  display: block;
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-button::-moz-focus-inner {
  border: 0;
}
.motif-button:disabled {
  cursor: not-allowed;
}
.motif-button-primary-alt.motif-active,
.motif-button-primary-alt:focus,
.motif-button-primary-alt:hover:not(:disabled),
.motif-button-primary.motif-active,
.motif-button-primary:focus,
.motif-button-primary:hover:not(:disabled) {
  background-color: #2e2e38;
  background-color: var(--btn-primary-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-primary-hover-border-color);
  color: #fff;
  color: var(--btn-primary-hover-color);
}
.motif-button-primary {
  background-color: #ffe600;
  background-color: var(--btn-primary-bg-color);
  border-color: #3a3a4a;
  border-color: var(--btn-primary-border-color);
  color: #2e2e38;
  color: var(--btn-primary-color);
}
.motif-button-primary:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-primary-disabled-bg-color);
  border-color: #eaeaf2;
  border-color: var(--btn-primary-disabled-border-color);
  color: #747480;
  color: var(--btn-primary-disabled-color);
}
.motif-button-primary-alt {
  background-color: #2e2e38;
  background-color: var(--btn-primary-alt-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-primary-alt-border-color);
  color: #fff;
  color: var(--btn-primary-alt-color);
}
.motif-button-primary-alt.motif-active,
.motif-button-primary-alt:focus,
.motif-button-primary-alt:hover:not(:disabled) {
  background-color: #fff;
  background-color: var(--btn-primary-alt-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-primary-alt-hover-border-color);
  color: #2e2e38;
  color: var(--btn-primary-alt-hover-color);
}
.motif-button-primary-alt:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-primary-alt-disabled-bg-color);
  border-color: #eaeaf2;
  border-color: var(--btn-primary-alt-disabled-border-color);
  color: #747480;
  color: var(--btn-primary-alt-disabled-color);
}
.motif-button-secondary {
  background-color: #fff;
  background-color: var(--btn-secondary-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-secondary-border-color);
  color: #2e2e38;
  color: var(--btn-secondary-color);
}
.motif-button-secondary:focus {
  background-color: #2e2e38;
  background-color: var(--btn-secondary-focus-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-secondary-focus-border-color);
  color: #fff;
  color: var(--btn-secondary-focus-color);
  outline: none;
}
.motif-button-secondary.motif-active,
.motif-button-secondary:active {
  background-color: #1a1a24;
  color: #fff;
}
.motif-button-secondary:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-secondary-disabled-bg-color);
  border-color: #eaeaf2;
  border-color: var(--btn-secondary-disabled-border-color);
  color: #747480;
  color: var(--btn-secondary-disabled-color);
}
.motif-button-secondary:hover:not(:disabled) {
  background-color: #2e2e38;
  background-color: var(--btn-secondary-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-secondary-hover-border-color);
  color: #fff;
  color: var(--btn-secondary-hover-color);
}
.motif-button-warn {
  background-color: #b9251c;
  background-color: var(--btn-warn-bg-color);
  border-color: #b9251c;
  border-color: var(--btn-warn-border-color);
  color: #fff;
  color: var(--btn-warn-color);
}
.motif-button-warn:hover {
  background-color: #2e2e38;
  background-color: var(--btn-warn-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-warn-hover-border-color);
  color: #fff;
  color: var(--btn-warn-hover-color);
}
.motif-button-warn:focus {
  background-color: #2e2e38;
  background-color: var(--btn-warn-focus-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-warn-focus-border-color);
  color: #fff;
  color: var(--btn-warn-focus-color);
}
.motif-button-warn:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-warn-disabled-bg-color);
  border-color: #eaeaf2;
  border-color: var(--btn-warn-disabled-border-color);
  color: #747480;
  color: var(--btn-warn-disabled-color);
}
.motif-button-medium {
  min-width: 6.7142857143rem;
  padding: 0.572rem;
  padding: var(--btn-padding-medium);
}
.motif-button-large {
  min-width: 7.1428571429rem;
  padding: 0.715rem;
  padding: var(--btn-padding-large);
}
.motif-icon-button {
  background: none;
  border: none;
  color: #1a1a24;
  color: var(--btn-icon-color);
  cursor: pointer;
  outline: none;
  padding: 0;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow var(--ease-in-out-fast);
}
.motif-icon-button .motif-icon {
  background: transparent;
  border: none;
}
.motif-icon-button .motif-icon svg {
  display: block;
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-icon-button path {
  fill: currentColor;
  transition: fill 0.15s ease-in-out;
  transition: fill var(--ease-in-out-fast);
}
.motif-icon-button:hover {
  background-color: #e1e1e6;
  background-color: var(--btn-icon-hover-bg-color);
  color: #1a1a24;
  color: var(--btn-icon-hover-color);
}
.motif-icon-button:focus {
  background-color: #e1e1e6;
  background-color: var(--btn-icon-focus-bg-color);
  color: #1a1a24;
  color: var(--btn-icon-focus-color);
}
.motif-icon-button.motif-disabled-state,
.motif-icon-button:disabled {
  cursor: auto;
  pointer-events: none;
}
.motif-icon-button.motif-disabled-state path,
.motif-icon-button.motif-disabled-state:hover path,
.motif-icon-button:disabled path,
.motif-icon-button:disabled:hover path {
  fill: #747480;
  fill: var(--btn-icon-disabled-color);
}
.motif-icon-button.motif-icon-button-medium {
  padding: 0.2857142857rem;
}
.motif-icon-button.motif-icon-button-large {
  padding: 0.5714285714rem;
}
.motif-fab {
  align-items: center;
  background-color: #2e2e38;
  background-color: var(--btn-fab-bg-color);
  border: none;
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: flex;
  height: 3.714rem;
  height: var(--btn-fab-size);
  justify-content: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast),
    background-color var(--ease-in-out-fast);
  width: 3.714rem;
  width: var(--btn-fab-size);
}
.motif-fab .motif-icon {
  color: #fff;
  color: var(--btn-fab-color);
}
.motif-fab .motif-icon svg {
  fill: currentColor;
  display: block;
  height: 2.285rem;
  height: var(--btn-fab-icon-size);
  width: 2.285rem;
  width: var(--btn-fab-icon-size);
}
.motif-fab::-moz-focus-inner {
  border: 0;
}
.motif-fab:hover {
  background-color: #ffe600;
  background-color: var(--btn-fab-hover-bg-color);
}
.motif-fab:hover .motif-icon {
  color: #2e2e38;
  color: var(--btn-fab-hover-color);
}
.motif-fab:focus {
  background-color: #ffe600;
  background-color: var(--btn-fab-focus-bg-color);
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
  outline: none;
}
.motif-fab:focus .motif-icon {
  color: #2e2e38;
  color: var(--btn-fab-focus-color);
}
.motif-fab:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-fab-disabled-bg-color);
  cursor: not-allowed;
}
.motif-fab:disabled .motif-icon {
  color: #747480;
  color: var(--btn-fab-disabled-color);
}
.motif-fab-size-small {
  height: 3.142rem;
  height: var(--btn-fab-size-sm);
  width: 3.142rem;
  width: var(--btn-fab-size-sm);
}
.motif-fab-size-small .motif-icon svg {
  height: 1.714rem;
  height: var(--btn-fab-icon-size-sm);
  width: 1.714rem;
  width: var(--btn-fab-icon-size-sm);
}
.motif-text-alt-button,
.motif-text-button {
  align-items: center;
  background: transparent;
  border: none;
  color: #2e2e38;
  color: var(--btn-text-color);
  display: inline-flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--btn-text-font-size);
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.2;
  outline: none;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.motif-text-alt-button .motif-icon,
.motif-text-button .motif-icon {
  color: inherit;
}
.motif-text-alt-button .motif-icon > span,
.motif-text-button .motif-icon > span {
  display: flex;
}
.motif-text-alt-button .motif-icon svg,
.motif-text-button .motif-icon svg {
  height: 1.2857142857rem;
  margin-right: 0.1428571429rem;
  position: relative;
  width: 1.2857142857rem;
}
.motif-text-alt-button path,
.motif-text-button path {
  fill: currentColor;
}
.motif-text-alt-button:hover,
.motif-text-button:hover {
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--btn-text-color);
  cursor: pointer;
  margin-bottom: -1px;
}
.motif-text-alt-button:focus,
.motif-text-button:focus {
  border: 0;
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--btn-text-color);
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
  cursor: pointer;
  margin-bottom: -1px;
}
.motif-text-alt-button.motif-text-button-disabled,
.motif-text-button.motif-text-button-disabled {
  color: #747480;
  color: var(--btn-text-color-disabled);
}
.motif-text-alt-button.motif-text-button-disabled:focus,
.motif-text-alt-button.motif-text-button-disabled:hover,
.motif-text-button.motif-text-button-disabled:focus,
.motif-text-button.motif-text-button-disabled:hover {
  border-bottom: none;
  color: #747480;
  color: var(--btn-text-color-disabled);
  cursor: not-allowed;
  text-decoration: none;
}
.motif-text-alt-button.motif-active,
.motif-text-button.motif-active {
  border-bottom: 2px solid;
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-text-alt-button {
  color: #155cb4;
  color: var(--btn-text-alt-color);
}
.motif-text-alt-button:hover {
  cursor: pointer;
}
.motif-text-alt-button:focus,
.motif-text-alt-button:hover {
  border-bottom: 1px solid #155cb4;
  border-bottom: 1px solid var(--btn-text-alt-color);
}
.motif-text-alt-button:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-loader-button.motif-button-primary {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-border-color);
  color: #2e2e38;
  color: var(--btn-loader-primary-color);
}
.motif-loader-button.motif-button-primary .motif-progress {
  background-color: #3a3a4a;
  background-color: var(--btn-loader-primary-progress-bg-color);
}
.motif-loader-button.motif-button-primary:hover {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-hover-border-color);
  color: #2e2e38;
  color: var(--btn-loader-primary-hover-color);
}
.motif-loader-button.motif-button-primary:hover .motif-progress {
  background-color: #2e2e38;
  background-color: var(--btn-loader-primary-progress-hover-bg-color);
}
.motif-loader-button.motif-button-primary:focus {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-focus-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-focus-border-color);
  color: #2e2e38;
  color: var(--btn-loader-primary-focus-color);
}
.motif-loader-button.motif-button-primary:focus .motif-progress {
  background-color: #2e2e38;
  background-color: var(--btn-loader-primary-progress-focus-bg-color);
}
.motif-loader-button.motif-button-primary-alt {
  background-color: #2e2e38;
  background-color: var(--btn-loader-primary-alt-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-alt-border-color);
  color: #fff;
  color: var(--btn-loader-primary-alt-color);
}
.motif-loader-button.motif-button-primary-alt .motif-progress {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-alt-progress-bg-color);
}
.motif-loader-button.motif-button-primary-alt:hover {
  background-color: #2e2e38;
  background-color: var(--btn-loader-primary-alt-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-alt-hover-border-color);
  color: #fff;
  color: var(--btn-loader-primary-alt-hover-color);
}
.motif-loader-button.motif-button-primary-alt:hover .motif-progress {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-alt-progress-hover-bg-color);
}
.motif-loader-button.motif-button-primary-alt:focus {
  background-color: #2e2e38;
  background-color: var(--btn-loader-primary-alt-focus-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-primary-alt-focus-border-color);
  color: #fff;
  color: var(--btn-loader-primary-alt-focus-color);
}
.motif-loader-button.motif-button-primary-alt:focus .motif-progress {
  background-color: #ffe600;
  background-color: var(--btn-loader-primary-alt-progress-hover-bg-color);
}
.motif-loader-button.motif-button-secondary {
  background-color: #fff;
  background-color: var(--btn-loader-secondary-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-secondary-border-color);
  color: #2e2e38;
  color: var(--btn-loader-secondary-color);
}
.motif-loader-button.motif-button-secondary .motif-progress {
  background-color: #2e2e38;
  background-color: var(--btn-loader-secondary-progress-bg-color);
}
.motif-loader-button.motif-button-secondary:hover {
  background-color: #fff;
  background-color: var(--btn-loader-secondary-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-secondary-hover-border-color);
  color: #2e2e38;
  color: var(--btn-loader-secondary-hover-color);
}
.motif-loader-button.motif-button-secondary:hover .motif-progress {
  background-color: #2e2e38;
  background-color: var(--btn-loader-secondary-progress-hover-bg-color);
}
.motif-loader-button.motif-button-secondary:focus {
  background-color: #fff;
  background-color: var(--btn-loader-secondary-focus-bg-color);
  border-color: #2e2e38;
  border-color: var(--btn-loader-secondary-focus-border-color);
  color: #2e2e38;
  color: var(--btn-loader-secondary-focus-color);
}
.motif-loader-button.motif-button-secondary:focus .motif-progress {
  background-color: #2e2e38;
  background-color: var(--btn-loader-secondary-progress-focus-bg-color);
}
.motif-loader-button
  .motif-progress-bar-wrapper
  .motif-progress-bar.motif-progress-bar-indeterminate
  .motif-progress {
  -webkit-animation: loaderButtonAnim 1.5s linear infinite;
  animation: loaderButtonAnim 1.5s linear infinite;
  width: 60%;
}
.motif-loader-button .motif-progress-bar-wrapper {
  bottom: -0.0714285714rem;
  left: -0.0714285714rem;
  position: absolute;
  right: -0.0714285714rem;
}
.motif-loader-button .motif-progress-bar-wrapper .motif-progress,
.motif-loader-button .motif-progress-bar-wrapper .motif-progress-bar {
  height: 0.286rem;
  height: var(--btn-loader-progress-height);
}
.motif-loader-button .motif-progress-bar-wrapper .motif-progress-bar {
  background-color: transparent;
}
@keyframes loaderButtonAnim {
  0% {
    left: -60%;
  }
  to {
    left: 160%;
  }
}
.motif-button-group {
  align-items: center;
  display: flex;
}
.motif-button-group .motif-button {
  background-color: #fff;
  background-color: var(--btn-group-bg-color);
  border-color: #1a1a24;
  border-color: var(--btn-group-border-color);
  border-left-width: 0;
  color: #1a1a24;
  color: var(--btn-group-color);
}
.motif-button-group .motif-button:hover:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--btn-group-bg-hover-color);
  border-color: #1a1a24;
  border-color: var(--btn-group-border-color);
  color: #1a1a24;
  color: var(--btn-group-color);
}
.motif-button-group .motif-button:focus {
  background-color: #1a1a24;
  background-color: var(--btn-group-bg-focus-color);
  color: #fff;
  color: var(--btn-group-focus-color);
}
.motif-button-group .motif-button:disabled {
  background-color: #eaeaf2;
  background-color: var(--btn-primary-disabled-bg-color);
  border-color: #eaeaf2;
  border-color: var(--btn-primary-disabled-border-color);
  color: #747480;
  color: var(--btn-primary-disabled-color);
}
.motif-button-group .motif-button:first-child {
  border-left-width: 1px;
}
.motif-button-group .motif-dropdown .motif-dropdown-trigger .motif-button,
.motif-button-group
  .motif-dropdown-portal
  .motif-dropdown-trigger
  .motif-button {
  border-left-width: 0;
}
.motif-button-group-small .motif-button,
.motif-button-group-small .motif-dropdown,
.motif-button-group-small .motif-dropdown-portal {
  height: 2.5714285714rem;
}
.motif-button-group-small .motif-dropdown-trigger .motif-button {
  min-width: 2.5714285714rem;
  padding: 0;
}
.motif-button-group-medium .motif-button,
.motif-button-group-medium .motif-dropdown,
.motif-button-group-medium .motif-dropdown-portal {
  height: 2.8571428571rem;
}
.motif-button-group-medium .motif-dropdown-trigger .motif-button {
  min-width: 2.8571428571rem;
}
.motif-button-group-large .motif-button,
.motif-button-group-large .motif-dropdown,
.motif-button-group-large .motif-dropdown-portal {
  height: 3.1428571429rem;
}
.motif-button-group-large .motif-dropdown-trigger .motif-button {
  min-width: 3.1428571429rem;
}
.motif-card-footer {
  background: #f6f6fa;
  background: var(--card-footer-bg-color);
  display: flex;
  flex-direction: row;
  min-height: 3.1428571429rem;
}
.motif-card-footer .motif-text-button {
  border-bottom: none;
  font-size: 1rem;
  margin-left: 1.1428571429rem;
}
.motif-card-footer .motif-text-button:focus,
.motif-card-footer .motif-text-button:hover {
  text-decoration: underline;
}
.motif-card-footer :only-child {
  margin: auto;
}
.motif-card-footer .motif-tab-navigation {
  margin: 0;
}
.motif-card-footer .motif-tab-navigation .motif-button {
  border: none;
  padding: 0.7857142857rem 1.1428571429rem;
  transition: none;
}
.motif-card-footer .motif-tab-navigation .motif-button.motif-active,
.motif-card-footer .motif-tab-navigation .motif-button:hover {
  box-shadow: inset 0 0.1428571429rem 0 0 #2e2e38;
  box-shadow: inset 0 0.1428571429rem 0 0
    var(--card-footer-tab-active-border-color);
}
.motif-card-header {
  align-items: center;
  border-bottom: 1px solid #e1e1e6;
  border-bottom: var(--card-border);
  display: flex;
  justify-content: space-between;
  padding: 0.7857142857rem 0.8571428571rem;
}
.motif-card-header .motif-icon-button {
  height: 1.7142857143rem;
  margin: -0.1428571429rem 0;
  padding: 0;
  width: 1.7142857143rem;
}
.motif-card-header .motif-icon svg {
  fill: #2e2e38;
  fill: var(--body-color);
  padding: 0.1428571429rem;
}
.motif-card-header-alt,
.motif-card-header-dark {
  border-bottom: 0;
}
.motif-card-header-dark {
  background-color: #2e2e38;
  background-color: var(--card-header-dark-bg-color);
  margin: 0 -1px;
  margin: var(--card-header-dark-margin);
}
.motif-card-header-dark * {
  color: #fff;
  color: var(--card-header-dark-color);
}
.motif-card-header-dark .motif-icon-button:focus,
.motif-card-header-dark .motif-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--card-header-dark-btn-color);
}
.motif-card-body {
  padding: 0.8571428571rem;
}
.motif-card-body:first-child {
  margin-top: 0;
}
.motif-card-body:last-child {
  margin-bottom: 0;
}
.motif-card-image {
  margin: 0;
}
.motif-card-image img,
.motif-card-image svg {
  width: 100%;
}
.motif-card {
  background-color: #fff;
  background-color: var(--card-bg-color);
  border: 1px solid #e1e1e6;
  border: var(--card-border);
  box-shadow: none;
  box-shadow: var(--card-box-shadow);
  display: inline-block;
  transition: box-shadow 0.2s ease;
}
.motif-card:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: var(--card-box-shadow-hover);
}
.motif-card .motif-card-image ~ .motif-card-header {
  border: none;
  padding-bottom: 0;
}
.motif-chip-group {
  display: flex;
  flex-wrap: wrap;
}
.motif-chip-group .motif-chip {
  margin-bottom: 8px;
  margin-right: 8px;
}
.motif-chip-group .motif-chip:last-child {
  margin-right: 0;
}
.motif-chip,
.motif-chip .motif-chip-button {
  align-items: center;
  display: flex;
}
.motif-chip .motif-chip-button {
  background-color: #fff;
  background-color: var(--chip-bg-color);
  border: 1px solid #2e2e38;
  border: var(--chip-border);
  border-radius: 32px;
  border-radius: var(--chip-border-radius);
  color: #2e2e38;
  color: var(--chip-color);
  cursor: pointer;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--chip-font-size);
  font-weight: lighter;
  font-weight: var(--chip-font-weight);
  line-height: 1;
  padding: 0.2857142857rem 0.7142857143rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast),
    background-color var(--ease-in-out-fast), box-shadow var(--ease-in-out-fast),
    border-color var(--ease-in-out-fast);
}
.motif-chip .motif-chip-button::-moz-focus-inner {
  border: 0;
}
.motif-chip .motif-chip-button:active {
  background-color: #1a1a24;
  background-color: var(--chip-active-bg-color);
  color: #fff;
  color: var(--chip-active-color);
}
.motif-chip-disabled.motif-chip .motif-chip-button {
  background-color: #c4c4cd;
  background-color: var(--chip-disabled-bg-color);
  border-color: #c4c4cd;
  border-color: var(--chip-disabled-border-color);
  color: #525252;
  color: var(--chip-disabled-color);
  cursor: not-allowed;
}
.motif-chip-disabled.motif-chip .motif-chip-button:hover {
  background-color: #c4c4cd;
  background-color: var(--chip-disabled-bg-color);
  cursor: auto;
}
.motif-chip .motif-chip-button.motif-chip-monochrome-light {
  background-color: #fff;
  background-color: var(--chip-monochrome-light-bg-color);
  border-color: #2e2e38;
  border-color: var(--chip-monochrome-light-border-color);
  color: #2e2e38;
  color: var(--chip-monochrome-light-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast),
    background-color var(--ease-in-out-fast),
    border-color var(--ease-in-out-fast);
}
.motif-chip-disabled.motif-chip .motif-chip-button.motif-chip-monochrome-light {
  background-color: #c4c4cd;
  background-color: var(--chip-monochrome-disabled-bg-color);
  border-color: #c4c4cd;
  border-color: var(--chip-monochrome-disabled-border-color);
  color: #525252;
  color: var(--chip-monochrome-disabled-color);
  cursor: not-allowed;
}
.motif-chip .motif-chip-button.motif-chip-monochrome-dark,
.motif-chip .motif-chip-button.motif-chip-monochrome-light:active,
.motif-chip .motif-chip-button.motif-chip-monochrome-light:focus,
.motif-chip .motif-chip-button.motif-chip-monochrome-light:hover {
  background-color: #2e2e38;
  background-color: var(--chip-monochrome-dark-bg-color);
  border-color: #2e2e38;
  border-color: var(--chip-monochrome-dark-border-color);
  color: #fff;
  color: var(--chip-monochrome-dark-color);
}
.motif-chip .motif-chip-button.motif-chip-monochrome-dark {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast),
    background-color var(--ease-in-out-fast),
    border-color var(--ease-in-out-fast);
}
.motif-chip-disabled.motif-chip .motif-chip-button.motif-chip-monochrome-dark {
  background-color: #c4c4cd;
  background-color: var(--chip-monochrome-disabled-bg-color);
  border-color: #c4c4cd;
  border-color: var(--chip-monochrome-disabled-border-color);
  color: #525252;
  color: var(--chip-monochrome-disabled-color);
}
.motif-chip .motif-chip-button.motif-chip-monochrome-dark:active,
.motif-chip .motif-chip-button.motif-chip-monochrome-dark:focus,
.motif-chip .motif-chip-button.motif-chip-monochrome-dark:hover {
  background-color: #fff;
  background-color: var(--chip-monochrome-light-bg-color);
  border-color: #2e2e38;
  border-color: var(--chip-monochrome-light-border-color);
  color: #2e2e38;
  color: var(--chip-monochrome-light-color);
}
.motif-chip .motif-chip-button.motif-chip-success {
  background-color: #168736;
  background-color: var(--chip-success-bg-color);
  border-color: #168736;
  border-color: var(--chip-success-border-color);
  color: #fff;
  color: var(--chip-success-color);
}
.motif-chip .motif-chip-button.motif-chip-warning {
  background-color: #ed6500;
  background-color: var(--chip-warning-bg-color);
  border-color: #ed6500;
  border-color: var(--chip-warning-border-color);
  color: #1a1a24;
  color: var(--chip-warning-color);
}
.motif-chip .motif-chip-button.motif-chip-error {
  background-color: #b9251c;
  background-color: var(--chip-error-bg-color);
  border-color: #b9251c;
  border-color: var(--chip-error-border-color);
  color: #fff;
  color: var(--chip-error-color);
}
.motif-chip .motif-chip-button.motif-chip-error:active,
.motif-chip .motif-chip-button.motif-chip-error:focus,
.motif-chip .motif-chip-button.motif-chip-error:hover,
.motif-chip .motif-chip-button.motif-chip-success:active,
.motif-chip .motif-chip-button.motif-chip-success:focus,
.motif-chip .motif-chip-button.motif-chip-success:hover,
.motif-chip .motif-chip-button.motif-chip-warning:active,
.motif-chip .motif-chip-button.motif-chip-warning:focus,
.motif-chip .motif-chip-button.motif-chip-warning:hover {
  background-color: transparent;
  color: #2e2e38;
  color: var(--chip-outlined-color);
}
.motif-chip .motif-chip-button.motif-chip-removable {
  padding-right: 2.3571428571rem;
}
.motif-chip.motif-chip-outlined .motif-chip-button {
  background-color: transparent;
  color: #2e2e38;
  color: var(--chip-outlined-color);
}
.motif-chip-disabled.motif-chip.motif-chip-outlined .motif-chip-button {
  cursor: not-allowed;
}
.motif-chip-disabled.motif-chip.motif-chip-outlined .motif-chip-button:focus,
.motif-chip-disabled.motif-chip.motif-chip-outlined .motif-chip-button:hover {
  background-color: transparent;
  border-color: var(--chip--outlined-disabled-border-color);
  color: #747480;
  color: var(--chip-outlined-disabled-color);
}
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-success:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-success:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-success:hover {
  background-color: #168736;
  background-color: var(--chip-success-bg-color);
  border-color: #168736;
  border-color: var(--chip-success-border-color);
  color: #fff;
  color: var(--chip-success-color);
}
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-warning:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-warning:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-warning:hover {
  background-color: #ed6500;
  background-color: var(--chip-warning-bg-color);
  border-color: #ed6500;
  border-color: var(--chip-warning-border-color);
  color: #1a1a24;
  color: var(--chip-warning-color);
}
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-error:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-error:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-error:hover {
  background-color: #b9251c;
  background-color: var(--chip-error-bg-color);
  border-color: #b9251c;
  border-color: var(--chip-error-border-color);
  color: #fff;
  color: var(--chip-error-color);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-chip-button:not(.motif-chip-success):not(.motif-chip-warning):not(.motif-chip-error):not(.motif-chip-monochrome-light):not(.motif-chip-monochrome-dark) {
  background-color: #2e2e38;
  background-color: var(--chip-hover-bg-color);
  border-color: #2e2e38;
  border-color: var(--chip-hover-border-color);
  color: #fff;
  color: var(--chip-hover-color);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-dropdown-trigger
  svg {
  color: #fff;
  color: var(--chip-hover-color);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-dropdown-trigger:active,
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-dropdown-trigger:focus,
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-dropdown-trigger:hover {
  border: 1px solid transparent;
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon {
  color: #2e2e38;
  color: var(--chip-button-hover-color);
  transition: color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-close-icon:active,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:focus,
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-close-icon:hover {
  color: #fff;
  color: var(--chip-hover-color);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-close-icon:active
  svg,
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-close-icon:focus
  svg,
.motif-chip.motif-chip-active:not(.motif-chip-disabled)
  .motif-close-icon:hover
  svg {
  fill: #2e2e38;
  fill: var(--chip-button-hover-color);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg {
  fill: #fff;
  fill: var(--chip-hover-color);
  transition: fill 0.15s ease-in-out;
  transition: fill var(--ease-in-out-fast);
}
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:active,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:focus,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:hover {
  fill: #2e2e38;
  fill: var(--chip-button-hover-color);
}
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger {
  display: flex;
  margin-left: -0.1428571429rem;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: background-color 0.15s ease-in-out;
  transition: background-color var(--ease-in-out-fast);
}
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:active,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:focus,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:hover {
  border: 1px solid transparent;
}
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:active svg,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:focus svg,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:hover svg {
  background-color: #c4c4cd;
  background-color: var(--chip-button-hover-bg-color);
  border-radius: 50%;
  color: #2e2e38;
  color: var(--chip-button-hover-color);
}
.motif-chip.motif-chip-dropdown .motif-dropdown-menu {
  margin-left: -2.2857142857rem;
}
.motif-chip.motif-chip-dropdown .motif-icon-button {
  border-radius: 50%;
  color: #2e2e38;
  color: var(--chip-button-hover-color);
  height: 1.4285714286rem;
  padding: 0;
  transition: color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast);
  width: 1.5rem;
}
.motif-chip.motif-chip-dropdown .motif-icon-button:active,
.motif-chip.motif-chip-dropdown .motif-icon-button:focus,
.motif-chip.motif-chip-dropdown .motif-icon-button:hover {
  background-color: #c4c4cd;
  background-color: var(--chip-button-hover-bg-color);
  color: #2e2e38;
  color: var(--chip-hover-bg-color);
}
.motif-chip.motif-chip-dropdown .motif-icon-button:active svg,
.motif-chip.motif-chip-dropdown .motif-icon-button:focus svg,
.motif-chip.motif-chip-dropdown .motif-icon-button:hover svg {
  color: #2e2e38;
  color: var(--chip-button-hover-color);
  margin-top: 1px;
  transition: color 0.15s ease-in-out;
  transition: color var(--ease-in-out-fast);
}
.motif-chip.motif-chip-dropdown .motif-icon-button svg {
  fill: #fff;
  fill: var(--chip-hover-color);
  transition: fill 0.15s ease-in-out;
  transition: fill var(--ease-in-out-fast);
}
.motif-chip.motif-chip-dropdown .motif-icon-button svg:active,
.motif-chip.motif-chip-dropdown .motif-icon-button svg:focus,
.motif-chip.motif-chip-dropdown .motif-icon-button svg:hover {
  fill: #2e2e38;
  fill: var(--chip-button-hover-color);
}
.motif-chip.motif-chip-dropdown .motif-chip-button {
  padding-right: 2.3571428571rem;
}
.motif-chip.motif-chip-dropdown .motif-chip-button .motif-icon-button:focus {
  box-shadow: none;
}
.motif-chip svg {
  fill: #2e2e38;
  fill: var(--chip-color);
  color: #2e2e38;
  color: var(--chip-color);
  height: auto;
  transition: fill 0.15s ease-in-out;
  transition: fill var(--ease-in-out-fast);
  width: 100%;
}
.motif-chip .motif-close-icon {
  align-self: center;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  height: 1.4285714286rem;
  margin-left: -0.1428571429rem;
  margin-right: 0;
  padding: 0.1428571429rem;
  position: relative;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 1.5rem;
}
.motif-chip .motif-close-icon:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
  outline: none;
}
.motif-chip-disabled.motif-chip .motif-close-icon {
  cursor: not-allowed;
}
.motif-chip-disabled.motif-chip .motif-close-icon svg {
  fill: #525252;
  fill: var(--chip-disabled-color);
}
:not(.motif-chip-disabled).motif-chip .motif-close-icon {
  transition: background-color 0.15s ease-in-out;
  transition: background-color var(--ease-in-out-fast);
}
:not(.motif-chip-disabled).motif-chip .motif-close-icon:active,
:not(.motif-chip-disabled).motif-chip .motif-close-icon:focus,
:not(.motif-chip-disabled).motif-chip .motif-close-icon:hover {
  background-color: #c4c4cd;
  background-color: var(--chip-button-hover-bg-color);
  border-radius: 50%;
}
.motif-dot {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.motif-dot:before {
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 0.7142857143rem;
  width: 0.7142857143rem;
}
.motif-dot-text {
  color: #2e2e38;
  color: var(--chip-dot-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.857rem;
  font-size: var(--chip-dot-font-size);
  line-height: normal;
  line-height: var(--chip-dot-font-weight);
  margin-left: 0.5714285714rem;
}
.motif-dot-success:before {
  background-color: #168736;
  background-color: var(--chip-success-bg-color);
}
.motif-dot-warning:before {
  background-color: #ed6500;
  background-color: var(--chip-warning-bg-color);
}
.motif-dot-error:before {
  background-color: #b9251c;
  background-color: var(--chip-error-bg-color);
}
.motif-dot-disabled:before {
  background-color: #c4c4cd;
  background-color: var(--chip-disabled-bg-color);
}
.motif-comment {
  border-bottom: 1px solid #e7e7ea;
  border-bottom: 1px solid var(--comment-border-bottom);
  margin-top: 1rem;
  position: relative;
}
.motif-comment-body {
  display: flex;
}
.motif-comment-avatar {
  margin-right: 0.5714285714rem;
}
.motif-comment-content {
  flex: 1 1;
}
.motif-comment-details {
  align-items: flex-end;
  display: flex;
}
.motif-comment-author {
  flex: 1 1;
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-comment-time {
  color: #747480;
  color: var(--comment-date-time-color);
  font-size: 0.8571428571rem;
  margin-right: 0.5714285714rem;
}
.motif-comment-actions {
  height: 1.8571428571rem;
}
.motif-comment-message {
  margin-top: 0.2857142857rem;
}
.motif-comment-message .motif-input-component .motif-comment-edit-text-area {
  border: 0;
}
.motif-comment-message.motif-comment-padding {
  padding-bottom: 1.0714285714rem;
}
.motif-comment-text-truncated {
  --comment-preview-row-count: 3;
  -webkit-line-clamp: var(--comment-preview-row-count);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.motif-comment-inline-actions {
  margin-top: 0.6428571429rem;
}
.motif-comment-inline-actions .motif-comment-reply {
  display: flex;
  justify-content: flex-end;
}
.motif-comment-inline-actions .motif-comment-reply-before {
  align-items: flex-start;
  justify-content: space-between;
  margin-left: -2.8571428571rem;
}
.motif-comment-inline-actions .cancel-edit-button {
  margin-left: 1.5rem;
}
.motif-comment .action-icons {
  height: 1.2857142857rem;
  margin-right: 0.25rem;
  width: 1.2857142857rem;
}
.motif-comment-edit-action,
.motif-comment-view-action {
  display: flex;
  justify-content: flex-end;
}
.motif-comment-view-action.reply-positioned-before {
  align-items: flex-start;
  justify-content: space-between;
}
.motif-comment-truncation-toggle {
  color: #1a1a24;
  color: var(--comment-truncation-toggle-color);
  font-size: 0.8571428571rem;
  margin-top: 0.2142857143rem;
}
.motif-comment-nested {
  margin-left: 2.2857142857rem;
  margin-top: 0.8571428571rem;
}
.motif-comment-nested .motif-comment {
  border: 0;
}
.motif-comment-reply-after {
  bottom: 0.3571428571rem;
  position: absolute;
}
.motif-comment-short-message {
  padding-bottom: 0.7142857143rem;
}
.motif-content-switcher {
  display: flex;
}
.motif-content-switcher .motif-button {
  background-color: #fff;
  background-color: var(--content-switcher-default-bg-color);
  border-color: #1a1a24;
  border-color: var(--content-switcher-btn-border-color);
  border-left-width: 0;
  border-radius: 0;
  color: #2e2e38;
  color: var(--content-switcher-default-font-color);
  height: 44px;
}
.motif-content-switcher .motif-button.motif-active {
  background-color: #1a1a24;
  background-color: var(--content-switcher-selected-bg-color);
  color: #fff;
  color: var(--content-switcher-selected-font-color);
}
.motif-content-switcher .motif-button:hover {
  background-color: #e1e1e6;
  background-color: var(--content-switcher-hover-bg-color);
  border-color: #1a1a24;
  border-color: var(--content-switcher-btn-border-color);
  color: #1a1a24;
  color: var(--content-switcher-hover-font-color);
}
.motif-content-switcher .motif-button:disabled {
  color: #747480;
  color: var(--content-switcher-disabled-font-color);
}
.motif-content-switcher .motif-button:disabled,
.motif-content-switcher .motif-button:disabled:hover {
  background-color: #eaeaf2;
  background-color: var(--content-switcher-disabled-bg-color);
}
.motif-content-switcher .motif-button:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
  z-index: 1;
}
.motif-content-switcher .motif-button:first-child,
.motif-content-switcher
  .motif-button[disabled]
  + .motif-button:not([disabled]) {
  border-left-width: 1px;
}
.motif-dropdown-item {
  align-items: center;
  background: transparent;
  border: none;
  clear: both;
  color: #2e2e38;
  color: var(--dropdown-font-color);
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 3.1428571429rem;
  line-height: 1.5714285714rem;
  outline: 1px solid transparent;
  padding: 0.7142857143rem 0.8571428571rem;
  position: relative;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  z-index: 2;
}
.motif-dropdown-item:focus,
.motif-dropdown-item:hover {
  background: #e1e1e6;
  background: var(--dropdown-menu-item-hover);
  color: #2e2e38;
  color: var(--dropdown-font-color-hover);
}
.motif-dropdown-item:focus a,
.motif-dropdown-item:hover a {
  color: #2e2e38;
  color: var(--dropdown-font-color-hover);
}
.motif-dropdown-item:focus .motif-icon svg,
.motif-dropdown-item:hover .motif-icon svg {
  fill: #2e2e38;
  fill: var(--dropdown-font-color-hover);
}
.motif-dropdown-item.active,
.motif-dropdown-item:active {
  text-decoration: none;
}
.motif-dropdown-item.disabled,
.motif-dropdown-item:disabled {
  background-color: transparent;
  color: #747480;
  color: var(--disabled-text);
  pointer-events: none;
}
.motif-dropdown-item .motif-icon {
  align-items: center;
  display: flex;
  height: 100%;
  margin-right: 10px;
  width: auto;
}
.motif-dropdown-item .motif-icon svg {
  fill: #2e2e38;
  fill: var(--body-color);
  height: 1.1428571429rem;
  width: 1.1428571429rem;
}
.motif-dropdown {
  display: inline-block;
  position: relative;
}
.motif-dropdown .motif-dropdown-trigger {
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.motif-dropdown .motif-dropdown-trigger .motif-button {
  margin: 0;
}
.motif-dropdown.motif-dropdown-drop-up .motif-dropdown-menu:before {
  clip: auto;
  border-bottom: 1px solid #c4c4cd;
  border-bottom: var(--dropdown-border);
  border-left: 1px solid #c4c4cd;
  border-left: var(--dropdown-border);
  border-right: none;
  border-top: none;
}
.motif-dropdown.motif-dropdown-drop-up
  .motif-dropdown-menu[x-placement^="bottom-left"]:before,
.motif-dropdown.motif-dropdown-drop-up
  .motif-dropdown-menu[x-placement^="bottom-right"]:before {
  clip: rect(4px, 12px, 22px, 0);
  bottom: -6px;
  top: auto;
}
.motif-dropdown-menu {
  background-clip: padding-box;
  display: block;
  list-style: none;
  min-width: 14.2857142857rem;
  outline: 1px solid #c4c4cd;
  outline: var(--dropdown-border);
  padding: 0;
  text-align: left;
  top: 100%;
  z-index: 100;
}
.motif-dropdown-menu,
.motif-dropdown-menu:before {
  background-color: #fff;
  background-color: var(--dropdown-bg-color);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: var(--dropdown-box-shadow);
  position: absolute;
}
.motif-dropdown-menu:before {
  clip: rect(-16px, 16px, 13px, 3px);
  border-right: 1px solid #c4c4cd;
  border-right: var(--dropdown-border);
  border-top: 1px solid #c4c4cd;
  border-top: var(--dropdown-border);
  content: "";
  display: inline-block;
  height: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 15px;
}
.motif-dropdown-menu[x-placement^="bottom-left"],
.motif-dropdown-menu[x-placement^="bottom-right"] {
  bottom: auto;
  right: auto;
}
.motif-dropdown-menu[x-placement^="bottom-right"] {
  right: -12px;
}
.motif-dropdown-menu[x-placement^="bottom-right"]:before {
  right: 1.2142857143rem;
  top: -6px;
}
.motif-dropdown-menu[x-placement^="bottom-left"] {
  left: -12px;
}
.motif-dropdown-menu[x-placement^="bottom-left"]:before {
  left: 1.2142857143rem;
  top: -6px;
}
.motif-dropdown-portal {
  display: inline-block;
  position: relative;
}
.motif-dropdown-portal .motif-dropdown-trigger {
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.motif-dropdown-portal .motif-dropdown-trigger .motif-button {
  margin: 0;
}
.motif-dropdown-menu-portal {
  background-color: #fff;
  background-color: var(--dropdown-bg-color);
  border: 1px solid #c4c4cd;
  border: var(--dropdown-border);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: var(--dropdown-box-shadow);
  list-style: none;
  min-width: 14.2857142857rem;
  text-align: left;
  z-index: 1001;
}
.motif-dropdown-menu-portal .motif-dropdown-arrow,
.motif-dropdown-menu-portal .motif-dropdown-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.motif-dropdown-menu-portal .motif-dropdown-arrow:before {
  background: #fff;
  background: var(--dropdown-bg-color);
  border: 1px solid #c4c4cd;
  border: var(--dropdown-border);
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.motif-dropdown-menu-portal-close {
  pointer-events: none;
  visibility: hidden;
}
.motif-dropdown-menu-portal[data-popper-placement^="top"]
  > .motif-dropdown-arrow {
  bottom: -6px;
}
.motif-dropdown-menu-portal[data-popper-placement^="top"]
  > .motif-dropdown-arrow:before {
  clip: rect(2px, 18px, 18px, 2px);
}
.motif-dropdown-menu-portal[data-popper-placement^="bottom"]
  > .motif-dropdown-arrow {
  top: -8px;
}
.motif-dropdown-menu-portal[data-popper-placement^="bottom"]
  > .motif-dropdown-arrow:before {
  clip: rect(0, 16px, 16px, 0);
}
.motif-dropdown-menu-portal[data-popper-placement^="left"]
  > .motif-dropdown-arrow {
  right: -8px;
}
.motif-dropdown-menu-portal[data-popper-placement^="right"]
  > .motif-dropdown-arrow {
  left: -8px;
}
.motif-rich-text-editor .ql-editor {
  background-color: #fff;
  background-color: var(--rich-text-editor-bg-color);
  padding: 0.8571428571rem 1.0714285714rem;
}
.motif-rich-text-editor .ql-editor:before {
  color: #2e2e38;
  color: var(--rich-text-editor-icon-color);
  font-style: normal;
  top: 1.4285714286rem;
}
.motif-rich-text-editor .ql-stroke {
  stroke: #2e2e38;
  stroke: var(--rich-text-editor-icon-color);
}
.motif-rich-text-editor .ql-fill {
  fill: #2e2e38;
  fill: var(--rich-text-editor-icon-color);
}
.motif-rich-text-editor .ql-container {
  font-size: 0.9285714286rem;
}
.motif-rich-text-editor .ql-container.ql-snow,
.motif-rich-text-editor .ql-snow.ql-toolbar {
  border-color: #e7e7ea;
  border-color: var(--rich-text-editor-border-color);
}
.motif-rich-text-editor .ql-snow.ql-toolbar {
  background-color: #fafafc;
  background-color: var(--rich-text-editor-toolbar-bg-color);
  padding: 0.5rem 0.6428571429rem;
}
.motif-rich-text-editor .ql-snow.ql-toolbar button {
  height: 1.7142857143rem;
  padding: 0.0714285714rem 0.1428571429rem;
  width: 1.7142857143rem;
}
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active {
  background-color: #c4c4cd;
  background-color: var(--rich-text-editor-active);
}
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active line,
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active path,
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active rect {
  stroke: #2e2e38;
  stroke: var(--rich-text-editor-icon-color);
}
.motif-rich-text-editor .ql-snow.ql-toolbar button svg {
  height: 1.4285714286rem;
  width: 1.4285714286rem;
}
.motif-rich-text-editor .ql-snow.ql-toolbar button:active,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover {
  background-color: #e1e1e6;
  background-color: var(--rich-text-editor-toolbar-icon-hover-bg-color);
  color: #2e2e38;
  color: var(--rich-text-editor-color);
}
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-fill,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-fill,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-fill {
  fill: #2e2e38;
  fill: var(--rich-text-editor-icon-color);
}
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-even,
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-thin,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-even,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-thin,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-even,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-thin {
  stroke: #2e2e38;
  stroke: var(--rich-text-editor-icon-color);
}
.motif-rich-text-editor
  .ql-snow.ql-toolbar
  .ql-picker.ql-expanded
  .ql-picker-label {
  background-color: #e7e7ea;
  background-color: var(--rich-text-editor-border-color);
  color: #747480;
  color: var(--rich-text-editor-toolbar-picker-options-label-open-color);
}
.motif-rich-text-editor .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-stroke {
  stroke: #c4c4cd;
  stroke: var(--rich-text-editor-toolbar-picker-options-icon-open-color);
}
.motif-rich-text-editor .ql-snow .ql-picker-options {
  background-color: #fff;
  background-color: var(--body-bg);
}
.motif-rich-text-editor .ql-snow .ql-picker.ql-header {
  width: 7rem;
}
.motif-rich-text-editor .ql-snow .ql-picker.ql-header.ql-expanded {
  background-color: #e7e7ea;
  background-color: var(--rich-text-editor-border-color);
}
.motif-rich-text-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #2e2e38;
  border-color: var(--rich-text-editor-toolbar-picker-options-border-color);
}
.motif-rich-text-editor .ql-snow .ql-picker {
  background-color: #fff;
  background-color: var(--rich-text-editor-toolbar-picker-bg-color);
  border: 0.0714285714rem solid #e1e1e6;
  border: 0.0714285714rem solid
    var(--rich-text-editor-toolbar-picker-border-color);
  color: #2e2e38;
  color: var(--rich-text-editor-color);
  font-size: 1rem;
  height: 2rem;
}
.motif-rich-text-editor .ql-snow .ql-picker:focus-within {
  background-color: #e7e7ea;
  background-color: var(--rich-text-editor-border-color);
  outline: 1px solid;
}
.motif-rich-text-editor .ql-snow .ql-picker:active,
.motif-rich-text-editor .ql-snow .ql-picker:hover {
  background-color: #e7e7ea;
  background-color: var(--rich-text-editor-border-color);
  color: #747480;
  color: var(--rich-text-editor-toolbar-picker-options-label-open-color);
}
.motif-rich-text-editor
  .ql-snow
  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker)
  svg {
  margin-top: -0.5rem;
  width: 1.2857142857rem;
}
.motif-rich-text-editor .ql-snow .ql-picker-label {
  border: none;
  height: 1.5714285714rem;
}
.motif-rich-text-editor .ql-snow .ql-picker-label:before {
  line-height: 1.5714285714rem;
  margin-top: 0.1428571429rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
}
.motif-rich-text-editor .ql-snow .ql-picker-label:active,
.motif-rich-text-editor .ql-snow .ql-picker-label:focus,
.motif-rich-text-editor .ql-snow .ql-picker-label:hover {
  background-color: #e7e7ea;
  background-color: var(--rich-text-editor-border-color);
  color: #747480;
  color: var(--rich-text-editor-toolbar-picker-options-label-open-color);
}
.motif-rich-text-editor .ql-snow .ql-picker-label:active .ql-stroke,
.motif-rich-text-editor .ql-snow .ql-picker-label:focus .ql-stroke,
.motif-rich-text-editor .ql-snow .ql-picker-label:hover .ql-stroke {
  stroke: #2e2e38;
  stroke: var(--rich-text-editor-color);
}
.motif-rich-text-editor .ql-snow .ql-picker-label.ql-active {
  color: #2e2e38;
  color: var(--rich-text-editor-color);
}
.motif-rich-text-editor .ql-snow .ql-picker.ql-font {
  width: 7.7142857143rem;
}
.motif-rich-text-editor
  .ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-value="small"]:before {
  font-size: 0.7142857143rem;
}
.motif-rich-text-editor
  .ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-value="large"]:before {
  font-size: 1.2857142857rem;
}
.motif-rich-text-editor
  .ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-value="huge"]:before {
  font-size: 2.2857142857rem;
}
.motif-rich-text-editor .ql-snow .ql-picker-item {
  color: #2e2e38;
  color: var(--rich-text-editor-color);
  margin: 0 -0.6rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.motif-rich-text-editor .ql-snow .ql-picker-item:active,
.motif-rich-text-editor .ql-snow .ql-picker-item:focus,
.motif-rich-text-editor .ql-snow .ql-picker-item:hover {
  background-color: #e1e1e6;
  background-color: var(--rich-text-editor-toolbar-picker-options-hover-bg);
  color: #2e2e38;
  color: var(--rich-text-editor-color);
}
.motif-rich-text-editor .ql-snow .ql-picker-item.ql-selected {
  color: #2e2e38;
  color: var(--rich-text-editor-color);
}
.motif-rich-text-editor .ql-snow button:focus {
  outline: 1px solid;
}
.motif-footer {
  background-color: #fff;
  background-color: var(--footer-bg-color);
  border-color: #e1e1e6;
  border-color: var(--footer-border-color);
  border-style: solid;
  border-style: var(--footer-border-style);
  border-width: 0.0714285714rem 0 0;
  border-top-width: var(--footer-border-top-width);
  box-shadow: 0 -0.1428571429rem 0.5714285714rem 0 #e1e1e6;
  box-shadow: var(--footer-box-shadow);
  height: 5.7142857143rem;
  padding: 1.2857142857rem;
  padding: var(--footer-padding);
}
.motif-footer-sticky {
  bottom: 0;
  position: -webkit-sticky;
  position: sticky;
}
.motif-checkbox + .motif-checkbox {
  margin-top: 0.8571428571rem;
}
.motif-checkbox + .motif-error-message {
  margin-top: 0.2857142857rem;
  padding-left: 0.0714285714rem;
}
.motif-checkbox:hover:not(.motif-checkbox-checked) .motif-checkbox-custom {
  border-width: 2px;
}
.motif-checkbox:hover:not(.motif-checkbox-disabled) .motif-checkbox-label {
  text-decoration: underline;
}
.motif-checkbox-label-wrap {
  display: flex;
}
.motif-checkbox-custom {
  align-items: center;
  background-color: #fff;
  background-color: var(--checkbox-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
  display: inline-flex;
  flex-shrink: 0;
  height: 1.2857142857rem;
  justify-content: center;
  overflow: hidden;
  width: 1.2857142857rem;
}
.motif-checkbox-custom svg {
  height: auto;
  width: 100%;
}
.motif-checkbox-checked-icon,
.motif-checkbox-indeterminate-icon {
  fill: #fff;
  fill: var(--checked-icon-color);
  display: none;
}
.motif-checkbox-input {
  clip: rect(0 0 0 0);
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  height: 1px;
  margin: -1px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.motif-checkbox-input:focus + .motif-checkbox-custom {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-checkbox-label {
  font-size: 1rem;
  font-size: var(--label-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.2;
  margin-left: 0.5714285714rem;
}
.motif-checkbox-checked .motif-checkbox-custom {
  background-color: #2e2e38;
  background-color: var(--checked-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
}
.motif-checkbox-checked.motif-checkbox-disabled .motif-checkbox-custom {
  background-color: #c4c4cd;
  background-color: var(--checked-disabled-bg-color);
  border: 1px solid transparent;
  border: 1px solid var(--form-element-disabled-border-color);
}
.motif-checkbox-checked .motif-checkbox-checked-icon {
  display: block;
}
.motif-checkbox-disabled {
  color: #747480;
  color: var(--form-element-disabled-color);
  cursor: not-allowed;
}
.motif-checkbox-disabled .motif-checkbox-custom {
  border: 1px solid #c4c4cd;
  border: 1px solid var(--checked-disabled-bg-color);
}
.motif-checkbox-disabled
  .motif-checkbox-input:checked
  + .motif-checkbox-custom {
  background-color: #c4c4cd;
  background-color: var(--checked-disabled-bg-color);
}
.motif-checkbox-indeterminate.motif-checkbox-disabled .motif-checkbox-custom {
  background-color: #c4c4cd;
  background-color: var(--checked-disabled-bg-color);
  border: 1px solid transparent;
  border: 1px solid var(--form-element-disabled-border-color);
}
.motif-checkbox-indeterminate.motif-checkbox-checked
  .motif-checkbox-checked-icon {
  display: none;
}
.motif-checkbox-indeterminate .motif-checkbox-custom {
  background-color: #2e2e38;
  background-color: var(--checked-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
}
.motif-checkbox-indeterminate .motif-checkbox-indeterminate-icon {
  display: block;
}
.motif-checkbox-invalid .motif-checkbox-custom {
  border-color: #b9251c;
  border-color: var(--error);
}
.motif-select-field
  .motif-checkbox-disabled
  .motif-checkbox-input:checked
  + .motif-checkbox-custom {
  background-color: #c4c4cd;
  background-color: var(--select-option-disabled-bg-color);
  border-color: #c4c4cd;
  border-color: var(--select-option-disabled-border-color);
}
.motif-date-picker-wrapper {
  height: auto;
  position: relative;
  width: 20rem;
}
.motif-date-picker-wrapper .motif-date-picker {
  background: #f6f6fa;
  background: var(--form-element-bg-color);
  border: none;
  border-bottom: 0.0714285714rem solid #2e2e38;
  border-bottom: 0.0714285714rem solid var(--form-element-border-color);
  color: #2e2e38;
  color: var(--body-color);
  display: block;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 3.1428571429rem;
  line-height: 1.7142857143rem;
  resize: vertical;
  transition: padding-left 0.3s cubic-bezier(1, 0, 0, 1);
  transition: padding-left 0.3s var(--ease-in-out-expo);
  width: 100%;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__leadingZero {
  padding-left: 1px;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__divider {
  color: #2e2e38;
  color: var(--body-color);
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input:invalid,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__input:invalid {
  background: transparent;
}
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup {
  padding: 1.4285714286rem 0.7142857143rem 0.0714285714rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup
  + .react-date-picker__button,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup
  + .react-date-picker__button {
  margin-left: auto;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup {
  flex-grow: 0;
  min-width: auto;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup
  + .react-daterange-picker__button {
  margin-left: auto;
}
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--open,
.motif-date-picker-wrapper
  .motif-date-picker:hover:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled) {
  background-color: #e1e1e6;
  background-color: var(--form-element-hover-bg-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--open
  .motif-calendar,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--open
  .motif-calendar,
.motif-date-picker-wrapper
  .motif-date-picker:hover:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled)
  .motif-calendar {
  margin-top: 0.0714285714rem;
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--open
  .react-date-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--open
  .react-daterange-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--open
  .react-date-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--open
  .react-daterange-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker:hover:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled)
  .react-date-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker:hover:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled)
  .react-daterange-picker__calendar-button {
  top: 0.0357142857rem;
}
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open:after,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--open:after,
.motif-date-picker-wrapper
  .motif-date-picker:hover:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled):after {
  background-color: #2e2e38;
  background-color: var(--form-element-border-color);
  bottom: -0.0714285714rem;
  content: "";
  height: 0.1428571429rem;
  left: 0;
  position: absolute;
  right: 0;
}
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value)
  .react-date-picker__inputGroup,
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value)
  .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value)
  .react-daterange-picker__inputGroup,
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value)
  .react-daterange-picker__range-divider {
  visibility: hidden;
}
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled {
  background: #f6f6fa;
  background: var(--form-element-disabled-bg-color);
  border: 0.0714285714rem solid transparent;
  border: 0 solid var(--form-element-disabled-border-color);
  border-width: var(--form-element-disabled-border-width);
  color: #717171;
  color: var(--date-picker-disabled-color);
  cursor: not-allowed;
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  button,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled input,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  button,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  input {
  cursor: not-allowed;
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-daterange-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-daterange-picker__inputGroup__leadingZero {
  -webkit-text-fill-color: #717171;
  -webkit-text-fill-color: var(--date-picker-disabled-color);
  color: #717171;
  color: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-date-picker__inputGroup__leadingZero {
  -webkit-text-fill-color: #717171;
  -webkit-text-fill-color: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .react-date-picker__inputGroup__divider {
  padding-right: 0.2142857143rem;
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled
  .motif-calendar-icon,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled
  .motif-calendar-icon {
  fill: #717171;
  fill: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled::-webkit-input-placeholder,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled::-webkit-input-placeholder {
  color: #717171;
  color: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled:-ms-input-placeholder,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled:-ms-input-placeholder {
  color: #717171;
  color: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.react-date-picker--disabled::placeholder,
.motif-date-picker-wrapper
  .motif-date-picker.react-daterange-picker--disabled::placeholder {
  color: #717171;
  color: var(--date-picker-disabled-color);
}
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled):hover:after {
  background-color: #b9251c;
  background-color: var(--error);
  height: 0.1428571429rem;
}
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled):after {
  background-color: #b9251c;
  background-color: var(--error);
  bottom: -0.0714285714rem;
  content: "";
  height: 0.0714285714rem;
  left: 0;
  position: absolute;
  right: 0;
}
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled).react-date-picker__calendar--open,
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled):not(.react-daterange-picker--disabled).react-daterange-picker__calendar--open {
  height: 0.1428571429rem;
}
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
  border: none;
  height: 100%;
  margin: 0 -0.1428571429rem;
  padding-right: 0.7142857143rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__calendar--open,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__calendar--open {
  z-index: 99;
}
.motif-date-picker-wrapper .motif-date-picker .motif-calendar-icon {
  fill: #2e2e38;
  fill: var(--body-color);
  height: 1.7142857143rem;
  position: relative;
  width: 1.7142857143rem;
  z-index: 1;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input:invalid {
  background: transparent;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input::-webkit-input-placeholder,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__input::-webkit-input-placeholder {
  color: #2e2e38;
  color: var(--body-color);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 1.5rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input:-ms-input-placeholder,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__input:-ms-input-placeholder {
  color: #2e2e38;
  color: var(--body-color);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 1.5rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__input::placeholder,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__input::placeholder {
  color: #2e2e38;
  color: var(--body-color);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 1.5rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__range-divider {
  align-items: center;
  display: flex;
  padding-top: 1.5714285714rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__calendar-button,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__calendar-button {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0;
  right: 0.2142857143rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__year,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__year {
  min-width: 2.2857142857rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__day,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__month,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__day,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__month {
  min-width: 1.2142857143rem;
}
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__day.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__day.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__month.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-date-picker__inputGroup__month.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__day.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__day.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__month.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper
  .motif-date-picker
  .react-daterange-picker__inputGroup__month.react-daterange-picker__inputGroup__input--hasLeadingZero {
  min-width: 0.6428571429rem;
}
.motif-date-picker-wrapper
  .motif-date-picker.motif-date-picker-today-highlight
  .react-calendar__tile--now {
  background-color: #eaeaf2;
  background-color: var(--date-picker-today-mark);
  border-radius: 50%;
  color: #1a1a24;
  color: var(--date-picker-tile-now-color);
}
.motif-date-picker-wrapper .motif-calendar {
  background-color: #fff;
  background-color: var(--date-picker-calendar-bg-color);
  border-color: #585860;
  border-color: var(--date-picker-view-container-border-color);
  width: 20rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation {
  background: #2e2e38;
  background: var(--date-picker-navigation-bg-color);
  height: 3.1428571429rem;
  margin-bottom: 0;
  padding: 0 0.7142857143rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation button {
  min-width: 3.1428571429rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow,
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label {
  color: #fff;
  color: var(--date-picker-navigation-arrow-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__navigation__arrow:enabled:focus,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__navigation__arrow:enabled:hover,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__navigation__label:enabled:focus,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__navigation__label:enabled:hover {
  background: var(--date-picker-navigation-hover-bg-color);
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__viewContainer {
  background: #fff;
  background: var(--date-picker-view-container-color);
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label {
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.8571428571rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow {
  font-size: 2.2rem;
  height: 2.7142857143rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile {
  align-items: center;
  color: #1a1a24;
  color: var(--date-picker-tile-color);
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.9521428571rem;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 0.6428571429rem 0.5rem;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile:enabled:hover {
  background-color: #e1e1e6;
  background-color: var(--date-picker-tile-active-hover-bg-color);
  color: #1a1a24;
  color: var(--date-picker-tile-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__weekdays {
  padding: 0 1rem;
  text-transform: none;
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__weekdays,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__weekdays__weekday {
  background: #2e2e38;
  background: var(--date-picker-navigation-bg-color);
  color: #c4c4cd;
  color: var(--date-picker-weekday-color);
  font-weight: 400;
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__weekdays
  abbr,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__weekdays__weekday
  abbr {
  text-decoration: none;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--now {
  background: transparent;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active {
  background-color: #e1e1e6;
  background-color: var(--date-picker-tile-active-hover-bg-color);
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active,
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hasActive {
  background-color: #e1e1e6;
  background-color: var(--date-picker-tile-active-hover-bg-color);
  color: #1a1a24;
  color: var(--date-picker-tile-color);
  overflow: hidden;
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeEnd,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__tile--rangeEnd.react-calendar__tile--hover,
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeStart,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__tile--rangeStart.react-calendar__tile--hover {
  background-color: #2e2e38;
  background-color: var(--date-picker-tile-active-bg-color);
  color: #fff;
  color: var(--date-picker-tile-active-color);
}
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover {
  background: #e1e1e6;
  background: var(--date-picker-tile-active-hover-bg-color);
  border-color: #fff;
  border-color: var(--date-picker-calendar-bg-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__century-view__decades,
.motif-date-picker-wrapper .motif-calendar .react-calendar__decade-view__years,
.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days,
.motif-date-picker-wrapper .motif-calendar .react-calendar__year-view__months {
  padding: 1rem 1rem 0;
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__decade-view__years__year.react-calendar__tile--hasActive,
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__year-view__months__month.react-calendar__tile--hasActive {
  background-color: #2e2e38;
  background-color: var(--date-picker-tile-active-bg-color);
  color: #fff;
  color: var(--date-picker-tile-active-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__days__day--neighboringMonth {
  color: #747480;
  color: var(--date-picker-neighboring-month-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__month-view__days__day--neighboringMonth.react-calendar__month-view__days__day--weekend {
  color: #747480;
  color: var(--date-picker-weekend-color);
}
.motif-date-picker-wrapper
  .motif-calendar
  .react-calendar__navigation__label[disabled] {
  background-color: #2e2e38;
  background-color: var(--date-picker-navigation-bg-color);
}
.motif-date-picker-wrapper .motif-error-icon {
  fill: #b9251c;
  fill: var(--error);
  height: 1.4285714286rem;
  width: 1.1428571429rem;
}
.motif-date-picker-wrapper
  .react-date-picker__clear-button
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-date-picker__clear-button
  .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button
  .react-daterange-picker__clear-button__icon {
  stroke: #2e2e38;
  stroke: var(--form-element-clear-button-color);
}
.motif-date-picker-wrapper
  .react-date-picker__clear-button:focus
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-date-picker__clear-button:focus
  .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-date-picker__clear-button:hover
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-date-picker__clear-button:hover
  .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button:focus
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button:focus
  .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button:hover
  .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper
  .react-daterange-picker__clear-button:hover
  .react-daterange-picker__clear-button__icon {
  stroke: #2e2e38;
  stroke: var(--body-color);
}
.motif-error-message {
  align-items: center;
  color: #2e2e38;
  color: var(--body-color);
  color: #b9251c;
  color: var(--error);
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.857rem;
  font-size: var(--body-sm-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
  margin-bottom: 0;
  margin-top: 0.2857142857rem;
}
.motif-error-message .motif-error-icon {
  fill: #b9251c;
  fill: var(--error);
  height: 1.2857142857rem;
  margin: -0.0714285714rem 0.3571428571rem -0.0714285714rem -0.0714285714rem;
  position: relative;
  width: 1.2857142857rem;
}
.motif-error-message svg {
  flex-shrink: 0;
}
.motif-file-uploader {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
}
.motif-file-uploader .motif-file-uploader-label-text {
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-file-uploader.motif-invalid .dropzone-container {
  background-color: #f6f6fa;
  background-color: var(--file-uploader-invalid-background-color);
  background-image: none;
  border: 1px solid #b9251c;
  border: 1px solid var(--error);
}
.motif-file-uploader.motif-invalid .motif-icon {
  fill: #2e2e38;
  fill: var(--file-uploader-invalid-icon-color);
}
.motif-file-uploader.motif-invalid .motif-file-uploader-label-text {
  color: #2e2e38;
  color: var(--file-uploader-invalid-font-color);
}
.motif-file-uploader.motif-disabled {
  cursor: not-allowed;
}
.motif-file-uploader.motif-disabled > div {
  pointer-events: none;
}
.motif-file-uploader.motif-disabled .dropzone-container {
  background-color: #f6f6fa;
  background-color: var(--file-uploader-disabled-background-color);
  background-image: linear-gradient(90deg, #c4c4cd 50%, transparent 0),
    linear-gradient(90deg, #c4c4cd 50%, transparent 0),
    linear-gradient(180deg, #c4c4cd 50%, transparent 0),
    linear-gradient(180deg, #c4c4cd 50%, transparent 0);
  background-image: linear-gradient(
      to right,
      var(--file-uploader-disabled-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to right,
      var(--file-uploader-disabled-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-disabled-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-disabled-border-color) 50%,
      transparent 50%
    );
}
.motif-file-uploader.motif-disabled .motif-icon {
  fill: #c4c4cd;
  fill: var(--file-uploader-disabled-icon-color);
}
.motif-file-uploader.motif-disabled .motif-file-uploader-label-text {
  color: #c4c4cd;
  color: var(--file-uploader-disabled-font-color);
}
.motif-file-uploader .motif-icon {
  fill: #2e2e38;
  fill: var(--file-uploader-icon-color);
  height: auto;
  width: 2.5rem;
}
.motif-file-uploader .motif-icon svg {
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.dropzone-container {
  background-color: #f6f6fa;
  background-color: var(--file-uploader-background-color);
  background-image: linear-gradient(90deg, #c4c4cd 50%, transparent 0),
    linear-gradient(90deg, #c4c4cd 50%, transparent 0),
    linear-gradient(180deg, #c4c4cd 50%, transparent 0),
    linear-gradient(180deg, #c4c4cd 50%, transparent 0);
  background-image: linear-gradient(
      to right,
      var(--file-uploader-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to right,
      var(--file-uploader-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-border-color) 50%,
      transparent 50%
    );
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 20px 1px, 20px 1px, 1px 20px, 1px 20px;
  border: none;
  color: #2e2e38;
  color: var(--file-uploader-font-color);
  font-size: 1rem;
  font-size: var(--file-uploader-font-size);
  font-weight: 400;
  font-weight: var(--weight-regular);
  height: 100%;
  padding: 1.4285714286rem;
  width: 100%;
}
.dropzone-container:focus,
.dropzone-container:hover {
  background-image: linear-gradient(90deg, #2e2e38 50%, transparent 0),
    linear-gradient(90deg, #2e2e38 50%, transparent 0),
    linear-gradient(180deg, #2e2e38 50%, transparent 0),
    linear-gradient(180deg, #2e2e38 50%, transparent 0);
  background-image: linear-gradient(
      to right,
      var(--file-uploader-hover-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to right,
      var(--file-uploader-hover-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-hover-border-color) 50%,
      transparent 50%
    ),
    linear-gradient(
      to bottom,
      var(--file-uploader-hover-border-color) 50%,
      transparent 50%
    );
}
.motif-file-uploader-label {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.motif-file-uploader-item {
  margin-top: 1.0714285714rem;
  width: 100%;
}
.motif-file-uploader-item-disabled.motif-chip .motif-chip-button,
.motif-file-uploader-item-disabled.motif-chip
  .motif-chip-button.motif-chip-removable {
  background-color: #eaeaf2;
  background-color: var(--file-uploader-item-disabled-background-color);
  border-color: transparent;
  border-color: var(--file-uploader-item-disabled-border-color);
  cursor: not-allowed;
}
.motif-file-uploader-item-disabled.motif-chip
  .motif-file-uploader-item-file-name,
.motif-file-uploader-item-disabled.motif-chip
  .motif-file-uploader-item-file-size {
  color: #3a3a4a;
  color: var(--file-uploader-item-disabled-font-color);
}
.motif-file-uploader-item-disabled.motif-chip .motif-close-icon svg {
  fill: #c4c4cd;
  fill: var(--file-uploader-item-disabled-close-icon-color);
}
.motif-file-uploader-item-disabled.motif-chip
  .motif-file-uploader-item-label
  svg {
  fill: #747480;
  fill: var(--file-uploader-item-disabled-icon-color);
}
.motif-file-uploader-item.motif-chip .motif-icon svg {
  fill: #2e2e38;
  fill: var(--file-uploader-item-icon-color);
}
.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled)
  .motif-chip-button:not(.motif-chip-success):not(.motif-chip-warning):not(.motif-chip-error):not(.motif-chip-monochrome-light):not(.motif-chip-monochrome-dark) {
  background-color: #fafafc;
  background-color: var(--file-uploader-item-background);
  border-color: #e7e7ea;
  border-color: var(--file-uploader-item-border-color);
  color: #2e2e38;
  color: var(--file-uploader-item-font-color);
}
.motif-file-uploader-item.motif-file-uploader-item-has-progress
  .motif-chip-button {
  border-bottom: none;
  position: relative;
}
.motif-file-uploader-item.motif-file-uploader-item-has-progress
  .motif-chip-button
  .motif-progress-bar-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
}
.motif-file-uploader-item.motif-file-uploader-item-has-progress
  .motif-chip-button
  .motif-progress-bar {
  background-color: #e1e1e6;
  background-color: var(--file-uploader-item-progress-bar-bg-color);
}
.motif-file-uploader-item.motif-file-uploader-item-has-progress
  .motif-chip-button
  .motif-progress {
  background-color: #2e2e38;
  background-color: var(--file-uploader-item-progress-bar-color);
}
.motif-file-uploader-item.motif-file-uploader-item-uploaded
  .motif-file-uploader-item-file-size {
  font-size: 0.8571428571rem;
}
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error
  .motif-chip-button,
.motif-file-uploader-item.motif-file-uploader-item-has-error
  .motif-chip-button {
  background-color: #f6f6fa;
  background-color: var(--file-uploader-item-error-background-color);
  border-color: #b9251c;
  border-color: var(--file-uploader-item-error-border-color);
}
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-file-name,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-file-size,
.motif-file-uploader-item.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-file-name,
.motif-file-uploader-item.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-file-size {
  color: #717171;
  color: var(--file-uploader-item-error-font-color);
}
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-close-icon
  svg,
.motif-file-uploader-item.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-close-icon
  svg {
  fill: #2e2e38;
  fill: var(--file-uploader-item-error-close-icon-color);
}
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-label
  svg,
.motif-file-uploader-item.motif-file-uploader-item-has-error
  .motif-chip-button
  .motif-file-uploader-item-label
  svg {
  fill: #c4c4cd;
  fill: var(--file-uploader-item-error-icon-color);
}
.motif-file-uploader-item .motif-close-icon {
  height: 1.7142857143rem;
  margin-left: -1rem;
  width: 1.7142857143rem;
}
.motif-file-uploader-item .motif-close-icon:focus:not(:disabled),
.motif-file-uploader-item .motif-close-icon:hover:not(:disabled) {
  background: none;
}
.motif-file-uploader-item:not(.motif-chip-disabled) .motif-close-icon svg {
  fill: #2e2e38;
  fill: var(--file-uploader-item-close-icon-color);
}
.motif-file-uploader-item .motif-chip-button {
  background-color: #fafafc;
  background-color: var(--file-uploader-item-background);
  border: 1px solid #e7e7ea;
  border: 1px solid var(--file-uploader-item-border-color);
  border-radius: 0;
  border-radius: var(--file-uploader-item-border-radius);
  padding: 0.7857142857rem 1.5rem;
  width: 100%;
}
.motif-file-uploader-item .motif-chip-button.motif-chip-removable {
  flex-shrink: 0;
  min-height: 3.1428571429rem;
  padding: 0.7857142857rem 4.2857142857rem 0.7857142857rem 1.5rem;
}
.motif-file-uploader-item .motif-file-uploader-item-custom-button-wrapper {
  margin-left: 1.4285714286rem;
}
.motif-file-uploader-item
  .motif-file-uploader-item-custom-button-wrapper
  button {
  font-size: 1rem;
  font-size: var(--file-uploader-item-custom-button-font-size);
}
.motif-file-uploader-item .motif-file-uploader-item-label-wrapper {
  flex-grow: 1;
}
.motif-file-uploader-item .motif-file-uploader-item-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.motif-file-uploader-item .motif-file-uploader-item-label .motif-icon {
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}
.motif-file-uploader-item .motif-file-uploader-item-file-name {
  color: #2e2e38;
  color: var(--file-uploader-item-font-color);
  font-size: 1rem;
  font-weight: 400;
  font-weight: var(--weight-regular);
  margin-right: auto;
}
.motif-file-uploader-item .motif-file-uploader-item-file-size {
  color: #2e2e38;
  color: var(--file-uploader-item-font-color);
  font-size: 0.8571428571rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-file-uploader-item .motif-progress-bar-wrapper {
  width: 100%;
}
.motif-file-uploader-item .motif-progress-bar-wrapper .motif-progress-bar {
  height: 0.2142857143rem;
  margin-top: 0.2857142857rem;
}
.motif-form-field {
  margin-bottom: 0.8571428571rem;
  position: relative;
}
.motif-input-component {
  position: relative;
}
.motif-input-component .motif-input[type="password"] {
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-input-component input.motif-input:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:-ms-input-placeholder {
  color: var(--form-element-placeholder-color);
  font-size: 1rem;
  font-size: var(--form-element-placeholder-size);
}
.motif-input-component input.motif-input::placeholder,
.motif-input-component textarea.motif-text-area::placeholder {
  color: #2e2e38;
  color: var(--form-element-placeholder-color);
  font-size: 1rem;
  font-size: var(--form-element-placeholder-size);
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  transition: opacity var(--ease-in-out-fast);
}
.motif-input-component input.motif-input:focus::placeholder,
.motif-input-component textarea.motif-text-area:focus::placeholder {
  opacity: 1;
}
.motif-input-component input.motif-input::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area::-webkit-input-placeholder {
  color: #2e2e38;
  color: var(--form-element-placeholder-color);
  font-size: 1rem;
  font-size: var(--form-element-placeholder-size);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity var(--ease-in-out-fast);
  transition: opacity var(--ease-in-out-fast);
}
.motif-input-component input.motif-input:focus::-webkit-input-placeholder,
.motif-input-component
  textarea.motif-text-area:focus::-webkit-input-placeholder {
  opacity: 1;
}
.motif-input-component input.motif-input:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:-ms-input-placeholder {
  color: #2e2e38;
  color: var(--body-color);
  opacity: 0;
  -ms-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity var(--ease-in-out-fast);
  transition: opacity var(--ease-in-out-fast);
}
.motif-input-component input.motif-input:focus:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:focus:-ms-input-placeholder {
  opacity: 1;
}
.motif-input-component .motif-input,
.motif-input-component .motif-text-area {
  background: #f6f6fa;
  background: var(--form-element-bg-color);
  border: none;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 0 #2e2e38;
  box-shadow: inset 0 -1px 0 0 var(--form-element-border-color);
  color: #2e2e38;
  color: var(--body-color);
  display: block;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  padding: 0.7142857143rem;
  width: 100%;
}
.motif-input-component .motif-input:hover:not(:disabled),
.motif-input-component .motif-text-area:hover:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--form-element-hover-bg-color);
}
.motif-input-component .motif-input:focus:not(:disabled),
.motif-input-component .motif-text-area:focus:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--form-element-hover-bg-color);
  border-width: 0 0 2px;
  box-shadow: inset 0 -2px 0 0 #2e2e38;
  box-shadow: inset 0 -2px 0 0 var(--form-element-border-color);
}
.motif-input-component .motif-input:disabled,
.motif-input-component .motif-text-area:disabled {
  background-color: #f6f6fa;
  background-color: var(--form-element-disabled-bg-color);
  box-shadow: inset 0 0 0 0 transparent;
  box-shadow: inset 0 calc(var(--form-element-disabled-border-width) * -1) 0 0
    var(--form-element-disabled-border-color);
  color: #747480;
  color: var(--form-element-disabled-color);
  cursor: not-allowed;
}
.motif-input-component .motif-input:disabled::-webkit-input-placeholder,
.motif-input-component .motif-text-area:disabled::-webkit-input-placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-input-component .motif-input:disabled:-ms-input-placeholder,
.motif-input-component .motif-text-area:disabled:-ms-input-placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-input-component .motif-input:disabled::placeholder,
.motif-input-component .motif-text-area:disabled::placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-input-component .motif-input.motif-input-invalid,
.motif-input-component .motif-text-area.motif-input-invalid {
  box-shadow: inset 0 -1px 0 0 #b9251c;
  box-shadow: inset 0 -1px 0 0 var(--error);
  padding-right: 2.1428571429rem;
}
.motif-input-component .motif-input.motif-input-invalid:focus:not(:disabled),
.motif-input-component
  .motif-text-area.motif-input-invalid:focus:not(:disabled) {
  box-shadow: inset 0 -2px 0 0 #b9251c;
  box-shadow: inset 0 -2px 0 0 var(--error);
}
.motif-input-component textarea::-webkit-scrollbar {
  width: 5px;
}
.motif-input-component textarea::-webkit-scrollbar-track {
  background: transparent;
}
.motif-input-component textarea::-webkit-scrollbar-thumb {
  background: #c4c4cd;
  background: var(--text-area-scroll-bar-bg);
  border-radius: 2px;
}
.motif-input-component textarea::-webkit-scrollbar-thumb:hover {
  background: #747480;
  background: var(--text-area-scroll-bar-hover-bg);
}
.motif-input-component .motif-text-area {
  border-top: 1.3571428571rem solid transparent;
  min-height: 3.5714285714rem;
  padding: 0 0.7142857143rem 0.2857142857rem;
  resize: vertical;
}
.motif-input-component .motif-text-area:focus:not(:disabled) {
  border-width: 1.3571428571rem 0 2px;
}
.motif-input-component .motif-text-area:disabled {
  box-shadow: inset 0 -1px 0 0 transparent;
  box-shadow: inset 0 -1px 0 0 var(--form-element-disabled-border-color);
  padding: 1.3571428571rem 0.6428571429rem;
}
.motif-input-component .motif-error-icon {
  fill: #b9251c;
  fill: var(--error);
  height: 1.4285714286rem;
  position: absolute;
  right: 0.7142857143rem;
  top: 30%;
  width: 1.1428571429rem;
  z-index: 1;
}
.motif-input-component .motif-error-icon.motif-error-icon-text-area {
  top: calc(45% - 0.5rem);
}
.motif-input-component .motif-input-clear-button {
  fill: #2e2e38;
  fill: var(--form-element-clear-button-color);
  background: transparent;
  border: none;
  display: block;
  height: 1.4285714286rem;
  margin-left: 1.1428571429rem;
  padding: 0;
  position: absolute;
  right: 0.8571428571rem;
  top: 0.8571428571rem;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  width: 1.4285714286rem;
  z-index: 1;
}
.motif-input-component .motif-input-clear-button svg {
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-input-component .motif-input-clear-button:focus:not(:disabled),
.motif-input-component .motif-input-clear-button:hover:not(:disabled) {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-input-component .motif-input-clear-button:disabled svg {
  fill: #c4c4cd;
  fill: var(--form-element-clear-button-disabled-color);
}
.motif-label {
  color: #2e2e38;
  color: var(--label-color);
  display: block;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  padding-bottom: 5px;
  pointer-events: none;
  transition: all 0.2s ease;
  width: calc(100% - 18px);
  z-index: 1;
}
.motif-label .motif-input {
  display: block;
  margin-top: 5px;
}
.motif-label.motif-label-for-slider {
  margin-bottom: 20px;
}
.motif-label.motif-label-for-numeric-input {
  margin-bottom: 15px;
}
.motif-label.motif-disabled {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-form-field-text-input .motif-label {
  line-height: 1.1428571429rem;
}
.motif-form-field-text-input
  .motif-label
  + .motif-input-component
  .motif-input {
  padding: 1.4285714286rem 0.7142857143rem 0.0714285714rem;
}
.motif-form-field-date-input .motif-label,
.motif-form-field-select-input .motif-label,
.motif-form-field-text-input .motif-label {
  left: 0.0714285714rem;
  padding-bottom: 0.5714285714rem;
  padding-left: 0.6428571429rem;
  position: absolute;
  top: 1rem;
  transition: top 0.2s ease, font-size 0.2s ease;
}
.motif-form-field-date-input.motif-form-field-focused .motif-label,
.motif-form-field-date-input.motif-form-field-has-value .motif-label,
.motif-form-field-select-input.motif-form-field-focused.motif-form-field-has-placeholder
  .motif-label,
.motif-form-field-select-input.motif-form-field-has-value .motif-label,
.motif-form-field-text-input.motif-form-field-focused .motif-label,
.motif-form-field-text-input.motif-form-field-has-value .motif-label {
  font-size: 0.8571428571rem;
  line-height: 1.5714285714rem;
  padding-bottom: 0;
  top: 0.0714285714rem;
  width: auto;
  z-index: 1;
}
.motif-message {
  color: #2e2e38;
  color: var(--body-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 0.857rem;
  font-size: var(--body-sm-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
  margin-bottom: 0;
  margin-top: 0.2857142857rem;
}
.motif-wrapper-numeric {
  align-items: center;
  display: flex;
}
.motif-wrapper-numeric .motif-input-component .motif-numeric-input {
  height: 3.1428571429rem;
  margin: 0 5px;
  padding: 10px;
  text-align: center;
  width: 3.1428571429rem;
}
.motif-wrapper-numeric .motif-numeric-button {
  background-color: #fff;
  background-color: var(--numeric-input-button-bg-color);
  border: none;
  color: #2e2e38;
  color: var(--numeric-input-button-color);
  min-height: 3.1428571429rem;
  min-width: 3.1428571429rem;
  outline: none;
}
.motif-wrapper-numeric .motif-numeric-button:hover {
  background-color: #e1e1e6;
  background-color: var(--numeric-input-button-bg-color-hover);
  color: #2e2e38;
  color: var(--numeric-input-button-color);
}
.motif-wrapper-numeric .motif-numeric-button:focus {
  background-color: #e1e1e6;
  background-color: var(--numeric-input-button-bg-color-focus);
  box-shadow: none;
}
.motif-wrapper-numeric .motif-numeric-button:disabled {
  background-color: #f6f6fa;
  background-color: var(--numeric-input-button-bg-color-disabled);
  color: #747480;
  color: var(--numeric-input-button-color-disabled);
}
.motif-radio-button-group {
  display: flex;
  flex-direction: column;
}
.motif-radio-button {
  align-items: center;
  display: inline-flex;
}
.motif-radio-button .motif-radio-button-custom {
  border-radius: 50%;
}
.motif-radio-button .motif-radio-button-border,
.motif-radio-button .motif-radio-button-bullet {
  fill: #2e2e38;
  fill: var(--radio-button-input-color);
}
.motif-radio-button .motif-radio-button-bullet {
  display: none;
}
.motif-radio-button.motif-disabled {
  cursor: not-allowed;
}
.motif-radio-button.motif-disabled .motif-radio-button-label {
  color: #747480;
  color: var(--radio-button-disabled-label-color);
}
.motif-radio-button.motif-disabled .motif-radio-button-border,
.motif-radio-button.motif-disabled .motif-radio-button-bullet {
  fill: #c4c4cd;
  fill: var(--radio-button-disabled-input-color);
}
.motif-radio-button:hover:not(.motif-disabled) .motif-radio-button-custom {
  box-shadow: inset 0 0 0 0.1428571429rem currentColor;
}
.motif-radio-button:hover:not(.motif-disabled) .motif-radio-button-label {
  text-decoration: underline;
}
.motif-radio-button-in-group {
  display: inline-flex;
  margin-bottom: 0.8571428571rem;
  margin-right: 16px;
}
.motif-radio-button-in-group:last-child {
  margin-bottom: 0;
}
.motif-radio-button + .motif-error-message,
.motif-radio-button-group + .motif-error-message {
  margin-top: 0.2857142857rem;
  padding-left: 0.1428571429rem;
}
.motif-radio-button-group-invalid .motif-radio-button-custom {
  color: #b9251c;
  color: var(--error);
}
.motif-radio-button-group-invalid
  .motif-radio-button-custom
  .motif-radio-button-border {
  fill: currentColor;
}
.motif-radio-button-label {
  color: #2e2e38;
  color: var(--radio-button-label-color);
  font-size: 1rem;
  font-size: var(--label-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.2;
  margin-left: 8px;
}
.motif-radio-button-input {
  clip: rect(0 0 0 0);
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  height: 1px;
  margin: -1px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.motif-radio-button-input:focus + .motif-radio-button-custom {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-radio-button-input:checked
  + .motif-radio-button-custom
  .motif-radio-button-bullet {
  display: block;
}
.motif-search-input-wrapper input.motif-input {
  padding: 0.7857142857rem 2.4285714286rem 0.7857142857rem 0.7142857143rem;
}
.motif-search-input-wrapper input.motif-input::-webkit-search-cancel-button,
.motif-search-input-wrapper input.motif-input::-webkit-search-decoration,
.motif-search-input-wrapper input.motif-input::-webkit-search-results-button,
.motif-search-input-wrapper
  input.motif-input::-webkit-search-results-decoration {
  display: none;
}
.motif-search-input-wrapper input.motif-input::-ms-clear,
.motif-search-input-wrapper input.motif-input::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.motif-search-input-wrapper input.motif-input::-webkit-input-placeholder {
  opacity: 1;
}
.motif-search-input-wrapper input.motif-input:-ms-input-placeholder {
  opacity: 1;
}
.motif-search-input-wrapper input.motif-input::placeholder {
  opacity: 1;
}
.motif-search-input-wrapper .motif-search-input-icon-button {
  padding: 0;
}
.motif-search-input-wrapper .motif-search-input-icon-button:focus,
.motif-search-input-wrapper .motif-search-input-icon-button:focus svg,
.motif-search-input-wrapper .motif-search-input-icon-button:hover,
.motif-search-input-wrapper .motif-search-input-icon-button:hover svg {
  background-color: transparent;
}
.motif-search-input-wrapper .motif-search-input-icon {
  color: #2e2e38;
  color: var(--body-color);
  position: absolute;
  right: 0.7142857143rem;
  top: 0.8571428571rem;
  width: 1.7142857143rem;
}
.motif-search-input-wrapper .motif-search-input-icon svg {
  height: 100%;
  width: 100%;
}
.motif-search-input-wrapper.motif-search-disabled .motif-search-input-icon {
  cursor: not-allowed;
}
.motif-search-input-wrapper.motif-search-disabled .motif-search-input-icon svg {
  color: #c4c4cd;
  color: var(--form-element-icon-disabled-color);
}
.motif-select {
  display: block;
  position: relative;
}
.motif-select-input {
  background: #f6f6fa;
  background: var(--form-element-bg-color);
  border: none;
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--form-element-border-color);
  color: #2e2e38;
  color: var(--body-color);
  cursor: pointer;
  min-height: 3.1428571429rem;
  padding: 1.2857142857rem 0.6428571429rem 0.2857142857rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.motif-select-input-text {
  font-family: ey_interstate;
  font-family: var(--primary-font);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 2.15rem);
}
.motif-select-input:focus:not(:disabled),
.motif-select-input:hover:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--form-element-hover-bg-color);
}
.motif-select-input:focus:not(:disabled) {
  border-bottom: 2px solid #2e2e38;
  border-bottom: 2px solid var(--form-element-border-color);
}
.motif-select-input:disabled {
  background-color: #f6f6fa;
  background-color: var(--form-element-disabled-bg-color);
  border: 1px solid transparent;
  border: 0 solid var(--form-element-disabled-border-color);
  border-width: var(--form-element-disabled-border-width);
  color: #747480;
  color: var(--form-element-disabled-color);
  cursor: not-allowed;
}
.motif-select-input:disabled::-webkit-input-placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-select-input:disabled:-ms-input-placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-select-input:disabled::placeholder {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-select-input:disabled .motif-select-input-arrow {
  fill: #c4c4cd;
  fill: var(--select-arrow-disabled-color);
}
.motif-select-input-arrow {
  height: 1.7142857143rem;
  right: 0.6428571429rem;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  width: 1.7142857143rem;
}
.motif-select-input .motif-select-clean-value,
.motif-select-input-arrow {
  fill: #2e2e38;
  fill: var(--select-trigger-icon-color);
  position: absolute;
  top: 0.8571428571rem;
}
.motif-select-input .motif-select-clean-value {
  height: 1.4285714286rem;
  right: 2.4285714286rem;
  width: 1.4285714286rem;
  z-index: 1;
}
.motif-select-input .motif-select-clean-value:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-select-options {
  background-color: #fff;
  background-color: var(--select-list-background-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--select-option-border-color);
  display: none;
  left: 0;
  max-height: 9.6428571429rem;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}
.motif-select-open .motif-select-options {
  display: block;
}
.motif-select-open .motif-select-input-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.motif-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  max-height: 3.1428571429rem;
  padding: 0.8571428571rem 0.4285714286rem;
}
.motif-option-current,
.motif-option:hover {
  background-color: #e1e1e6;
  background-color: var(--select-option-hover-bg-color);
  color: #2e2e38;
  color: var(--select-option-selected-color);
}
.motif-select-options .motif-option-disabled {
  background-color: #fff;
  background-color: var(--select-list-background-color);
  color: #747480;
  color: var(--select-option-disabled-color);
  cursor: not-allowed;
}
.motif-select-checkbox {
  background-color: #fff;
  background-color: var(--checkbox-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
  cursor: pointer;
  height: 1.2857142857rem;
  margin-right: 0.5714285714rem;
  min-width: 1.2857142857rem;
  width: 1.2857142857rem;
}
.motif-select-checkbox-icon-indeterminate,
.motif-select-checkbox-icon-selected {
  display: none;
}
.motif-select-checkbox-selected {
  background-color: #2e2e38;
  background-color: var(--checked-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
}
.motif-select-checkbox-selected .motif-select-checkbox-icon-selected {
  fill: #fff;
  fill: var(--checked-icon-color);
  display: block;
}
.motif-select-checkbox-indeterminate {
  background-color: #2e2e38;
  background-color: var(--checked-bg-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--checked-border-color);
}
.motif-select-checkbox-indeterminate .motif-select-checkbox-icon-indeterminate {
  fill: #fff;
  fill: var(--checked-icon-color);
  display: block;
}
.motif-option-disabled .motif-select-checkbox,
.motif-select-search-no-results .motif-select-checkbox {
  border-color: #c4c4cd;
  border-color: var(--select-option-disabled-border-color);
  pointer-events: none;
}
.motif-option-disabled .motif-select-checkbox-indeterminate,
.motif-option-disabled .motif-select-checkbox-selected,
.motif-select-search-no-results .motif-select-checkbox-indeterminate,
.motif-select-search-no-results .motif-select-checkbox-selected {
  background-color: #c4c4cd;
  background-color: var(--checked-disabled-bg-color);
}
.motif-select-all {
  background-color: #fff;
  background-color: var(--select-list-background-color);
  border: 1px solid #2e2e38;
  border-bottom: 1px solid #2e2e38;
  border: 1px solid var(--select-option-border-color);
  border-bottom-color: var(--form-element-border-color);
  cursor: pointer;
  display: none;
  max-height: 3.1428571429rem;
  padding: 0.8571428571rem 0.4285714286rem;
}
.motif-select-open .motif-select-all {
  align-items: center;
  display: flex;
}
.motif-select-search {
  background-color: #fff;
  background-color: var(--select-list-background-color);
  border: 1px solid #2e2e38;
  border-bottom: 1px solid #2e2e38;
  border: 1px solid var(--select-option-border-color);
  border-bottom-color: var(--form-element-border-color);
  display: none;
  max-height: 3.1428571429rem;
  padding: 0.8571428571rem 0.4285714286rem;
  width: 100%;
}
.motif-select-search-input {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: 1rem;
  width: 100%;
}
.motif-select-search-icon {
  fill: #2e2e38;
  fill: var(--select-trigger-icon-color);
  justify-self: flex-end;
}
.motif-select-open .motif-select-search {
  align-items: center;
  display: flex;
}
.motif-slider {
  display: block;
  margin-top: 20px;
  max-width: 1000px;
  padding: 1px;
  position: relative;
}
.motif-slider-disabled {
  cursor: not-allowed;
}
.motif-slider-input {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  display: block;
  height: 2.1428571429rem;
  margin: 0;
  max-width: 1000px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.motif-slider-input:active ~ .motif-slider-value-wrap,
.motif-slider-input:focus ~ .motif-slider-value-wrap,
.motif-slider-input:hover ~ .motif-slider-value-wrap {
  display: block;
}
.motif-slider-input:active::-webkit-slider-thumb,
.motif-slider-input:focus::-webkit-slider-thumb,
.motif-slider-input:hover::-webkit-slider-thumb {
  background: #fff;
  background: var(--slider-thumb-hover-color);
  border-color: #2e2e38;
  border-color: var(--slider-thumb-hover-color-border);
}
.motif-slider-input:active::-moz-range-thumb,
.motif-slider-input:focus::-moz-range-thumb,
.motif-slider-input:hover::-moz-range-thumb {
  background: #fff;
  background: var(--slider-thumb-hover-color);
  border-color: #2e2e38;
  border-color: var(--slider-thumb-hover-color-border);
}
.motif-slider-input:active::-ms-thumb,
.motif-slider-input:focus::-ms-thumb,
.motif-slider-input:hover::-ms-thumb {
  background: #fff;
  border-color: #fff;
}
.motif-slider-input:disabled {
  background: none;
  cursor: not-allowed;
}
.motif-slider-input:disabled::-webkit-slider-thumb {
  background: #c4c4cd;
  background: var(--slider-disabled-thumb-color);
  border-color: #c4c4cd;
  border-color: var(--slider-disabled-thumb-color);
}
.motif-slider-input:disabled::-moz-range-thumb {
  background: #c4c4cd;
  background: var(--slider-disabled-thumb-color);
  border-color: #c4c4cd;
  border-color: var(--slider-disabled-thumb-color);
}
.motif-slider-input:disabled::-ms-thumb {
  background: #c4c4cd;
  border-color: #c4c4cd;
}
.motif-slider-input:disabled ~ .motif-range-slider-range {
  background-color: #c4c4cd;
  background-color: var(--slider-disabled-thumb-color);
}
.motif-slider-input:disabled ~ .motif-slider-value-wrap {
  display: block;
}
.motif-slider-input:disabled ~ .motif-slider-value-wrap .motif-slider-value {
  color: #c4c4cd;
  color: var(--slider-disabled-thumb-color);
}
.motif-slider-input::-webkit-slider-runnable-track {
  height: 2.1428571429rem;
  width: 100%;
}
.motif-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #2e2e38;
  background: var(--slider-thumb-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--slider-border-color);
  border-radius: 100%;
  height: 20px;
  margin-top: -10px;
  pointer-events: all;
  position: relative;
  top: 50%;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 20px;
}
.motif-slider-input::-moz-range-progress,
.motif-slider-input::-moz-range-track {
  height: 2.1428571429rem;
  width: 100%;
}
.motif-slider-input::-moz-range-thumb {
  appearance: none;
  background: #2e2e38;
  background: var(--slider-thumb-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--slider-border-color);
  border-radius: 100%;
  height: 20px;
  margin: 0;
  pointer-events: all;
  -moz-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 20px;
}
.motif-slider-input::-moz-focus-inner {
  border: 0;
}
.motif-slider-input::-ms-track {
  background: transparent;
  border: 0;
  color: transparent;
  height: 2.1428571429rem;
  width: 100%;
}
.motif-slider-input::-ms-thumb {
  appearance: none;
  background: #2e2e38;
  border: 1px solid #1a1a24;
  border-radius: 100%;
  height: 20px;
  margin: 0;
  top: 0;
  -ms-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 20px;
}
.motif-slider-input::-ms-tooltip {
  display: none;
}
.motif-slider-input::-ms-fill-lower {
  background-color: transparent;
}
.motif-slider-value-wrap {
  display: none;
  left: 10px;
  position: absolute;
  right: 10px;
  top: -20px;
}
.motif-slider-value {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.motif-slider-min-max,
.motif-slider-value {
  color: #2e2e38;
  color: var(--slider-font-color);
  font-size: 0.8571428571rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-slider-min-max {
  display: flex;
  justify-content: space-between;
  line-height: 1.4285714286rem;
  margin: 0 0.5rem;
}
.motif-slider-input-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}
.motif-range-slider {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 2.1428571429rem;
  width: 100%;
  z-index: -1;
}
.motif-range-slider-track {
  background-color: #e1e1e6;
  background-color: var(--slider-track-bg-color);
  height: 0.1428571429rem;
  margin-left: 10px;
  position: absolute;
  width: calc(100% - 20px);
  z-index: -1;
}
.motif-range-slider-range {
  background-color: #2e2e38;
  background-color: var(--slider-track-filled-bg-color);
  height: 0.1428571429rem;
  position: absolute;
  z-index: 2;
}
.motif-range-slider-disabled {
  pointer-events: none;
}
.thumb-left {
  z-index: 3;
}
.thumb-right {
  z-index: 4;
}
.motif-toggle-switch-wrapper {
  align-items: center;
  display: flex;
}
.motif-toggle-switch {
  height: 1.1428571429rem;
  margin: 0 0.3571428571rem;
  position: relative;
  width: 2.5714285714rem;
}
.motif-toggle-switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.motif-toggle-switch .motif-toggle-switch-slider {
  background-color: #c4c4cd;
  background-color: var(--toggle-switch-off-bg-color);
  border-radius: 0.5714285714rem;
  bottom: 0;
  cursor: pointer;
  right: 0;
  top: 0;
}
.motif-toggle-switch .motif-toggle-switch-slider,
.motif-toggle-switch .motif-toggle-switch-slider:before {
  left: 0;
  position: absolute;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  transition: var(--toggle-switch-transition);
}
.motif-toggle-switch .motif-toggle-switch-slider:before {
  background-color: #747480;
  background-color: var(--toggle-switch-off-control-bg-color);
  border-radius: 50%;
  box-shadow: 0.1428571429rem 0 0.1428571429rem 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  content: "";
  height: 1.4285714286rem;
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  width: 1.4285714286rem;
}
.motif-toggle-switch input:checked + .motif-toggle-switch-slider {
  background-color: #34c768;
  background-color: var(--toggle-switch-on-bg-color);
}
.motif-toggle-switch input:checked + .motif-toggle-switch-slider:before {
  background-color: #189d3e;
  background-color: var(--toggle-switch-on-control-bg-color);
  -webkit-transform: translateX(1.0714285714rem) translateY(-50%);
  transform: translateX(1.0714285714rem) translateY(-50%);
}
.motif-toggle-switch input:focus + .motif-toggle-switch-slider:before,
.motif-toggle-switch input:hover + .motif-toggle-switch-slider:before {
  border: 1px solid #2e2e38;
  border: 1px solid var(--toggle-switch-hover-control-border-color);
}
.motif-toggle-switch-checked .motif-toggle-switch-slider:before {
  box-shadow: -0.1428571429rem 0 0.1428571429rem 0 rgba(0, 0, 0, 0.1);
}
.motif-toggle-switch-checked .motif-toggle-switch-on-text {
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-toggle-switch-checked .motif-toggle-switch-off-text,
.motif-toggle-switch-on-text {
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-toggle-switch-off-text,
.motif-toggle-switch-on-text {
  font-size: 0.8571428571rem;
  line-height: 1.4285714286rem;
}
.motif-toggle-switch-off-text {
  font-weight: 700;
  font-weight: var(--weight-bold);
  text-align: right;
}
.motif-toggle-switch-disabled .motif-toggle-switch-off-text,
.motif-toggle-switch-disabled .motif-toggle-switch-on-text {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-toggle-switch-disabled
  .motif-toggle-switch
  input
  + .motif-toggle-switch-slider {
  background-color: #fff;
  background-color: var(--toggle-switch-disabled-bg-color);
  border: 0.0714285714rem solid #c4c4cd;
  border: 0.0714285714rem solid var(--toggle-switch-disabled-control-bg-color);
  cursor: not-allowed;
}
.motif-toggle-switch-disabled
  .motif-toggle-switch
  input
  + .motif-toggle-switch-slider:before {
  background-color: #c4c4cd;
  background-color: var(--toggle-switch-disabled-control-bg-color);
  border: none;
  box-shadow: none;
}
.motif-toggle-switch-hidden-labels .motif-toggle-switch-off-text,
.motif-toggle-switch-hidden-labels .motif-toggle-switch-on-text {
  display: none;
}
.motif-time-wrapper {
  align-items: center;
  display: flex;
}
.motif-time-wrapper .motif-time-colon {
  padding: 0 5px;
}
.motif-time-wrapper .motif-time-acronym {
  padding-left: 10px;
}
.motif-time-wrapper .motif-time-acronym .motif-time-input-radio {
  margin: 2px 0;
}
.motif-typeahead {
  position: relative;
}
.motif-typeahead-list {
  background-color: #fff;
  background-color: var(--select-list-background-color);
  border: 1px solid #2e2e38;
  border: 1px solid var(--select-option-border-color);
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  max-height: 15.7142857143rem;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}
.motif-typeahead-list-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin: 0;
  max-height: 3.1428571429rem;
  padding: 0.8571428571rem 0.4285714286rem;
}
.motif-typeahead-list-item-focus,
.motif-typeahead-list-item:hover {
  background-color: #e1e1e6;
  background-color: var(--select-option-hover-bg-color);
}
.motif-typeahead-list-item-disabled {
  background-color: #eaeaf2;
  background-color: var(--disabled);
  cursor: not-allowed;
}
.motif-typeahead-close-button {
  height: 1.7142857143rem;
  position: absolute;
  right: 0.8571428571rem;
  top: 0.8571428571rem;
  width: 1.7142857143rem;
}
.motif-typeahead svg {
  height: 100%;
  width: 100%;
}
.motif-typeahead-screen-reader {
  position: absolute;
  right: 1.7142857143rem;
  top: 0.8571428571rem;
  z-index: -100;
}
.motif-typeahead-open .motif-typeahead-list {
  display: block;
}
.motif-people-template {
  align-items: center;
  display: flex;
}
.motif-people-template .motif-people-details {
  color: #2e2e38;
  color: var(--template-message-color);
  display: flex;
  flex-direction: column;
  line-height: normal;
  margin-left: 4px;
}
.motif-people-template .motif-people-details .motif-people-status {
  font-size: 0.7142857143rem;
}
.motif-people-template-disabled .motif-people-details {
  color: #747480;
  color: var(--form-element-disabled-color);
}
.motif-people-template-disabled .motif-avatar {
  opacity: 0.5;
}
.motif-small-input-item {
  background: #f6f6fa;
  background: var(--form-element-bg-color);
  border: 0;
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--form-element-border-color);
  border-radius: 0;
  color: #2e2e38;
  color: var(--body-color);
  font-size: 1rem;
  height: 3.1428571429rem;
  line-height: 1.1428571429rem;
  margin: 0 0.1785714286rem;
  text-align: center;
  width: 3.1428571429rem;
}
.motif-small-input-item:focus:not(:disabled),
.motif-small-input-item:hover:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--form-element-hover-bg-color);
  border-bottom: 2px solid #2e2e38;
  border-bottom: 2px solid var(--form-element-border-color);
  margin-bottom: -1px;
}
.motif-small-input-item:disabled {
  background-color: #f6f6fa;
  background-color: var(--form-element-disabled-bg-color);
  border: 1px solid transparent;
  border: 0 solid var(--form-element-disabled-border-color);
  border-width: var(--form-element-disabled-border-width);
  color: #747480;
  color: var(--form-element-disabled-color);
  cursor: not-allowed;
}
.motif-small-input-item-invalid {
  border-bottom: 1px solid #b9251c;
  border-bottom: 1px solid var(--error);
}
.motif-small-input-item-invalid:focus:not(:disabled),
.motif-small-input-item-invalid:hover:not(:disabled) {
  border-bottom: 2px solid #b9251c;
  border-bottom: 2px solid var(--error);
}
.motif-pin-entry {
  display: inline-flex;
}
.motif-pin-entry :first-child {
  margin-left: 0;
}
.motif-pin-entry .motif-pin-entry-clear-button-wrapper {
  align-items: center;
  display: flex;
  margin-left: 0.2857142857rem;
}
.motif-pin-entry .motif-pin-entry-clear-button {
  fill: #2e2e38;
  fill: var(--body-color);
  background: transparent;
  border: none;
  height: 1.4285714286rem;
  padding: 0;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  width: 1.4285714286rem;
}
.motif-pin-entry .motif-pin-entry-clear-button svg {
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-pin-entry .motif-pin-entry-clear-button:focus:not(:disabled),
.motif-pin-entry .motif-pin-entry-clear-button:hover:not(:disabled) {
  background-color: #e1e1e6;
  background-color: var(--pin-entry-hover-clear-icon-color);
}
.motif-pin-entry .motif-pin-entry-clear-button:disabled svg {
  fill: #eaeaf2;
  fill: var(--disabled);
}
.motif-header-logo {
  display: inline-block;
  padding-right: 0.5rem;
  position: relative;
  z-index: 1;
}
.motif-header-logo a {
  display: inline-block;
  height: 2.5rem;
  width: 2.4285714286rem;
}
.motif-header-logo a svg {
  height: 100%;
  width: 100%;
}
.motif-header {
  background: #2e2e38;
  background: var(--header-bg-color);
  color: #fff;
  display: flex;
  min-height: 4rem;
  padding: 0 0 0 1.2142857143rem;
  z-index: 100;
}
.motif-header .motif-header-company-container {
  align-items: flex-end;
  display: flex;
  height: 4rem;
  padding-bottom: 0.2142857143rem;
}
.motif-header.motif-header-fixed {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.motif-header-icons-placeholder {
  display: flex;
  margin-left: 0.4285714286rem;
}
.motif-header-icons-placeholder .motif-icon {
  display: block;
}
.motif-header-icons-placeholder .motif-badge {
  background-color: transparent;
  background-color: initial;
  border: none;
  color: #fff;
}
.motif-header-icons-placeholder .motif-icon-button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 0.4285714286rem;
  width: 4rem;
}
.motif-header-icons-placeholder .motif-icon-button:focus {
  background-color: #3a3a4a;
  background-color: var(--header-icon-focus-bg-color);
}
.motif-header-icons-placeholder .motif-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--header-icon-hover-bg-color);
}
.motif-header-icons-placeholder .motif-icon-button:focus .motif-icon svg,
.motif-header-icons-placeholder .motif-icon-button:hover .motif-icon svg {
  background-color: transparent;
  border-radius: 0;
  color: #fff;
  color: var(--header-icon-color);
}
.motif-header-icons-placeholder svg {
  color: #fff;
  color: var(--header-icon-color);
}
.motif-header .motif-menu .motif-menu-header .motif-icon-button {
  align-items: center;
  display: flex;
  float: left;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}
.motif-header .motif-menu-header {
  min-height: auto;
}
.motif-header .motif-menu-header .motif-icon-button {
  align-items: center;
  color: #fff;
  color: var(--header-icon-color);
  display: flex;
  height: 4rem;
  justify-content: center;
  margin-left: auto;
  width: 4rem;
}
.motif-header .motif-menu-header .motif-icon-button:focus svg,
.motif-header .motif-menu-header .motif-icon-button:hover svg {
  color: #fff;
  color: var(--header-icon-color);
}
.motif-header .motif-menu-header .motif-icon-button .motif-icon svg,
.motif-header .motif-menu-header button svg {
  height: 2.5714285714rem;
  width: 2.5714285714rem;
}
.motif-header .motif-menu-header button svg {
  margin-top: 1px;
}
.motif-header .motif-row {
  flex-basis: 100%;
}
.motif-header .motif-col-xs-3 {
  z-index: 1001;
}
@media screen and (min-width: 36em) {
  .motif-header .motif-col-xs-3 {
    z-index: 1000;
  }
}
.motif-header .motif-header-app-name {
  color: #fff;
  color: var(--header-app-name-color);
  font-size: 1.286rem;
  font-size: var(--header-app-name-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 1.7142857143rem;
  line-height: 1.7142857143rem;
  margin-bottom: 0.0714285714rem;
}
.motif-header .motif-header-menu-open .motif-header-menu-open-button {
  opacity: 0;
  transition: all 0.1s cubic-bezier(1, 0, 0, 1);
  transition: 0.1s all var(--ease-in-out-expo);
  visibility: hidden;
}
.motif-header .motif-search-input-wrapper {
  width: 100%;
}
.motif-header .motif-search-input-wrapper .motif-input-component {
  height: 100%;
}
.motif-header .motif-search-input-wrapper .motif-input-component .motif-input {
  background: #1a1a24;
  background: var(--header-search-bg-color);
  border-bottom: none;
  color: #fff;
  color: var(--header-search-font-color);
  height: 4rem;
  margin: 0;
}
.motif-header
  .motif-search-input-wrapper
  .motif-input-component
  .motif-input::-webkit-input-placeholder {
  color: #fff;
  color: var(--header-search-placeholder-color);
}
.motif-header
  .motif-search-input-wrapper
  .motif-input-component
  .motif-input:-ms-input-placeholder {
  color: #fff;
  color: var(--header-search-placeholder-color);
}
.motif-header
  .motif-search-input-wrapper
  .motif-input-component
  .motif-input::placeholder {
  color: #fff;
  color: var(--header-search-placeholder-color);
}
.motif-header .motif-search-input-wrapper .motif-input-component .motif-option {
  color: #2e2e38;
  color: var(--body-color);
}
.motif-header .motif-search-input-wrapper svg {
  fill: #fff;
  color: #fff;
}
.motif-header .motif-search-input-wrapper .motif-search-input-icon-button {
  top: 50%;
}
.motif-header .motif-header-search-content-wrapper {
  align-items: stretch;
  display: flex;
  height: 4rem;
  justify-content: flex-end;
}
.motif-header .motif-end-xs {
  display: flex;
}
.motif-header .motif-header-search {
  flex-grow: 1;
  height: 4rem;
  z-index: 1;
}
.motif-header.motif-header-search-open .motif-header-close-icon {
  display: block;
}
.motif-header.motif-header-search-open .motif-header-search-icon {
  display: none;
}
.motif-header .motif-header-search-button {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding-left: 1.1428571429rem;
  padding-right: 1.1428571429rem;
  position: relative;
}
.motif-header .motif-header-search-button svg {
  color: #fff;
}
.motif-header .motif-header-search-button:after {
  background: var(--header-divider);
  content: "";
  height: 2.2857142857rem;
  position: absolute;
  right: -0.1428571429rem;
  width: 0.1428571429rem;
}
.motif-header .motif-header-search-content,
.motif-header .motif-header-search-content-desktop,
.motif-header .motif-header-search-input,
.motif-header svg.motif-header-close-icon {
  display: none;
}
.motif-header .motif-header-search-content-mobile {
  height: 0;
  left: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 3.5714285714rem;
  transition: all 0.3s ease-in-out;
  transition: all var(--ease-in-out);
}
.motif-header .motif-header-search-field {
  align-items: stretch;
  display: flex;
  flex: 1 1;
  position: relative;
  width: 100%;
}
.motif-header .motif-header-search-field button {
  background-color: transparent;
  border: none;
  color: #fff;
  position: absolute;
  right: 0.9285714286rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.motif-header .motif-header-search-field button svg {
  display: block;
}
.motif-header .motif-header-search-field svg {
  display: none;
}
.motif-header .motif-header-search-field input {
  background-color: #1a1a24;
  background-color: var(--header-search-bg-color);
  border: none;
  color: #fff;
  padding: 0 4rem 0 0.9285714286rem;
}
.motif-header .motif-header-menu-open-button {
  display: flex;
  height: 4rem;
  margin: 0;
  opacity: 1;
  transition: all 0.1s cubic-bezier(1, 0, 0, 1);
  transition: 0.1s all var(--ease-in-out-expo);
  visibility: visible;
}
.motif-header .motif-header-menu-open-button .motif-icon {
  display: block;
}
.motif-header .motif-header-menu-open-button .motif-icon svg {
  color: #fff;
  color: var(--header-icon-color);
  height: 2.5714285714rem;
  padding: 0;
  width: 2.5714285714rem;
}
.motif-header .motif-header-menu-open-button .motif-icon-button {
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}
.motif-header .motif-header-menu-open-button .motif-icon-button svg {
  margin: 0;
}
.motif-header .motif-header-menu-open-button .motif-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--header-icon-hover-bg-color);
}
.motif-header .motif-header-menu-open-button .motif-icon-button:hover svg {
  background-color: transparent;
}
.motif-header .motif-header-menu-open-button .motif-icon-button:focus {
  background-color: #3a3a4a;
  background-color: var(--header-icon-focus-bg-color);
}
.motif-header .motif-header-menu-open-button .motif-icon-button:focus svg {
  background-color: transparent;
}
.motif-header .motif-header-vertical-navigation-open-button {
  display: flex;
  height: 4rem;
  margin: 0 -0.8571428571rem 0 -0.4285714286rem;
  opacity: 1;
  transition: all 0.1s cubic-bezier(1, 0, 0, 1);
  transition: 0.1s all var(--ease-in-out-expo);
  visibility: visible;
}
.motif-header .motif-header-vertical-navigation-open-button .motif-icon {
  display: block;
  margin: 0 0 0.2142857143rem 0.0714285714rem;
}
.motif-header .motif-header-vertical-navigation-open-button .motif-icon svg {
  color: #fff;
  color: var(--vertical-navigation-menu-item-active-color);
  height: 1.7142857143rem;
  padding: 0;
  width: 1.7142857143rem;
}
.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button {
  align-items: flex-end;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
  width: var(--vertical-navigation-collapsed-width);
}
.motif-header
  .motif-header-vertical-navigation-open-button
  .motif-icon-button
  svg {
  margin: 0;
}
.motif-header
  .motif-header-vertical-navigation-open-button
  .motif-icon-button:hover,
.motif-header
  .motif-header-vertical-navigation-open-button
  .motif-icon-button:hover
  svg {
  background-color: transparent;
}
.motif-header
  .motif-header-vertical-navigation-open-button
  .motif-icon-button:focus {
  background-color: transparent;
  outline: 0.1428571429rem solid #155cb4;
  outline-offset: -0.1428571429rem;
}
.motif-header
  .motif-header-vertical-navigation-open-button
  .motif-icon-button:focus
  svg {
  background-color: transparent;
}
@media screen and (min-width: 48em) {
  .motif-header .motif-header-search-content-mobile {
    display: none;
  }
  .motif-header .motif-header-search-content-desktop {
    display: flex;
  }
  .motif-header .motif-header-search-input {
    display: flex;
    width: 100%;
  }
  .motif-header .motif-header {
    padding-left: 0.8571428571rem;
    padding-right: 1.2857142857rem;
  }
  .motif-header .motif-header-search {
    width: 31.8571428571rem;
  }
  .motif-header .motif-header-search svg {
    top: 1.2142857143rem;
  }
  .motif-header .motif-header-search-content {
    display: flex;
    flex: 1 1;
    min-height: 100%;
    overflow: visible;
    position: relative;
    top: 0;
  }
  .motif-header .motif-header-search-button {
    display: none;
  }
}
.motif-icon {
  color: #1a1a24;
  color: var(--icon-fill-color);
}
.motif-icon svg {
  fill: currentColor;
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-inline-message {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.motif-inline-message svg {
  fill: #747480;
  fill: var(--info);
  height: 1.5714285714rem;
  margin-right: 8px;
  min-width: 1.5714285714rem;
  position: relative;
  width: 1.5714285714rem;
}
.motif-inline-message-content {
  align-items: flex-start;
  display: flex;
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-inline-message-success svg {
  fill: #168736;
  fill: var(--success);
}
.motif-inline-message-error svg {
  fill: #b9251c;
  fill: var(--error);
}
.motif-inline-message-warning svg {
  fill: #ed6500;
  fill: var(--warning);
}
.motif-text-link {
  align-items: center;
  background: transparent;
  border: none;
  color: #2e2e38;
  color: var(--btn-text-color);
  display: inline-flex;
  font-size: 1rem;
  font-size: var(--btn-text-font-size);
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.2;
  outline: none;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.motif-text-link .motif-icon {
  color: currentColor;
  height: 1rem;
}
.motif-text-link .motif-icon svg {
  height: 1rem;
  margin-right: 0.2857142857rem;
  min-width: 1rem;
  position: relative;
  width: 1rem;
}
.motif-text-link path {
  fill: currentColor;
}
.motif-text-link:hover {
  cursor: pointer;
}
.motif-text-link:focus,
.motif-text-link:hover {
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--btn-text-color);
}
.motif-text-link:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-text-link.motif-text-link-disabled {
  color: #747480;
  color: var(--btn-text-color-disabled);
}
.motif-text-link.motif-text-link-disabled:focus,
.motif-text-link.motif-text-link-disabled:hover {
  border-bottom: none;
  color: #747480;
  color: var(--btn-text-color-disabled);
  cursor: not-allowed;
  text-decoration: none;
}
.motif-text-link.motif-active {
  border-bottom: 2px solid;
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-text-link-alt {
  color: #155cb4;
  color: var(--btn-text-alt-color);
}
.motif-text-link-alt:hover {
  cursor: pointer;
}
.motif-text-link-alt:focus,
.motif-text-link-alt:hover {
  border-bottom: 1px solid #155cb4;
  border-bottom: 1px solid var(--btn-text-alt-color);
}
.motif-text-link-alt:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-progress-loader-container {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.75);
  background-color: var(--progress-loader-bg-color);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.motif-progress-loader-content {
  display: flex;
  height: 1.1428571429rem;
  width: 5.7142857143rem;
}
.motif-progress-loader-fullscreen {
  height: 100vh;
  position: fixed;
  width: 100vw;
  z-index: 999;
}
.motif-progress-loader-fullscreen .motif-progress-loader-content {
  top: 50%;
}
.motif-progress-loader-square {
  background-color: #ffe600;
  background-color: var(--progress-loader-square-bg-color);
  height: 1.1428571429rem;
  margin-right: 1.1428571429rem;
  opacity: 0;
  width: 1.1428571429rem;
}
.motif-progress-loader-square:last-of-type {
  margin-right: 0;
}
.motif-progress-loader-square:first-child {
  -webkit-animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  -webkit-animation: loaderAnimation 2s var(--ease-in-out-expo);
  animation: loaderAnimation 2s var(--ease-in-out-expo);
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.motif-progress-loader-square:nth-child(2) {
  -webkit-animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  -webkit-animation: loaderAnimation 2s var(--ease-in-out-expo);
  animation: loaderAnimation 2s var(--ease-in-out-expo);
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.motif-progress-loader-square:nth-child(3) {
  -webkit-animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  animation: loaderAnimation 2s cubic-bezier(1, 0, 0, 1);
  -webkit-animation: loaderAnimation 2s var(--ease-in-out-expo);
  animation: loaderAnimation 2s var(--ease-in-out-expo);
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes loaderAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
}
.motif-menu-list-item {
  height: 3.2142857143rem;
  margin-bottom: 0;
  position: relative;
  text-align: left;
}
.motif-menu-list-item,
.motif-menu-list-item a,
.motif-menu-list-item button {
  font-size: 1.1428571429rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-menu-list-item a,
.motif-menu-list-item button {
  align-items: center;
  background: var(--menu-item-bg-color);
  border: none;
  color: #2e2e38;
  color: var(--menu-font-color);
  display: flex;
  height: 100%;
  margin: 0;
  padding-left: 1.7142857143rem;
  text-decoration: none;
  width: 100%;
}
.motif-menu-list-item a:focus,
.motif-menu-list-item a:hover,
.motif-menu-list-item button:focus,
.motif-menu-list-item button:hover {
  background: #eaeaf2;
  background: var(--menu-active-item-bg-color);
  font-weight: 400;
  font-weight: var(--weight-regular);
}
.motif-menu-list-item.motif-menu-list-item-active {
  background: #eaeaf2;
  background: var(--menu-active-item-bg-color);
}
.motif-menu-list-item.motif-menu-list-item-active a {
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-menu-alt .motif-menu-list-item.motif-menu-list-item-active {
  background: #1a1a24;
  background: var(--menu-alt-active-item-bg-color);
}
.motif-menu-list-item.motif-menu-list-item-active:before {
  background: #ffe600;
  background: var(--branding);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s ease-in-out;
  transition: all var(--ease-in-out-fast);
  width: 0.3571428571rem;
  z-index: 101;
}
.motif-menu-alt .motif-menu-list-item a,
.motif-menu-alt .motif-menu-list-item button {
  color: #fff;
  color: var(--menu-alt-font-color);
}
.motif-menu-alt .motif-menu-list-item a:focus,
.motif-menu-alt .motif-menu-list-item a:hover,
.motif-menu-alt .motif-menu-list-item button:focus,
.motif-menu-alt .motif-menu-list-item button:hover {
  background: #1a1a24;
  background: var(--menu-alt-active-item-bg-color);
}
.motif-menu-item-group {
  font-weight: lighter;
  font-weight: var(--weight-light);
  margin-bottom: 0;
  text-align: left;
}
.motif-menu-item-group,
.motif-menu-item-group .motif-menu-item-group-button {
  background: #eaeaf2;
  background: var(--menu-active-item-bg-color);
  font-size: 1.1428571429rem;
  position: relative;
}
.motif-menu-item-group .motif-menu-item-group-button {
  align-items: center;
  border: none;
  color: #2e2e38;
  color: var(--menu-font-color);
  display: flex;
  height: 3.2142857143rem;
  margin: 0;
  padding: 0;
  width: 100%;
}
.motif-menu-item-group .motif-menu-item-group-button:hover {
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-menu-item-group
  .motif-menu-item-group-button
  .motif-menu-item-group-name {
  align-items: center;
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-weight: lighter;
  font-weight: var(--weight-light);
  height: 100%;
  padding-left: 1.7142857143rem;
  width: 100%;
}
.motif-menu-item-group
  .motif-menu-item-group-button
  .motif-menu-item-group-arrow {
  fill: #2e2e38;
  fill: var(--menu-font-color);
  height: 3.2142857143rem;
  padding: 0.7142857143rem;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 3.2142857143rem;
}
.motif-menu-item-group
  .motif-menu-item-group-button
  .motif-menu-item-group-arrow.motif-menu-item-group-arrow-open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.motif-menu-item-group .motif-menu-list {
  padding: 0;
}
.motif-menu-alt .motif-menu-item-group {
  background: #1a1a24;
  background: var(--menu-alt-active-item-bg-color);
}
.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-button {
  background: #1a1a24;
  background: var(--menu-alt-active-item-bg-color);
  color: #fff;
  color: var(--menu-alt-font-color);
}
.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-arrow {
  fill: #fff;
  fill: var(--menu-alt-font-color);
}
.motif-menu-overlay {
  pointer-events: none;
  position: fixed;
}
.motif-menu-overlay.motif-menu-overlay-open {
  align-items: center;
  background: rgba(26, 26, 36, 0.6);
  background: var(--menu-overlay-bg-color);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 16px;
  right: 0;
  top: 0;
  z-index: 1000;
}
.motif-menu-list {
  height: 100%;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
}
.motif-menu {
  background: #fff;
  background: var(--menu-bg-color);
  height: 100vh;
  overflow: auto;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform var(--ease-in-out);
  transition: transform var(--ease-in-out);
  transition: transform var(--ease-in-out), -webkit-transform var(--ease-in-out);
  width: 100%;
}
.motif-menu.motif-menu-alt {
  background: #2e2e38;
  background: var(--menu-alt-bg-color);
}
.motif-menu.motif-menu-alt .motif-icon-button svg {
  color: #fff;
  color: var(--menu-alt-button-icon-color);
}
.motif-menu .motif-icon-button {
  padding: 0;
  z-index: 100;
}
.motif-menu .motif-icon-button:focus svg,
.motif-menu .motif-icon-button:hover svg {
  background: none;
}
.motif-menu .motif-icon-button svg {
  color: #2e2e38;
  color: var(--menu-button-icon-color);
  height: 2.5714285714rem;
  width: 2.5714285714rem;
}
.motif-menu.motif-menu-open {
  box-shadow: 1px 0 11px 8px rgba(0, 0, 0, 0.38);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.motif-menu.motif-menu-open-from-left {
  left: 0;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
}
.motif-menu.motif-menu-open-from-left .motif-menu-nav {
  left: 0;
  right: auto;
  z-index: 1000;
}
.motif-menu.motif-menu-open-from-left.motif-menu-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.motif-menu-header {
  align-items: center;
  border-bottom: 1px solid #e1e1e6;
  border-bottom: var(--menu-header-border-bottom);
  color: #2e2e38;
  color: var(--menu-font-color);
  display: flex;
  justify-content: space-between;
  min-height: 4.2857142857rem;
  width: 100%;
}
.motif-menu-header .motif-icon-button {
  height: 4.2857142857rem;
  width: 4.2857142857rem;
}
.motif-menu-header .motif-icon-button:focus,
.motif-menu-header .motif-icon-button:hover {
  background-color: #e1e1e6;
  background-color: var(--menu-header-close-btn-hover-bg-color);
}
.motif-menu-alt .motif-menu-header {
  border-bottom: 1px solid #2e2e3c;
  border-bottom: var(--menu-alt-header-border-bottom);
  color: #fff;
  color: var(--menu-alt-font-color);
}
.motif-menu-alt .motif-menu-header .motif-icon-button {
  height: 4.2857142857rem;
  width: 4.2857142857rem;
}
.motif-menu-alt .motif-menu-header .motif-icon-button:focus,
.motif-menu-alt .motif-menu-header .motif-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--menu-alt-header-close-btn-hover-bg-color);
}
.motif-menu-header-title {
  margin: 0;
  padding: 1rem 0.8571428571rem 1rem 1.4285714286rem;
}
@media screen and (min-width: 36em) {
  .motif-menu {
    border-top: none;
    max-width: 25.7142857143rem;
  }
}
.motif-modal-body {
  display: block;
  flex: 1 1;
  overflow: auto;
  padding: 20px;
}
.motif-modal-footer {
  border-top: 1px solid #e1e1e6;
  border-top: 1px solid var(--modal-footer-border-color);
  display: flex;
  flex-direction: column;
  padding: 1.4285714286rem;
}
.motif-modal-footer button {
  margin-bottom: 0;
  margin-top: 0;
}
.motif-modal-footer button + button {
  margin-top: 0.7142857143rem;
}
@media screen and (min-width: 48em) {
  .motif-modal-footer {
    flex-direction: row;
  }
  .motif-modal-footer button + button {
    margin-left: 1.1428571429rem;
    margin-top: 0;
  }
}
.motif-modal-header {
  align-items: center;
  background: #fff;
  background: var(--modal-header-bg-color);
  border-bottom: 1px solid #e1e1e6;
  border-bottom: 1px solid var(--modal-header-border-color);
  display: flex;
  justify-content: space-between;
  min-height: 4.2857142857rem;
}
.motif-modal-header .motif-modal--header-icon-button {
  align-items: center;
  align-self: start;
  color: #2e2e38;
  color: var(--modal-header-close-btn-color);
  display: flex;
  flex-shrink: 0;
  height: 4.2857142857rem;
  justify-content: center;
  padding: 0;
  width: 4.2857142857rem;
}
.motif-modal-header .motif-modal--header-icon-button svg {
  height: auto;
  padding: 0;
  width: 1.7142857143rem;
}
.motif-modal-header .motif-modal--header-icon-button:focus,
.motif-modal-header .motif-modal--header-icon-button:hover {
  background-color: #e1e1e6;
  background-color: var(--modal-header-close-btn-hover-bg-color);
}
.motif-modal-header .motif-modal--header-icon-button:focus svg,
.motif-modal-header .motif-modal--header-icon-button:hover svg {
  background: none;
}
.motif-modal-header .motif-modal--header-icon-button:focus svg {
  border-radius: 0;
  border-radius: initial;
  outline: none;
}
.motif-modal-header .motif-modal-headline {
  color: #2e2e38;
  color: var(--modal-header-font-color);
  margin: 0;
  padding: 1rem 0.8571428571rem 1rem 1.4285714286rem;
}
.motif-modal-alt .motif-modal-header {
  background-color: #2e2e38;
  background-color: var(--modal-alt-header-bg-color);
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid var(--modal-alt-header-border-color);
}
.motif-modal-alt .motif-modal-header .motif-modal-headline {
  color: #fff;
  color: var(--modal-alt-header-font-color);
}
.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:focus,
.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--modal-alt-header-close-btn-hover-bg-color);
}
.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button svg {
  color: #fff;
  color: var(--modal-alt-header-close-btn-color);
}
.motif-modal-overlay {
  align-items: center;
  background: rgba(26, 26, 36, 0.85);
  background: var(--modal-overlay-bg-color);
  bottom: 0;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: 50px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1000;
}
.motif-modal-content {
  background: #fff;
  background: var(--modal-bg-color);
  box-shadow: 0 0 11px 8px rgba(0, 0, 0, 0.38);
  box-shadow: var(--modal-box-shadox);
  display: flex;
  flex-direction: column;
  max-height: 90%;
  max-width: 73.1428571429rem;
  overflow-y: auto;
}
.motif-modal-content.motif-modal-slideout {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-name: modal-slidout-animation;
  animation-name: modal-slidout-animation;
  height: 100%;
  max-height: 100%;
  max-width: 41.4285714286rem;
  min-width: 27.1428571429rem;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  width: 50%;
}
.motif-modal-content.motif-modal-slideout .motif-modal-footer {
  margin-top: auto;
}
.motif-modal {
  min-width: 28.5714285714rem;
}
.motif-modal-size-sm {
  max-width: 28.5714285714rem;
}
.motif-modal-size-md {
  max-width: 38.5714285714rem;
}
.motif-modal-size-lg {
  max-width: 48.5714285714rem;
}
.motif-modal-size-xl {
  max-width: 58.5714285714rem;
}
.motif-modal-takeover {
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  width: 100vw;
}
.motif-modal-takeover .motif-modal-footer {
  margin-top: auto;
}
.motif-modal-overlay-takeover {
  padding: 0;
}
@keyframes modal-slidout-animation {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.motif-pagination-select.motif-dropdown-open svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.motif-pagination-select .motif-icon-button svg {
  display: block;
  height: 2.1428571429rem;
  margin: auto auto auto 0.5rem;
  width: 2.1428571429rem;
}
.motif-pagination-select .motif-dropdown-trigger .motif-icon-button {
  align-items: center;
  border: none;
  color: #2e2e38;
  color: var(--pagination-select-trigger-color);
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-size: var(--pagination-select-trigger-font-size);
  font-weight: lighter;
  font-weight: var(--weight-light);
  padding-left: 0.7142857143rem;
  width: auto;
}
.motif-pagination-select .motif-dropdown-trigger .motif-icon-button:hover svg {
  background-color: #eaeaf2;
  background-color: var(--pagination-icon-trigger-hover-bg-color);
}
.motif-pagination-select .motif-dropdown-trigger .motif-icon-button svg {
  height: 2rem;
  padding-top: 0.1428571429rem;
}
.motif-pagination-select .motif-dropdown-trigger:hover svg {
  background-color: #eaeaf2;
  background-color: var(--pagination-icon-trigger-hover-bg-color);
}
.motif-pagination-select .motif-dropdown-trigger svg {
  color: #2e2e38;
  color: var(--pagination-select-trigger-icon-color);
}
.motif-pagination-select .motif-dropdown-menu {
  border: none;
  box-shadow: none;
  left: 0;
  min-width: 100%;
}
.motif-pagination-select .motif-dropdown-menu:before {
  content: none;
}
.motif-pagination-select .motif-dropdown-item {
  color: #2e2e38;
  color: var(--pagination-select-menu-item-color);
  font-size: 1rem;
  font-size: var(--pagination-select-menu-item-font-size);
  padding: 1.0714285714rem 0.7142857143rem;
}
.motif-pagination-select .motif-dropdown-item:hover {
  background-color: #eaeaf2;
  background-color: var(--pagination-select-menu-item-hover-bg-color);
  color: #2e2e38;
  color: var(--pagination-select-menu-item-hover-color);
}
.motif-pagination-select .motif-dropdown-item:active {
  background-color: #e1e1e6;
  background-color: var(--pagination-select-menu-item-active-bg-color);
}
.motif-pagination-select .motif-dropdown-item:focus {
  color: #2e2e38;
  color: var(--pagination-select-menu-item-focus-color);
}
.motif-pagination {
  align-items: center;
  display: flex;
  white-space: nowrap;
}
.motif-pagination input::-webkit-inner-spin-button,
.motif-pagination input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.motif-pagination .motif-pagination-button.motif-icon-button svg,
.motif-pagination .motif-pagination-count.motif-icon-button svg {
  margin: auto;
}
.motif-pagination .motif-dropdown-trigger .motif-icon-button,
.motif-pagination .motif-icon-button {
  color: #2e2e38;
  color: var(--pagination-icon-color);
  display: flex;
  flex-shrink: 0;
  height: 2.2857142857rem;
  justify-content: center;
  min-width: 2.2857142857rem;
  padding: 0.2857142857rem;
}
.motif-pagination .motif-dropdown-trigger .motif-icon-button svg,
.motif-pagination .motif-icon-button svg {
  display: block;
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-pagination .motif-dropdown-trigger .motif-icon-button:hover,
.motif-pagination .motif-icon-button:hover {
  background-color: #eaeaf2;
  background-color: var(--pagination-icon-trigger-hover-bg-color);
}
.motif-pagination .motif-dropdown-trigger .motif-icon-button:focus,
.motif-pagination .motif-icon-button:focus {
  background-color: #eaeaf2;
  background-color: var(--pagination-icon-trigger-focus-bg-color);
}
.motif-pagination .motif-pagination-button {
  align-items: center;
  box-shadow: none;
  position: relative;
}
.motif-pagination .motif-pagination-count {
  font-size: 1rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  margin: 0 1rem;
}
.motif-pagination .motif-pagination-count .motif-pagination-current-page {
  -webkit-appearance: textfield;
  appearance: textfield;
  background-color: transparent;
  border: 0;
  color: #2e2e38;
  color: var(--pagination-count-font-color);
  display: inline-block;
  font: 700 1rem ey_interstate;
  font: var(--weight-bold) 1rem var(--primary-font);
  margin: 0;
  min-width: 0.6428571429rem;
  padding: 0;
  text-align: right;
}
.motif-pagination .motif-pagination-count .motif-number-of-pages {
  color: #2e2e38;
  color: var(--pagination-count-font-color);
  display: inline-block;
  text-align: left;
}
.motif-pagination .ref-input-elem {
  font-size: 1rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  position: absolute;
  visibility: hidden;
}
.motif-progress-bar-wrapper {
  display: flex;
}
.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle) {
  flex-direction: column;
}
.motif-progress-bar-wrapper.motif-progress-bar-wrapper-circle {
  align-items: center;
  height: 2.857rem;
  height: var(--progress-bar-circle-size);
  justify-content: center;
  width: 2.857rem;
  width: var(--progress-bar-circle-size);
}
.motif-progress-bar-wrapper .motif-progress-bar-label {
  color: #1a1a24;
  color: var(--progress-bar-label-color);
  font-size: 0.8571428571rem;
}
.motif-progress-bar-wrapper .motif-progress-bar-label-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.motif-progress-bar-wrapper .motif-progress-bar {
  background-color: #e1e1e6;
  background-color: var(--progress-bar-bg-color);
  display: inline-block;
  height: 0.2857142857rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.motif-progress-bar-wrapper
  .motif-progress-bar.motif-progress-bar-indeterminate
  .motif-progress {
  -webkit-animation: translate 1.5s linear infinite;
  animation: translate 1.5s linear infinite;
  position: relative;
  width: 25%;
}
.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle {
  background-color: transparent;
  height: 2.857rem;
  height: var(--progress-bar-circle-size);
  position: absolute;
  width: 2.857rem;
  width: var(--progress-bar-circle-size);
}
.motif-progress-bar-wrapper
  .motif-progress-bar.motif-progress-bar-circle.motif-progress-bar-indeterminate {
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.motif-progress-bar-wrapper .motif-progress {
  background-color: #2e2e38;
  background-color: var(--progress-bar-color);
  bottom: 0;
  height: 0.2857142857rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.motif-progress-bar-wrapper .motif-progress.motif-progress-error {
  background-color: #b9251c;
  background-color: var(--error);
}
.motif-progress-bar-wrapper .motif-progress-bar-circle {
  height: 2.857rem;
  height: var(--progress-bar-circle-size);
  position: relative;
  width: 2.857rem;
  width: var(--progress-bar-circle-size);
}
.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie {
  clip: rect(0, 2.857rem, 2.857rem, 1.429rem);
  clip: rect(
    0,
    var(--progress-bar-circle-size),
    var(--progress-bar-circle-size),
    var(--progress-bar-circle-diameter-size)
  );
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.motif-progress-bar-wrapper
  .motif-progress-bar-circle
  .motif-progress-pie.motif-progress-hide-right
  .motif-progress-right-side {
  display: none;
}
.motif-progress-bar-wrapper
  .motif-progress-bar-circle
  .motif-progress-pie.motif-progress-error
  .motif-progress-half-circle {
  border-color: #b9251c;
  border-color: var(--error);
}
.motif-progress-bar-wrapper
  .motif-progress-bar-circle
  .motif-progress-pie
  .motif-progress-half-circle {
  clip: rect(0, 1.429rem, 2.857rem, 0);
  clip: rect(
    0,
    var(--progress-bar-circle-diameter-size),
    var(--progress-bar-circle-size),
    0
  );
  border: 0.286rem solid #2e2e38;
  border: var(--progress-bar-circle-border-width) solid
    var(--progress-bar-color);
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.motif-progress-bar-wrapper
  .motif-progress-bar-circle
  .motif-progress-pie:not(.motif-progress-hide-right) {
  clip: rect(auto, auto, auto, auto);
}
.motif-progress-bar-wrapper
  .motif-progress-bar-circle
  .motif-progress-pie:not(.motif-progress-hide-right)
  .motif-progress-right-side {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-shadow {
  border: 0.286rem solid #e1e1e6;
  border: var(--progress-bar-circle-border-width) solid
    var(--progress-bar-bg-color);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes translate {
  0% {
    left: -25%;
  }
  20% {
    left: 0;
  }
  40% {
    left: 33%;
  }
  60% {
    left: 66%;
  }
  80% {
    left: 100%;
  }
  to {
    left: 125%;
  }
}
.motif-progress-indicator-step {
  background-color: transparent;
  border: none;
  display: flex;
  flex-grow: 1;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  margin-right: 0.3571428571rem;
  padding: 0.8571428571rem 0 0.4285714286rem;
  position: relative;
  text-align: left;
  width: 7.1428571429rem;
}
.motif-progress-indicator-step:last-child {
  margin-right: 0;
}
.motif-progress-indicator-step:before {
  background-color: #e1e1e6;
  background-color: var(--progress-indicator-bar-color);
  content: "";
  height: 0.2857142857rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.motif-progress-indicator-step .motif-progress-indicator-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}
.motif-progress-indicator-step .motif-progress-indicator-icon-svg {
  color: #2e2e38;
  color: var(--progress-indicator-border-color);
  height: 1rem;
  position: absolute;
  top: 0;
  width: 1rem;
}
.motif-progress-indicator-step
  .motif-progress-indicator-icon-svg
  .radio-dot-active,
.motif-progress-indicator-step
  .motif-progress-indicator-icon-svg
  .radio-dot-hover,
.motif-progress-indicator-step-default:hover .radio-dot-active {
  display: none;
}
.motif-progress-indicator-step-default:hover .radio-dot-hover {
  display: block;
}
.motif-progress-indicator-step-active:hover
  .motif-progress-indicator-icon
  .radio-dot-active {
  display: none;
}
.motif-progress-indicator-step-active:hover
  .motif-progress-indicator-icon
  .radio-dot-hover {
  display: block;
}
.motif-progress-indicator-step-active:before {
  background-color: #ffe600;
  background-color: var(--progress-indicator-active-bar-color);
}
.motif-progress-indicator-step-active
  .motif-progress-indicator-icon
  .radio-dot-active {
  display: block;
}
.motif-progress-indicator-step-active
  .motif-progress-indicator-icon
  svg:not(.motif-progress-indicator-icon-svg) {
  fill: #fff;
  fill: var(--progress-indicator-active-fill-color);
  background-color: #fff;
  background-color: var(--progress-indicator-active-bg-color);
  border-color: #747480;
  border-color: var(--progress-indicator-active-border-color);
}
.motif-progress-indicator-step-active .motif-progress-indicator-heading {
  color: #2e2e38;
  color: var(--progress-indicator-active-heading-color);
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-progress-indicator-step-active .motif-progress-indicator-body {
  color: #2e2e38;
  color: var(--progress-indicator-active-body-color);
}
.motif-progress-indicator-step-completed:before {
  background-color: #2e2e38;
  background-color: var(--progress-indicator-completed-bar-color);
}
.motif-progress-indicator-step-completed
  .motif-progress-indicator-icon
  svg:not(.motif-progress-indicator-icon-svg) {
  fill: #fff;
  fill: var(--progress-indicator-completed-fill-color);
  background-color: #2e2e38;
  background-color: var(--progress-indicator-completed-bg-color);
  border-color: #2e2e38;
  border-color: var(--progress-indicator-completed-border-color);
}
.motif-progress-indicator-step-completed .motif-progress-indicator-heading {
  color: #2e2e38;
  color: var(--progress-indicator-completed-heading-color);
}
.motif-progress-indicator-step-completed .motif-progress-indicator-body {
  color: #747480;
  color: var(--progress-indicator-completed-body-color);
}
.motif-progress-indicator-step-completed:hover .motif-progress-indicator-body {
  color: #2e2e38;
  color: var(--progress-indicator-completed-hover-body-color);
}
.motif-progress-indicator-step-error .motif-progress-indicator-icon-svg {
  display: none;
}
.motif-progress-indicator-step-error:before {
  background-color: #b9251c;
  background-color: var(--progress-indicator-error-bar-color);
}
.motif-progress-indicator-step-error
  .motif-progress-indicator-icon
  svg:not(.motif-progress-indicator-icon-svg) {
  fill: #fff;
  fill: var(--progress-indicator-error-fill-color);
  background-color: #b9251c;
  background-color: var(--progress-indicator-error-bg-color);
  border-color: #b9251c;
  border-color: var(--progress-indicator-error-border-color);
  padding: 0.0714285714rem;
}
.motif-progress-indicator-step-error .motif-progress-indicator-body,
.motif-progress-indicator-step-error .motif-progress-indicator-heading {
  color: #747480;
  color: var(--progress-indicator-error-heading-color);
}
.motif-progress-indicator-step-warning .motif-progress-indicator-body,
.motif-progress-indicator-step-warning .motif-progress-indicator-heading {
  color: #747480;
  color: var(--progress-indicator-error-heading-color);
}
.motif-progress-indicator-step-disabled {
  cursor: not-allowed;
}
.motif-progress-indicator-step-disabled:before {
  background-color: #747480;
  background-color: var(--progress-indicator-disabled-bar-color);
}
.motif-progress-indicator-step-disabled
  .motif-progress-indicator-icon
  svg:not(.motif-progress-indicator-icon-svg) {
  fill: #fff;
  fill: var(--progress-indicator-disabled-fill-color);
  background-color: #fff;
  background-color: var(--progress-indicator-disabled-bg-color);
  border-color: #747480;
  border-color: var(--progress-indicator-disabled-border-color);
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-heading {
  color: #747480;
  color: var(--progress-indicator-disabled-heading-color);
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-body {
  color: #747480;
  color: var(--progress-indicator-disabled-body-color);
}
.motif-progress-indicator-step:hover:not(.motif-progress-indicator-step-disabled) {
  cursor: pointer;
}
.motif-progress-indicator-icon {
  flex-shrink: 0;
  padding: 0;
  width: 1rem;
}
.motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  fill: transparent;
  background-color: transparent;
  background-color: var(--progress-indicator-bg-color);
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
}
.motif-progress-indicator-direction-col
  .motif-progress-indicator-icon
  svg:not(.motif-progress-indicator-icon-svg) {
  position: absolute;
  top: 0;
}
.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled)
  .motif-progress-indicator-heading {
  cursor: pointer;
  font-weight: 700;
  font-weight: var(--weight-bold);
}
.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled)
  .motif-progress-indicator-icon:before {
  top: -0.99rem;
}
.motif-progress-indicator-heading {
  color: #2e2e38;
  color: var(--progress-indicator-heading-color);
  font-size: 1rem;
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 1;
  margin: 0 0 0 0.4285714286rem;
}
.motif-progress-indicator-body {
  color: #2e2e38;
  color: var(--progress-indicator-body-color);
  font-size: 0.8571428571rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.2;
  margin: 0.2857142857rem 0 0.5714285714rem 1.3571428571rem;
}
.motif-progress-indicator-direction-row .motif-progress-indicator-icon {
  left: 0;
  position: absolute;
  top: 0;
}
.motif-progress-indicator-direction-row .motif-progress-indicator-step:before {
  margin-left: 1.3571428571rem;
  margin-top: 0.3571428571rem;
}
.motif-progress-indicator-direction-row .motif-progress-indicator-heading {
  margin: 0.1428571429rem 0 0 1.3571428571rem;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step {
  margin-bottom: 0.2857142857rem;
  margin-right: 0;
  min-height: 4.2857142857rem;
  padding: 0;
  width: auto;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step:before {
  display: none;
}
.motif-progress-indicator-direction-col
  .motif-progress-indicator-step-active
  .motif-progress-indicator-icon:after {
  background-color: #ffe600;
  background-color: var(--progress-indicator-active-bar-color);
}
.motif-progress-indicator-direction-col
  .motif-progress-indicator-step-completed
  .motif-progress-indicator-icon:after {
  background-color: #2e2e38;
  background-color: var(--progress-indicator-completed-bar-color);
}
.motif-progress-indicator-direction-col
  .motif-progress-indicator-step-error
  .motif-progress-indicator-icon:after {
  background-color: #b9251c;
  background-color: var(--progress-indicator-error-bar-color);
}
.motif-progress-indicator-direction-col
  .motif-progress-indicator-step-disabled
  .motif-progress-indicator-icon:after {
  background-color: #747480;
  background-color: var(--progress-indicator-disabled-bar-color);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-icon:after {
  background-color: #e1e1e6;
  background-color: var(--progress-indicator-bar-color);
  bottom: 0;
  content: "";
  position: absolute;
  top: 1.2857142857rem;
  width: 0.2857142857rem;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-heading {
  margin-top: 0;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-body {
  margin-left: 6px;
}
.motif-progress-indicator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.motif-progress-indicator-direction-col {
  flex-direction: column;
}
.motif-vertical-navigation {
  background-color: #2e2e38;
  background-color: var(--vertical-navigation-menu-item-bg-color);
  display: flex;
  flex-direction: column;
}
.motif-vertical-navigation .motif-vertical-navigation-footer {
  border-top: 1px solid #3a3a4a;
  border-top: 1px solid var(--vertical-navigation-footer-border-color);
  flex-grow: 0;
}
.motif-vertical-navigation .motif-vertical-navigation-content {
  flex-grow: 1;
  overflow: auto;
}
.motif-vertical-navigation.motif-vertical-navigation-expanded-width {
  transition: width 0.5s;
  width: 20.286rem;
  width: var(--vertical-navigation-expanded-width);
}
.motif-vertical-navigation.motif-vertical-navigation-collapsed {
  transition: width 0.5s;
  width: 4rem;
  width: var(--vertical-navigation-collapsed-width);
}
.motif-vertical-navigation-hidden {
  pointer-events: none;
  visibility: hidden;
}
.motif-vertical-navigation-scrolls::-webkit-scrollbar {
  width: 0.5714285714rem;
}
.motif-vertical-navigation-scrolls::-webkit-scrollbar-track {
  background-color: #2e2e38;
  background-color: var(--vertical-navigation-menu-item-bg-color);
}
.motif-vertical-navigation-scrolls::-webkit-scrollbar-thumb {
  background-color: rgba(84, 84, 105, 0.835);
  border-radius: 4px;
}
.motif-vertical-navigation-menuitem {
  align-items: center;
  background-color: #2e2e38;
  background-color: var(--vertical-navigation-menu-item-bg-color);
  border: 0;
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  cursor: pointer;
  display: flex;
  height: 4rem;
  height: var(--vertical-navigation-collapsed-width);
  padding: 0;
  position: relative;
  width: 100%;
}
.motif-vertical-navigation-menuitem:focus {
  outline: 2px solid #155cb4;
  outline: 2px solid var(--text-link-color);
  outline-offset: -2px;
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child {
  background-color: #23232f;
  background-color: var(--vertical-navigation-menu-list-item-bg-color);
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-submenuitem {
  padding-left: 1.1428571429rem;
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-hover,
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected,
.motif-vertical-navigation-menuitem.motif-vertical-navigation-submenuitem:hover {
  background-color: #1a1a24;
  background-color: var(--vertical-navigation-menu-item-hover-bg-color);
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected {
  color: #fff;
  color: var(--vertical-navigation-menu-item-hover-color);
  font-weight: 700;
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-menuitem-child {
  color: #ffe600;
  color: var(--vertical-navigation-menu-list-item-active-color);
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected
  .motif-vertical-navigation-menuitem-iconcontainer
  .motif-icon {
  color: #fff;
  color: var(--vertical-navigation-menu-item-hover-color);
}
.motif-vertical-navigation-menuitem
  .motif-vertical-navigation-menuitem-iconcontainer {
  align-items: center;
  display: flex;
  flex-grow: 0;
  height: 100%;
  justify-content: center;
  min-width: 4rem;
  min-width: var(--vertical-navigation-collapsed-width);
  width: 4rem;
  width: var(--vertical-navigation-collapsed-width);
}
.motif-vertical-navigation-menuitem
  .motif-vertical-navigation-menuitem-iconcontainer
  .motif-icon {
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  height: 1.7142857143rem;
}
.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-label {
  flex-grow: 1;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  overflow: hidden;
  padding-right: 0.2857142857rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.motif-vertical-navigation-menuitem-portal {
  align-items: center;
  background-color: #1a1a24;
  background-color: var(--vertical-navigation-menu-item-hover-bg-color);
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  cursor: pointer;
  display: flex;
  height: 4rem;
  height: var(--vertical-navigation-collapsed-width);
  width: 13.5714285714rem;
}
.motif-vertical-navigation-menuitem-portal.motif-vertical-navigation-menuitem-selected
  .motif-vertical-navigation-menuitem-portal-label {
  color: #fff;
  color: var(--vertical-navigation-menu-item-hover-color);
}
.motif-vertical-navigation-menu
  > .motif-vertical-navigation-menuitem-selected:before {
  background: #ffe600;
  background: var(--vertical-navigation-menu-item-active-border-color);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s ease-in-out;
  transition: all var(--ease-in-out-fast);
  width: 0.2857142857rem;
  z-index: 1;
}
.motif-vertical-navigation-submenu {
  align-items: center;
  background-color: #2e2e38;
  background-color: var(--vertical-navigation-menu-item-bg-color);
  border: 0;
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  cursor: pointer;
  display: flex;
  height: 4rem;
  height: var(--vertical-navigation-collapsed-width);
  padding: 0;
  position: relative;
  width: 100%;
}
.motif-vertical-navigation-submenu:focus {
  outline: 2px solid #155cb4;
  outline: 2px solid var(--text-link-color);
  outline-offset: -2px;
}
.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow {
  fill: #c4c4cd;
  fill: var(--vertical-navigation-menu-item-color);
  height: 2.8571428571rem;
  padding: 0.7142857143rem 0 0.7142857143rem 0.7142857143rem;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 2.8571428571rem;
}
.motif-vertical-navigation-submenu
  .motif-vertical-navigation-submenu-arrow.motif-vertical-navigation-submenu-arrow-open {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected {
  color: #fff;
  color: var(--vertical-navigation-menu-item-active-color);
  font-weight: 700;
}
.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected
  .motif-vertical-navigation-submenu-iconcontainer
  .motif-icon {
  color: #fff;
  color: var(--vertical-navigation-menu-item-active-color);
}
.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected
  .motif-vertical-navigation-submenu-iconcontainer:before {
  background: #ffe600;
  background: var(--vertical-navigation-menu-item-active-border-color);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s ease-in-out;
  transition: all var(--ease-in-out-fast);
  width: 0.2857142857rem;
  z-index: 1;
}
.motif-vertical-navigation-submenu
  .motif-vertical-navigation-submenu-iconcontainer {
  align-items: center;
  display: flex;
  flex-grow: 0;
  height: 100%;
  justify-content: center;
  min-width: 4rem;
  min-width: var(--vertical-navigation-collapsed-width);
  width: 4rem;
  width: var(--vertical-navigation-collapsed-width);
}
.motif-vertical-navigation-submenu
  .motif-vertical-navigation-submenu-iconcontainer
  .motif-icon {
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  height: 1.7142857143rem;
}
.motif-vertical-navigation-submenu-label {
  flex-grow: 1;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  overflow: hidden;
  padding-right: 1.7142857143rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.motif-vertical-navigation-submenu-open {
  background-color: #1a1a24;
  background-color: var(--vertical-navigation-menu-item-hover-bg-color);
  font-weight: 700;
}
.motif-vertical-navigation-submenu-open,
.motif-vertical-navigation-submenu-open
  .motif-vertical-navigation-submenu-iconcontainer
  .motif-icon {
  color: #fff;
  color: var(--vertical-navigation-menu-item-hover-color);
}
.motif-vertical-navigation-animateheight {
  max-height: 24rem;
  max-height: calc(var(--vertical-navigation-collapsed-width) * 6);
  overflow-y: auto;
}
.motif-vertical-navigation-animateheight
  .motif-vertical-navigation-menuitem-label,
.motif-vertical-navigation-submenu-children
  .motif-vertical-navigation-menuitem-label {
  padding-right: 0.8571428571rem;
}
.motif-vertical-navigation-submenu-portal {
  align-items: center;
  background-color: #1a1a24;
  background-color: var(--vertical-navigation-menu-item-hover-bg-color);
  color: #c4c4cd;
  color: var(--vertical-navigation-menu-item-color);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 13.5714285714rem;
}
.motif-vertical-navigation-submenu-portal
  > .motif-vertical-navigation-submenu-label {
  padding-right: 0.5714285714rem;
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenu-portal-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenu-label {
  align-items: center;
  display: flex;
  height: 4rem;
  height: var(--vertical-navigation-collapsed-width);
  padding-left: 0.7142857143rem;
  width: 100%;
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-menuitem-iconcontainer {
  min-width: 0.7142857143rem;
  width: 0.7142857143rem;
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenu-children {
  max-height: 24rem;
  max-height: calc(var(--vertical-navigation-collapsed-width) * 6);
  overflow-y: auto;
  width: 100%;
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenu-children
  .motif-vertical-navigation-submenuitem {
  background-color: #23232f;
  background-color: var(--vertical-navigation-menu-list-item-bg-color);
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenu-children
  .motif-vertical-navigation-submenuitem:hover {
  background-color: #1a1a24;
  background-color: var(--vertical-navigation-menu-item-hover-bg-color);
}
.motif-vertical-navigation-submenu-portal
  .motif-vertical-navigation-submenuitem-selected {
  color: #ffe600;
  color: var(--vertical-navigation-menu-list-item-active-color);
}
.motif-vertical-navigation-submenu-float-title {
  color: #fff;
  color: var(--vertical-navigation-menu-item-hover-color);
  display: block;
  font-weight: 700;
  overflow: hidden;
  padding-left: 0.4285714286rem;
  text-overflow: ellipsis;
  width: 100%;
}
.motif-tab-navigation {
  display: flex;
}
.motif-tab-navigation-horizontal {
  border-bottom: 1px solid #c4c4cd;
  border-bottom: var(--tab-navigation-border-bottom);
}
.motif-tab-navigation-horizontal .motif-tab-button.motif-active {
  border-bottom-color: #2e2e38;
  border-bottom-color: var(--tab-navigation-hover-font-color);
  box-shadow: 0 1px 0 0 #2e2e38;
  box-shadow: 0 1px 0 0 var(--tab-navigation-hover-font-color);
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-tab-navigation-vertical {
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.motif-tab-navigation-vertical-left {
  border-left: 1px solid #c4c4cd;
  border-left: var(--tab-navigation-border-bottom);
}
.motif-tab-navigation-vertical-right {
  border-right: 1px solid #c4c4cd;
  border-right: var(--tab-navigation-border-bottom);
}
.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left {
  border-bottom: 0;
  margin-left: -1px;
  text-align: left;
}
.motif-tab-navigation-vertical
  .motif-tab-button.motif-tab-line-left.motif-active {
  box-shadow: inset 2px 0 0 0 #2e2e38;
  box-shadow: 2px 0 0 0 var(--tab-navigation-hover-font-color) inset;
}
.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right {
  border-bottom: 0;
  margin-right: -1px;
  text-align: right;
}
.motif-tab-navigation-vertical
  .motif-tab-button.motif-tab-line-right.motif-active {
  box-shadow: inset -2px 0 0 0 #2e2e38;
  box-shadow: -2px 0 0 0 var(--tab-navigation-hover-font-color) inset;
}
.motif-tab-navigation.motif-tab-navigation-alt {
  border: none;
}
.motif-tab-navigation .motif-tab-button {
  background-color: transparent;
  border: none;
  border-bottom: 0.0714285714rem solid transparent;
  color: #2e2e38;
  color: var(--tab-navigation-font-color);
  cursor: pointer;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
  margin: 0;
  padding: 0.8571428571rem 1.1428571429rem 0.5714285714rem;
  transition: border-bottom 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border-bottom var(--ease-in-out-fast),
    color var(--ease-in-out-fast);
}
.motif-tab-navigation .motif-tab-button:hover:not([disabled]) {
  background-color: transparent;
  color: #2e2e38;
  color: var(--tab-navigation-font-color);
  text-decoration: none;
  text-shadow: 1px 0 0 #2e2e38;
  text-shadow: 1px 0 0 var(--tab-navigation-font-color);
}
.motif-tab-navigation .motif-tab-button:hover:not([disabled]) .motif-badge {
  text-shadow: none;
}
.motif-tab-navigation .motif-tab-button:focus {
  outline: 0.0714285714rem solid #2e2e38;
  outline: 0.0714285714rem solid var(--tab-navigation-hover-font-color);
}
.motif-tab-navigation .motif-tab-button:disabled {
  color: #747480;
  color: var(--disabled-text);
}
.motif-tab-navigation .motif-tab-button:disabled:hover {
  border-bottom-color: transparent;
  color: #747480;
  color: var(--disabled-text);
  cursor: not-allowed;
  font-weight: lighter;
  font-weight: var(--weight-light);
}
.motif-tab-navigation .motif-tab-button:disabled .motif-badge {
  background-color: #eaeaf2;
  background-color: var(--tab-navigation-badge-bg-color-disabled);
  border: none;
}
.motif-tab-navigation .motif-tab-button path {
  fill: currentColor;
}
.motif-tab-navigation .motif-tab-button .motif-badge {
  background-color: transparent;
  margin-left: 0.5714285714rem;
}
.motif-tab-navigation .motif-tab-button .motif-icon {
  margin-right: 0.5714285714rem;
}
.motif-tab-navigation .motif-tab-button .motif-icon svg {
  height: 1rem;
  width: 1rem;
}
.motif-table-title-bar {
  align-items: center;
  background: #2e2e38;
  background: var(--table-title-bg-color);
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid var(--table-title-border-bottom-color);
  color: #fff;
  color: var(--table-title-color);
  display: flex;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  font-size: 1.1428571429rem;
  height: 3.1428571429rem;
  padding-left: 1.4285714286rem;
  width: 100%;
}
.motif-table-title-bar-alt {
  background: transparent;
  color: #2e2e38;
  color: var(--table-title-alt-color);
  padding-left: 0;
}
.motif-table-header-renderer {
  align-items: center;
  display: flex;
  width: 100%;
}
.motif-table-header-renderer .motif-icon-button {
  padding: 0;
}
.motif-table-header-renderer .motif-table-header-filtertrigger {
  height: 24px;
  margin-left: 0.5714285714rem;
}
.motif-table-header-renderer .motif-table-header-icons {
  margin-left: 0.5714285714rem;
}
.motif-table-header-renderer .motif-table-header-icons svg {
  fill: #1a1a24;
  margin: 0 -0.2142857143rem -0.2142857143rem;
}
.motif-table-header-renderer
  .motif-table-header-icons
  .motif-table-header-no-sort {
  display: flex;
  flex-direction: column;
  margin-bottom: -0.4285714286rem;
}
.motif-table-header-renderer
  .motif-table-header-icons
  .motif-table-header-no-sort
  svg {
  height: 1.7142857143rem;
  margin: -0.5714285714rem -0.2142857143rem -0.2142857143rem;
  width: 1.7142857143rem;
}
.motif-table-header-renderer
  .motif-table-header-icons
  .motif-table-header-no-sort
  svg:first-of-type {
  margin-bottom: -0.5714285714rem;
}
.motif-table-header-renderer .motif-table-header-end-icons {
  margin-top: 0.1428571429rem;
}
.motif-table-header-renderer .motif-table-header-end-icons .motif-dropdown {
  top: 1.1428571429rem;
}
.motif-table-header-renderer .motif-table-header-end-icons svg {
  margin: 0;
}
.motif-table-end-component-renderer {
  align-items: center;
  display: flex;
}
.motif-table-end-component-renderer .motif-icon-button {
  padding: 0;
}
.motif-table-end-component-renderer .motif-icon {
  align-items: center;
  display: flex;
}
.motif-table-end-component-renderer .motif-icon svg {
  display: flex;
}
.motif-table {
  display: block;
  height: 100%;
  width: 100%;
}
.motif-table .motif-table-header-renderer {
  color: #2e2e38;
  color: var(--table-row-color);
}
.motif-table .motif-table-header-renderer .motif-table-header-icons svg {
  fill: #2e2e38;
  fill: var(--table-row-color);
}
.motif-table .motif-table-header-renderer .motif-icon-button {
  box-shadow: none;
}
.motif-table .motif-table-wrapper {
  height: 100%;
  width: 100%;
}
.motif-table.ag-theme-material .ag-header-cell:not(.ag-column-resizing):hover {
  --ag-header-cell-hover-background-color: var(--table-row-hover-bg-color);
}
.motif-table .ag-header-cell-label {
  font-size: 0.857rem;
  font-size: var(--table-data-header-font-size);
}
.motif-table .ag-cell,
.motif-table .ag-header-cell-label {
  font-family: ey_interstate;
  font-family: var(--primary-font);
  line-height: 1.4285714286rem;
}
.motif-table .ag-cell {
  border: none;
  font-size: 0.857rem;
  font-size: var(--table-data-cell-font-size);
}
.motif-table .ag-cell:focus {
  background: #dce7f4;
  background: var(--table-row-hover-bg-color);
}
.motif-table
  .ag-header-cell-filtered
  button.motif-table-header-filtertrigger:after {
  background-color: #155cb4;
  background-color: var(--table-colum-filtered-mark-color);
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.7142857143rem;
  margin-left: 1.1785714286rem;
  position: absolute;
  top: 0.5714285714rem;
  width: 0.7142857143rem;
}
.motif-table .ag-cell,
.motif-table .ag-header-cell {
  align-items: center;
  display: flex;
  padding: 0 29px;
}
.motif-table .ag-cell .ag-header-select-all,
.motif-table .ag-header-cell .ag-header-select-all {
  margin-right: 8px;
}
.motif-table .ag-header-cell {
  z-index: 2;
}
.motif-table .ag-checkbox-input-wrapper .ag-checkbox-input {
  height: 18px;
  width: 18px;
}
.motif-table .ag-checkbox-input-wrapper:after {
  --ag-checkbox-unchecked-color: var(--table-icon-color);
}
.motif-table .ag-checkbox-input-wrapper:active,
.motif-table .ag-checkbox-input-wrapper:focus-within {
  box-shadow: none;
}
.motif-table .ag-cell-last-left-pinned .motif-icon-button {
  box-shadow: none;
}
.motif-table .ag-pinned-left-cols-container,
.motif-table .ag-pinned-left-header {
  box-shadow: 1px 0 4px -1px rgba(0, 0, 0, 0.25);
  margin-right: -1px;
  z-index: 1;
}
.motif-table .ag-pinned-left-cols-container .ag-cell,
.motif-table .ag-pinned-left-cols-container .ag-header-cell,
.motif-table .ag-pinned-left-header .ag-cell,
.motif-table .ag-pinned-left-header .ag-header-cell {
  padding: 0 8px;
}
.motif-table .ag-pinned-left-header {
  border-right: none;
  margin-left: -1px;
  padding-left: 1px;
}
.motif-table .ag-center-cols-viewport {
  z-index: 0;
}
.motif-table .ag-body-viewport,
.motif-table .ag-center-cols-container {
  min-width: 100%;
  position: relative;
}
.motif-table .ag-body-viewport:after,
.motif-table .ag-header-viewport:after {
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 2px;
}
.motif-table .ag-horizontal-left-spacer {
  border-right: none;
}
.motif-table .ag-body-viewport-wrapper.ag-layout-normal {
  border: none;
  border: var(--table-border);
  overflow-x: scroll;
  overflow-y: scroll;
}
.motif-table .ag-react-container {
  display: flex;
  height: 100%;
  width: 100%;
}
.motif-table .motif-pagination {
  border-top: none;
  height: 2.1428571429rem;
  margin-right: -5px;
  padding: 0;
}
.motif-table .motif-pagination > * {
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-table .ag-row-even {
  /* background: #fff; */
  /* background: var(--table-even-row-bg-color); */
}
.motif-table .ag-row-odd {
  /* background: #fafafc; */
  /* background: var(--table-odd-row-bg-color); */
}
.motif-table .ag-header {
  background-color: #fff;
  background-color: var(--table-header-bg-color);
  font-family: ey_interstate;
  font-family: var(--primary-font);
}
.motif-table .ag-header,
.motif-table .ag-row {
  border: 0.0714285714rem solid #e7e7ea;
  border: 0.0714285714rem solid var(--table-row-border-color);
}
.motif-table .ag-row {
  border-top: 0;
  color: #2e2e38;
  color: var(--table-row-color);
}
.motif-table .ag-row-hover > .ag-column-hover {
  background: #dce7f4;
  background: var(--table-row-hover-bg-color);
}
.motif-table .ag-row-hover > .ag-column-hover.ag-cell-last-left-pinned {
  --table-row-hover-bg-color: transparent;
}
.motif-table .ag-row-selected {
  background: #dce7f4;
  background: var(--table-row-hover-bg-color);
}
.motif-table .ag-row.ag-row-focus {
  z-index: 1;
}
.motif-table .pagination-control-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 0.9285714286rem;
}
.motif-table .motif-pagination-select-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: right;
}
.motif-table .motif-dropdown.motif-pagination-select .motif-dropdown-trigger {
  line-height: inherit;
  width: auto;
}
.motif-table
  .motif-dropdown.motif-pagination-select
  .motif-dropdown-trigger
  .motif-icon-button {
  display: flex;
  padding-top: 0;
}
.motif-table
  .motif-dropdown.motif-pagination-select
  .motif-dropdown-trigger
  button:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-table .motif-dropdown.motif-pagination-select svg {
  height: 1.7142857143rem;
  margin-right: 0.3571428571rem;
  padding-top: 0;
  width: 1.7142857143rem;
}
.motif-table .motif-dropdown.motif-pagination-select svg:hover {
  background-color: #eaeaf2;
  background-color: var(--pagination-icon-trigger-hover-bg-color);
}
.motif-table .motif-dropdown .motif-dropdown-menu[x-placement^="bottom-right"] {
  right: -17px;
}
.motif-table .motif-dropdown .motif-dropdown-trigger {
  line-height: 1;
  width: 23px;
}
.motif-table .ag-root-wrapper-body {
  height: 100%;
}
.motif-table .motif-pagination .motif-icon-button:disabled svg path {
  fill: #eaeaf2;
  fill: var(--disabled);
  opacity: 1;
}
.motif-timeline {
  background: #fff;
  background: var(--timeline-checkmark-bg-color);
  font-size: 16px;
  line-height: 1.56;
  margin-bottom: 50px;
  min-width: 752px;
  padding: 16px 16px 8px;
  position: relative;
  z-index: 1;
}
.motif-timeline .motif-tooltip {
  margin-top: 30px;
}
.motif-timeline .motif-progress-bar-wrapper-circle {
  display: block;
  height: auto;
  width: auto;
}
.motif-timeline-content {
  margin: 0 auto;
  min-width: 720px;
  padding-top: 32px;
  position: relative;
  width: 96%;
}
.motif-timeline-content .motif-milestone {
  display: block;
  position: absolute;
  top: 17px;
  width: 24px;
}
.motif-timeline-content .motif-milestone .motif-tooltip-wrapper {
  left: -10px;
  position: relative;
  top: 3.2px;
  width: 97%;
}
.motif-timeline-content
  .motif-milestone
  .motif-tooltip-wrapper
  .motif-tooltip-trigger-wrap {
  display: block;
}
.motif-timeline-content .motif-milestone .motif-milestone-content {
  background: #fff;
  background: var(--timeline-checkmark-bg-color);
  border: none;
  height: 23px;
  max-height: 23px;
  position: relative;
  width: 23px;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-progress-bar-circle {
  background: #fff;
  background: var(--timeline-checkmark-bg-color);
  border-radius: 50%;
  display: flex;
  height: 82px;
  left: -30px;
  top: -30px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  width: 82px;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-progress-bar-circle
  .motif-progress-hide-right {
  clip: rect(0, 82px, 82px, 41px);
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-progress-bar-circle
  .motif-progress-half-circle,
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-progress-bar-circle
  .motif-progress-shadow {
  border-width: 6px;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-progress-bar-circle
  .motif-progress-half-circle {
  clip: rect(0, 41px, 82px, 0);
  border-color: #35a4e8;
  border-color: var(--timeline-bg-color);
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-checkmark,
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-no-checkmark,
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-x {
  display: inline-block;
  height: 8px;
  justify-content: center;
  position: relative;
  top: -3px;
  width: 4px;
  z-index: 1;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-checkmark,
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-no-checkmark {
  border-bottom: 1px solid #35a4e8;
  border-bottom: 1px solid var(--timeline-bg-color);
  border-right: 1px solid #35a4e8;
  border-right: 1px solid var(--timeline-bg-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-no-checkmark {
  border-color: transparent;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-x {
  height: 7px;
  right: 1px;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-x:after,
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-x:before {
  border: solid #b9251c;
  border-width: 0 0 10px;
  content: "";
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 1px;
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content
  .motif-timeline-x:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.motif-timeline-content
  .motif-milestone
  .motif-milestone-content.past
  .motif-progress-half-circle {
  border-color: #b9251c;
  border-color: var(--timeline-past-due-color);
}
.motif-timeline-content .motif-key-event {
  display: block;
  margin-left: -5px;
  position: absolute;
  top: 21px;
  z-index: 1;
}
.motif-timeline-content .motif-key-event .motif-key-event-shape {
  background: #35a4e8;
  background: var(--timeline-bg-color);
  border: none;
  height: 12px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 11px;
}
.motif-timeline-content
  .motif-key-event
  .motif-tooltip-wrapper
  .motif-tooltip-trigger-wrap {
  display: block;
}
.motif-timeline-content .motif-progress-bar {
  display: block;
  height: 4px;
  position: absolute;
  z-index: 1;
}
.motif-timeline-content .motif-progress-bar .motif-progress {
  background-color: #35a4e8;
  background-color: var(--timeline-bg-color);
  box-shadow: 0 2px 4px 0 rgba(53, 164, 232, 0.28);
  height: 4px;
}
.motif-timeline-content .motif-current-date-marker {
  position: absolute;
}
.motif-timeline-content .motif-current-date-marker .motif-current-date-icon {
  border-color: #747480 transparent transparent;
  border-color: var(--timeline-color) transparent transparent transparent;
  border-style: solid;
  border-width: 18px 6px 0;
  height: 0;
  margin-left: -6px;
  position: relative;
  top: -19px;
  width: 0;
}
.motif-timeline-content .motif-current-date-marker p {
  color: #747480;
  color: var(--timeline-color);
  font-size: 13px;
  margin: 0;
  position: relative;
  right: 18px;
  top: -60px;
}
.motif-timeline-content .motif-date-marker,
.motif-timeline-content .motif-date-marker-year {
  border-left: 1px solid #747480;
  border-left: 1px solid var(--timeline-color);
  height: 21px;
  position: absolute;
}
.motif-timeline-content .motif-date-marker p,
.motif-timeline-content .motif-date-marker-year p {
  background: #fff;
  background: var(--timeline-checkmark-bg-color);
  color: #747480;
  color: var(--timeline-color);
  font-size: 10px;
  left: -14px;
  margin: 0;
  position: relative;
  top: 21px;
}
.motif-timeline-content .motif-date-marker-year {
  height: 40px;
  z-index: -1;
}
.motif-timeline-content .motif-date-marker-year p {
  font-size: 14px;
  font-weight: 700;
  left: -16px;
  margin: 0;
  top: 38px;
}
.motif-toast-close-button {
  align-items: center;
  color: #2e2e38;
  color: var(--toast-close-button-color);
  display: flex;
  flex: 0 0 3.1428571429rem;
  height: 3.1428571429rem;
  justify-content: center;
  margin-left: auto;
}
.motif-toast-close-button svg {
  height: 1.4285714286rem;
  width: 1.4285714286rem;
}
.motif-toast-close-button:focus svg,
.motif-toast-close-button:hover svg {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
  border-radius: 0;
  border-radius: initial;
}
.motif-toast-close-button:focus svg {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-toast {
  align-items: flex-start;
  background: #fff;
  background: var(--toast-bg-color);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: var(--toast-box-shadow);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.motif-toast button {
  padding: 0;
}
.motif-toast-has-action-button .motif-toast-close-button {
  margin-left: 0;
}
.motif-toast-content {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: lighter;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  min-height: 3.1428571429rem;
  position: relative;
  width: 100%;
}
.motif-toast-icon-container {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  padding-left: 0.9285714286rem;
  position: absolute;
  top: 0;
  width: 3.1428571429rem;
}
.motif-toast-icon-container svg {
  fill: #fff;
  height: 1.5714285714rem;
  width: 1.5714285714rem;
}
.motif-toast-text-container {
  word-wrap: break-word;
  margin-left: 3rem;
  padding: 11px 0;
}
.motif-toast-fixed-bottom,
.motif-toast-fixed-top {
  left: 1%;
  position: fixed;
  right: 0;
  width: 98%;
}
.motif-toast-fixed-top {
  top: 1rem;
}
.motif-toast-fixed-bottom {
  bottom: 0;
}
.motif-toast-success .motif-toast-icon-container svg {
  fill: #168736;
  fill: var(--toast-success-icon-color);
}
.motif-toast-error .motif-toast-icon-container svg {
  fill: #b9251c;
  fill: var(--toast-error-icon-color);
}
.motif-toast-warning .motif-toast-icon-container svg {
  fill: #ed6500;
  fill: var(--toast-warning-icon-color);
}
.motif-toast-info .motif-toast-icon-container svg {
  fill: #747480;
  fill: var(--toast-info-icon-color);
}
button.motif-toast-action-button {
  background: none;
  border: none;
  flex-shrink: 0;
  font-family: ey_interstate;
  font-family: var(--primary-font);
  margin-left: auto;
  min-height: 3.1428571429rem;
}
button.motif-toast-action-button .motif-toast-action-name {
  color: #2e2e38;
  color: var(--toast-action-button-color);
  font-size: 1rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
button.motif-toast-action-button:focus,
button.motif-toast-action-button:hover {
  cursor: pointer;
}
button.motif-toast-action-button:focus .motif-toast-action-name,
button.motif-toast-action-button:hover .motif-toast-action-name {
  border-bottom: 1px solid #2e2e38;
  border-bottom: 1px solid var(--toast-action-button-color);
}
.motif-tooltip {
  color: #fff;
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 700;
  font-weight: var(--weight-bold);
  margin: 0 0.7142857143rem 0 0;
  opacity: 1;
  position: absolute;
  z-index: 1000;
}
.motif-tooltip .motif-tooltip-wrapper {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.15);
}
.motif-tooltip .motif-tooltip-arrow {
  display: block;
  height: 6px;
  position: absolute;
  width: 13px;
}
.motif-tooltip .motif-tooltip-arrow:before {
  border: 11px solid #fff;
  border: 11px solid var(--tooltip-bg-color);
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.motif-tooltip-auto[x-placement^="top"] .motif-tooltip-arrow,
.motif-tooltip-top .motif-tooltip-arrow {
  bottom: 0.2857142857rem;
}
.motif-tooltip-auto[x-placement^="top"] .motif-tooltip-arrow:before,
.motif-tooltip-top .motif-tooltip-arrow:before {
  bottom: -0.5em;
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.15);
  left: 50%;
  right: auto;
  top: auto;
  -webkit-transform: translateX(-50%) rotate(-45deg) skew(-9deg, -9deg);
  transform: translateX(-50%) rotate(-45deg) skew(-9deg, -9deg);
}
.motif-tooltip-auto[x-placement^="right"] .motif-tooltip-arrow,
.motif-tooltip-right .motif-tooltip-arrow {
  left: 0.2857142857rem;
}
.motif-tooltip-auto[x-placement^="right"] .motif-tooltip-arrow:before,
.motif-tooltip-right .motif-tooltip-arrow:before {
  bottom: auto;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  left: -0.5em;
  right: -0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-135deg) skew(-9deg, -9deg);
  transform: translateY(-50%) rotate(-135deg) skew(-9deg, -9deg);
}
.motif-tooltip-auto[x-placement^="bottom"] .motif-tooltip-arrow,
.motif-tooltip-bottom .motif-tooltip-arrow {
  top: 0.4285714286rem;
}
.motif-tooltip-auto[x-placement^="bottom"] .motif-tooltip-arrow:before,
.motif-tooltip-bottom .motif-tooltip-arrow:before {
  bottom: auto;
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.15);
  left: 50%;
  right: auto;
  top: -0.5em;
  -webkit-transform: translateX(-50%) rotate(135deg) skew(-9deg, -9deg);
  transform: translateX(-50%) rotate(135deg) skew(-9deg, -9deg);
}
.motif-tooltip-auto[x-placement^="left"] .motif-tooltip-arrow,
.motif-tooltip-left .motif-tooltip-arrow {
  height: 0.9285714286rem;
  right: 0.2857142857rem;
}
.motif-tooltip-auto[x-placement^="left"] .motif-tooltip-arrow:before,
.motif-tooltip-left .motif-tooltip-arrow:before {
  bottom: auto;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  left: -0.3em;
  right: auto;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg) skew(-9deg, -9deg);
  transform: translateY(-50%) rotate(45deg) skew(-9deg, -9deg);
}
.motif-tooltip-inner {
  align-items: flex-start;
  background-color: #fff;
  background-color: var(--tooltip-bg-color);
  color: #2e2e38;
  color: var(--tooltip-text-color);
  display: flex;
  font-size: 0.8571428571rem;
  font-weight: 300;
  justify-content: space-between;
  line-height: 1.4285714286rem;
  padding: 0.5714285714rem;
  position: relative;
  text-align: left;
  z-index: 1000;
}
.motif-tooltip-inner .motif-icon-button {
  color: #1a1a24;
  color: var(--tooltip-close-icon-color);
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-tooltip-inner .motif-icon-button:focus,
.motif-tooltip-inner .motif-icon-button:hover {
  background-color: #e1e1e6;
  background-color: var(--tooltip-icon-hover-bg-color);
}
.motif-tooltip-inner .motif-icon-button svg {
  height: 1.7142857143rem;
  width: 1.7142857143rem;
}
.motif-tooltip-inner .motif-tooltip-content-children {
  margin: 0.1428571429rem 0 0.1428571429rem 0.1428571429rem;
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
  display: inline-flex;
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button {
  display: inline-block;
  height: 1.4285714286rem;
  padding: 0;
  width: 1.4285714286rem;
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button:hover {
  background-color: transparent;
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon svg {
  border-radius: 50%;
  height: 1.4285714286rem;
  margin: 0;
  padding: 0;
  width: 1.4285714286rem;
}
.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-inner {
  background-color: #2e2e38;
  background-color: var(--tooltip-alternate-bg-color);
  color: #fff;
  color: var(--tooltip-alternate-text-color);
}
.motif-tooltip-content.motif-tooltip-alternate
  .motif-tooltip-inner
  .motif-icon-button {
  color: #fff;
  color: var(--tooltip-alternate-close-icon-color);
  top: -2px;
}
.motif-tooltip-content.motif-tooltip-alternate
  .motif-tooltip-inner
  .motif-icon-button:focus,
.motif-tooltip-content.motif-tooltip-alternate
  .motif-tooltip-inner
  .motif-icon-button:hover {
  background-color: #3a3a4a;
  background-color: var(--tooltip-alternate-close-icon-color-hover);
}
.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-arrow:before {
  border: 11px solid #2e2e38;
  border: 11px solid var(--tooltip-alternate-bg-color);
}
.motif-tooltip-content .motif-tooltip-content-children {
  margin-right: 0.8571428571rem;
}
.motif-tree > .motif-tree-node {
  margin: 0;
}
.motif-tree > .motif-tree-node:after {
  width: 0;
}
.motif-tree-nodes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.motif-tree-node {
  list-style: none;
  margin: 1rem 0 0 2.4285714286rem;
  padding: 0 0 0 0.2857142857rem;
  position: relative;
}
.motif-tree-node-lines:after {
  border-top: 1px solid #c4c4cd;
  border-top: 1px solid var(--tree-line-color);
  content: "";
  left: 0;
  position: absolute;
  top: 0.8571428571rem;
  -webkit-transform: translate(-1.5714285714rem);
  transform: translate(-1.5714285714rem);
  width: 1.5714285714rem;
}
.motif-tree-node-lines:before {
  border-left: 1px solid #c4c4cd;
  border-left: 1px solid var(--tree-line-color);
  content: "";
  height: calc(100% + 2rem);
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-1.5714285714rem, -1.4285714286rem);
  transform: translate(-1.5714285714rem, -1.4285714286rem);
}
.motif-tree-node-lines:first-child:before {
  height: calc(100% + 1rem);
}
.motif-tree-node-lines:first-child:before,
.motif-tree-node-lines:last-child:before {
  -webkit-transform: translate(-1.5714285714rem, -1rem);
  transform: translate(-1.5714285714rem, -1rem);
}
.motif-tree-node-lines:last-child:before {
  height: 1.8571428571rem;
}
.motif-tree-node > .motif-tree-nodes {
  display: none;
}
.motif-tree-node-visible > .motif-tree-nodes {
  display: block;
}
.motif-tree-node-content {
  align-items: center;
  display: flex;
  margin: 0.2857142857rem 0;
  min-height: 1.7142857143rem;
}
.motif-tree-node-button {
  height: 1.7142857143rem;
  margin-right: 0.5rem;
  width: 1.7142857143rem;
}
.motif-tree-node-button:hover {
  background-color: transparent;
}
.motif-tree-node-button:focus {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-avatar.size-large[_nghost-ywp-c103], .motif-avatar .size-large[_nghost-ywp-c103]{
  height: 3.5714285714rem;
  width: 3.5714285714rem;
}
.motif-avatar.size-medium[_nghost-ywp-c103], .motif-avatar .size-medium[_nghost-ywp-c103]{
  height: 2.8571428571rem;
  width: 2.8571428571rem;
}
.motif-skeleton-transparent-container,
.motif-skeleton-transparent-container-1,
.motif-skeleton-transparent-container-10,
.motif-skeleton-transparent-container-11,
.motif-skeleton-transparent-container-12,
.motif-skeleton-transparent-container-2,
.motif-skeleton-transparent-container-3,
.motif-skeleton-transparent-container-4,
.motif-skeleton-transparent-container-5,
.motif-skeleton-transparent-container-6,
.motif-skeleton-transparent-container-7,
.motif-skeleton-transparent-container-8,
.motif-skeleton-transparent-container-9 {
  --justify-content: space-between;
  --flex-wrap: nowrap;
  --flex-direction: row;
  --height: 100%;
  --align-items: flex-start;
  align-items: var(--align-items);
  display: flex;
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  height: var(--height);
  justify-content: var(--justify-content);
}
.motif-skeleton-container,
.motif-skeleton-container-alt {
  --flex-direction: row;
  --flex-wrap: wrap;
  --align-content: stretch;
  --justify-content: flex-start;
  --align-items: center;
  align-content: var(--align-content);
  align-items: var(--align-items);
  background: #fff;
  background: var(--motif-skeleton-container-background);
  border: 1px solid #e1e1e6;
  border: var(--motif-skeleton-container-border);
  display: flex;
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  min-height: 2.1428571429rem;
}
.motif-skeleton-container + .motif-skeleton-container,
.motif-skeleton-container + .motif-skeleton-container-alt,
.motif-skeleton-container-alt + .motif-skeleton-container,
.motif-skeleton-container-alt + .motif-skeleton-container-alt {
  border-top: 0;
}
.motif-skeleton,
.motif-skeleton-1,
.motif-skeleton-10,
.motif-skeleton-11,
.motif-skeleton-12,
.motif-skeleton-2,
.motif-skeleton-3,
.motif-skeleton-4,
.motif-skeleton-5,
.motif-skeleton-6,
.motif-skeleton-7,
.motif-skeleton-8,
.motif-skeleton-9 {
  background: #e1e1e6;
  background: var(--motif-skeleton-background);
  min-height: 1.0714285714rem;
  min-width: 0.7142857143rem;
  overflow: hidden;
  position: relative;
}
.motif-skeleton-circle {
  --size: 30px;
  background: #e1e1e6;
  background: var(--motif-skeleton-background);
  border-radius: 100vh;
  height: var(--size);
  overflow: hidden;
  position: relative;
  width: var(--size);
}
.motif-skeleton-10:before,
.motif-skeleton-11:before,
.motif-skeleton-12:before,
.motif-skeleton-1:before,
.motif-skeleton-2:before,
.motif-skeleton-3:before,
.motif-skeleton-4:before,
.motif-skeleton-5:before,
.motif-skeleton-6:before,
.motif-skeleton-7:before,
.motif-skeleton-8:before,
.motif-skeleton-9:before,
.motif-skeleton-animation,
.motif-skeleton-circle:before,
.motif-skeleton:before {
  -webkit-animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.6),
    hsla(0, 0%, 100%, 0)
  );
  background-image: var(--motif-skeleton-animation-gradient);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}
.motif-skeleton-container-alt {
  background: #f6f6fa;
  background: var(--motif-skeleton-container-background-alt);
  border: 1px solid #e1e1e6;
  border: var(--motif-skeleton-container-border-alt);
}
.motif-skeleton-12,
.motif-skeleton-transparent-container-12,
.motif-width-12 {
  width: 100%;
}
.motif-skeleton-11,
.motif-skeleton-transparent-container-11,
.motif-width-11 {
  width: 90.75%;
}
.motif-skeleton-10,
.motif-skeleton-transparent-container-10,
.motif-width-10 {
  width: 81.6666666667%;
}
.motif-skeleton-9,
.motif-skeleton-transparent-container-9,
.motif-width-9 {
  width: 72.75%;
}
.motif-skeleton-8,
.motif-skeleton-transparent-container-8,
.motif-width-8 {
  width: 64%;
}
.motif-skeleton-7,
.motif-skeleton-transparent-container-7,
.motif-width-7 {
  width: 55.4166666667%;
}
.motif-skeleton-6,
.motif-skeleton-transparent-container-6,
.motif-width-6 {
  width: 47%;
}
.motif-skeleton-5,
.motif-skeleton-transparent-container-5,
.motif-width-5 {
  width: 38.75%;
}
.motif-skeleton-4,
.motif-skeleton-transparent-container-4,
.motif-width-4 {
  width: 30.6666666667%;
}
.motif-skeleton-3,
.motif-skeleton-transparent-container-3,
.motif-width-3 {
  width: 22.75%;
}
.motif-skeleton-2,
.motif-skeleton-transparent-container-2,
.motif-width-2 {
  width: 15%;
}
.motif-skeleton-1,
.motif-skeleton-transparent-container-1,
.motif-width-1 {
  width: 7.4166666667%;
}
@keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.motif-carousel-container {
  background-color: #eaeaf2;
  background-color: var(--carousel-bg-color);
  display: block;
  height: 100%;
  min-height: 50px;
  overflow: hidden;
  position: relative;
}
.motif-carousel-container:active .motif-carousel-next-btn,
.motif-carousel-container:active .motif-carousel-previous-btn,
.motif-carousel-container:focus .motif-carousel-next-btn,
.motif-carousel-container:focus .motif-carousel-previous-btn,
.motif-carousel-container:focus-within .motif-carousel-next-btn,
.motif-carousel-container:focus-within .motif-carousel-previous-btn,
.motif-carousel-container:hover .motif-carousel-next-btn,
.motif-carousel-container:hover .motif-carousel-previous-btn {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
.motif-carousel-container:active .motif-carousel-item,
.motif-carousel-container:focus .motif-carousel-item {
  outline: none;
}
.motif-carousel-container .motif-carousel-pause-btn,
.motif-carousel-container .motif-carousel-play-btn {
  align-items: center;
  background: #fff;
  background: var(--carousel-play-pause-bg-color);
  border: 1px solid;
  border-radius: 1.4285714286rem;
  bottom: 1.4285714286rem;
  color: #1a1a24;
  color: var(--carousel-play-pause-color);
  cursor: pointer;
  display: flex;
  height: 1.7142857143rem;
  justify-content: space-between;
  padding: 0 6px;
  position: absolute;
  right: 1.4285714286rem;
  width: 5.3571428571rem;
  z-index: 1;
}
.motif-carousel-container .motif-carousel-pause-btn svg,
.motif-carousel-container .motif-carousel-play-btn svg {
  height: 1.1428571429rem;
  width: 1.1428571429rem;
}
.motif-carousel-container .motif-carousel-pause-btn:focus,
.motif-carousel-container .motif-carousel-play-btn:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-carousel-container .motif-carousel-next-btn,
.motif-carousel-container .motif-carousel-previous-btn {
  background: transparent;
  border: 0;
  bottom: 0;
  height: 2.5714285714rem;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease-out;
  width: 2.5714285714rem;
}
.motif-carousel-container .motif-carousel-next-btn:focus,
.motif-carousel-container .motif-carousel-next-btn:hover,
.motif-carousel-container .motif-carousel-previous-btn:focus,
.motif-carousel-container .motif-carousel-previous-btn:hover {
  background: #e1e1e6;
  background: var(--carousel-arrow-hover);
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-carousel-container .motif-carousel-previous-btn {
  left: 0;
}
.motif-carousel-container .motif-carousel-next-btn {
  right: 0;
}
.motif-carousel-container .motif-carousel-item {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.motif-carousel-container .motif-carousel-dot-indicator {
  align-content: center;
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 3.5714285714rem;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: auto;
  padding: 0;
  position: absolute;
  right: 0;
  width: 50%;
}
.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot {
  border: 1px solid #1a1a24;
  border: 1px solid var(--carousel-dot-color);
  border-radius: 0.7142857143rem;
  cursor: pointer;
  height: 0.7142857143rem;
  margin-left: 0.7142857143rem;
  padding: 0;
  width: 0.7142857143rem;
}
.motif-carousel-container
  .motif-carousel-dot-indicator
  .motif-carousel-dot:focus {
  box-shadow: 0 0 0 2px rgba(23, 119, 207, 0.5);
  box-shadow: var(--focus-state);
}
.motif-carousel-container
  .motif-carousel-dot-indicator
  .motif-carousel-dot-active {
  background-color: #1a1a24;
  background-color: var(--carousel-dot-color);
}
.motif-carousel-container
  .motif-carousel-dot-indicator
  .motif-carousel-dot-item {
  display: flex;
  margin-bottom: 0;
}
.motif-carousel-container .slides-container {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.motif-carousel-container .slides-container > .carousel-item {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%;
}
.motif-carousel-container .motif-carousel-visually-hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.motif-carousel-container .motif-carousel-controls {
  list-style: none;
  margin: 0;
  padding: 0;
}
html {
  font-size: 14px;
}
.motif-theme-light,
:root,
body[motif-theme="light"] {
  --branding: #ffe600;
  --primary-font: "ey_interstate";
  --secondary-font: "noto_sans";
  --font-size-base: 1rem;
  --weight-bold: bold;
  --weight-regular: normal;
  --weight-light: lighter;
  --hero-font-size: 2.285rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.714rem;
  --h3-font-size: 1.428rem;
  --h4-font-size: 1.286rem;
  --h5-font-size: 1.143rem;
  --h6-font-size: 1rem;
  --text-link-font-size: 1rem;
  --text-link-color: #155cb4;
  --body-font-size: 1rem;
  --body-sm-font-size: 0.857rem;
  --body-alt-font-size: 1rem;
  --overline-font-size: 0.857rem;
  --instructional-text-font-size: 0.857rem;
  --caption-font-size: 0.857rem;
  --ease-in-out: 300ms ease-in-out;
  --ease-in-out-fast: 150ms ease-in-out;
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --focus: rgba(23, 119, 207, 0.5);
  --focus-state: 0 0 0 2px var(--focus);
  --disabled: #eaeaf2;
  --disabled-text: #747480;
  --info: #747480;
  --error: #b9251c;
  --warning: #ed6500;
  --success: #168736;
  --border-color: #2e2e38;
  --body-bg: #fff;
  --body-color: #2e2e38;
  --list-style: circle;
  --accordion-border: 1px solid #e1e1e6;
  --accordion-bg-color: #fff;
  --accordion-accent-color: var(--branding);
  --accordion-functional-expanded-bg-color: #fafafc;
  --accordion-editorial-expanded-bg-color: #fff;
  --accordion-hover-header-bg-color: #2e2e38;
  --accordion-hover-header-font-color: #fff;
  --accordion-hover-header-border-color: #2e2e38;
  --accordion-focus-header-border-color: #c4c4cd;
  --metadata-border: 1px solid #282836;
  --metadata-sparator: #e7e7ea;
  --metadata-font-color: #747480;
  --metadata-bg-color: #fafafc;
  --metadata-hover-header-bg-color: #eaeaf2;
  --metadata-hover-header-font-color: #fff;
  --avatar-bg-color-list: #109090, #542ea5, #922b73, #1777cf;
  --avatar-status-color-online: #189d3e;
  --avatar-status-color-no-disturb: #e0362c;
  --avatar-status-color-no-available: #e0362c;
  --avatar-status-color-absent: var(--warning);
  --avatar-status-color-warning: var(--warning);
  --avatar-status-color-none: #c4c4cd;
  --avatar-initials-font-color: #fff;
  --badge-font-size: 1rem;
  --badge-padding: 0.285rem;
  --badge-font-color: #2e2e38;
  --badge-bg-color: #fff;
  --badge-border-color: #2e2e38;
  --badge-alt-font-color: #fff;
  --badge-alt-bg-color: #2e2e38;
  --badge-warning-bg-color: var(--warning);
  --badge-warning-font-color: #1a1a24;
  --badge-error-bg-color: var(--error);
  --badge-error-font-color: #fff;
  --badge-success-bg-color: var(--success);
  --badge-success-font-color: #fff;
  --badge-info-bg-color: #155cb4;
  --badge-info-font-color: #fff;
  --badge-info-alt-bg-color: #ffe600;
  --badge-info-alt-font-color: #1a1a24;
  --badge-ghost-bg-color: #c4c4cd;
  --badge-ghost-font-color: #1a1a24;
  --breadcrumb-item-font-size: 0.857rem;
  --breadcrumb-item-font-weight: var(--weight-light);
  --breadcrumb-item-active-font-weight: var(--weight-bold);
  --breadcrumb-item-hover-font-weight: var(--weight-regular);
  --breadcrumb-item-disabled-font-weight: var(--weight-regular);
  --breadcrumb-arrow-separator-color: #2e2e38;
  --breadcrumb-text-color: #2e2e38;
  --breadcrumb-text-alt-color: #155cb4;
  --breadcrumb-dropdown-trigger-icon-color: #2e2e38;
  --btn-font-size: 1rem;
  --btn-font-weight: var(--weight-bold);
  --btn-padding: 0.429rem;
  --btn-padding-medium: 0.572rem;
  --btn-padding-large: 0.715rem;
  --content-switcher-hover-bg-color: #e1e1e6;
  --content-switcher-hover-font-color: #1a1a24;
  --content-switcher-selected-bg-color: #1a1a24;
  --content-switcher-selected-font-color: #fff;
  --content-switcher-default-font-color: #2e2e38;
  --content-switcher-default-bg-color: #fff;
  --content-switcher-btn-border-color: #1a1a24;
  --content-switcher-disabled-font-color: #747480;
  --content-switcher-disabled-bg-color: #eaeaf2;
  --btn-primary-bg-color: var(--branding);
  --btn-primary-border-color: #3a3a4a;
  --btn-primary-color: #2e2e38;
  --btn-primary-hover-bg-color: #2e2e38;
  --btn-primary-hover-border-color: #2e2e38;
  --btn-primary-hover-color: #fff;
  --btn-primary-disabled-bg-color: var(--disabled);
  --btn-primary-disabled-border-color: var(--disabled);
  --btn-primary-disabled-color: var(--disabled-text);
  --btn-primary-alt-bg-color: #2e2e38;
  --btn-primary-alt-border-color: #2e2e38;
  --btn-primary-alt-color: #fff;
  --btn-primary-alt-hover-bg-color: #fff;
  --btn-primary-alt-hover-border-color: #2e2e38;
  --btn-primary-alt-hover-color: #2e2e38;
  --btn-primary-alt-disabled-bg-color: var(--disabled);
  --btn-primary-alt-disabled-border-color: var(--disabled);
  --btn-primary-alt-disabled-color: var(--disabled-text);
  --btn-secondary-bg-color: #fff;
  --btn-secondary-border-color: #2e2e38;
  --btn-secondary-color: #2e2e38;
  --btn-secondary-hover-bg-color: #2e2e38;
  --btn-secondary-hover-border-color: #2e2e38;
  --btn-secondary-hover-color: #fff;
  --btn-secondary-focus-bg-color: #2e2e38;
  --btn-secondary-focus-border-color: #2e2e38;
  --btn-secondary-focus-color: #fff;
  --btn-secondary-disabled-bg-color: var(--disabled);
  --btn-secondary-disabled-border-color: var(--disabled);
  --btn-secondary-disabled-color: var(--disabled-text);
  --btn-warn-bg-color: var(--error);
  --btn-warn-border-color: var(--error);
  --btn-warn-color: #fff;
  --btn-warn-hover-bg-color: #2e2e38;
  --btn-warn-hover-border-color: #2e2e38;
  --btn-warn-hover-color: #fff;
  --btn-warn-focus-bg-color: #2e2e38;
  --btn-warn-focus-border-color: #2e2e38;
  --btn-warn-focus-color: #fff;
  --btn-warn-disabled-bg-color: var(--disabled);
  --btn-warn-disabled-border-color: var(--disabled);
  --btn-warn-disabled-color: var(--disabled-text);
  --btn-text-color: var(--body-color);
  --btn-text-color-disabled: var(--disabled-text);
  --btn-text-alt-color: #155cb4;
  --btn-text-font-size: 1rem;
  --btn-icon-color: #1a1a24;
  --btn-icon-hover-color: #1a1a24;
  --btn-icon-hover-bg-color: #e1e1e6;
  --btn-icon-focus-color: #1a1a24;
  --btn-icon-focus-bg-color: #e1e1e6;
  --btn-icon-disabled-color: var(--disabled-text);
  --btn-fab-color: #fff;
  --btn-fab-bg-color: #2e2e38;
  --btn-fab-size: 3.714rem;
  --btn-fab-icon-size: 2.285rem;
  --btn-fab-size-sm: 3.142rem;
  --btn-fab-icon-size-sm: 1.714rem;
  --btn-fab-hover-bg-color: var(--branding);
  --btn-fab-hover-color: #2e2e38;
  --btn-fab-focus-bg-color: var(--branding);
  --btn-fab-focus-color: #2e2e38;
  --btn-fab-disabled-color: var(--disabled-text);
  --btn-fab-disabled-bg-color: var(--disabled);
  --btn-loader-primary-color: #2e2e38;
  --btn-loader-primary-bg-color: var(--branding);
  --btn-loader-primary-border-color: #2e2e38;
  --btn-loader-primary-progress-bg-color: #3a3a4a;
  --btn-loader-primary-hover-color: #2e2e38;
  --btn-loader-primary-hover-bg-color: var(--branding);
  --btn-loader-primary-hover-border-color: #2e2e38;
  --btn-loader-primary-progress-hover-bg-color: #2e2e38;
  --btn-loader-primary-focus-color: #2e2e38;
  --btn-loader-primary-focus-bg-color: var(--branding);
  --btn-loader-primary-focus-border-color: #2e2e38;
  --btn-loader-primary-progress-focus-bg-color: #2e2e38;
  --btn-loader-primary-alt-color: #fff;
  --btn-loader-primary-alt-bg-color: #2e2e38;
  --btn-loader-primary-alt-border-color: #2e2e38;
  --btn-loader-primary-alt-progress-bg-color: var(--branding);
  --btn-loader-primary-alt-hover-color: #fff;
  --btn-loader-primary-alt-hover-bg-color: #2e2e38;
  --btn-loader-primary-alt-hover-border-color: #2e2e38;
  --btn-loader-primary-alt-progress-hover-bg-color: var(--branding);
  --btn-loader-primary-alt-focus-color: #fff;
  --btn-loader-primary-alt-focus-bg-color: #2e2e38;
  --btn-loader-primary-alt-focus-border-color: #2e2e38;
  --btn-loader-secondary-color: #2e2e38;
  --btn-loader-secondary-bg-color: #fff;
  --btn-loader-secondary-border-color: #2e2e38;
  --btn-loader-secondary-progress-bg-color: #2e2e38;
  --btn-loader-secondary-hover-color: #2e2e38;
  --btn-loader-secondary-hover-bg-color: #fff;
  --btn-loader-secondary-hover-border-color: #2e2e38;
  --btn-loader-secondary-progress-hover-bg-color: #2e2e38;
  --btn-loader-secondary-focus-color: #2e2e38;
  --btn-loader-secondary-focus-bg-color: #fff;
  --btn-loader-secondary-focus-border-color: #2e2e38;
  --btn-loader-secondary-progress-focus-bg-color: #2e2e38;
  --btn-loader-progress-height: 0.286rem;
  --btn-group-color: #1a1a24;
  --btn-group-bg-color: #fff;
  --btn-group-bg-hover-color: #e1e1e6;
  --btn-group-border-color: #1a1a24;
  --btn-group-focus-color: #fff;
  --btn-group-bg-focus-color: #1a1a24;
  --card-border: 1px solid #e1e1e6;
  --card-bg-color: #fff;
  --card-box-shadow: none;
  --card-box-shadow-hover: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  --card-footer-bg-color: #f6f6fa;
  --card-footer-tab-active-border-color: #2e2e38;
  --card-header-dark-bg-color: #2e2e38;
  --card-header-dark-color: #fff;
  --card-header-dark-btn-color: #3a3a4a;
  --card-header-dark-margin: 0 -1px;
  --chip-color: #2e2e38;
  --chip-bg-color: #fff;
  --chip-border: 1px solid #2e2e38;
  --chip-border-radius: 32px;
  --chip-font-size: 1rem;
  --chip-font-weight: var(--weight-light);
  --chip-hover-color: #fff;
  --chip-button-hover-color: #2e2e38;
  --chip-hover-bg-color: #2e2e38;
  --chip-hover-border-color: #2e2e38;
  --chip-hover-close-color: #fff;
  --chip-button-hover-bg-color: #c4c4cd;
  --chip-active-color: #fff;
  --chip-active-bg-color: #1a1a24;
  --chip-disabled-color: #525252;
  --chip-disabled-bg-color: #c4c4cd;
  --chip-disabled-border-color: #c4c4cd;
  --chip-success-border-color: var(--success);
  --chip-success-bg-color: var(--success);
  --chip-success-color: #fff;
  --chip-warning-border-color: var(--warning);
  --chip-warning-bg-color: var(--warning);
  --chip-warning-color: #1a1a24;
  --chip-error-border-color: var(--error);
  --chip-error-bg-color: var(--error);
  --chip-error-color: #fff;
  --chip-monochrome-light-border-color: #2e2e38;
  --chip-monochrome-light-bg-color: #fff;
  --chip-monochrome-light-color: #2e2e38;
  --chip-monochrome-dark-border-color: #2e2e38;
  --chip-monochrome-dark-bg-color: #2e2e38;
  --chip-monochrome-dark-color: #fff;
  --chip-monochrome-disabled-border-color: #c4c4cd;
  --chip-monochrome-disabled-bg-color: #c4c4cd;
  --chip-monochrome-disabled-color: #525252;
  --chip-outlined-color: #2e2e38;
  --chip-outlined-disabled-color: #747480;
  --chip-dot-color: #2e2e38;
  --chip-dot-font-size: 0.857rem;
  --chip-dot-font-weight: var(--weight-regular);
  --comment-date-time-color: #747480;
  --comment-border-bottom: #e7e7ea;
  --comment-edit-background: #f6f6fa;
  --comment-edit-border-bottom: #1a1a24;
  --comment-truncation-toggle-color: #1a1a24;
  --dropdown-bg-color: #fff;
  --dropdown-font-color: #2e2e38;
  --dropdown-font-color-hover: #2e2e38;
  --dropdown-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  --dropdown-border: 1px solid #c4c4cd;
  --dropdown-menu-item-focus-border: 1px solid #c4c4cd;
  --dropdown-menu-item-hover: #e1e1e6;
  --rich-text-editor-active: #c4c4cd;
  --rich-text-editor-border-color: #e7e7ea;
  --rich-text-editor-color: var(--body-color);
  --rich-text-editor-icon-color: #2e2e38;
  --rich-text-editor-bg-color: #fff;
  --rich-text-editor-toolbar-bg-color: #fafafc;
  --rich-text-editor-toolbar-icon-hover-bg-color: #e1e1e6;
  --rich-text-editor-toolbar-picker-options-border-color: #2e2e38;
  --rich-text-editor-toolbar-picker-options-hover-bg: #e1e1e6;
  --rich-text-editor-toolbar-picker-options-label-open-color: #747480;
  --rich-text-editor-toolbar-picker-options-icon-open-color: #c4c4cd;
  --rich-text-editor-toolbar-picker-bg-color: #fff;
  --rich-text-editor-toolbar-picker-border-color: #e1e1e6;
  --header-bg-color: #2e2e38;
  --header-icon-color: #fff;
  --header-icon-hover-bg-color: #3a3a4a;
  --header-icon-focus-bg-color: #3a3a4a;
  --header-app-name-font-size: 1.286rem;
  --header-app-name-color: #fff;
  --header-search-bg-color: #1a1a24;
  --header-search-font-color: #fff;
  --header-search-placeholder-color: #fff;
  --footer-bg-color: #fff;
  --footer-box-shadow: 0 -0.1428571429rem 0.5714285714rem 0 #e1e1e6;
  --footer-border-style: solid;
  --footer-border-top-width: 0.0714285714rem;
  --footer-border-color: #e1e1e6;
  --footer-padding: 1.2857142857rem;
  --icon-fill-color: #1a1a24;
  --progress-loader-bg-color: hsla(0, 0%, 100%, 0.75);
  --progress-loader-square-bg-color: var(--branding);
  --menu-overlay-bg-color: rgba(26, 26, 36, 0.6);
  --menu-bg-color: #fff;
  --menu-font-color: #2e2e38;
  --menu-button-icon-color: #2e2e38;
  --menu-active-item-bg-color: #eaeaf2;
  --menu-header-close-btn-hover-bg-color: #e1e1e6;
  --menu-header-border-bottom: 1px solid #e1e1e6;
  --menu-alt-bg-color: #2e2e38;
  --menu-alt-font-color: #fff;
  --menu-alt-button-icon-color: #fff;
  --menu-alt-active-item-bg-color: #1a1a24;
  --menu-alt-header-close-btn-hover-bg-color: #3a3a4a;
  --menu-alt-header-border-bottom: 1px solid #2e2e3c;
  --modal-bg-color: #fff;
  --modal-overlay-bg-color: rgba(26, 26, 36, 0.85);
  --modal-box-shadox: 0 0 11px 8px rgba(0, 0, 0, 0.38);
  --modal-header-bg-color: #fff;
  --modal-header-font-color: #2e2e38;
  --modal-header-border-color: #e1e1e6;
  --modal-header-close-btn-color: #2e2e38;
  --modal-header-close-btn-hover-bg-color: #e1e1e6;
  --modal-footer-border-color: #e1e1e6;
  --modal-alt-header-bg-color: #2e2e38;
  --modal-alt-header-font-color: #fff;
  --modal-alt-header-border-color: transparent;
  --modal-alt-header-close-btn-color: #fff;
  --modal-alt-header-close-btn-hover-bg-color: #3a3a4a;
  --pagination-icon-color: #2e2e38;
  --pagination-icon-trigger-hover-bg-color: #eaeaf2;
  --pagination-icon-trigger-focus-bg-color: #eaeaf2;
  --pagination-count-font-color: #2e2e38;
  --pagination-select-trigger-icon-color: #2e2e38;
  --pagination-select-trigger-font-size: 1rem;
  --pagination-select-trigger-color: #2e2e38;
  --pagination-select-menu-item-hover-bg-color: #eaeaf2;
  --pagination-select-menu-item-hover-color: #2e2e38;
  --pagination-select-menu-item-focus-color: #2e2e38;
  --pagination-select-menu-item-active-bg-color: #e1e1e6;
  --pagination-select-menu-item-font-size: 1rem;
  --pagination-select-menu-item-color: #2e2e38;
  --pagination-select-menu-border-width: 1px 1px 1px 1px;
  --pagination-select-menu-border-color: #2e2e38;
  --pagination-select-menu-bg-color: #fff;
  --pagination-select-menu-boxshadow: 2px 2px 5px 0px rgba(26, 26, 36, 0.2);
  --progress-bar-bg-color: #e1e1e6;
  --progress-bar-color: #2e2e38;
  --progress-bar-circle-border-width: 0.286rem;
  --progress-bar-circle-size: 2.857rem;
  --progress-bar-circle-diameter-size: 1.429rem;
  --progress-bar-label-color: #1a1a24;
  --progress-indicator-heading-color: #2e2e38;
  --progress-indicator-body-color: #2e2e38;
  --progress-indicator-bar-color: #e1e1e6;
  --progress-indicator-bg-color: transparent;
  --progress-indicator-border-color: #2e2e38;
  --progress-indicator-completed-heading-color: #2e2e38;
  --progress-indicator-completed-body-color: #747480;
  --progress-indicator-completed-hover-body-color: #2e2e38;
  --progress-indicator-completed-bar-color: #2e2e38;
  --progress-indicator-completed-bg-color: #2e2e38;
  --progress-indicator-completed-border-color: #2e2e38;
  --progress-indicator-completed-fill-color: #fff;
  --progress-indicator-active-heading-color: #2e2e38;
  --progress-indicator-active-body-color: #2e2e38;
  --progress-indicator-active-bar-color: var(--branding);
  --progress-indicator-active-bg-color: #fff;
  --progress-indicator-active-border-color: #747480;
  --progress-indicator-active-fill-color: #fff;
  --progress-indicator-disabled-heading-color: #747480;
  --progress-indicator-disabled-body-color: #747480;
  --progress-indicator-disabled-bar-color: #747480;
  --progress-indicator-disabled-bg-color: #fff;
  --progress-indicator-disabled-border-color: #747480;
  --progress-indicator-disabled-fill-color: #fff;
  --progress-indicator-error-heading-color: #747480;
  --progress-indicator-error-bar-color: var(--error);
  --progress-indicator-error-bg-color: var(--error);
  --progress-indicator-error-border-color: var(--error);
  --progress-indicator-error-fill-color: #fff;
  --tab-navigation-border-bottom: 1px solid #c4c4cd;
  --tab-navigation-font-color: #2e2e38;
  --tab-navigation-hover-font-color: #2e2e38;
  --tab-navigation-focus-outline-color: #747480;
  --tab-navigation-badge-bg-color-disabled: var(--disabled);
  --table-border: none;
  --table-header-bg-color: #fff;
  --table-icon-color: #23232f;
  --table-title-border-bottom-color: transparent;
  --table-title-bg-color: #2e2e38;
  --table-title-color: #fff;
  --table-row-color: #2e2e38;
  --table-row-border-color: #e7e7ea;
  --table-row-hover-bg-color: #dce7f4;
  --table-odd-row-bg-color: #fafafc;
  --table-even-row-bg-color: #fff;
  --table-data-header-font-size: 0.857rem;
  --table-data-cell-font-size: 0.857rem;
  --table-title-alt-color: #2e2e38;
  --table-colum-filtered-mark-color: #155cb4;
  --timeline-color: #747480;
  --timeline-bg-color: #35a4e8;
  --timeline-checkmark-bg-color: var(--body-bg);
  --timeline-past-due-color: var(--error);
  --toast-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  --toast-info-icon-color: var(--info);
  --toast-success-icon-color: var(--success);
  --toast-error-icon-color: var(--error);
  --toast-warning-icon-color: var(--warning);
  --toast-action-button-color: #2e2e38;
  --toast-close-button-color: #2e2e38;
  --toast-bg-color: #fff;
  --tooltip-bg-color: #fff;
  --tooltip-text-color: #2e2e38;
  --tooltip-close-icon-color: #1a1a24;
  --tooltip-icon-hover-bg-color: #e1e1e6;
  --tooltip-alternate-bg-color: #2e2e38;
  --tooltip-alternate-text-color: #fff;
  --tooltip-alternate-close-icon-color: #fff;
  --tooltip-alternate-close-icon-color-hover: #3a3a4a;
  --tree-icon-color: #2e2e38;
  --tree-font-size: 1rem;
  --tree-font-weight: var(--weight-light);
  --tree-font-color: #2e2e38;
  --tree-hover-font-weight: var(--weight-regular);
  --tree-active-font-weight: var(--weight-bold);
  --tree-disabled-font-color: #747480;
  --tree-line-color: #c4c4cd;
  --tree-content-background-color: #fff;
  --tree-content-box-shadow-hover: 0 0 8px 2px rgba(0, 0, 0, 0.15);
  --form-element-bg-color: #f6f6fa;
  --form-element-border-color: var(--border-color);
  --form-element-hover-bg-color: #e1e1e6;
  --form-element-disabled-color: var(--disabled-text);
  --form-element-disabled-bg-color: #f6f6fa;
  --form-element-disabled-border-width: 0;
  --form-element-disabled-border-color: transparent;
  --form-element-placeholder-color: #2e2e38;
  --form-element-placeholder-size: 1rem;
  --form-element-clear-button-color: #2e2e38;
  --form-element-clear-button-disabled-color: #c4c4cd;
  --form-element-icon-disabled-color: #c4c4cd;
  --checkbox-bg-color: #fff;
  --checked-bg-color: #2e2e38;
  --checked-border-color: #2e2e38;
  --checked-disabled-bg-color: #c4c4cd;
  --checked-icon-color: #fff;
  --date-picker-navigation-bg-color: #2e2e38;
  --date-picker-navigation-arrow-color: #fff;
  --date-picker-tile-color: #1a1a24;
  --date-picker-tile-active-color: #fff;
  --date-picker-tile-active-bg-color: #2e2e38;
  --date-picker-tile-active-hover-bg-color: #e1e1e6;
  --date-picker-neighboring-month-color: #747480;
  --date-picker-weekend-color: #747480;
  --date-picker-disabled-color: #717171;
  --date-picker-calendar-bg-color: #fff;
  --date-picker-weekday-color: #c4c4cd;
  --date-picker-today-mark: #eaeaf2;
  --date-picker-tile-now-color: #1a1a24;
  --date-picker-view-container-color: #fff;
  --date-picker-view-container-border-color: #585860;
  --file-uploader-background-color: #f6f6fa;
  --file-uploader-border-color: #c4c4cd;
  --file-uploader-font-color: #2e2e38;
  --file-uploader-font-size: 1rem;
  --file-uploader-hover-border-color: #2e2e38;
  --file-uploader-icon-color: #2e2e38;
  --file-uploader-disabled-font-color: #c4c4cd;
  --file-uploader-disabled-background-color: #f6f6fa;
  --file-uploader-disabled-border-color: #c4c4cd;
  --file-uploader-disabled-icon-color: #c4c4cd;
  --file-uploader-invalid-font-color: #2e2e38;
  --file-uploader-invalid-background-color: #f6f6fa;
  --file-uploader-invalid-icon-color: #2e2e38;
  --file-uploader-item-background: #fafafc;
  --file-uploader-item-border-color: #e7e7ea;
  --file-uploader-item-border-radius: 0;
  --file-uploader-item-icon-color: #2e2e38;
  --file-uploader-item-font-color: #2e2e38;
  --file-uploader-item-close-icon-color: #2e2e38;
  --file-uploader-item-custom-button-font-size: 1rem;
  --file-uploader-item-progress-bar-bg-color: #e1e1e6;
  --file-uploader-item-progress-bar-color: #2e2e38;
  --file-uploader-item-error-background-color: #f6f6fa;
  --file-uploader-item-error-border-color: #b9251c;
  --file-uploader-item-error-font-color: #717171;
  --file-uploader-item-error-icon-color: #c4c4cd;
  --file-uploader-item-error-close-icon-color: #2e2e38;
  --file-uploader-item-disabled-background-color: #eaeaf2;
  --file-uploader-item-disabled-border-color: transparent;
  --file-uploader-item-disabled-font-color: #3a3a4a;
  --file-uploader-item-disabled-icon-color: #747480;
  --file-uploader-item-disabled-close-icon-color: #c4c4cd;
  --label-font-size: 1rem;
  --label-color: #2e2e38;
  --numeric-input-button-bg-color: #fff;
  --numeric-input-button-bg-color-hover: #e1e1e6;
  --numeric-input-button-color: #2e2e38;
  --numeric-input-button-bg-color-focus: #e1e1e6;
  --numeric-input-button-border-color-focus: #2e2e38;
  --numeric-input-button-bg-color-disabled: #f6f6fa;
  --numeric-input-button-color-disabled: #747480;
  --select-list-background-color: #fff;
  --select-option-hover-bg-color: #e1e1e6;
  --select-option-selected-bg-color: #e1e1e6;
  --select-option-selected-color: #2e2e38;
  --select-option-border-color: var(--border-color);
  --select-option-disabled-color: var(--disabled-text);
  --select-option-disabled-bg-color: #c4c4cd;
  --select-option-disabled-border-color: #c4c4cd;
  --select-trigger-icon-color: #2e2e38;
  --select-arrow-disabled-color: #c4c4cd;
  --radio-button-input-color: #2e2e38;
  --radio-button-bg-color: #fff;
  --radio-button-label-color: #2e2e38;
  --radio-button-disabled-input-color: #c4c4cd;
  --radio-button-disabled-label-color: var(--form-element-disabled-color);
  --slider-font-color: #2e2e38;
  --slider-border-color: #2e2e38;
  --slider-track-bg-color: #e1e1e6;
  --slider-track-filled-bg-color: #2e2e38;
  --slider-thumb-color: #2e2e38;
  --slider-thumb-hover-color: #fff;
  --slider-thumb-hover-color-border: #2e2e38;
  --slider-disabled-thumb-color: #c4c4cd;
  --slider-disabled-range-color: #e1e1e6;
  --template-message-color: #2e2e38;
  --text-area-scroll-bar-bg: #c4c4cd;
  --text-area-scroll-bar-hover-bg: #747480;
  --toggle-switch-off-bg-color: #c4c4cd;
  --toggle-switch-off-control-bg-color: #747480;
  --toggle-switch-on-bg-color: #34c768;
  --toggle-switch-on-control-bg-color: #189d3e;
  --toggle-switch-hover-control-border-color: #2e2e38;
  --toggle-switch-disabled-control-bg-color: #c4c4cd;
  --toggle-switch-disabled-bg-color: #fff;
  --toggle-switch-transition: transform 0.4s ease;
  --pin-entry-hover-clear-icon-color: #e1e1e6;
  --vertical-navigation-expanded-width: 20.286rem;
  --vertical-navigation-collapsed-width: 4rem;
  --vertical-navigation-footer-border-color: #3a3a4a;
  --vertical-navigation-bg-color: #2e2e38;
  --vertical-navigation-menu-item-color: #c4c4cd;
  --vertical-navigation-menu-item-bg-color: #2e2e38;
  --vertical-navigation-menu-item-hover-color: #fff;
  --vertical-navigation-menu-item-hover-bg-color: #1a1a24;
  --vertical-navigation-menu-item-active-color: #fff;
  --vertical-navigation-menu-item-active-bg-color: #1a1a24;
  --vertical-navigation-menu-item-active-border-color: #ffe600;
  --vertical-navigation-menu-list-bg-color: #1a1a24;
  --vertical-navigation-menu-list-item-color: #c4c4cd;
  --vertical-navigation-menu-list-item-bg-color: #23232f;
  --vertical-navigation-menu-list-item-active-color: #ffe600;
  --vertical-navigation-menu-list-item-active-bg-color: #1a1a24;
  --vertical-navigation-menu-list-item-hover-color: #fff;
  --vertical-navigation-menu-list-item-hover-bg-color: #1a1a24;
  --motif-skeleton-container-background: #fff;
  --motif-skeleton-container-border: 1px solid #e1e1e6;
  --motif-skeleton-container-background-alt: #f6f6fa;
  --motif-skeleton-container-border-alt: 1px solid #e1e1e6;
  --motif-skeleton-background: #e1e1e6;
  --motif-skeleton-animation-gradient: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.6),
    hsla(0, 0%, 100%, 0)
  );
  --carousel-dot-color: #1a1a24;
  --carousel-arrow-hover: #e1e1e6;
  --carousel-bg-color: #eaeaf2;
  --carousel-play-pause-bg-color: #fff;
  --carousel-play-pause-color: #1a1a24;
}
.motif-theme-dark,
body[motif-theme="dark"] {
  --branding: #ffe600;
  --primary-font: "ey_interstate";
  --secondary-font: "noto_sans";
  --font-size-base: 1rem;
  --weight-bold: bold;
  --weight-regular: normal;
  --weight-light: lighter;
  --hero-font-size: 2.285rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.714rem;
  --h3-font-size: 1.428rem;
  --h4-font-size: 1.286rem;
  --h5-font-size: 1.143rem;
  --h6-font-size: 1rem;
  --text-link-font-size: 1rem;
  --text-link-color: var(--branding);
  --body-font-size: 1rem;
  --body-sm-font-size: 0.857rem;
  --body-alt-font-size: 1rem;
  --overline-font-size: 0.857rem;
  --instructional-text-font-size: 0.857rem;
  --caption-font-size: 0.857rem;
  --ease-in-out: 300ms ease-in-out;
  --ease-in-out-fast: 150ms ease-in-out;
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --focus: rgba(23, 119, 207, 0.5);
  --focus-state: 0 0 0 2px var(--focus);
  --disabled: #282836;
  --disabled-text: #aaaab1;
  --info: #747480;
  --error: #f95d54;
  --warning: #ed6500;
  --success: #57e188;
  --border-color: #eaeaf2;
  --body-bg: #1a1a24;
  --body-color: #fff;
  --list-style: circle;
  --accordion-border: 1px solid #282836;
  --accordion-bg-color: #23232f;
  --accordion-accent-color: var(--branding);
  --accordion-functional-expanded-bg-color: #23232f;
  --accordion-editorial-expanded-bg-color: #23232f;
  --accordion-hover-header-bg-color: #282836;
  --accordion-hover-header-font-color: #fff;
  --accordion-hover-header-border-color: #2e2e38;
  --accordion-focus-header-border-color: #c4c4cd;
  --metadata-border: 1px solid #282836;
  --metadata-sparator: #e7e7ea;
  --metadata-font-color: #fff;
  --metadata-bg-color: #3a3a4a;
  --metadata-hover-header-bg-color: #282836;
  --avatar-bg-color-list: #109090, #542ea5, #922b73, #1777cf;
  --avatar-status-color-online: #189d3e;
  --avatar-status-color-no-disturb: #e0362c;
  --avatar-status-color-no-available: #e0362c;
  --avatar-status-color-absent: var(--warning);
  --avatar-status-color-warning: var(--warning);
  --avatar-status-color-none: #c4c4cd;
  --avatar-initials-font-color: #fff;
  --badge-font-size: 1rem;
  --badge-padding: 0.285rem;
  --badge-font-color: #fff;
  --badge-bg-color: #23232f;
  --badge-border-color: #fff;
  --badge-alt-font-color: #1a1a24;
  --badge-alt-bg-color: var(--branding);
  --badge-warning-bg-color: var(--warning);
  --badge-warning-font-color: #1a1a24;
  --badge-error-bg-color: var(--error);
  --badge-error-font-color: #1a1a24;
  --badge-success-bg-color: var(--success);
  --badge-success-font-color: #1a1a24;
  --badge-info-bg-color: #155cb4;
  --badge-info-font-color: #fff;
  --badge-info-alt-bg-color: #ffe600;
  --badge-info-alt-font-color: #1a1a24;
  --badge-ghost-bg-color: #c4c4cd;
  --badge-ghost-font-color: #1a1a24;
  --breadcrumb-item-font-size: 0.857rem;
  --breadcrumb-item-font-weight: var(--weight-light);
  --breadcrumb-item-active-font-weight: var(--weight-bold);
  --breadcrumb-item-hover-font-weight: var(--weight-regular);
  --breadcrumb-item-disabled-font-weight: var(--weight-regular);
  --breadcrumb-arrow-separator-color: #fff;
  --breadcrumb-text-color: #fff;
  --breadcrumb-text-alt-color: #ffe600;
  --breadcrumb-dropdown-trigger-icon-color: #fff;
  --btn-font-size: 1rem;
  --btn-font-weight: var(--weight-bold);
  --btn-padding: 0.429rem;
  --btn-padding-medium: 0.572rem;
  --btn-padding-large: 0.715rem;
  --content-switcher-hover-bg-color: #1a1a24;
  --content-switcher-hover-font-color: #fff;
  --content-switcher-selected-bg-color: #eaeaf2;
  --content-switcher-selected-font-color: #2e2e38;
  --content-switcher-default-font-color: #fff;
  --content-switcher-default-bg-color: #2e2e3c;
  --content-switcher-btn-border-color: #3a3a4a;
  --content-switcher-disabled-font-color: #747480;
  --content-switcher-disabled-bg-color: #1e1e2a;
  --btn-primary-bg-color: var(--branding);
  --btn-primary-border-color: var(--branding);
  --btn-primary-color: #1a1a24;
  --btn-primary-hover-bg-color: #eaeaf2;
  --btn-primary-hover-border-color: #eaeaf2;
  --btn-primary-hover-color: #1a1a24;
  --btn-primary-disabled-bg-color: #282836;
  --btn-primary-disabled-border-color: #282836;
  --btn-primary-disabled-color: var($grey-400);
  --btn-primary-alt-bg-color: #eaeaf2;
  --btn-primary-alt-border-color: #eaeaf2;
  --btn-primary-alt-color: #1a1a24;
  --btn-primary-alt-hover-bg-color: var(--branding);
  --btn-primary-alt-hover-border-color: var(--branding);
  --btn-primary-alt-hover-color: #1a1a24;
  --btn-primary-alt-disabled-bg-color: #282836;
  --btn-primary-alt-disabled-border-color: #282836;
  --btn-primary-alt-disabled-color: var($grey-400);
  --btn-secondary-bg-color: var(--body-bg);
  --btn-secondary-border-color: #eaeaf2;
  --btn-secondary-color: #fff;
  --btn-secondary-hover-bg-color: var(--body-bg);
  --btn-secondary-hover-border-color: var(--branding);
  --btn-secondary-hover-color: var(--branding);
  --btn-secondary-focus-bg-color: var(--body-bg);
  --btn-secondary-focus-border-color: var(--branding);
  --btn-secondary-focus-color: var(--branding);
  --btn-secondary-disabled-bg-color: #282836;
  --btn-secondary-disabled-border-color: #282836;
  --btn-secondary-disabled-color: #747480;
  --btn-warn-bg-color: var(--error);
  --btn-warn-border-color: var(--error);
  --btn-warn-color: #1a1a24;
  --btn-warn-hover-bg-color: #eaeaf2;
  --btn-warn-hover-border-color: #eaeaf2;
  --btn-warn-hover-color: #1a1a24;
  --btn-warn-focus-bg-color: #eaeaf2;
  --btn-warn-focus-border-color: #eaeaf2;
  --btn-warn-focus-color: #1a1a24;
  --btn-warn-disabled-bg-color: #282836;
  --btn-warn-disabled-border-color: #282836;
  --btn-warn-disabled-color: #747480;
  --btn-text-color: var(--body-color);
  --btn-text-color-disabled: #747480;
  --btn-text-alt-color: var(--branding);
  --btn-text-font-size: 1rem;
  --btn-icon-color: #fff;
  --btn-icon-hover-color: #fff;
  --btn-icon-hover-bg-color: #3a3a4a;
  --btn-icon-focus-color: #fff;
  --btn-icon-focus-bg-color: #3a3a4a;
  --btn-icon-disabled-color: #747480;
  --btn-fab-color: #2e2e38;
  --btn-fab-bg-color: #eaeaf2;
  --btn-fab-size: 3.714rem;
  --btn-fab-icon-size: 2.285rem;
  --btn-fab-size-sm: 3.142rem;
  --btn-fab-icon-size-sm: 1.714rem;
  --btn-fab-hover-bg-color: var(--branding);
  --btn-fab-hover-color: #1a1a24;
  --btn-fab-focus-bg-color: var(--branding);
  --btn-fab-focus-color: #1a1a24;
  --btn-fab-disabled-color: #747480;
  --btn-fab-disabled-bg-color: var(--disabled);
  --btn-loader-primary-color: #fff;
  --btn-loader-primary-bg-color: #23232f;
  --btn-loader-primary-border-color: var(--branding);
  --btn-loader-primary-progress-bg-color: var(--branding);
  --btn-loader-primary-hover-color: #fff;
  --btn-loader-primary-hover-bg-color: #23232f;
  --btn-loader-primary-hover-border-color: #1a1a24;
  --btn-loader-primary-progress-hover-bg-color: var(--branding);
  --btn-loader-primary-focus-color: #fff;
  --btn-loader-primary-focus-bg-color: #23232f;
  --btn-loader-primary-focus-border-color: #1a1a24;
  --btn-loader-primary-progress-focus-bg-color: var(--branding);
  --btn-loader-primary-alt-color: #fff;
  --btn-loader-primary-alt-bg-color: #23232f;
  --btn-loader-primary-alt-border-color: #fff;
  --btn-loader-primary-alt-progress-bg-color: #fff;
  --btn-loader-primary-alt-hover-color: #fff;
  --btn-loader-primary-alt-hover-bg-color: #23232f;
  --btn-loader-primary-alt-hover-border-color: #1a1a24;
  --btn-loader-primary-alt-progress-hover-bg-color: var(--branding);
  --btn-loader-primary-alt-focus-color: #fff;
  --btn-loader-primary-alt-focus-bg-color: #23232f;
  --btn-loader-primary-alt-focus-border-color: #1a1a24;
  --btn-loader-secondary-color: #fff;
  --btn-loader-secondary-bg-color: var(--body-bg);
  --btn-loader-secondary-border-color: #eaeaf2;
  --btn-loader-secondary-progress-bg-color: #fff;
  --btn-loader-secondary-hover-color: #fff;
  --btn-loader-secondary-hover-bg-color: var(--body-bg);
  --btn-loader-secondary-hover-border-color: #eaeaf2;
  --btn-loader-secondary-progress-hover-bg-color: #fff;
  --btn-loader-secondary-focus-color: #fff;
  --btn-loader-secondary-focus-bg-color: var(--body-bg);
  --btn-loader-secondary-focus-border-color: #eaeaf2;
  --btn-loader-secondary-progress-focus-bg-color: #fff;
  --btn-loader-progress-height: 0.286rem;
  --btn-group-color: #fff;
  --btn-group-bg-color: #2e2e3c;
  --btn-group-bg-hover-color: #1a1a24;
  --btn-group-border-color: #3a3a4a;
  --btn-group-focus-color: #1a1a24;
  --btn-group-bg-focus-color: #eaeaf2;
  --card-border: 1px solid #2e2e38;
  --card-bg-color: #23232f;
  --card-box-shadow: none;
  --card-box-shadow-hover: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  --card-footer-bg-color: #3a3a4a;
  --card-footer-tab-active-border-color: #fff;
  --card-header-dark-bg-color: #23232f;
  --card-header-dark-margin: 0;
  --chip-color: #fff;
  --chip-bg-color: #1a1a24;
  --chip-border: 1px solid #fff;
  --chip-border-radius: 32px;
  --chip-font-size: 1rem;
  --chip-font-weight: var(--weight-light);
  --chip-hover-color: #1a1a24;
  --chip-button-hover-color: #fff;
  --chip-hover-bg-color: #fff;
  --chip-hover-border-color: #fff;
  --chip-hover-close-color: #fff;
  --chip-button-hover-bg-color: #1a1a24;
  --chip-active-color: #2e2e38;
  --chip-active-bg-color: #fff;
  --chip-disabled-color: #747480;
  --chip-disabled-bg-color: #fff;
  --chip-disabled-border-color: #fff;
  --chip-success-border-color: var(--success);
  --chip-success-bg-color: var(--success);
  --chip-success-color: #2e2e38;
  --chip-warning-border-color: var(--warning);
  --chip-warning-bg-color: var(--warning);
  --chip-warning-color: #1a1a24;
  --chip-error-border-color: var(--error);
  --chip-error-bg-color: var(--error);
  --chip-error-color: #2e2e38;
  --chip-monochrome-light-border-color: #fff;
  --chip-monochrome-light-bg-color: #fff;
  --chip-monochrome-light-color: #2e2e38;
  --chip-monochrome-dark-border-color: var(--branding);
  --chip-monochrome-dark-bg-color: var(--branding);
  --chip-monochrome-dark-color: #2e2e38;
  --chip-monochrome-disabled-border-color: var(--disabled);
  --chip-monochrome-disabled-bg-color: var(--disabled);
  --chip-monochrome-disabled-color: #747480;
  --chip-outlined-color: #fff;
  --chip-outlined-disabled-color: #747480;
  --chip-dot-color: #fff;
  --chip-dot-font-size: 0.857rem;
  --chip-dot-font-weight: var(--weight-regular);
  --comment-date-time-color: #747480;
  --comment-border-bottom: #e7e7ea;
  --comment-edit-background: #f6f6fa;
  --comment-edit-border-bottom: #1a1a24;
  --comment-truncation-toggle-color: #fff;
  --dropdown-bg-color: #2e2e3c;
  --dropdown-font-color: #fff;
  --dropdown-font-color-hover: var(--branding);
  --dropdown-box-shadow: -2px -2px 5px 0px rgba(26, 26, 36, 0.2);
  --dropdown-border: 1px solid #2e2e3c;
  --dropdown-menu-item-focus-border: 1px solid #c4c4cd;
  --dropdown-menu-item-hover: #1a1a24;
  --rich-text-editor-active: #1a1a24;
  --rich-text-editor-border-color: #3a3a4a;
  --rich-text-editor-icon-color: var(--body-color);
  --rich-text-editor-color: var(--body-color);
  --rich-text-editor-bg-color: #23232f;
  --rich-text-editor-toolbar-bg-color: #2e2e3c;
  --rich-text-editor-toolbar-icon-hover-bg-color: #3a3a4a;
  --rich-text-editor-toolbar-picker-options-border-color: #3a3a4a;
  --rich-text-editor-toolbar-picker-options-hover-bg: #747480;
  --rich-text-editor-toolbar-picker-options-label-open-color: #747480;
  --rich-text-editor-toolbar-picker-options-icon-open-color: #747480;
  --rich-text-editor-toolbar-picker-bg-color: #23232f;
  --rich-text-editor-toolbar-picker-border-color: #3a3a4a;
  --header-bg-color: #2e2e38;
  --header-icon-color: #fff;
  --header-icon-hover-bg-color: #3a3a4a;
  --header-icon-focus-bg-color: #3a3a4a;
  --header-app-name-font-size: 1.286rem;
  --header-app-name-color: #fff;
  --header-search-bg-color: #1a1a24;
  --header-search-font-color: #fff;
  --header-search-placeholder-color: #fff;
  --footer-bg-color: #2e2e3c;
  --footer-box-shadow: none;
  --footer-border-style: solid;
  --footer-border-top-width: 0.0714285714rem;
  --footer-border-color: #e1e1e6;
  --footer-padding: 1.2857142857rem;
  --icon-fill-color: #fff;
  --progress-loader-bg-color: hsla(0, 0%, 100%, 0.75);
  --progress-loader-square-bg-color: var(--branding);
  --menu-overlay-bg-color: rgba(26, 26, 36, 0.6);
  --menu-bg-color: #23232f;
  --menu-font-color: #fff;
  --menu-button-icon-color: #fff;
  --menu-active-item-bg-color: #1a1a24;
  --menu-header-close-btn-hover-bg-color: #2e2e3c;
  --menu-header-border-bottom: 1px solid #2e2e3c;
  --menu-alt-bg-color: #23232f;
  --menu-alt-font-color: #fff;
  --menu-alt-button-icon-color: #fff;
  --menu-alt-active-item-bg-color: #1a1a24;
  --menu-alt-header-close-btn-hover-bg-color: #3a3a4a;
  --menu-alt-header-border-bottom: 1px solid #2e2e3c;
  --modal-bg-color: #23232f;
  --modal-overlay-bg-color: rgba(26, 26, 36, 0.85);
  --modal-box-shadox: 0 0 11px 8px rgba(0, 0, 0, 0.38);
  --modal-header-bg-color: #23232f;
  --modal-header-font-color: #fff;
  --modal-header-border-color: #2e2e3c;
  --modal-header-close-btn-color: #fff;
  --modal-header-close-btn-hover-bg-color: #2e2e3c;
  --modal-footer-border-color: #2e2e3c;
  --modal-alt-header-bg-color: #23232f;
  --modal-alt-header-font-color: #fff;
  --modal-alt-header-border-color: #2e2e3c;
  --modal-alt-header-close-btn-color: #fff;
  --modal-alt-header-close-btn-hover-bg-color: #3a3a4a;
  --pagination-icon-color: var(--body-color);
  --pagination-icon-trigger-hover-bg-color: #3a3a4a;
  --pagination-icon-trigger-focus-bg-color: #3a3a4a;
  --pagination-count-font-color: var(--body-color);
  --pagination-select-trigger-icon-color: #fff;
  --pagination-select-trigger-font-size: 1rem;
  --pagination-select-trigger-color: #fff;
  --pagination-select-menu-item-hover-bg-color: #1a1a24;
  --pagination-select-menu-item-hover-color: var(--branding);
  --pagination-select-menu-item-focus-color: var(--branding);
  --pagination-select-menu-item-active-bg-color: #1a1a24;
  --pagination-select-menu-item-font-size: 1rem;
  --pagination-select-menu-item-color: var(--body-color);
  --pagination-select-menu-border-width: 0;
  --pagination-select-menu-border-color: transparent;
  --pagination-select-menu-bg-color: #2e2e3c;
  --pagination-select-menu-boxshadow: none;
  --progress-bar-bg-color: #2e2e3c;
  --progress-bar-color: var(--branding);
  --progress-bar-circle-border-width: 0.286rem;
  --progress-bar-circle-size: 2.857rem;
  --progress-bar-circle-diameter-size: 1.429rem;
  --progress-bar-label-color: #fff;
  --progress-indicator-heading-color: #fff;
  --progress-indicator-body-color: #fff;
  --progress-indicator-bar-color: #747480;
  --progress-indicator-bg-color: transparent;
  --progress-indicator-border-color: #fff;
  --progress-indicator-completed-heading-color: #fff;
  --progress-indicator-completed-body-color: #fff;
  --progress-indicator-completed-hover-body-color: #fff;
  --progress-indicator-completed-bar-color: #ffe600;
  --progress-indicator-completed-bg-color: #ffe600;
  --progress-indicator-completed-border-color: #e1e1e6;
  --progress-indicator-completed-fill-color: #23232f;
  --progress-indicator-active-heading-color: #fff;
  --progress-indicator-active-body-color: #fff;
  --progress-indicator-active-bar-color: var(--branding);
  --progress-indicator-active-bg-color: transparent;
  --progress-indicator-active-border-color: #fff;
  --progress-indicator-active-fill-color: #23232f;
  --progress-indicator-disabled-heading-color: #747480;
  --progress-indicator-disabled-body-color: #747480;
  --progress-indicator-disabled-bar-color: #747480;
  --progress-indicator-disabled-bg-color: transparent;
  --progress-indicator-disabled-border-color: #747480;
  --progress-indicator-disabled-fill-color: #23232f;
  --progress-indicator-error-heading-color: #fff;
  --progress-indicator-error-bar-color: var(--error);
  --progress-indicator-error-bg-color: var(--error);
  --progress-indicator-error-border-color: var(--error);
  --progress-indicator-error-fill-color: #23232f;
  --progress-indicator-warning-heading-color: #fff;
  --progress-indicator-warning-body-color: #747480;
  --progress-indicator-warning-bar-color:#ed6500;
  --progress-indicator-warning-bg-color: #ed6500;
  --progress-indicator-warning-border-color: var(--error);;
  --progress-indicator-warning-fill-color: #1a1a24;
  --tab-navigation-border-bottom: 1px solid #747480;
  --tab-navigation-font-color: var(--body-color);
  --tab-navigation-hover-font-color: var(--body-color);
  --tab-navigation-focus-outline-color: #fff;
  --tab-navigation-badge-bg-color-disabled: var(--disabled);
  --table-border: 1px solid #1a1a24;
  --table-header-bg-color: #1a1a24;
  --table-icon-color: #fff;
  --table-title-border-bottom-color: #2e2e3c;
  --table-title-bg-color: #1a1a24;
  --table-title-color: #fff;
  --table-row-color: #fff;
  --table-row-border-color: #3a3a4a;
  --table-row-hover-bg-color: #19283d;
  --table-odd-row-bg-color: #1a1a24;
  --table-even-row-bg-color: #1e1e2a;
  --table-data-header-font-size: 0.857rem;
  --table-data-cell-font-size: 0.857rem;
  --table-title-alt-color: #fff;
  --table-colum-filtered-mark-color: #ffe600;
  --timeline-color: #c4c4cd;
  --timeline-bg-color: var(--branding);
  --timeline-checkmark-bg-color: var(--body-bg);
  --timeline-past-due-color: var(--error);
  --toast-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  --toast-info-icon-color: #fff;
  --toast-success-icon-color: var(--success);
  --toast-error-icon-color: var(--error);
  --toast-warning-icon-color: var(--warning);
  --toast-action-button-color: #ffe600;
  --toast-close-button-color: #fff;
  --toast-bg-color: #2e2e3c;
  --tooltip-bg-color: #fff;
  --tooltip-text-color: #2e2e38;
  --tooltip-close-icon-color: #2e2e38;
  --tooltip-icon-hover-bg-color: #e1e1e6;
  --tooltip-alternate-bg-color: #2e2e3c;
  --tooltip-alternate-text-color: #fff;
  --tooltip-alternate-close-icon-color: #fff;
  --tooltip-alternate-close-icon-color-hover: #3a3a4a;
  --tree-icon-color: var(--body-color);
  --tree-font-size: 1rem;
  --tree-font-weight: var(--weight-light);
  --tree-font-color: var(--body-color);
  --tree-hover-font-weight: var(--weight-regular);
  --tree-active-font-weight: var(--weight-bold);
  --tree-disabled-font-color: #747480;
  --tree-line-color: #fff;
  --tree-content-background-color: #2e2e3c;
  --tree-content-box-shadow-hover: 0 0 8px 2px rgba(0, 0, 0, 0.15);
  --form-element-bg-color: #23232f;
  --form-element-border-color: var(--border-color);
  --form-element-hover-bg-color: #282836;
  --form-element-disabled-color: #747480;
  --form-element-disabled-bg-color: #23232f;
  --form-element-disabled-border-width: 0 0 1px 0;
  --form-element-disabled-border-color: #3a3a4a;
  --form-element-placeholder-color: #fff;
  --form-element-placeholder-size: 1rem;
  --form-element-clear-button-color: #fff;
  --form-element-clear-button-disabled-color: #747480;
  --form-element-icon-disabled-color: #747480;
  --checkbox-bg-color: transparent;
  --checked-bg-color: #fff;
  --checked-border-color: #fff;
  --checked-disabled-bg-color: #3a3a4a;
  --checked-icon-color: #1a1a24;
  --date-picker-navigation-bg-color: #2e2e3c;
  --date-picker-navigation-arrow-color: #fff;
  --date-picker-tile-color: #fff;
  --date-picker-tile-active-color: #2e2e38;
  --date-picker-tile-active-bg-color: var(--branding);
  --date-picker-tile-active-hover-bg-color: #1a1a24;
  --date-picker-neighboring-month-color: #747480;
  --date-picker-weekend-color: #747480;
  --date-picker-disabled-color: #747480;
  --date-picker-calendar-bg-color: #2e2e3c;
  --date-picker-weekday-color: #fff;
  --date-picker-today-mark: #eaeaf2;
  --date-picker-view-container-color: #23232f;
  --date-picker-view-container-border-color: transparent;
  --file-uploader-background-color: #1a1a24;
  --file-uploader-border-color: #747480;
  --file-uploader-font-color: #c4c4cd;
  --file-uploader-font-size: 1rem;
  --file-uploader-hover-border-color: #eaeaf2;
  --file-uploader-icon-color: #c4c4cd;
  --file-uploader-disabled-font-color: #747480;
  --file-uploader-disabled-background-color: #23232f;
  --file-uploader-disabled-border-color: #3a3a4a;
  --file-uploader-disabled-icon-color: #747480;
  --file-uploader-invalid-font-color: #747480;
  --file-uploader-invalid-background-color: #23232f;
  --file-uploader-invalid-icon-color: #747480;
  --file-uploader-item-background: #23232f;
  --file-uploader-item-border-color: transparent;
  --file-uploader-item-border-radius: 0;
  --file-uploader-item-icon-color: #fff;
  --file-uploader-item-font-color: #fff;
  --file-uploader-item-close-icon-color: #fff;
  --file-uploader-item-custom-button-font-size: 1rem;
  --file-uploader-item-progress-bar-bg-color: #2e2e3c;
  --file-uploader-item-progress-bar-color: var(--branding);
  --file-uploader-item-error-background-color: #23232f;
  --file-uploader-item-error-border-color: var(--error);
  --file-uploader-item-error-font-color: #747480;
  --file-uploader-item-error-icon-color: #747480;
  --file-uploader-item-error-close-icon-color: #fff;
  --file-uploader-item-disabled-background-color: #23232f;
  --file-uploader-item-disabled-border-color: transparent;
  --file-uploader-item-disabled-font-color: #747480;
  --file-uploader-item-disabled-icon-color: #747480;
  --file-uploader-item-disabled-close-icon-color: #3a3a4a;
  --label-font-size: 1rem;
  --label-color: #fff;
  --numeric-input-button-bg-color: #23232f;
  --numeric-input-button-bg-color-hover: #2e2e3c;
  --numeric-input-button-color: #fff;
  --numeric-input-button-bg-color-focus: #1a1a24;
  --numeric-input-button-border-color-focus: #fafafc;
  --numeric-input-button-bg-color-disabled: #2e2e3c;
  --numeric-input-button-color-disabled: #747480;
  --select-list-background-color: #23232f;
  --select-option-hover-bg-color: #2e2e3c;
  --select-option-selected-bg-color: #2e2e3c;
  --select-option-selected-color: var(--branding);
  --select-option-border-color: transparent;
  --select-option-disabled-color: #747480;
  --select-option-disabled-bg-color: #3a3a4a;
  --select-option-disabled-border-color: #3a3a4a;
  --select-trigger-icon-color: #fff;
  --select-arrow-disabled-color: #3a3a4a;
  --radio-button-input-color: #fff;
  --radio-button-bg-color: transparent;
  --radio-button-label-color: var(--body-color);
  --radio-button-disabled-input-color: #3a3a4a;
  --radio-button-disabled-label-color: #747480;
  --slider-font-color: #fff;
  --slider-border-color: var(--branding);
  --slider-track-bg-color: #3a3a4a;
  --slider-track-filled-bg-color: var(--branding);
  --slider-thumb-color: var(--branding);
  --slider-thumb-hover-color: #747480;
  --slider-thumb-hover-color-border: #3a3a4a;
  --slider-disabled-thumb-color: #3a3a4a;
  --slider-disabled-range-color: #3a3a4a;
  --template-message-color: #fff;
  --text-area-scroll-bar-bg: #c4c4cd;
  --text-area-scroll-bar-hover-bg: #747480;
  --toggle-switch-off-bg-color: #3a3a4a;
  --toggle-switch-off-control-bg-color: #c4c4cd;
  --toggle-switch-on-bg-color: #168736;
  --toggle-switch-on-control-bg-color: #57e188;
  --toggle-switch-hover-control-border-color: #747480;
  --toggle-switch-disabled-control-bg-color: #3a3a4a;
  --toggle-switch-disabled-bg-color: var(--body-bg);
  --toggle-switch-transition: transform 0.4s ease;
  --pin-entry-hover-clear-icon-color: #282836;
  --vertical-navigation-expanded-width: 20.286rem;
  --vertical-navigation-collapsed-width: 4rem;
  --vertical-navigation-footer-border-color: #3a3a4a;
  --vertical-navigation-bg-color: #2e2e38;
  --vertical-navigation-menu-item-color: #c4c4cd;
  --vertical-navigation-menu-item-bg-color: #2e2e38;
  --vertical-navigation-menu-item-hover-color: #fff;
  --vertical-navigation-menu-item-hover-bg-color: #1a1a24;
  --vertical-navigation-menu-item-active-color: #fff;
  --vertical-navigation-menu-item-active-bg-color: #1a1a24;
  --vertical-navigation-menu-item-active-border-color: #ffe600;
  --vertical-navigation-menu-list-bg-color: #1a1a24;
  --vertical-navigation-menu-list-item-color: #c4c4cd;
  --vertical-navigation-menu-list-item-bg-color: #23232f;
  --vertical-navigation-menu-list-item-active-color: #ffe600;
  --vertical-navigation-menu-list-item-active-bg-color: #1a1a24;
  --vertical-navigation-menu-list-item-hover-color: #fff;
  --vertical-navigation-menu-list-item-hover-bg-color: #1a1a24;
  --motif-skeleton-container-background: #1a1a24;
  --motif-skeleton-container-border: 1px solid #3a3a4a;
  --motif-skeleton-container-background-alt: #282836;
  --motif-skeleton-container-border-alt: 1px solid #3a3a4a;
  --motif-skeleton-background: #3a3a4a;
  --motif-skeleton-animation-gradient: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    rgba(26, 26, 36, 0.6),
    hsla(0, 0%, 100%, 0)
  );
  --carousel-dot-color: #fff;
  --carousel-arrow-hover: #282836;
  --carousel-bg-color: #2e2e3c;
  --carousel-play-pause-bg-color: #fff;
  --carousel-play-pause-color: #1a1a24;
}
.motif-tree-node-content {
  align-items: start !important;
}
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #d3d3d3;
  font-family: EyInterstate;
}
.tableViewContent {
  align-items: center;
  display: flex;
  white-space: nowrap;
}
.tableViewContent span {
  margin: 0 46px;
}
.iconAlignment {
  height: 25px;
  margin-left: 12px;
  width: 25px;
}
.motifFormFieldOverride {
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
  margin-right: 9px;
}
.switcherCheckBox {
  margin-right: 14px;
}
.checkBoxFontWeight {
  font-weight: 700;
}
.contentSwitcher-tooltip {
  width: 156px !important;
}
.contentSwitcher-tooltip div {
  width: 156px;
}
.mainHeader,
.mainHeaderForColor {
  margin: 0;
  padding: 0;
  width: 100%;
}
.mainHeaderForColor {
  border-right: 3px solid gray;
}
.topHeader {
  height: 44px;
  white-space: normal !important;
  width: 100%;
}
.topContainer,
.topHeader {
  align-items: center;
  display: flex;
}
.topContainer {
  justify-content: space-between;
  margin-left: 20px;
  padding: 0;
}
.showIcon {
  visibility: visible;
}
.hideIcon {
  visibility: hidden;
}
.rotateIcon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.countryCustomHeaderTooltip div {
  width: 188px !important;
}
.headerTitle {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--body-color);
  display: -webkit-box;
  font-family: ey_interstate;
  font-size: 14px;
  font-weight: light;
  overflow: hidden;
  padding: "0px";
  width: 152px;
}
.composit-headerTitle,
.country-headerTitle {
  color: var(--body-color);
  font-family: ey_interstate;
  font-size: 14px;
  font-weight: light;
  height: 44px;
  padding: "0px";
  white-space: normal !important;
  width: 38px;
  word-break: break-all !important;
}
.sortIcon {
  fill: #fff;
  height: 25px;
  margin-left: 10px;
  width: 25px;
}
.bottomHeader {
  align-items: center;
  color: #fff;
  display: flex;
  height: 44px;
  margin-left: 20px;
}
.weightageIcon {
  fill: #fff;
  height: 16px !important;
  width: 16px !important;
}
.infoIcon {
  height: 21px;
  margin-left: -4px;
  margin-top: 10px;
  width: 21px;
}
.weightageFont {
  color: var(--body-color);
  font-family: ey_interstate;
  font-size: 14px;
  font-weight: lighter;
  margin-left: 10px;
}
.ey-custom-header {
  color: #fff;
  font-weight: light;
  padding: "0px";
}
.motif-font {
  font-weight: 300;
}
.commonCustomHeaderWeightage {
  margin-left: 18px;
}
.svg-asc-icon {
  display: inline-block;
  height: 22px;
  margin: 20px;
  -webkit-mask-image: url(/static/media/asc.204aa853ee5fcbe74600.svg);
  mask-image: url(/static/media/asc.204aa853ee5fcbe74600.svg);
  padding: 0;
  width: 22px;
  z-index: 1200;
}
.svg-asc-icon,
.svg-close-icon {
  background-color: #fff;
  font-weight: 700;
}
.svg-close-icon {
  -webkit-mask-image: url(/static/media/cross.491f81a064de01fa9111.svg);
  mask-image: url(/static/media/cross.491f81a064de01fa9111.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  min-height: 20px;
  min-width: 20px;
}
.countryIconAlignment {
  height: 21px;
  margin-left: 14px;
  width: 21px;
}
.tooltip-removeIndicator {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: 45px;
  justify-content: center;
  text-align: center;
  width: 138px;
}
.tooltip-removeIndicator:hover {
  background-color: var(--body-bg) !important;
  cursor: pointer;
}
.tooltip-removeIndicator:hover,
.tooltip-removeIndicator:hover span {
  color: var(--branding) !important;
}
.commonCustomHeader-tooltip {
  padding: 0 !important;
}
.commonCustomHeader-tooltip div div div {
  margin: 0 !important;
  padding: 0 !important;
}
.commonCustomHeader-tooltip div div div ul li {
  padding: 0 !important;
}
.commonCustomHeader-tooltip div div div ul li div {
  align-items: center !important;
  font-size: 14px;
  height: 45px;
  padding-left: 16px !important;
  width: 138px;
}
.commonCustomHeader-tooltip div div div ul li div:hover {
  background-color: var(--body-bg) !important;
  color: var(--branding) !important;
  cursor: pointer;
}
.commonCustomHeader-tooltip div div div ul li div:hover span {
  color: var(--branding) !important;
}
.commonCustomHeader-tooltip div div div ul li div:hover button {
  background-color: var(--body-bg) !important;
  color: var(--branding) !important;
}
.commonCustomHeader-tooltip-treeNode {
  align-items: center;
  display: flex;
  justify-content: center;
}
.newTopContainer {
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.left {
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.headerLeftTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  display: -webkit-box;
  font-family: ey_interstate;
  font-size: 14px;
  font-weight: light;
  font-weight: lighter;
  height: 38px;
  margin-bottom: 14px;
  overflow: hidden;
  padding: "0px";
  white-space: normal !important;
  width: 152px;
}
.customHeaderTitleTooltipContent div div div ul li div {
  height: 45px;
  padding-left: 16px !important;
  width: 138px;
}
.ag-body-horizontal-scroll-viewport,
.ag-center-cols-viewport {
  background-color: #1a1a24;
}
.ag-horizontal-left-spacer {
  background-color: #1a1a24;
  border-right-color: none !important;
}
.ag-body-viewport {
  background-color: #1a1a24;
}
.setting-tooltip {
  margin-top: 5px;
}
.ey-Setting-container {
  background: transparent 0 0 no-repeat padding-box;
  color: #fff;
  display: grid;
  font: normal normal 300 14px/22px EYInterstate;
  grid-template-rows: 45px;
  margin-top: -10px;
  width: 230px;
}
.row1part1 {
  display: flex;
  justify-content: space-between;
  padding: 15px 16px 14px 13px;
}
.rowpart2 {
  margin-left: -10px;
}
.preference {
  margin-left: 20px;
}
.row1part2 {
  background-color: #2e2e3c;
  border: none;
  font-weight: 300;
  height: 45px;
  margin-left: -24px;
  margin-top: -1px;
  width: 260px;
}
.row2part2 {
  margin-left: -20px;
  padding-top: 16px;
}
.row1part3 {
  display: flex;
  justify-content: space-between;
  margin-left: 50px;
  margin-right: 16px;
  margin-top: -6px;
}
.weight-modal-body-warning {
  padding: 10px 8px 30px;
}
.weight-display-inline {
  display: flex;
  justify-content: flex-end;
}
.weight-modal-warning {
  bottom: 8px;
  margin-right: 5px;
  position: relative;
}
.weight-adjustment-container {
  align-items: center;
  display: flex;
  height: 44px;
  margin-bottom: 10px;
  margin-left: 57px;
  margin-top: 8px;
  width: 470px;
}
.weight-adjustment-icon {
  height: 24px;
  width: 24px;
}
.weight-adjustment-icon :hover {
  background-color: #3a3a4a;
  cursor: pointer;
}
.weight-input-field {
  background-color: #2e2e3c;
  display: flex;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  width: 69px;
}
.weight-total-container {
  border-top: 1px solid #2e2e3c;
  display: flex;
  height: 80px;
}
.weight-total-weightage-text {
  height: 80px;
  padding-left: 75px;
  padding-top: 30px;
}
.weight-total {
  height: 80px;
  padding-top: 30px;
}
.weight-total-warning {
  color: #f95d54;
  font-weight: 700;
  padding: 0 10px;
}
.weight-container {
  height: 155px;
  overflow: auto;
  padding-bottom: 10px;
}
.weight-button {
  height: 24px;
  margin-top: 10px;
  width: 24px;
}
h6:hover {
  text-decoration: underline;
}
.tooltip-main-div {
  align-self: flex-start;
  margin-top: 2px;
}
.tooltip-inline {
  display: flex;
  font: 12px !important;
  width: 180px;
}
.tooltip-inline div:first-child {
  width: 35%;
}
.view-details {
  font-size: 12px;
  font-weight: 700;
}
.view-details:hover {
  cursor: pointer;
  text-decoration: underline;
}
.ey-hamburger-container {
  padding: 10px 40px 40px;
}
.ey-hamburger-container,
.ey-hamburger-containerforCol {
  background: #1a1a24 0 0 no-repeat padding-box;
  left: 0;
  opacity: 1;
  top: 0;
}
.ey-hamburger-containerforCol {
  padding: 10px 40px 0;
}
.ey-indicator-margin {
  margin: 0 10px 10px 0;
}
.ey-indicator-cardheader {
  color: #fff;
  font: normal normal 300 14px/22px EYInterstate;
  letter-spacing: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}
.motif-tree-nodes > .motif-tree-node {
  cursor: pointer;
}
.landing-page-map ul {
  background-color: transparent;
  color: #fff;
  display: "flex";
  float: "right";
  justify-content: "end";
  left: 91%;
  margin-right: "14px";
  margin-top: 30px;
  opacity: "0.8";
  position: absolute;
  width: 79px !important;
}
.landing-page-map label {
  align-items: center;
  background-color: transparent;
  display: flex;
  font-size: 12px;
  font-size: x-small;
  justify-content: center;
  margin: 0;
  padding: 5px 0 !important;
  position: relative;
  top: -5px;
}
.large-map .vega-embed {
  width: 100%;
}
@media screen and (min-width: 1366px) {
  .large-map .vega-embed {
    width: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .large-map .vega-embed {
    width: 100%;
  }
}
.large-map .vega-embed > svg {
  height: 100%;
  width: 100%;
}
.ChartStyle {
  align-items: "center";
  height: "24px";
  margin-left: "9px";
  margin-right: "10px";
  width: "24px";
}
.listStyle {
  background-color: rgba(0, 0, 0, 0.1) !important;
  padding: 14px;
}
.zoom-in-out-icons .zoom-icon {
  background: transparent;
  border: none;
  height: 45px;
  left: 30px;
  opacity: 1;
  top: 638px;
  width: 45px;
}
.zoom-in-out-icons .icon-style {
  height: 100px;
  left: 30px;
  position: absolute;
  top: 500px;
  width: 45px;
}
.mini-map-slide .mini-map-slide-container {
  -webkit-animation-name: none !important;
  animation-name: none !important;
  background: #23232f 0 0 no-repeat padding-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.302);
  height: 768px;
  left: 0 !important;
  opacity: 1;
  overflow: hidden;
  width: 400px;
}
.mini-map-slide .mini-map-slide-header {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  opacity: 1;
  text-align: left;
}
.mini-map-apply-button .motif-button-primary .motif-button {
  background: #000 !important;
  border: none !important;
  color: #747480 !important;
  height: "44px";
  width: "110px";
}
.mini-map-slide-search .motif-typeahead-list {
  background-color: #2e2e3c !important;
}
.mini-map-slide-hide-autotypelist .motif-typeahead-list {
  display: none !important;
}
.alertStyle {
  bottom: 80px;
  position: fixed;
}
.paddingStyle {
  padding: 0;
}
.mini-map-modal .mini-map-modal-container {
  background: #23232f 0 0 no-repeat padding-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.302);
  height: 304px;
  opacity: 1;
  width: 540px;
}
.mini-map-modal .modal-body {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  opacity: 1;
  text-align: left;
}
.mini-map-modal .modal-button {
  background: #ffe600 0 0 no-repeat padding-box;
  border: 1px solid #2e2e38;
  height: 44px;
  opacity: 1;
  width: 90px;
}
.mini-map-modal .modal-button-cancel {
  border: 1px solid #fff;
  height: 44px;
  opacity: 1;
  width: 116px;
}
.indicator-main-container {
  display: flex;
  height: 85px;
  margin-right: 20px;
  padding-left: 3px;
  width: 241px;
}
.indicator-main-container-wide {
  display: flex;
  height: 85px;
  margin-right: 109px;
  padding-left: 3px;
  width: 241px;
}
.badge {
  padding: 0 8px 9px 0;
}
.indicator-percentage {
  font: normal normal normal 10px/18px EYInterstate;
  height: 12px;
  margin-bottom: 13px;
  width: 19px;
}
.indicators {
  display: block;
}
.indicator-info {
  display: flex;
}
.indicator-name {
  display: flex;
  font: normal normal 700 12px/18px Arial;
  height: 50px;
  padding: 0 8px;
  width: 175px;
}
.indicator-source {
  color: #d8dde4;
  font: normal normal normal 10px/16px Arial;
  height: 34px;
  margin-top: 8px;
  padding: 0 8px;
  width: 175px;
}
.indicator-hide-tooltip {
  width: 154px;
}
.indicator-name-map-view {
  display: flex;
  font: normal normal 300 12px/18px EYInterstate;
  height: 50px;
  padding: 0 8px;
  width: 175px;
}
.indicator-name-map-view :hover {
  cursor: pointer;
}
.invert-tooltip {
  width: 144px;
}
.chartViewSort-tooltip-innerDiv {
  padding: 14px !important;
}
.color-options {
  padding-bottom: 50px;
}
.palette-tooltip {
  padding-right: 0 !important;
  width: 200px !important;
}
.color-palette-tooltip :first-child div :first-child :last-child div {
  padding: 0 !important;
}
.color-palette-container {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  grid-auto-rows: 26px;
  grid-template-columns: repeat(7, 26px);
  height: 230px;
  width: 250px;
}
.color-palette-individual-div {
  padding: 3px;
}
.checkMark-color {
  color: #000;
  font-size: 20px;
  text-align: center;
}
.dot {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 18px;
  width: 18px;
}
.data-indicators-container {
  bottom: 0;
  display: flex;
  margin-left: 40px;
  margin-right: 40px;
  position: absolute;
  width: calc(100% - 80px);
}
.data-indicators-card {
  height: 115px;
  padding-top: 3px;
  width: 230px;
}
.data-indicators-card-header {
  display: flex;
  height: 44px;
}
.data-indicators-card-title {
  width: 156px;
}
.data-indicators-header-chevron {
  height: 24px;
  width: 24px;
}
.data-indicators-header-chevron :hover {
  cursor: pointer;
}
.data-indicators-header-more {
  height: 24px;
  width: 24px;
}
.data-indicators-coverage-container {
  align-items: center;
  display: flex;
  height: 24px;
  padding-bottom: 15px;
  width: 174px;
}
.data-indicators-coverage-box {
  background-color: #2e2e38;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.data-indicators-coverage-text {
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  width: 132px;
}
.data-indicators-info-tooltip {
  height: 75px;
  width: 156px;
}
.data-indicators-composite-text {
  font-size: 12px;
}
.data-indicators-text-container {
  display: flex;
  width: 192px;
}
.data-indicators-composite-text-favourable {
  font-size: 12px;
  width: 50%;
}
.data-indicators-composite-text-unfavorable {
  font-size: 12px;
  text-align: right;
  width: 50%;
}
.data-indicators-color-bar {
  background-image: linear-gradient(90deg, green, #ff0, orange);
  height: 5px;
  width: 192px;
}
.data-indicators-tooltip-container {
  background-color: #2e2e3c;
  height: 132px;
  width: 223px;
}
.data-indicators-tooltip {
  display: flex;
  height: 44px;
  padding: 10px 14px;
}
.data-indicators-spread {
  padding-right: 5px;
}
.data-indicators-spread :hover {
  cursor: pointer;
  text-decoration: underline;
}
.data-indicators-spread-info-tooltip {
  width: 257px;
}
.data-indicators-radio-button-group-container {
  height: 88px;
  padding-left: 48px;
}
.data-indicators-radio-button-group {
  padding-bottom: 10px;
  padding-top: 10px;
}
.data-indicators-radio-button-container {
  padding-bottom: 10px;
  padding-top: 5px;
}
.data-indicators-selected-indicators-container {
  background-color: rgba(26, 26, 36, 0.8);
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 5px;
  width: calc(100% - 80px);
}
.data-indicators-selected-indicators-container::-webkit-scrollbar {
  display: none;
}
.landingpage-toast {
  background: #2e2e3c 0 0 no-repeat padding-box !important;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.204) !important;
  height: 24px;
  left: 451px;
  position: relative;
  top: 552px;
  width: 360px;
}
.landingpage-toast .motif-toast button {
  display: none;
}
.indicator_div {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 158px;
  margin-top: -20px;
  overflow: auto;
  padding-right: 30px;
}
.card {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 50px;
  padding: 2px 7px;
}
@media (max-width: 1247px) {
  .card {
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .card {
    min-width: 124px;
  }
}
.ey-icon-size svg {
  max-width: none !important;
}
.item {
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
}
.card-border {
  background-color: #1a1a24;
  border-left: 4px solid #ffe600 !important;
  border: none;
}
.weightageButton {
  display: "flex";
  height: "44px";
  left: "950px";
  opacity: 1;
  width: "118px";
}
.indicator-suggestion-container {
  height: 645px !important;
  width: 820px !important;
}
.indicator-suggestion {
  bottom: 40px !important;
  display: flex;
  width: 100%;
}
.indicator-source {
  display: flex;
  flex-direction: column;
  width: 70% !important;
}
.indicator-source :first-child {
  font-size: 12px !important;
}
.indicator-source div {
  font-size: 14px;
}
.indicator-year {
  left: 396px;
  width: 49px;
}
.indicator-data-count {
  align-items: flex-end;
}
.card-container,
.rhs-container {
  display: flex;
}
.indicator-card {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 10px;
  min-height: 50px;
  padding: 2px 7px;
}
@media (max-width: 1247px) {
  .indicator-card {
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .indicator-card {
    min-width: 124px;
  }
}
.selectedIndicators-main-container {
  background-color: rgba(26, 26, 36, 0.9);
  max-height: 455px;
  overflow: hidden;
  position: absolute;
  right: 40px;
  top: 46px;
  width: 290px;
  z-index: 800;
}
.selectedIndicator-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: space-between;
  margin-right: 19px;
  padding-left: 16px;
  width: 260px;
}
.indicator-container {
  width: 250px;
}
.card-title {
  font-size: 14px;
  font-weight: 700;
}
.selectedIndicators-inner-container {
  max-height: 445px;
  overflow: auto;
}
.trending-card {
  float: left;
  height: 249px;
  margin-right: 11px;
  position: relative;
  width: 278px;
}
.trending-card-header {
  border-bottom: none;
}
.trending-title-22 {
  font: normal normal normal 14px/22px EYInterstate;
}
.trending-title-20 {
  font: normal normal normal 12px/20px EYInterstate;
}
.trending-card-body {
  min-height: 112px;
}
.trending-body {
  line-height: 80%;
}
.trending-footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.trending-main-container {
  margin: 0 40px;
  width: calc(100% - 80px);
}
.hide-trending-main-container {
  display: none;
}
.trending-container {
  display: flex;
  height: 270px;
  overflow: auto;
  width: 100%;
}
.trending-card-heading {
  font-weight: 700;
  padding-top: 61px;
}
.whatsNew-card {
  float: left;
  height: 281px;
  margin-right: 11px;
  position: relative;
  width: 278px;
}
.whatsNew-card-header {
  border-bottom: none;
}
.whatsNew-title-22 {
  font: normal normal normal 14px/22px EYInterstate;
}
.whatsNew-title-20 {
  font: normal normal normal 12px EYInterstate;
}
.whatsNew-normal-card-body-text {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-weight: lighter;
  line-height: 24px;
  margin-bottom: 14px;
  overflow: hidden;
}
.whatsNew-application-card-body-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whatsNew-body {
  line-height: 80%;
}
.whatsNew-footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.whatsNew-main-container {
  margin: 30px 40px 40px;
  width: calc(100% - 80px);
}
.whatsNew-container {
  display: flex;
  height: 300px;
  overflow: auto;
  width: 100%;
}
.nowrapellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.heading {
  font-weight: 700;
}
.footer-link,
.footer-link:hover {
  color: #fff;
  text-decoration: none;
}
.multi_range_slider_container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.slider {
  position: relative;
  width: 208px;
}
.slider__left-value,
.slider__range,
.slider__right-value,
.slider__track {
  position: absolute;
}
.slider__range,
.slider__track {
  border-radius: 3px;
  height: 2px;
}
.slider__track {
  background-color: #ced4da;
  width: 100%;
  z-index: 1;
}
.slider__range {
  background-color: #9fe5e1;
  z-index: 2;
}
.slider__left-value,
.slider__right-value {
  color: #dee2e6;
  font-size: 12px;
  margin-top: 20px;
}
.slider__left-value {
  left: 6px;
}
.slider__right-value {
  right: -4px;
}
.thumb,
.thumb::-webkit-slider-thumb {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
.thumb {
  height: 0;
  outline: none;
  pointer-events: none;
  position: absolute;
  width: 208px;
}
.thumb--zindex-3 {
  z-index: 3;
}
.thumb--zindex-4 {
  z-index: 4;
}
.thumb--zindex-5 {
  z-index: 5;
}
.righttriangle {
  background-image: linear-gradient(90deg, orange, #ff0, green);
}
.lefttriangle,
.righttriangle {
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  height: 20px;
  width: 208px;
}
.lefttriangle {
  background-image: linear-gradient(90deg, green, #ff0, orange);
}
.thumb::-webkit-slider-thumb {
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #fff;
  cursor: pointer;
  height: 16px;
  margin-top: 4px;
  pointer-events: all;
  position: relative;
  width: 16px;
}
.leftthumb::-webkit-slider-thumb {
  background-color: #fb6435;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.rightthumb::-webkit-slider-thumb {
  background-color: #308c40;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.thumb::-moz-range-thumb {
  background-color: #f1f5f7;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #ced4da;
  cursor: pointer;
  height: 16px;
  margin-top: 4px;
  pointer-events: all;
  position: relative;
  width: 16px;
}
.weightage-container {
  background-color: #23232f;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  z-index: 850;
}
@media (min-width: 1367px) {
  .weightage-container {
    height: auto;
  }
}
.weightage-card-outer-container {
  height: 588px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 1367px) {
  .weightage-card-outer-container {
    height: 1010px;
    overflow-y: scroll;
  }
}
.weightage-card-container {
  margin: 0 18px 40px;
  width: 364px;
}
.weightage-header {
  border-bottom: 1px solid #2e2e3c;
  display: flex;
  height: 60px;
  padding: 18px 18px 21px;
  width: 400px;
}
.weightage-inline-col {
  display: flex;
  justify-content: flex-end;
}
.weightage-header-col {
  display: inline-block;
  position: relative;
}
.weightage-toast-margin {
  margin: 10px 18px;
}
.weightage-toast-margin :hover {
  text-decoration: none;
}
.weightage-card {
  height: 164px;
  margin-bottom: 10px;
  padding: 10px 20px;
  width: 364px;
}
.weightage-card-display {
  display: flex;
  padding-bottom: 10px;
}
.weightage-input-display {
  background: #2e2e3c;
  height: 44px;
  margin-right: 5px;
  width: 48px;
}
.weightage-swap-horizon-icon-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.weightage-swap-horizon-icon {
  width: 20px;
}
.weightage-adjustment {
  display: flex;
  height: 44px;
}
.weightage-toast {
  width: 364px;
}
.weightage-badge {
  height: 14px;
  width: 14px;
}
.weightage-more-icon {
  height: 24px;
  width: 24px;
}
.weightage-header-icon-container :hover {
  cursor: pointer;
}
.weightage-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.weightage-tooltip-container {
  background-color: #2e2e3c;
  height: 176px;
  width: 249px;
}
.weightage-tooltip {
  display: flex;
  height: 44px;
  padding: 10px 14px;
}
.weightage-spread {
  padding-right: 5px;
}
.weightage-spread :hover {
  cursor: pointer;
  text-decoration: underline;
}
.weightage-radio-button-group-container {
  height: 88px;
  padding-left: 48px;
}
.weightage-radio-button-group {
  padding-bottom: 10px;
  padding-top: 10px;
}
.weightage-radio-button-container {
  padding-bottom: 10px;
  padding-top: 5px;
}
.weightage-warning-icon-container {
  display: flex;
  height: 44px;
  padding: 10px 13px 13px;
}
.weightage-warning-icon-container:hover {
  cursor: pointer;
}
.weightage-warning-icon {
  background: #ed6500;
  border-radius: 50%;
  height: 20px;
  margin-right: 5px;
  width: 20px;
}
.weightage-warning {
  margin-top: -2px;
}
.weightage-icons {
  height: 24px;
  width: 24px;
}
.weightage-clear-icon {
  margin-left: 20px;
}
.weightage-info-icon {
  margin-right: 20px;
}
.weightage-notification-icon {
  background: #ed6500;
  border-radius: 50%;
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
}
.weightage-invert-icon-tooltip {
  height: 35px;
  width: 144px;
}
.weightage-percentage {
  font: normal normal normal 20px/24px EYInterstate;
  padding: 0 10px;
}
.weightage-indicator-remove-tooltip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.weightage-spread-info-tooltip {
  width: 257px;
}
.superContainer {
  margin-left: 40px;
}
.upperDiv {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 20px;
}
.innerDiv {
  font-weight: 700;
  padding: 14px 36px 12px;
}
.hideSideDivContainer {
  visibility: hidden;
}
.hoverEffect :hover,
.hoverEffect2:hover {
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.otherChartsContainer {
  background-color: #23232f;
  border: 2px solid wheat;
  height: 433px;
  margin-top: 136px;
  padding: 280px 14px 9px 13px;
  position: absolute;
  right: 0;
  top: 0;
  width: 43px;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.chartContainer {
  background-color: #23232f;
  height: 50vh;
  margin-right: 62px;
  width: 1053px;
}
.sideDivContainer {
  visibility: hidden;
  width: 240px;
}
.sideDivContainer,
.smallSideDivContainer {
  background-color: #23232f;
  height: 534px;
  margin-top: 136px;
  padding: 280px 14px 9px 13px;
  position: absolute;
  right: 0;
  top: -76px;
}
.smallSideDivContainer {
  visibility: visible;
  width: 40px;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.indicatorContainer {
  background-color: transparent;
  border-color: 2px solid red;
  display: flex;
  height: 85px;
  margin-bottom: 62px;
  margin-top: 66.31px;
  width: 852px;
}
.bar_chart {
  overflow-x: auto;
  overflow-y: auto;
}
.small_bar_chart {
  width: 500px;
}
.small_bar_chart,
.wide_bar_chart {
  height: 393px;
  overflow-x: auto;
  overflow-y: auto;
}
.wide_bar_chart {
  width: 1000px;
}
.chartViewSort-tooltip-innerDiv {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: 45px;
  justify-content: start;
  padding-left: 14px !important;
  text-align: start;
  width: 138px;
}
.chartViewSort-tooltip-innerDiv:hover {
  background-color: var(--body-bg) !important;
  color: var(--branding) !important;
  cursor: pointer;
}
.chartViewSort-tooltip div {
  padding: 0;
}
.chartViewSort-tooltip div div div {
  margin: 0 !important;
}
.chart-modifycountries-modal-position {
  font-size: 16px;
  left: 0 !important;
  width: 400px !important;
}
/*# sourceMappingURL=main.ea86765d.css.map*/

/*----------------------new addition-----------------------------------------------------------------------*/
.motif-progress-indicator-step {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: 1;
  margin-right: rem(5px);
  padding: rem(12px) 0 rem(6px) 0;
  position: relative;
  width: rem(100px);
  background-color: transparent;
  border: none;
  font-family: var(--primary-font);
  text-align: left;
}
.motif-progress-indicator-step:last-child {
  margin-right: 0;
}
.motif-progress-indicator-step:before {
  background-color: var(--progress-indicator-bar-color);
  content: '
 '
 ;
  height: rem(4px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.motif-progress-indicator-step .motif-progress-indicator-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.motif-progress-indicator-step .motif-progress-indicator-icon-svg {
  position: absolute;
  top: 0;
  width: rem(14px);
  height: rem(14px);
  color: var(--progress-indicator-border-color);
}
.motif-progress-indicator-step .motif-progress-indicator-icon-svg .radio-dot-active, .motif-progress-indicator-step .motif-progress-indicator-icon-svg .radio-dot-hover {
  display: none;
}
.motif-progress-indicator-step .motif-progress-indicator-text-lines {
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: var(--primary-font);
  text-align: left;
}
.motif-progress-indicator-step .motif-progress-indicator-text-lines:hover, .motif-progress-indicator-step .motif-progress-indicator-text-lines:focus {
  text-decoration: underline;
  text-decoration-color: var(--progress-indicator-heading-color);
}
.motif-progress-indicator-step .motif-progress-indicator-text-lines:hover:not(.motif-progress-indicator-step-disabled), .motif-progress-indicator-step .motif-progress-indicator-text-lines:focus:not(.motif-progress-indicator-step-disabled) {
  cursor: pointer;
}
.motif-progress-indicator-step-default .motif-progress-indicator-icon .radio-outline {
  color: var(--progress-indicator-bar-color);
  stroke-width: 1;
}
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover + div .radio-outline, .motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus + div .radio-outline {
  stroke-width: 2;
}
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover + div .radio-dot-active, .motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus + div .radio-dot-active {
  display: none;
}
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover + div .radio-dot-hover, .motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus + div .radio-dot-hover {
  display: none;
}
.motif-progress-indicator-step-active:hover .motif-progress-indicator-icon .radio-dot-active, .motif-progress-indicator-step-active:focus .motif-progress-indicator-icon .radio-dot-active {
  display: none;
}
.motif-progress-indicator-step-active:hover .motif-progress-indicator-icon .radio-dot-hover, .motif-progress-indicator-step-active:focus .motif-progress-indicator-icon .radio-dot-hover {
  display: none;
}
.motif-progress-indicator-step-active:before {
  background-color: var(--progress-indicator-active-bar-color);
}
.motif-progress-indicator-step-active .motif-progress-indicator-icon .radio-dot-active {
  display: none;
}
.motif-progress-indicator-step-active .motif-progress-indicator-icon .radio-outline {
  color: var(--progress-indicator-active-bar-color);
  stroke-width: 2;
}
.motif-progress-indicator-step-active .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-active-bg-color);
  border-color: var(--progress-indicator-active-border-color);
  fill: var(--progress-indicator-active-fill-color);
}
.motif-progress-indicator-step-active .motif-progress-indicator-heading {
  font-weight: var(--weight-bold);
  color: var(--progress-indicator-active-heading-color);
}
.motif-progress-indicator-step-active .motif-progress-indicator-body {
  color: var(--progress-indicator-active-body-color);
}
.motif-progress-indicator-step-completed:before {
  background-color: var(--progress-indicator-completed-bar-color);
}
.motif-progress-indicator-step-completed .radio-outline {
  stroke-width: 0;
}
.motif-progress-indicator-step-completed:hover .motif-progress-indicator-heading, .motif-progress-indicator-step-completed:focus .motif-progress-indicator-heading, .motif-progress-indicator-step-completed:hover .motif-progress-indicator-body, .motif-progress-indicator-step-completed:focus .motif-progress-indicator-body {
  font-weight: var(--weight-bold);
}
.motif-progress-indicator-step-completed .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-completed-bg-color);
  border-color: var(--progress-indicator-completed-border-color);
  fill: var(--progress-indicator-completed-fill-color);
}
.motif-progress-indicator-step-completed .motif-progress-indicator-heading {
  color: var(--progress-indicator-completed-heading-color);
}
.motif-progress-indicator-step-error .motif-progress-indicator-icon-svg {
  display: none;
}
.motif-progress-indicator-step-error:before {
  background-color: var(--progress-indicator-error-bar-color);
}
.motif-progress-indicator-step-error .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-error-bg-color);
  border-color: var(--progress-indicator-error-border-color);
  fill: var(--progress-indicator-error-fill-color);
  padding: rem(1px);
}
.motif-progress-indicator-step-error .motif-progress-indicator-heading {
  font-weight: var(--weight-bold);
}
.motif-progress-indicator-step-warning .motif-progress-indicator-icon-svg {
  display: none;
}
.motif-progress-indicator-step-warning:before {
  background-color: var(--progress-indicator-warning-bar-color);
}
.motif-progress-indicator-step-warning .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-warning-bg-color);
  border-color: var(--progress-indicator-warning-border-color);
  fill: var(--progress-indicator-warning-fill-color);
  padding: rem(1px);
}
.motif-progress-indicator-step-warning .motif-progress-indicator-heading {
  font-weight: var(--weight-bold);
}
.motif-progress-indicator-step-disabled {
  cursor: not-allowed;
}
.motif-progress-indicator-step-disabled:before {
  background-color: var(--progress-indicator-disabled-bar-color);
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines {
  cursor: not-allowed;
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:hover, .motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:focus {
  text-decoration: none;
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:hover p, .motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:focus p {
  cursor: not-allowed;
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-disabled-bg-color);
  border-color: var(--progress-indicator-disabled-border-color);
  fill: var(--progress-indicator-disabled-fill-color);
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-heading {
  color: var(--progress-indicator-disabled-heading-color);
}
.motif-progress-indicator-step-disabled .motif-progress-indicator-body {
  color: var(--progress-indicator-disabled-body-color);
}
.motif-progress-indicator-step-disabled .radio-outline {
  color: var(--progress-indicator-disabled-bar-color);
}
.motif-progress-indicator-step-disabled .radio-dot-active, .motif-progress-indicator-step-disabled .motif-progress-indicator-completed-icon path, .motif-progress-indicator-step-disabled .radio-dot-hover {
  display: none;
}
.motif-progress-indicator-icon {
  flex-shrink: 0;
  padding: 0;
  width: rem(14px);
}
.motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  background-color: var(--progress-indicator-bg-color);
  border-radius: 50%;
  fill: transparent;
  height: rem(14px);
  width: rem(14px);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
  position: absolute;
  top: 0;
}
.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled) .motif-progress-indicator-heading {
  font-weight: var(--weight-bold);
  cursor: pointer;
}
.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled) .motif-progress-indicator-icon:before {
  top: -0.99rem;
}
.motif-progress-indicator-heading {
  color: var(--progress-indicator-heading-color);
  font-size: rem(14px);
  font-weight: var(--weight-regular);
  line-height: 1;
  margin: 0 0 0 rem(6px);
}
.motif-progress-indicator-body {
  color: var(--progress-indicator-body-color);
  font-size: rem(12px);
  font-weight: var(--weight-light);
  line-height: 1.2;
  margin: rem(4px) 0 rem(8px) rem(19px);
}
.motif-progress-indicator-direction-row .motif-progress-indicator-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.motif-progress-indicator-direction-row .motif-progress-indicator-step:before {
  margin-left: rem(19px);
  margin-top: rem(5px);
}
.motif-progress-indicator-direction-row .motif-progress-indicator-heading {
  margin: rem(2px) 0 0 rem(19px);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step {
  min-height: rem(60px);
  margin-bottom: rem(4px);
  flex-direction: row-reverse;
  width: fit-content;
  padding: 0;
  margin-right: 0;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step:before {
  display: none;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step-active .motif-progress-indicator-icon:after {
  background-color: var(--progress-indicator-active-bar-color);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step-completed .motif-progress-indicator-icon:after {
  background-color: var(--progress-indicator-completed-bar-color);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step-error .motif-progress-indicator-icon:after {
  background-color: var(--progress-indicator-error-bar-color);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-step-disabled .motif-progress-indicator-icon:after {
  background-color: var(--progress-indicator-disabled-bar-color);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-icon:after {
  content: '';
 
 ;
  background-color: var(--progress-indicator-bar-color);
  bottom: 0;
  position: absolute;
  top: rem(18px);
  width: rem(4px);
}
.motif-progress-indicator-direction-col .motif-progress-indicator-heading {
  margin-top: 0;
}
.motif-progress-indicator-direction-col .motif-progress-indicator-body {
  margin-left: 6px;
}