/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/dashboards-demo/src/styles.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Siemens Sans";
  font-weight: normal;
  font-style: normal;
  src: local("Siemens Sans Roman"), url('SiemensSans_Prof_Roman.woff2') format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  font-weight: normal;
  font-style: italic;
  src: local("Siemens Sans Roman Italic"), url('SiemensSans_Prof_Italic.woff2') format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  font-weight: bold;
  font-style: normal;
  src: local("Siemens Sans Bold"), url('SiemensSans_Prof_Bold.woff2') format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  font-weight: bold;
  font-style: italic;
  src: local("Siemens Sans Bold Italic"), url('SiemensSans_Prof_BoldItalic.woff2') format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  font-weight: 900;
  font-style: normal;
  src: local("Siemens Sans Black"), url('SiemensSans_Prof_Black.woff2') format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  font-weight: 900;
  font-style: italic;
  src: local("Siemens Sans Black Italic"), url('SiemensSans_Prof_BlackItalic.woff2') format("woff2");
}
:root {
  --bs-font-sans-serif: var(--element-body-font-family);
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-font-family: var(--element-body-font-family);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: normal;
  --bs-body-line-height: 1.143;
  --bs-body-color: var(--element-text-primary);
  --bs-body-bg: var(--element-base-0);
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin-block: 16px;
  margin-inline: 0;
  color: var(--element-ui-4);
  background-color: currentColor;
  border: 0;
  opacity: 1;
}

hr:not([size]) {
  block-size: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-block: 0 8px;
  font-weight: bold;
  line-height: 1.2;
  color: var(--element-text-primary);
}

h1, .h1 {
  font-size: 1.85rem;
}

h2, .h2 {
  font-size: 1.25rem;
}

h3, .h3 {
  font-size: 1.125rem;
}

h4, .h4 {
  font-size: 1rem;
}

h5, .h5 {
  font-size: 0.875rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

p {
  margin-block: 0 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-block-end: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-inline-start: 2rem;
}

ol,
ul,
dl {
  margin-block: 0 1rem;
}

:is(ol, ul) :is(ol, ul) {
  margin-block-end: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-block-end: 0.5rem;
  margin-inline-start: 0;
}

blockquote {
  margin-block: 0 1rem;
  margin-inline: 0;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.75rem;
}

mark, .mark {
  padding: 0.2em;
  background-color: var(--element-status-caution);
  color: var(--element-status-caution-contrast);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  inset-block-end: -0.25em;
}

sup {
  inset-block-start: -0.5em;
}

a, .link, .link-text {
  color: var(--element-ui-0);
  text-decoration: none;
  border-radius: var(--element-button-radius);
}
a:hover, .link:hover, .link-text:hover {
  color: var(--element-ui-0-hover);
  text-decoration: underline;
}

a:not([href]):not([class]), .link:not([href]):not([class]), .link-text:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-block: 0 1rem;
  overflow: auto;
  font-size: 87.5%;
  color: var(--element-text-primary);
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 87.5%;
  color: var(--element-data-11);
  word-wrap: break-word;
}
a > code, .link > code, .link-text > code {
  color: inherit;
}

kbd {
  padding-block: 0.2rem;
  padding-inline: 0.4rem;
  font-size: 87.5%;
  color: var(--element-base-1);
  background-color: var(--element-ui-1);
  border-radius: var(--element-radius-1);
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

figure {
  margin-block: 0 1rem;
  margin-inline: 0;
}

img,
svg {
  vertical-align: middle;
}

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

caption {
  padding-block: 8px;
  color: var(--element-text-disabled);
  text-align: start;
}

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

:is(button,
[type=button],
[type=reset],
[type=submit]) {
  -webkit-appearance: button;
}
:is(button,
[type=button],
[type=reset],
[type=submit]):not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-inline-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: inline-start;
  inline-size: 100%;
  padding: 0;
  margin-block-end: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
legend + * {
  clear: inline-start;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  block-size: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

small, .small {
  font-weight: normal;
}

ul,
ol {
  padding-inline-start: 40px;
}

.lead {
  font-size: 1rem;
  font-weight: normal;
}

.list-unstyled {
  padding-inline-start: 0;
  list-style: none;
}

.list-inline {
  padding-inline-start: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-inline-end: 0.5rem;
}

.initialism {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.blockquote {
  margin-block-end: 16px;
  font-size: 1rem;
}
.blockquote > :last-child {
  margin-block-end: 0;
}

.blockquote-footer {
  margin-block: -16px 16px;
  font-size: 0.75rem;
  color: var(--element-text-secondary);
}
.blockquote-footer::before {
  content: "— ";
}

h1,
.h1,
.si-h1 {
  font-size: 1.85rem;
  font-weight: normal;
  line-height: 1.067;
}

.si-h1-black {
  font-size: 1.85rem;
  font-weight: 900;
  line-height: 1.067;
}

h2,
.h2,
.si-h2 {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.2;
}

h3,
.h3,
.si-h3 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.111;
}

h4,
.h4,
h5,
h6,
.h5,
.h6 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.125;
}

.si-title-1-bold {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.125;
}

.si-title-1 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.125;
}

.si-body-1, .si-value-widget-unit {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.125;
}

.si-title-2-bold {
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.143;
}

.si-title-2 {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.143;
}

.si-body-2 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.143;
}

.si-caption {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.333;
}

.display-1,
.si-display-1 {
  font-size: 3.5rem;
  font-weight: normal;
  line-height: 4.5rem;
}

.display-2,
.si-display-2 {
  font-size: 3rem;
  font-weight: normal;
  line-height: 4rem;
}

.display-3,
.si-display-3,
.si-value-widget-value,
.si-value-widget-value-skeleton {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.3;
}

.display-4,
.si-display-4 {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.3;
}

.text-pre {
  white-space: pre;
}

.text-pre-wrap {
  white-space: pre-wrap;
}

.img-fluid {
  max-inline-size: 100%;
  block-size: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--element-base-0);
  border: 1px solid var(--element-ui-4);
  border-radius: var(--element-radius-2);
  box-shadow: 0 0 4px var(--element-box-shadow-color-1), 0 4px 4px var(--element-box-shadow-color-2);
  max-inline-size: 100%;
  block-size: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-block-end: 8px;
  line-height: 1;
}

.figure-caption {
  font-size: 0.75rem;
  color: var(--element-text-secondary);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  inline-size: 100%;
  padding-inline: var(--bs-gutter-x, 8px);
  margin-inline: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-inline-size: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-inline-size: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-inline-size: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-inline-size: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-inline-size: 1320px;
  }
}
.row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-block-start: calc(-1 * var(--bs-gutter-y));
  margin-inline: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  inline-size: 100%;
  max-inline-size: 100%;
  padding-inline: calc(var(--bs-gutter-x) * 0.5);
  margin-block-start: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  inline-size: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  inline-size: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  inline-size: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  inline-size: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  inline-size: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  inline-size: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  inline-size: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  inline-size: auto;
}

.col-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}

.col-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}

.col-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}

.col-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}

.offset-1 {
  margin-inline-start: 8.33333333%;
}

.offset-2 {
  margin-inline-start: 16.66666667%;
}

.offset-3 {
  margin-inline-start: 25%;
}

.offset-4 {
  margin-inline-start: 33.33333333%;
}

.offset-5 {
  margin-inline-start: 41.66666667%;
}

.offset-6 {
  margin-inline-start: 50%;
}

.offset-7 {
  margin-inline-start: 58.33333333%;
}

.offset-8 {
  margin-inline-start: 66.66666667%;
}

.offset-9 {
  margin-inline-start: 75%;
}

.offset-10 {
  margin-inline-start: 83.33333333%;
}

.offset-11 {
  margin-inline-start: 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: 2px;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 2px;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 4px;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 4px;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 6px;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 6px;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 8px;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 8px;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 12px;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 12px;
}

.g-6,
.gx-6 {
  --bs-gutter-x: 16px;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 16px;
}

.g-7,
.gx-7 {
  --bs-gutter-x: 20px;
}

.g-7,
.gy-7 {
  --bs-gutter-y: 20px;
}

.g-8,
.gx-8 {
  --bs-gutter-x: 24px;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 24px;
}

.g-9,
.gx-9 {
  --bs-gutter-x: 32px;
}

.g-9,
.gy-9 {
  --bs-gutter-y: 32px;
}

.g-10,
.gx-10 {
  --bs-gutter-x: 64px;
}

.g-10,
.gy-10 {
  --bs-gutter-y: 64px;
}

.g-11,
.gx-11 {
  --bs-gutter-x: 96px;
}

.g-11,
.gy-11 {
  --bs-gutter-y: 96px;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    inline-size: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    inline-size: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    inline-size: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    inline-size: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    inline-size: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    inline-size: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    inline-size: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .offset-sm-0 {
    margin-inline-start: 0;
  }
  .offset-sm-1 {
    margin-inline-start: 8.33333333%;
  }
  .offset-sm-2 {
    margin-inline-start: 16.66666667%;
  }
  .offset-sm-3 {
    margin-inline-start: 25%;
  }
  .offset-sm-4 {
    margin-inline-start: 33.33333333%;
  }
  .offset-sm-5 {
    margin-inline-start: 41.66666667%;
  }
  .offset-sm-6 {
    margin-inline-start: 50%;
  }
  .offset-sm-7 {
    margin-inline-start: 58.33333333%;
  }
  .offset-sm-8 {
    margin-inline-start: 66.66666667%;
  }
  .offset-sm-9 {
    margin-inline-start: 75%;
  }
  .offset-sm-10 {
    margin-inline-start: 83.33333333%;
  }
  .offset-sm-11 {
    margin-inline-start: 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: 2px;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 2px;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 4px;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 4px;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 6px;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 6px;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 8px;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 8px;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 12px;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 12px;
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 16px;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 16px;
  }
  .g-sm-7,
  .gx-sm-7 {
    --bs-gutter-x: 20px;
  }
  .g-sm-7,
  .gy-sm-7 {
    --bs-gutter-y: 20px;
  }
  .g-sm-8,
  .gx-sm-8 {
    --bs-gutter-x: 24px;
  }
  .g-sm-8,
  .gy-sm-8 {
    --bs-gutter-y: 24px;
  }
  .g-sm-9,
  .gx-sm-9 {
    --bs-gutter-x: 32px;
  }
  .g-sm-9,
  .gy-sm-9 {
    --bs-gutter-y: 32px;
  }
  .g-sm-10,
  .gx-sm-10 {
    --bs-gutter-x: 64px;
  }
  .g-sm-10,
  .gy-sm-10 {
    --bs-gutter-y: 64px;
  }
  .g-sm-11,
  .gx-sm-11 {
    --bs-gutter-x: 96px;
  }
  .g-sm-11,
  .gy-sm-11 {
    --bs-gutter-y: 96px;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    inline-size: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    inline-size: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    inline-size: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    inline-size: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    inline-size: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    inline-size: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    inline-size: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .offset-md-0 {
    margin-inline-start: 0;
  }
  .offset-md-1 {
    margin-inline-start: 8.33333333%;
  }
  .offset-md-2 {
    margin-inline-start: 16.66666667%;
  }
  .offset-md-3 {
    margin-inline-start: 25%;
  }
  .offset-md-4 {
    margin-inline-start: 33.33333333%;
  }
  .offset-md-5 {
    margin-inline-start: 41.66666667%;
  }
  .offset-md-6 {
    margin-inline-start: 50%;
  }
  .offset-md-7 {
    margin-inline-start: 58.33333333%;
  }
  .offset-md-8 {
    margin-inline-start: 66.66666667%;
  }
  .offset-md-9 {
    margin-inline-start: 75%;
  }
  .offset-md-10 {
    margin-inline-start: 83.33333333%;
  }
  .offset-md-11 {
    margin-inline-start: 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: 2px;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 2px;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 4px;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 4px;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 6px;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 6px;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 8px;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 8px;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 12px;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 12px;
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 16px;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 16px;
  }
  .g-md-7,
  .gx-md-7 {
    --bs-gutter-x: 20px;
  }
  .g-md-7,
  .gy-md-7 {
    --bs-gutter-y: 20px;
  }
  .g-md-8,
  .gx-md-8 {
    --bs-gutter-x: 24px;
  }
  .g-md-8,
  .gy-md-8 {
    --bs-gutter-y: 24px;
  }
  .g-md-9,
  .gx-md-9 {
    --bs-gutter-x: 32px;
  }
  .g-md-9,
  .gy-md-9 {
    --bs-gutter-y: 32px;
  }
  .g-md-10,
  .gx-md-10 {
    --bs-gutter-x: 64px;
  }
  .g-md-10,
  .gy-md-10 {
    --bs-gutter-y: 64px;
  }
  .g-md-11,
  .gx-md-11 {
    --bs-gutter-x: 96px;
  }
  .g-md-11,
  .gy-md-11 {
    --bs-gutter-y: 96px;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    inline-size: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    inline-size: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    inline-size: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    inline-size: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    inline-size: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    inline-size: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    inline-size: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .offset-lg-0 {
    margin-inline-start: 0;
  }
  .offset-lg-1 {
    margin-inline-start: 8.33333333%;
  }
  .offset-lg-2 {
    margin-inline-start: 16.66666667%;
  }
  .offset-lg-3 {
    margin-inline-start: 25%;
  }
  .offset-lg-4 {
    margin-inline-start: 33.33333333%;
  }
  .offset-lg-5 {
    margin-inline-start: 41.66666667%;
  }
  .offset-lg-6 {
    margin-inline-start: 50%;
  }
  .offset-lg-7 {
    margin-inline-start: 58.33333333%;
  }
  .offset-lg-8 {
    margin-inline-start: 66.66666667%;
  }
  .offset-lg-9 {
    margin-inline-start: 75%;
  }
  .offset-lg-10 {
    margin-inline-start: 83.33333333%;
  }
  .offset-lg-11 {
    margin-inline-start: 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: 2px;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 2px;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 4px;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 4px;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 6px;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 6px;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 8px;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 8px;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 12px;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 12px;
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 16px;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 16px;
  }
  .g-lg-7,
  .gx-lg-7 {
    --bs-gutter-x: 20px;
  }
  .g-lg-7,
  .gy-lg-7 {
    --bs-gutter-y: 20px;
  }
  .g-lg-8,
  .gx-lg-8 {
    --bs-gutter-x: 24px;
  }
  .g-lg-8,
  .gy-lg-8 {
    --bs-gutter-y: 24px;
  }
  .g-lg-9,
  .gx-lg-9 {
    --bs-gutter-x: 32px;
  }
  .g-lg-9,
  .gy-lg-9 {
    --bs-gutter-y: 32px;
  }
  .g-lg-10,
  .gx-lg-10 {
    --bs-gutter-x: 64px;
  }
  .g-lg-10,
  .gy-lg-10 {
    --bs-gutter-y: 64px;
  }
  .g-lg-11,
  .gx-lg-11 {
    --bs-gutter-x: 96px;
  }
  .g-lg-11,
  .gy-lg-11 {
    --bs-gutter-y: 96px;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    inline-size: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    inline-size: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    inline-size: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    inline-size: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    inline-size: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    inline-size: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    inline-size: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .offset-xl-0 {
    margin-inline-start: 0;
  }
  .offset-xl-1 {
    margin-inline-start: 8.33333333%;
  }
  .offset-xl-2 {
    margin-inline-start: 16.66666667%;
  }
  .offset-xl-3 {
    margin-inline-start: 25%;
  }
  .offset-xl-4 {
    margin-inline-start: 33.33333333%;
  }
  .offset-xl-5 {
    margin-inline-start: 41.66666667%;
  }
  .offset-xl-6 {
    margin-inline-start: 50%;
  }
  .offset-xl-7 {
    margin-inline-start: 58.33333333%;
  }
  .offset-xl-8 {
    margin-inline-start: 66.66666667%;
  }
  .offset-xl-9 {
    margin-inline-start: 75%;
  }
  .offset-xl-10 {
    margin-inline-start: 83.33333333%;
  }
  .offset-xl-11 {
    margin-inline-start: 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: 2px;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 2px;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 4px;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 4px;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 6px;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 6px;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 8px;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 8px;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 12px;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 12px;
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 16px;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 16px;
  }
  .g-xl-7,
  .gx-xl-7 {
    --bs-gutter-x: 20px;
  }
  .g-xl-7,
  .gy-xl-7 {
    --bs-gutter-y: 20px;
  }
  .g-xl-8,
  .gx-xl-8 {
    --bs-gutter-x: 24px;
  }
  .g-xl-8,
  .gy-xl-8 {
    --bs-gutter-y: 24px;
  }
  .g-xl-9,
  .gx-xl-9 {
    --bs-gutter-x: 32px;
  }
  .g-xl-9,
  .gy-xl-9 {
    --bs-gutter-y: 32px;
  }
  .g-xl-10,
  .gx-xl-10 {
    --bs-gutter-x: 64px;
  }
  .g-xl-10,
  .gy-xl-10 {
    --bs-gutter-y: 64px;
  }
  .g-xl-11,
  .gx-xl-11 {
    --bs-gutter-x: 96px;
  }
  .g-xl-11,
  .gy-xl-11 {
    --bs-gutter-y: 96px;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    inline-size: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    inline-size: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    inline-size: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    inline-size: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    inline-size: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    inline-size: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    inline-size: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }
  .offset-xxl-0 {
    margin-inline-start: 0;
  }
  .offset-xxl-1 {
    margin-inline-start: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-inline-start: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-inline-start: 25%;
  }
  .offset-xxl-4 {
    margin-inline-start: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-inline-start: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-inline-start: 50%;
  }
  .offset-xxl-7 {
    margin-inline-start: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-inline-start: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-inline-start: 75%;
  }
  .offset-xxl-10 {
    margin-inline-start: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-inline-start: 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: 2px;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 2px;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 4px;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 4px;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 6px;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 6px;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 8px;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 8px;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 12px;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 12px;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 16px;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 16px;
  }
  .g-xxl-7,
  .gx-xxl-7 {
    --bs-gutter-x: 20px;
  }
  .g-xxl-7,
  .gy-xxl-7 {
    --bs-gutter-y: 20px;
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --bs-gutter-x: 24px;
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --bs-gutter-y: 24px;
  }
  .g-xxl-9,
  .gx-xxl-9 {
    --bs-gutter-x: 32px;
  }
  .g-xxl-9,
  .gy-xxl-9 {
    --bs-gutter-y: 32px;
  }
  .g-xxl-10,
  .gx-xxl-10 {
    --bs-gutter-x: 64px;
  }
  .g-xxl-10,
  .gy-xxl-10 {
    --bs-gutter-y: 64px;
  }
  .g-xxl-11,
  .gx-xxl-11 {
    --bs-gutter-x: 96px;
  }
  .g-xxl-11,
  .gy-xxl-11 {
    --bs-gutter-y: 96px;
  }
}
.table {
  --bs-table-bg: var(--element-base-1);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--element-text-primary);
  --bs-table-striped-bg: var(--element-base-0);
  --bs-table-active-color: var(--element-text-primary);
  --bs-table-active-bg: var(--element-base-1-selected);
  --bs-table-hover-color: var(--element-text-primary);
  --bs-table-hover-bg: var(--element-base-1-hover);
  inline-size: 100%;
  margin-block-end: 16px;
  color: var(--element-text-primary);
  vertical-align: top;
  border-color: var(--element-ui-4);
  border-radius: var(--element-radius-2);
  background-color: var(--bs-table-bg);
}
.table > :not(caption) > * > * {
  padding-block: 8px;
  padding-inline: 8px;
  background-color: var(--bs-table-accent-bg);
  border-block-end-width: 1px;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-block-start: 2px solid currentColor;
}
.table :is(th, td) {
  vertical-align: middle;
}
.table :is(th, td):first-child {
  padding-inline-start: 16px;
}
.table :is(th, td):last-child {
  padding-inline-end: 16px;
}
.table thead {
  border-width: 0;
  border-block-end: 4px solid var(--element-ui-4);
}
.table thead th {
  vertical-align: baseline;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.143;
}
.table tbody tr:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}
.table tbody tr:last-child > * {
  border-block-end: 0;
}
.table tbody tr:last-child > :first-child {
  border-end-start-radius: inherit;
}
.table tbody tr:last-child > :last-child {
  border-end-end-radius: inherit;
}
.table tbody :is(th, td) {
  block-size: 64px;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding-block: 4px;
  padding-inline: 8px;
}
.table-sm tbody :is(th, td) {
  block-size: 48px;
}

.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-success:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}
.table-success:last-child > *:first-child {
  border-end-start-radius: inherit;
}
.table-success:last-child > *:last-child {
  border-end-end-radius: inherit;
}
.table-success,
.table-success > :is(th, td) {
  background-color: var(--element-base-success);
}

.table-info:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}
.table-info:last-child > *:first-child {
  border-end-start-radius: inherit;
}
.table-info:last-child > *:last-child {
  border-end-end-radius: inherit;
}
.table-info,
.table-info > :is(th, td) {
  background-color: var(--element-base-information);
}

.table-warning:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}
.table-warning:last-child > *:first-child {
  border-end-start-radius: inherit;
}
.table-warning:last-child > *:last-child {
  border-end-end-radius: inherit;
}
.table-warning,
.table-warning > :is(th, td) {
  background-color: var(--element-base-warning);
}

.table-danger:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}
.table-danger:last-child > *:first-child {
  border-end-start-radius: inherit;
}
.table-danger:last-child > *:last-child {
  border-end-end-radius: inherit;
}
.table-danger,
.table-danger > :is(th, td) {
  background-color: var(--element-base-danger);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-check {
  padding-block: 2px;
}
.form-check :is(.valid-feedback, .invalid-feedback) {
  margin-inline-start: 24px;
}

.form-check-inline {
  display: inline-block;
  margin-inline-end: 1rem;
}

formly-field-radio input[type=radio], formly-field-multicheckbox input[type=checkbox], .ngx-datatable .datatable-checkbox input[type=checkbox], .form-check-input {
  position: relative;
  appearance: none;
  background-color: var(--element-ui-5);
  border: 1px solid var(--element-ui-1);
  flex-shrink: 0;
  float: inline-start;
}
formly-field-radio input[type=radio]:is(:hover, .hover), formly-field-multicheckbox input[type=checkbox]:is(:hover, .hover), .ngx-datatable .datatable-checkbox input[type=checkbox]:is(:hover, .hover), .form-check-input:is(:hover, .hover) {
  border-color: var(--element-action-secondary-border-hover);
  background: var(--element-action-secondary-hover);
}
formly-field-radio input[type=radio]:is([disabled], .disabled), formly-field-multicheckbox input[type=checkbox]:is([disabled], .disabled), .ngx-datatable .datatable-checkbox input[type=checkbox]:is([disabled], .disabled), .form-check-input:is([disabled], .disabled) {
  border-color: var(--element-ui-3);
  background-color: var(--element-ui-5);
}

formly-field-multicheckbox input[type=checkbox], .ngx-datatable .datatable-checkbox input[type=checkbox], .form-check-input:is([type=checkbox], .si-form-checkbox) {
  inline-size: 16px !important;
  block-size: 16px !important;
  border-radius: var(--element-button-radius);
  inset-inline-start: 2px;
}
formly-field-multicheckbox input[type=checkbox]::after, .ngx-datatable .datatable-checkbox input[type=checkbox]::after, .form-check-input:is([type=checkbox], .si-form-checkbox)::after {
  content: "";
  position: absolute;
  display: block;
  inset-inline-start: -1px;
  inset-block-start: -1px;
  inline-size: 16px;
  block-size: 16px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHRpdGxlPm9rPC90aXRsZT4KICA8cGF0aCBkPSJNMzc5LjUxLDE1Ni43NmwtMTczLDE3My03NC03NGExMiwxMiwwLDEsMC0xNywxN2w4Mi41LDgyLjVhMTIsMTIsMCwwLDAsMTcsMGwxODEuNS0xODEuNWExMiwxMiwwLDAsMC0xNy0xN1oiLz4KPC9zdmc+Cg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHRpdGxlPm9rPC90aXRsZT4KICA8cGF0aCBkPSJNMzc5LjUxLDE1Ni43NmwtMTczLDE3My03NC03NGExMiwxMiwwLDEsMC0xNywxN2w4Mi41LDgyLjVhMTIsMTIsMCwwLDAsMTcsMGwxODEuNS0xODEuNWExMiwxMiwwLDAsMC0xNy0xN1oiLz4KPC9zdmc+Cg==");
  opacity: 0;
}
formly-field-multicheckbox input[type=checkbox]:is(:checked, .checked), .ngx-datatable .datatable-checkbox input[type=checkbox]:is(:checked, .checked), .form-check-input:is(:checked, .checked):is([type=checkbox], .si-form-checkbox) {
  background-color: var(--element-ui-0);
  border-color: var(--element-ui-0);
}
formly-field-multicheckbox input[type=checkbox]:is(:checked, .checked):hover, .ngx-datatable .datatable-checkbox input[type=checkbox]:is(:checked, .checked):hover, .form-check-input:is(:checked, .checked):hover:is([type=checkbox], .si-form-checkbox) {
  background-color: var(--element-ui-0-hover);
  border-color: var(--element-ui-0-hover);
}
formly-field-multicheckbox input[type=checkbox]:is(:checked, .checked)::after, .ngx-datatable .datatable-checkbox input[type=checkbox]:is(:checked, .checked)::after, .form-check-input:is(:checked, .checked):is([type=checkbox], .si-form-checkbox)::after {
  background-color: var(--element-text-inverse);
  opacity: 1;
}
formly-field-multicheckbox input[type=checkbox]:is(:checked, .checked)[disabled], .ngx-datatable .datatable-checkbox input[type=checkbox]:is(:checked, .checked)[disabled], .form-check-input:is(:checked, .checked)[disabled]:is([type=checkbox], .si-form-checkbox) {
  background-color: var(--element-ui-3);
  border-color: var(--element-ui-3);
}
formly-field-multicheckbox input[type=checkbox]:indeterminate, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate, .form-check-input:indeterminate:is([type=checkbox], .si-form-checkbox) {
  border-color: var(--element-ui-0);
}
formly-field-multicheckbox input[type=checkbox]:indeterminate::after, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate::after, .form-check-input:indeterminate:is([type=checkbox], .si-form-checkbox)::after {
  -webkit-mask-image: none;
          mask-image: none;
  background-color: var(--element-ui-0);
  inline-size: 10px;
  block-size: 2px;
  opacity: 1;
  inset-inline-start: 2px;
  inset-block-start: 6px;
}
formly-field-multicheckbox input[type=checkbox]:indeterminate:hover, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate:hover, .form-check-input:indeterminate:hover:is([type=checkbox], .si-form-checkbox) {
  border-color: var(--element-ui-0-hover);
}
formly-field-multicheckbox input[type=checkbox]:indeterminate:hover::after, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate:hover::after, .form-check-input:indeterminate:hover:is([type=checkbox], .si-form-checkbox)::after {
  background-color: var(--element-ui-0-hover);
}
formly-field-multicheckbox input[type=checkbox]:indeterminate:disabled, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate:disabled, .form-check-input:indeterminate:disabled:is([type=checkbox], .si-form-checkbox) {
  border-color: var(--element-ui-3);
}
formly-field-multicheckbox input[type=checkbox]:indeterminate:disabled::after, .ngx-datatable .datatable-checkbox input[type=checkbox]:indeterminate:disabled::after, .form-check-input:indeterminate:disabled:is([type=checkbox], .si-form-checkbox)::after {
  background-color: var(--element-ui-3);
}

formly-field-radio input[type=radio], .form-check-input[type=radio] {
  inline-size: 16px;
  block-size: 16px;
  border-radius: 50%;
  inset-inline-start: 0;
}
formly-field-radio input[type=radio]::after, .form-check-input[type=radio]::after {
  content: "";
  position: absolute;
  display: block;
  inset-block-start: 4px;
  inset-inline-start: 4px;
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
}
formly-field-radio input[type=radio]:checked, .form-check-input[type=radio]:checked {
  border-color: var(--element-ui-0);
}
formly-field-radio input[type=radio]:checked::after, .form-check-input[type=radio]:checked::after {
  background-color: var(--element-ui-0);
}
formly-field-radio input[type=radio]:checked:hover, .form-check-input[type=radio]:checked:hover {
  border-color: var(--element-ui-0-hover);
}
formly-field-radio input[type=radio]:checked:hover::after, .form-check-input[type=radio]:checked:hover::after {
  background-color: var(--element-ui-0-hover);
}
formly-field-radio input[type=radio]:checked[disabled], .form-check-input[type=radio]:checked[disabled] {
  border-color: var(--element-ui-3);
}
formly-field-radio input[type=radio]:checked[disabled]::after, .form-check-input[type=radio]:checked[disabled]::after {
  background-color: var(--element-ui-3);
}

formly-field-radio input[type=radio] ~ label, formly-field-multicheckbox input[type=checkbox] ~ label, .form-check-input ~ .form-check-label {
  display: inline-block;
  position: relative;
  padding-inline: 8px 4px;
  color: var(--element-text-primary);
}

.form-check-input[disabled] ~ .form-check-label {
  color: var(--element-text-disabled);
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:is([disabled], :disabled) + .btn {
  pointer-events: none;
  filter: none;
  color: var(--element-text-disabled);
}

.ngx-datatable .datatable-checkbox {
  inline-size: 16px !important;
  block-size: 16px !important;
  inset-block-start: 1px !important;
}
.ngx-datatable .datatable-body .datatable-checkbox {
  inset-block-start: 3px !important;
}

formly-field-multicheckbox input[type=checkbox][disabled] ~ label {
  color: var(--element-text-disabled);
}

formly-field-radio input[type=radio][disabled] ~ label {
  color: var(--element-text-disabled);
}

:is(.form-control, .form-select) {
  --border-color: var(--element-ui-2);
  display: block;
  inline-size: 100%;
  padding-block: 7px;
  padding-inline-start: 7px;
  padding-inline-end: calc(var(--si-feedback-icon-offset, 0px) + var(--si-action-icon-offset, 0px) + 7px);
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.143;
  color: var(--element-text-primary);
  background-color: var(--element-base-1);
  background-clip: padding-box;
  border: 1px solid var(--border-color);
  border-radius: var(--element-input-radius);
  appearance: none;
  background-image: var(--si-feedback-icon, none);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: top 5px right calc(6px + var(--si-action-icon-offset, 0px));
}
[dir=rtl] :is(.form-control, .form-select) {
  background-position: top 5px left 6px;
}
:dir(rtl) :is(.form-control, .form-select) {
  background-position: top 5px left 6px;
}
:is(.form-control, .form-select).hide-feedback-icon {
  background-image: none;
  padding-inline-end: 7px;
}
:is(.form-control, .form-select):-webkit-autofill {
  background: var(--element-base-information);
}
:is(.form-control, .form-select):autofill {
  background: var(--element-base-information);
}
:is(.form-control, .form-select):is(:focus, :hover) {
  --border-color: var(--element-ui-1);
}
:is(.form-control, .form-select):is(.readonly, [readonly]),
:is(.form-control, .form-select):is(.readonly, [readonly]) :is(:hover, :focus) {
  --border-color: var(--element-ui-4);
  background-color: var(--element-base-1);
}
:is(.form-control, .form-select):is(.disabled, :disabled), :is(.form-control, .form-select):is(.disabled, :disabled):is(:hover, :focus) {
  --border-color: var(--element-ui-3);
  color: var(--element-text-disabled);
}
:is(.form-control, .form-select):is(.disabled, :disabled)::placeholder {
  color: transparent;
}
:is(.form-control, .form-select):is(:disabled, [readonly]) {
  opacity: 1;
}
:is(.form-control, .form-select):focus {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: var(--element-button-focus-overlay-width);
}
:is(.form-control, .form-select)::placeholder {
  color: var(--element-text-secondary);
  opacity: 1;
}

.form-control:not(textarea):not(select[multiple]) {
  block-size: calc(1.143em + 16px);
}

.addon-second-icon {
  --input-addon-inset-end: 32px;
}

textarea.form-control {
  min-block-size: calc(1.143em + 16px);
  padding-block: 7px;
  line-height: 1.5;
  box-shadow: 0 0 0 1px var(--border-color);
  border: 3px solid var(--element-base-1) !important;
  outline-offset: 2px !important;
}

select.form-control.readonly {
  pointer-events: none;
}

select:is(.form-control, .form-select):not([multiple]) {
  padding-block: 7px;
  padding-inline: 8px 24px;
  appearance: none;
  background-image: var(--si-feedback-icon, none), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M352.79 203.21a12.45 12.45 0 011.44 15.86l-1.44 1.72-88 88a12.45 12.45 0 01-15.86 1.44l-1.72-1.44-88-88a12.43 12.43 0 0115.86-19l1.72 1.44L256 282.42l79.21-79.21a12.45 12.45 0 0115.86-1.44z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 20px center, right 2px top 50%;
  background-size: 1.25rem, 1.5rem;
}
[dir=rtl] select:is(.form-control, .form-select):not([multiple]) {
  background-position: left 4px top 50%;
}
:dir(rtl) select:is(.form-control, .form-select):not([multiple]) {
  background-position: left 4px top 50%;
}
.app--dark select:is(.form-control, .form-select):not([multiple]) {
  background-image: var(--si-feedback-icon, none), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='white' d='M352.79 203.21a12.45 12.45 0 011.44 15.86l-1.44 1.72-88 88a12.45 12.45 0 01-15.86 1.44l-1.72-1.44-88-88a12.43 12.43 0 0115.86-19l1.72 1.44L256 282.42l79.21-79.21a12.45 12.45 0 0115.86-1.44z'/></svg>");
}

select:is(.form-control, .form-select)[multiple] {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  padding: 0;
}
select:is(.form-control, .form-select)[multiple] option {
  padding: 8px;
}
select:is(.form-control, .form-select)[multiple] option:checked, select:is(.form-control, .form-select)[multiple]:not(:disabled) option:not(:disabled):hover {
  background: var(--element-base-0);
  color: var(--element-text-active);
}

.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control::file-selector-button {
  color: var(--element-action-secondary-text);
  background: var(--element-action-secondary);
  border-color: inherit;
  border-block-width: 0;
  border-inline-width: 0 1px;
  margin-block: -7px;
  margin-inline: -7px 7px;
  block-size: inherit;
  padding-inline: 16px;
}
.form-control:hover::file-selector-button {
  color: var(--element-action-secondary-text-hover);
  background: var(--element-action-secondary-hover);
}

.form-label,
.col-form-label {
  font-size: 0.875rem;
  color: var(--element-text-secondary);
}

.form-label {
  display: inline-block;
  line-height: 0.875rem;
  padding-block: 6px 4px;
}
.text-end .form-label {
  padding-inline-end: 7px;
}

.col-form-label {
  padding-block: 7px 0;
}

.required:is(.form-label, .col-form-label, .form-check-label)::after {
  content: "*";
}

.form-text {
  display: block;
  margin-block-start: 4px;
  font-size: 0.75rem;
  color: var(--element-text-secondary);
}

.form-range {
  --thumb-shadow: 0 0 4px var(--element-box-shadow-color-1), 0 4px 4px var(--element-box-shadow-color-2);
  -webkit-appearance: none;
  background: transparent;
  inline-size: 100%;
}
.form-range:focus-visible {
  --thumb-shadow: 0 0 0 var(--element-button-focus-overlay-width) var(--element-button-focus-overlay-color), 0 0 0 calc(var(--element-button-focus-width) + var(--element-button-focus-overlay-width)) var(--element-focus-default);
  outline: none;
}
.form-range::-webkit-slider-runnable-track {
  block-size: 4px;
  cursor: pointer;
  animation-duration: 0.2s;
  background: var(--element-ui-4);
}
.form-range::-webkit-slider-thumb {
  box-shadow: var(--thumb-shadow);
  border: 1px solid var(--element-action-secondary-border);
  block-size: 24px;
  inline-size: 24px;
  border-radius: 50%;
  background: var(--element-base-1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-block-start: -12px;
}
.form-range::-webkit-slider-thumb:hover {
  border-color: var(--element-action-secondary-border-hover);
  background: radial-gradient(circle, var(--element-action-secondary-text-hover) 0%, var(--element-action-secondary-text-hover) 35%, var(--element-action-secondary-hover) 36%);
}
.form-range::-moz-range-track {
  block-size: 4px;
  cursor: pointer;
  animation-duration: 0.2s;
  background: var(--element-ui-4);
}
.form-range::-moz-range-thumb {
  box-shadow: var(--thumb-shadow);
  border: 1px solid var(--element-action-secondary-border);
  block-size: 24px;
  inline-size: 24px;
  border-radius: 50%;
  background: var(--element-base-1);
  cursor: pointer;
}
.form-range::-moz-range-thumb:hover {
  border-color: var(--element-action-secondary-border-hover);
  background: radial-gradient(circle, var(--element-action-secondary-text-hover) 0%, var(--element-action-secondary-text-hover) 35%, var(--element-action-secondary-hover) 36%);
}
.form-range::-moz-focus-outer {
  border: 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  inline-size: 100%;
}
.input-group > :is(.form-control, .form-select) {
  position: relative;
  flex: 1 1 auto;
  inline-size: 1%;
  min-inline-size: 0;
}
.input-group > :is(.form-control, .form-select):focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding-block: 7px;
  padding-inline: 7px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.143;
  color: var(--element-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--element-ui-4);
  border: 1px solid var(--element-ui-2);
  border-radius: var(--element-input-radius);
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.warning-tooltip):not(.warning-feedback) {
  margin-inline-start: -1px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.warning-feedback, .invalid-feedback, .valid-feedback {
  font-size: 0.75rem;
  display: none;
  inline-size: 100%;
  line-height: 1.333;
  margin-block: 2px;
  margin-inline: 2px;
}

:is(.form-control, .form-select, .form-control-wrapper).is-valid {
  --si-feedback-icon: var(--element-feedback-icon-valid);
  --si-feedback-icon-offset: 1.5rem;
}
:is(.form-control, .form-select, .form-control-wrapper).is-valid ~ .valid-feedback {
  display: flex !important;
  flex-direction: column;
}

.form-control-file.is-valid ~ .valid-feedback {
  display: block;
}

.form-check-input.is-valid ~ .valid-feedback {
  display: block;
}

.form-custom-control.is-valid ~ .valid-feedback {
  display: block;
}

.invalid-feedback {
  color: var(--element-text-danger);
}

.was-validated :is(.form-control, .form-select, .form-control-wrapper):invalid, :is(.form-control, .form-select, .form-control-wrapper).ng-touched.ng-invalid, :is(.form-control, .form-select, .form-control-wrapper).is-invalid {
  --si-feedback-icon: var(--element-feedback-icon-invalid);
  --si-feedback-icon-offset: 1.5rem;
}
.was-validated :is(.form-control, .form-select, .form-control-wrapper):invalid:not(.no-validation):not(:hover), .was-validated :is(.form-control, .form-select, .form-control-wrapper):invalid:not(.no-validation):focus, :is(.form-control, .form-select, .form-control-wrapper).ng-touched.ng-invalid:not(.no-validation):not(:hover), :is(.form-control, .form-select, .form-control-wrapper).ng-touched.ng-invalid:not(.no-validation):focus, :is(.form-control, .form-select, .form-control-wrapper).is-invalid:not(.no-validation):not(:hover), :is(.form-control, .form-select, .form-control-wrapper).is-invalid:not(.no-validation):focus {
  --border-color: var(--element-status-danger);
}
.was-validated :is(.form-control, .form-select, .form-control-wrapper):invalid ~ .invalid-feedback, :is(.form-control, .form-select, .form-control-wrapper).ng-touched.ng-invalid ~ .invalid-feedback, :is(.form-control, .form-select, .form-control-wrapper).is-invalid ~ .invalid-feedback {
  display: flex !important;
  flex-direction: column;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback, .form-control-file.ng-touched.ng-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-feedback {
  display: block;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .form-check-input.ng-touched.ng-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-feedback {
  display: block;
}

.was-validated .form-custom-control:invalid ~ .invalid-feedback, .form-custom-control.ng-touched.ng-invalid ~ .invalid-feedback, .form-custom-control.is-invalid ~ .invalid-feedback {
  display: block;
}

.warning-feedback {
  color: var(--element-text-warning);
}

:is(.form-control, .form-select, .form-control-wrapper).is-warning {
  --si-feedback-icon: var(--element-feedback-icon-warning);
  --si-feedback-icon-offset: 1.5rem;
}
:is(.form-control, .form-select, .form-control-wrapper).is-warning:not(.no-validation):not(:hover), :is(.form-control, .form-select, .form-control-wrapper).is-warning:not(.no-validation):focus {
  --border-color: var(--element-status-warning);
}
:is(.form-control, .form-select, .form-control-wrapper).is-warning ~ .warning-feedback {
  display: flex !important;
  flex-direction: column;
}

.form-control-file.is-warning ~ .warning-feedback {
  display: block;
}

.form-check-input.is-warning ~ .warning-feedback {
  display: block;
}

.form-custom-control.is-warning ~ .warning-feedback {
  display: block;
}

button {
  color: var(--element-text-primary);
}

:is(.btn, .btn-close) {
  line-height: 1.143;
  font-weight: bold;
  padding-block: calc(8px - var(--btn-border-width, 0px));
  padding-inline: calc(16px - var(--btn-border-width, 0px));
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  background-color: var(--btn-bg, transparent);
  color: var(--btn-color, inherit);
  border: var(--btn-border-width, 0) solid var(--btn-border-color, transparent);
  border-radius: var(--element-button-radius);
  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) {
  :is(.btn, .btn-close) {
    transition: none;
  }
}
:is(.btn, .btn-close):is(:disabled, .disabled), fieldset:disabled :is(.btn, .btn-close) {
  pointer-events: none;
  opacity: var(--element-action-disabled-opacity);
}
:is(.btn, .btn-close):hover {
  text-decoration: none;
}
:is(.btn, .btn-close):not(:is(:disabled, .disabled)):is(:active, .active, :hover, .hover) {
  color: var(--btn-color-hover, inherit);
  background: var(--btn-bg-hover, inherit);
  border-color: var(--btn-border-color-hover);
}
:is(.btn, .btn-close) .icon {
  margin-block: -4px;
  margin-inline: -4px 4px;
}

.btn:not(:is(.btn-circle, .btn-link, .btn-close)) {
  min-inline-size: 100px;
}

.btn-primary {
  --btn-bg: var(--element-action-primary);
  --btn-bg-hover: var(--element-action-primary-hover);
  --btn-color: var(--element-action-primary-text);
  --btn-color-hover: var(--element-action-primary-text);
}

.btn-danger {
  --btn-bg: var(--element-action-danger);
  --btn-bg-hover: var(--element-action-danger-hover);
  --btn-color: var(--element-action-danger-text);
  --btn-color-hover: var(--element-action-danger-text);
}

.btn-warning {
  --btn-bg: var(--element-action-warning);
  --btn-bg-hover: var(--element-action-warning-hover);
  --btn-color: var(--element-action-warning-text);
  --btn-color-hover: var(--element-action-warning-text);
}

.btn-secondary,
.btn-secondary-warning,
.btn-secondary-danger {
  --btn-bg: var(--element-action-secondary);
  --btn-bg-hover: var(--element-action-secondary-hover);
  --btn-color: var(--element-action-secondary-text);
  --btn-color-hover: var(--element-action-secondary-text-hover);
  --btn-border-width: 1px;
  --btn-border-color: var(--element-action-secondary-border);
  --btn-border-color-hover: var(--element-action-secondary-border-hover);
}

.btn-tertiary,
.btn-tertiary-warning,
.btn-tertiary-danger {
  --btn-bg: transparent;
  --btn-bg-hover: var(--element-action-secondary-hover);
  --btn-color: var(--element-action-secondary-text);
  --btn-color-hover: var(--element-action-secondary-text-hover);
}

.btn-secondary-warning,
.btn-tertiary-warning {
  --btn-bg-hover: var(--element-action-warning-hover);
  --btn-color: var(--element-action-secondary-warning);
  --btn-color-hover: var(--element-action-warning-text);
  --btn-border-color: var(--element-action-secondary-warning);
  --btn-border-color-hover: var(--element-action-warning-hover);
}

.btn-secondary-danger,
.btn-tertiary-danger {
  --btn-bg-hover: var(--element-action-danger-hover);
  --btn-color: var(--element-action-secondary-danger);
  --btn-color-hover: var(--element-action-danger-text);
  --btn-border-color: var(--element-action-secondary-danger);
  --btn-border-color-hover: var(--element-action-danger-hover);
}

.btn-link {
  --btn-color: var(--element-ui-0);
  --btn-color-hover: var(--element-ui-0-hover);
  font-weight: normal;
  justify-content: flex-start;
  text-decoration: none;
  padding: 0;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link:is(:disabled, .disabled) {
  --btn-color: var(--element-text-disabled);
  opacity: 1;
}

:is(.btn-circle, .btn-close) {
  padding: 0 !important;
  border-radius: 50%;
  flex-shrink: 0;
}

.btn-circle, .btn-circle.btn-lg {
  inline-size: 40px;
  block-size: 40px;
  font-size: 32px;
}
.btn-circle.btn-sm {
  inline-size: 32px;
  block-size: 32px;
  font-size: 24px;
}
.btn-circle.btn-xs {
  inline-size: 24px;
  block-size: 24px;
  font-size: 24px;
}
.btn-circle .icon {
  margin-block: 0;
  margin-inline: 0;
}

.btn-circle.btn-ghost,
.btn-close {
  --btn-bg: transparent;
  --btn-bg-hover: var(--element-action-secondary-hover);
  --btn-color: var(--element-ui-2);
  --btn-color-hover: var(--element-ui-1);
}

.btn-lg {
  font-size: 1rem;
  line-height: 1.5;
}

.btn-sm {
  font-size: 0.75rem;
  line-height: 1;
}

.btn-close {
  inline-size: 32px;
  block-size: 32px;
  font-size: 24px;
  font-weight: normal;
}
.btn-close::before {
  content: "✕";
  font-size: 1rem;
  margin-block-start: 2px;
}
.btn-close > * {
  display: none !important;
}

.btn-input {
  --btn-bg: var(--element-base-1);
  --btn-bg-hover: var(--element-base-1);
  --btn-color: var(--element-text-primary);
  --btn-color-hover: var(--element-text-primary);
  --btn-border-width: 1px;
  --btn-border-color: var(--element-ui-2);
  --btn-border-color-hover: var(--element-ui-1);
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.143;
  padding-block: 7px;
  padding-inline: 7px;
  border-radius: var(--element-input-radius);
  justify-content: flex-start;
}
.btn-input:is(:disabled, .disabled) {
  --btn-border-color: var(--element-ui-3);
  --btn-color: var(--element-text-disabled);
  opacity: unset;
}
.btn-input:focus {
  --btn-border-color: var(--element-ui-1);
}

.fade {
  transition: opacity calc(0.15s * var(--element-animations-enabled, 1)) linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  block-size: 0;
  overflow: hidden;
  transition: height calc(0.35s * var(--element-animations-enabled, 1)) ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  inline-size: 0;
  block-size: auto;
  transition: width calc(0.35s * var(--element-animations-enabled, 1)) ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  z-index: 1065;
  display: none;
  min-inline-size: 10rem;
  max-block-size: calc(100vh - 4px);
  overflow-y: auto;
  padding-block: 8px;
  padding-inline: 0;
  font-size: 0.875rem;
  color: var(--element-text-primary);
  list-style: none;
  background-color: var(--element-base-1);
  background-clip: padding-box;
  border-radius: var(--element-radius-2);
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2);
  margin-block: 2px;
  margin-inline: 0;
  text-align: start;
}
.dropdown-menu.show {
  display: block;
}

.dropdown-menu .icon + .item-title,
.dropdown-item .icon + .item-title {
  padding-inline-start: 8px;
}

.dropdown-toggle {
  --caret-rotate: 0deg;
  text-align: start;
}
.dropdown-toggle .dropdown-caret {
  padding-inline-start: 4px;
  margin-block: -4px;
  margin-inline: auto -8px;
  font-size: 1.5rem !important;
  transform: rotate(var(--caret-rotate));
  transform-origin: calc(50% + 2px) 50%;
  transition: transform calc(0.4s * var(--element-animations-enabled, 1));
}
.dropdown-toggle.show .dropdown-caret {
  transform: rotate(calc(var(--caret-rotate) + 180deg));
}

.dropup .dropdown-toggle {
  --caret-rotate: 180deg;
}

.dropstart .dropdown-toggle {
  --caret-rotate: 90deg;
}

.dropend .dropdown-toggle {
  --caret-rotate: 270deg;
}

.dropdown-item,
.dropdown-item-text {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  block-size: 32px;
  inline-size: 100%;
  padding-block: 6px;
  padding-inline: 12px;
  color: var(--element-text-primary);
  text-decoration: none;
}

.dropdown-item {
  font-weight: normal;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.dropdown-item .item-title {
  flex: 1;
}
.dropdown-item:focus {
  color: var(--element-text-primary);
  background: transparent;
}
.dropdown-item:hover {
  color: var(--element-text-primary);
  background-color: var(--element-base-1-hover);
  text-decoration: none;
}
.dropdown-item:is(:active, .active) {
  color: var(--element-text-primary);
  background-color: var(--element-base-1-selected);
}
.dropdown-item:is(.disabled, :disabled) {
  color: var(--element-text-disabled);
  pointer-events: none;
  background-color: transparent;
  cursor: default;
}
.dropdown-item .menu-end-icon {
  margin-inline-end: -6px;
}
.dropdown-item .menu-end-icon.element-record-filled {
  font-size: 1rem;
  margin-inline-end: -2px;
}

.dropdown-item-static,
.dropdown-item-text {
  cursor: default;
}

.dropdown-item-static:is(.active, :active, :hover, :hover:focus:not(:focus-visible), :focus) {
  background-color: var(--element-base-1);
}

.dropdown-header {
  display: block;
  padding-block: 8px;
  padding-inline: 12px;
  margin-block-end: 0;
  color: var(--element-text-primary);
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: bold;
}

.dropdown-divider {
  block-size: 0;
  margin-block: 4px;
  margin-inline: 12px;
  overflow: hidden;
  border-block-start: 1px solid var(--element-ui-4);
}

.dropdown > .dropdown-menu {
  inset-block: 100% auto;
  inset-inline: 0 auto;
  margin-block: 0.125rem 0;
  margin-inline: 0;
}

.dropup > .dropdown-menu {
  inset-block: auto 100%;
  inset-inline: auto;
  margin-block: 0 0.125rem;
  margin-inline: 0;
}

.dropend > .dropdown-menu {
  inset-block: 0 auto;
  inset-inline: 100% auto;
  margin-block: 0;
  margin-inline: 0.125rem 0;
}

.dropstart > .dropdown-menu {
  inset-block: 0 auto;
  inset-inline: auto 100%;
  margin-block: 0;
  margin-inline: 0 0.125rem;
}

.dropdown-menu.align-center {
  left: 0;
  right: unset;
  transform: translateX(-50%);
}
.dropdown-menu.align-start {
  inset-inline: 0 auto;
}
.dropdown-menu.align-end {
  inset-inline: auto 0;
}

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group .btn {
  border-radius: 0;
}
.btn-group > .btn:first-of-type,
.btn-group > label:first-of-type .btn {
  border-start-start-radius: var(--element-button-radius);
  border-end-start-radius: var(--element-button-radius);
}
.btn-group > .btn:last-of-type,
.btn-group > label:last-of-type .btn {
  border-start-end-radius: var(--element-button-radius);
  border-end-end-radius: var(--element-button-radius);
}
.btn-group > .btn,
.btn-group label > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:is(:hover, :active, .active) {
  z-index: 1;
}
.btn-group > .btn:not(:first-of-type),
.btn-group label + label {
  margin-inline-start: -1px;
}

.btn-group .btn-check + .btn {
  background: transparent;
  color: var(--element-text-primary);
  padding-block: 11px;
  border: 1px solid var(--element-ui-4);
  transition: none;
}
.btn-group .btn-check + .btn.icon-only {
  min-inline-size: unset;
  padding-inline: 11px;
}
.btn-group .btn-check + .btn.icon-only .icon {
  margin-inline: 0;
}
.btn-group .btn-check + .btn.btn-sm {
  padding-block: 7px;
  font-size: 0.875rem;
  line-height: 1.143;
}
.btn-group .btn-check:checked + .btn,
.btn-group .btn-check + .btn:hover {
  color: var(--element-action-secondary-text-hover);
}
.btn-group .btn-check:checked + .btn {
  background: var(--element-action-secondary-hover);
  border-color: var(--element-action-secondary-border-hover);
  z-index: 2;
}
.btn-group .btn-check:checked + .btn:hover {
  color: var(--element-text-primary);
}
.btn-group .btn-check:focus-visible + .btn {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: var(--element-button-focus-overlay-width);
  z-index: 3;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  inline-size: auto;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-inline-start: 0;
  margin-block-end: 0;
  list-style: none;
}
.nav .nav-link:hover {
  color: var(--element-action-secondary-text-hover);
  background: var(--element-action-secondary-hover);
  border-color: var(--element-action-secondary-border-hover);
}

.nav-link {
  display: block;
  padding-block: 10px;
  padding-inline: 24px;
  font-size: 1rem;
  font-weight: bold;
  color: var(--element-text-secondary);
}
.nav-link:is(:hover, :focus) {
  color: var(--element-ui-0-hover);
  text-decoration: none;
}
.nav-link.disabled {
  color: var(--element-text-disabled);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  position: relative;
  block-size: 40px;
  line-height: 1.125rem;
  border: 0;
  flex-wrap: nowrap;
}
.nav-tabs::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 2px;
  background: var(--element-ui-4);
}
.nav-tabs:focus-visible::before {
  background: var(--element-focus-default);
}
.nav-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 40px;
  min-inline-size: 100px;
  margin-block-end: -2px;
  background: none;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 2px;
  border-start-start-radius: var(--element-button-radius);
  border-start-end-radius: var(--element-button-radius);
  cursor: pointer;
}
.nav-tabs .nav-link .badge {
  margin-inline-end: 0;
}
.nav-tabs .nav-link.active {
  border-color: var(--element-action-secondary-border-hover);
}
.nav-tabs .nav-link:hover {
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: var(--element-text-disabled);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs :is(.nav-link.active, .nav-item.show .nav-link) {
  color: var(--element-action-secondary-text-hover);
}
.nav-tabs .dropdown-menu {
  margin-block-start: -2px;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

:is(.nav-fill, .nav-justified) .nav-item .nav-link {
  inline-size: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.card-img,
.card-img-top, :is(.card-header, .card-body):first-child, .card > .list-group:first-child {
  border-start-start-radius: var(--element-radius-2);
  border-start-end-radius: var(--element-radius-2);
}

.card-img,
.card-img-start {
  border-start-start-radius: var(--element-radius-2);
  border-end-start-radius: var(--element-radius-2);
}

.card-img,
.card-img-bottom, :is(.card-body, .card-footer):last-child, .card > .list-group:last-child {
  border-end-start-radius: var(--element-radius-2);
  border-end-end-radius: var(--element-radius-2);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  word-wrap: break-word;
  background-color: var(--element-base-1);
  border-radius: var(--element-radius-2);
}
.card.accent-primary {
  border-inline-start: 8px solid var(--element-ui-0);
}
.card.accent-inactive {
  border-inline-start: 8px solid var(--element-ui-4);
}
.card.accent-info {
  border-inline-start: 8px solid var(--element-status-information);
}
.card.accent-success {
  border-inline-start: 8px solid var(--element-status-success);
}
.card.accent-warning {
  border-inline-start: 8px solid var(--element-status-warning);
}
.card.accent-caution {
  border-inline-start: 8px solid var(--element-status-caution);
}
.card.accent-danger {
  border-inline-start: 8px solid var(--element-status-danger);
}
.card.accent-critical {
  border-inline-start: 8px solid var(--element-status-critical);
}

.card-header {
  font-size: 0.875rem;
  font-weight: bold;
  min-block-size: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-block: 12px;
  padding-inline: 16px;
  margin-block-end: 0;
  background-color: var(--element-base-1);
}
.card-header,
.card-header .icon {
  line-height: 0.875rem;
}
.card-header + .card-body {
  margin-block-start: -4px;
  padding-block-start: 4px;
}
.card-header + .list-group {
  margin-block-end: 0;
  z-index: 0;
}
.card-header + .list-group .list-group-item {
  z-index: -1;
}
.card-header + :is(.list-group, .overflow-auto, [tabindex="0"]) {
  outline-offset: calc(-1 * var(--element-button-focus-width));
}

.card-body {
  overflow: hidden;
  flex: 1 1 auto;
  padding-block: 16px;
  padding-inline: 16px;
  outline-offset: calc(-1 * var(--element-button-focus-width)) !important;
}

.card-title {
  margin-block-end: 12px;
}

.card-subtitle {
  margin-block: -6px 0;
}

.card-text:last-child {
  margin-block-end: 0;
}

.card-footer {
  padding-inline: 16px;
  padding-block-start: 12px;
  padding-block-end: 16px;
  background-color: var(--element-base-1);
}

.card-img-overlay {
  position: absolute;
  inset: 0;
  padding: 16px;
  border-radius: var(--element-radius-2);
}

.card-img,
.card-img-top,
.card-img-bottom {
  inline-size: 100%;
}

.card-group > .card {
  margin-block-end: 16px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-block-end: 0;
  }
  .card-group > .card + .card {
    margin-inline-start: 0;
  }
  .card-group > .card:not(:last-child) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .card-group > .card:not(:last-child) :is(.card-img-top, .card-header) {
    border-start-end-radius: 0;
  }
  .card-group > .card:not(:last-child) :is(.card-img-bottom, .card-footer) {
    border-end-end-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .card-group > .card:not(:first-child) :is(.card-img-top, .card-header) {
    border-start-start-radius: 0;
  }
  .card-group > .card:not(:first-child) :is(.card-img-bottom, .card-footer) {
    border-end-start-radius: 0;
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding-block: 0;
  padding-inline: 0;
  margin-block-end: 0;
  list-style: none;
  background-color: inherit;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 24px;
  color: var(--element-ui-2);
  content: ">";
}
.breadcrumb-item.active {
  color: var(--element-ui-0);
}

.pagination {
  display: flex;
  margin: 0;
  padding-block: 8px;
  padding-inline-start: 0;
  list-style: none;
}

.page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  min-inline-size: 24px;
  block-size: 24px;
  padding-block: 0;
  padding-inline: 4px;
  margin-inline: 2px;
  background: transparent;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--element-text-primary);
  border: 0;
}
.page-item:is(.active, :hover:not(:disabled)):not(.separator) {
  background: var(--element-base-1-selected);
}
.page-item:has(.icon) {
  padding-inline: 0;
}
.page-item.disabled {
  opacity: var(--element-action-disabled-opacity);
}
.page-item.separator {
  font-weight: normal;
}

.page-link {
  cursor: pointer;
  color: inherit;
}
.page-link:hover {
  text-decoration: none;
  color: inherit;
}

.badge {
  display: inline-block;
  color: var(--element-text-primary);
  padding-block: 0;
  padding-inline: 8px;
  margin-block: 0;
  margin-inline: 8px;
  block-size: 24px;
  line-height: 24px;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: bold;
  max-inline-size: 196px;
  min-inline-size: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 12px;
}
.badge:empty {
  display: none;
}
.badge.bg-default {
  background-color: var(--element-base-0) !important;
  color: var(--element-text-primary);
  outline: 1px solid var(--element-ui-4);
}
.badge.bg-primary {
  background-color: var(--element-ui-0) !important;
  color: var(--element-text-inverse);
}
.badge.bg-secondary {
  background-color: var(--element-ui-4) !important;
  color: var(--element-text-primary);
}
.badge.bg-info {
  background-color: var(--element-base-information) !important;
  color: var(--element-text-information);
}
.badge.bg-success {
  background-color: var(--element-base-success) !important;
  color: var(--element-text-success);
}
.badge.bg-caution {
  background-color: var(--element-base-caution) !important;
  color: var(--element-text-caution);
}
.badge.bg-warning {
  background-color: var(--element-base-warning) !important;
  color: var(--element-text-warning);
}
.badge.bg-danger {
  background-color: var(--element-base-danger) !important;
  color: var(--element-text-danger);
}
.badge.bg-critical {
  background-color: var(--element-base-critical) !important;
  color: var(--element-text-critical);
}
.badge.bg-inverse {
  background-color: var(--element-ui-1) !important;
  color: var(--element-text-inverse);
}
.badge.bg-info-emphasis {
  background: var(--element-status-information);
  color: var(--element-status-information-contrast);
}
.badge.bg-success-emphasis {
  background: var(--element-status-success);
  color: var(--element-status-success-contrast);
}
.badge.bg-warning-emphasis {
  background: var(--element-status-warning);
  color: var(--element-status-warning-contrast);
}
.badge.bg-danger-emphasis {
  background: var(--element-status-danger);
  color: var(--element-status-danger-contrast);
}
.badge.bg-critical-emphasis {
  background: var(--element-status-critical);
  color: var(--element-status-critical-contrast);
}
.badge.bg-caution-emphasis {
  background: var(--element-status-caution);
  color: var(--element-status-caution-contrast);
}
.badge .icon {
  font-size: 20px;
  margin-inline-start: -4px;
  margin-block-start: -2px;
}

.badge-dot {
  position: relative;
}
.badge-dot::after {
  content: "";
  inline-size: 10px;
  block-size: 10px;
  border-radius: 5px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  background-color: var(--element-status-danger);
}

.badge-text {
  block-size: 14px;
  min-inline-size: 14px;
  border-radius: 7px;
  position: relative;
  background-color: var(--element-action-danger);
  color: var(--element-action-danger-text);
  font-size: 0.75rem;
  line-height: 13px;
  padding-block: 0;
  padding-inline: 4px;
  font-family: var(--element-body-font-family);
  font-weight: bold;
}

.icon + .badge-text {
  inset-block-start: -5px;
  inset-inline-start: -12px;
  margin-inline-end: -12px;
}

.alert {
  position: relative;
  overflow: hidden;
  padding-block: 10px;
  padding-inline: 12px;
  margin-block-end: 0;
}
.alert::before {
  content: "";
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
  inline-size: 4px;
  block-size: 100%;
  background: var(--color-bar);
}

.alert,
.alert-link {
  font-size: 1rem;
  line-height: 1.125;
}

.alert-link {
  font-weight: bold;
  color: inherit;
}
.alert-link:hover {
  color: inherit;
}

.alert-success {
  --color-bar: var(--element-status-success);
  color: var(--element-text-success);
  background: var(--element-base-success);
}

.alert-warning {
  --color-bar: var(--element-status-warning);
  color: var(--element-text-warning);
  background: var(--element-base-warning);
}

.alert-caution {
  --color-bar: var(--element-status-caution);
  color: var(--element-text-caution);
  background: var(--element-base-caution);
}

.alert-danger {
  --color-bar: var(--element-status-danger);
  color: var(--element-text-danger);
  background: var(--element-base-danger);
}

.alert-critical {
  --color-bar: var(--element-status-critical);
  color: var(--element-text-critical);
  background: var(--element-base-critical);
}

.alert-info {
  --color-bar: var(--element-status-information);
  color: var(--element-text-information);
  background: var(--element-base-information);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 0.5rem;
  }
}
.progress {
  display: flex;
  block-size: 0.5rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: var(--element-ui-4);
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--element-text-inverse);
  text-align: center;
  white-space: nowrap;
  background-color: var(--element-ui-0);
  transition: width calc(0.6s * var(--element-animations-enabled, 1)) ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.5rem 0.5rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-inline-start: 0;
  border-radius: var(--element-radius-2);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  inline-size: 100%;
  color: var(--element-text-primary);
  text-align: inherit;
}
.list-group-item-action:is(:hover, :focus) {
  z-index: 1;
  color: var(--element-text-primary) !important;
  text-decoration: none;
  background-color: var(--element-base-1-hover);
}
.list-group-item-action:focus-visible {
  outline-offset: calc(-1 * var(--element-button-focus-width));
}
.list-group-item-action:active {
  color: var(--element-text-primary);
  background-color: var(--element-base-0);
}

.list-group-item {
  position: relative;
  display: block;
  padding-block: 8px;
  padding-inline: 16px;
  color: var(--element-text-primary);
  text-decoration: none;
  background-color: var(--element-base-1);
  border: 1px solid var(--element-ui-4);
  border-inline-width: 0;
  margin: 0;
}
.list-group-item .list-group-item-heading {
  color: var(--element-text-primary);
}
.list-group-item:first-child {
  border-block-start: none;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.list-group-item:last-child {
  border-block-end-color: transparent;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.list-group-item:is(.disabled, :disabled) {
  color: var(--element-text-disabled);
  pointer-events: none;
  background-color: var(--element-base-1);
}
.list-group-item.active {
  z-index: 2;
  color: var(--element-text-primary);
  background-color: var(--element-base-1-selected);
  border-color: var(--element-ui-4);
}
.list-group-item + .list-group-item {
  border-block-start-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-block-start: -1px;
  border-block-start-width: 1px;
}

.list-group-lg .list-group-item {
  min-block-size: 64px;
}

.list-group-md .list-group-item {
  min-block-size: 48px;
}

.list-header {
  font-size: 0.75rem;
  padding-block: 8px;
  padding-inline: 16px;
  color: var(--element-text-primary);
  margin-block-end: -1px;
  border: 1px solid var(--element-ui-4);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item {
  border-block-width: 0;
}
.list-group-horizontal > .list-group-item:first-child {
  border-end-start-radius: var(--element-radius-2);
  border-start-end-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-start-end-radius: var(--element-radius-2);
  border-end-start-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-block-start: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-inline-start-width: 1px;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-inline-start: -1px;
  border-inline-start-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item {
    border-block-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-end-start-radius: var(--element-radius-2);
    border-start-end-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-start-end-radius: var(--element-radius-2);
    border-end-start-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-block-start: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-inline-start-width: 1px;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-inline-start: -1px;
    border-inline-start-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item {
    border-block-width: 0;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-end-start-radius: var(--element-radius-2);
    border-start-end-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-start-end-radius: var(--element-radius-2);
    border-end-start-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-block-start: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-inline-start-width: 1px;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-inline-start: -1px;
    border-inline-start-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item {
    border-block-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-end-start-radius: var(--element-radius-2);
    border-start-end-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-start-end-radius: var(--element-radius-2);
    border-end-start-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-block-start: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-inline-start-width: 1px;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-inline-start: -1px;
    border-inline-start-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item {
    border-block-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-end-start-radius: var(--element-radius-2);
    border-start-end-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-start-end-radius: var(--element-radius-2);
    border-end-start-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-block-start: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-inline-start-width: 1px;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-inline-start: -1px;
    border-inline-start-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item {
    border-block-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-end-start-radius: var(--element-radius-2);
    border-start-end-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-start-end-radius: var(--element-radius-2);
    border-end-start-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-block-start: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-inline-start-width: 1px;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-inline-start: -1px;
    border-inline-start-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-inline-width: 0;
  border-block-width: 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-block-end-width: 0;
}

.list-group-item-secondary {
  background-color: var(--element-ui-4);
  color: var(--element-text-primary);
}

.list-group-item-success {
  color: var(--element-text-success);
  background: var(--element-base-success);
}

.list-group-item-warning {
  color: var(--element-text-warning);
  background: var(--element-base-warning);
}

.list-group-item-caution {
  background-color: var(--element-base-caution);
  color: var(--element-text-caution);
}

.list-group-item-danger {
  color: var(--element-text-danger);
  background: var(--element-base-danger);
}

.list-group-item-info {
  color: var(--element-text-information);
  background: var(--element-base-information);
}

.modal {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  block-size: 100%;
  inline-size: 100%;
  z-index: 1060;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  inline-size: auto;
  margin: 8px;
  pointer-events: none;
  box-shadow: none !important;
}
.modal.fade .modal-dialog {
  transition: transform calc(0.3s * var(--element-animations-enabled, 1)) ease-out;
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  block-size: calc(100% - 16px);
}
.modal-dialog-scrollable .modal-content {
  max-block-size: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-block-size: calc(100% - 16px);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding-block: 12px;
  padding-inline: 24px;
  border-start-start-radius: calc(var(--element-radius-2) - 1px);
  border-start-end-radius: calc(var(--element-radius-2) - 1px);
}
.modal-header .btn-close {
  padding-block: 6px;
  padding-inline: 12px;
  margin: 0;
}
.modal-header .icon {
  font-size: 2rem;
  margin-inline-end: 8px;
}
.modal-header .modal-title {
  flex: 1;
}

.modal-title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.125;
  margin-block-end: 0;
}

.modal-backdrop {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1040;
  inline-size: 100vw;
  block-size: 100vh;
  background-color: var(--element-base-translucent-1);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  pointer-events: auto;
  background-color: var(--element-base-1);
  background-clip: padding-box;
  border-radius: var(--element-radius-2);
  box-shadow: 0 0 4px var(--element-box-shadow-color-1), 0 4px 4px var(--element-box-shadow-color-2);
  outline: 0;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding-block: 12px 24px;
  margin-inline: 24px;
  padding-inline: 0;
}
.modal-dialog-scrollable .modal-body {
  padding-block: 0;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 16px;
  border-end-start-radius: calc(var(--element-radius-2) - 1px);
  border-end-end-radius: calc(var(--element-radius-2) - 1px);
}
.modal-footer > * {
  margin: 8px;
}

@media (max-width: 400px) {
  .modal-footer {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-inline-size: 500px;
    margin-block: 32px;
    margin-inline: auto;
  }
  .modal-dialog-scrollable {
    block-size: calc(100% - 64px);
  }
  .modal-dialog-centered {
    min-block-size: calc(100% - 64px);
  }
  .modal-content {
    box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2);
  }
  .modal-sm {
    max-inline-size: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-inline-size: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-inline-size: 1140px;
  }
}
.modal-fullscreen {
  inline-size: 100vw;
  max-inline-size: none;
  block-size: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  block-size: 100%;
  border: 0;
}
.modal-fullscreen :is(.modal-header, .modal-content, .modal-footer) {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    inline-size: 100vw;
    max-inline-size: none;
    block-size: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    block-size: 100%;
    border: 0;
  }
  .modal-fullscreen-sm-down :is(.modal-header, .modal-content, .modal-footer) {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    inline-size: 100vw;
    max-inline-size: none;
    block-size: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    block-size: 100%;
    border: 0;
  }
  .modal-fullscreen-md-down :is(.modal-header, .modal-content, .modal-footer) {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    inline-size: 100vw;
    max-inline-size: none;
    block-size: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    block-size: 100%;
    border: 0;
  }
  .modal-fullscreen-lg-down :is(.modal-header, .modal-content, .modal-footer) {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    inline-size: 100vw;
    max-inline-size: none;
    block-size: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    block-size: 100%;
    border: 0;
  }
  .modal-fullscreen-xl-down :is(.modal-header, .modal-content, .modal-footer) {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    inline-size: 100vw;
    max-inline-size: none;
    block-size: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    block-size: 100%;
    border: 0;
  }
  .modal-fullscreen-xxl-down :is(.modal-header, .modal-content, .modal-footer) {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--element-body-font-family);
  font-style: normal;
  font-weight: normal;
  line-height: 1.143;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  inline-size: 12px;
  block-size: 6px;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.tooltip-inner {
  min-inline-size: 100px;
  max-inline-size: 200px;
  padding-block: 8px;
  padding-inline: 16px;
  color: var(--element-ui-5);
  text-align: center;
  background-color: var(--element-ui-1);
  border-radius: var(--element-radius-2);
}

:is(.bs-tooltip-top,
.tooltip-start-bottom,
.tooltip-end-bottom,
.tooltip-center-bottom,
.bs-tooltip-auto[data-popper-placement^=top]) {
  padding-block: 6px;
}
:is(.bs-tooltip-top,
.tooltip-start-bottom,
.tooltip-end-bottom,
.tooltip-center-bottom,
.bs-tooltip-auto[data-popper-placement^=top]) .tooltip-arrow {
  inset-block-end: 0;
  margin-inline-start: -6px;
}
:is(.bs-tooltip-top,
.tooltip-start-bottom,
.tooltip-end-bottom,
.tooltip-center-bottom,
.bs-tooltip-auto[data-popper-placement^=top]) .tooltip-arrow::before {
  inset-block-start: -1px;
  border-block-width: 6px 0;
  border-inline-width: 6px;
  border-block-start-color: var(--element-ui-1);
}

:is(.bs-tooltip-end, .tooltip-start-center, .bs-tooltip-auto[data-popper-placement^=right]) {
  padding-inline: 6px;
}
:is(.bs-tooltip-end, .tooltip-start-center, .bs-tooltip-auto[data-popper-placement^=right]) .tooltip-arrow {
  inset-inline-start: 0;
  inline-size: 6px;
  block-size: 12px;
  margin-block-start: -6px;
}
:is(.bs-tooltip-end, .tooltip-start-center, .bs-tooltip-auto[data-popper-placement^=right]) .tooltip-arrow::before {
  inset-inline-end: -1px;
  border-block-width: 6px;
  border-inline-width: 0 6px;
  border-inline-end-color: var(--element-ui-1);
}

:is(.bs-tooltip-bottom,
.tooltip-start-top,
.tooltip-end-top,
.tooltip-center-top,
.bs-tooltip-auto[data-popper-placement^=bottom]) {
  padding-block: 6px;
}
:is(.bs-tooltip-bottom,
.tooltip-start-top,
.tooltip-end-top,
.tooltip-center-top,
.bs-tooltip-auto[data-popper-placement^=bottom]) .tooltip-arrow {
  inset-block-start: 0;
  margin-inline-start: -6px;
}
:is(.bs-tooltip-bottom,
.tooltip-start-top,
.tooltip-end-top,
.tooltip-center-top,
.bs-tooltip-auto[data-popper-placement^=bottom]) .tooltip-arrow::before {
  inset-block-end: -1px;
  border-block-width: 0 6px;
  border-inline-width: 6px;
  border-block-end-color: var(--element-ui-1);
}

:is(.bs-tooltip-start, .tooltip-end-center, .bs-tooltip-auto[data-popper-placement^=left]) {
  padding-inline: 6px;
}
:is(.bs-tooltip-start, .tooltip-end-center, .bs-tooltip-auto[data-popper-placement^=left]) .tooltip-arrow {
  inset-inline-end: 0;
  inline-size: 6px;
  block-size: 12px;
  margin-block-start: -6px;
}
:is(.bs-tooltip-start, .tooltip-end-center, .bs-tooltip-auto[data-popper-placement^=left]) .tooltip-arrow::before {
  inset-inline-start: -1px;
  border-block-width: 6px;
  border-inline-width: 6px 0;
  border-inline-start-color: var(--element-ui-1);
}

:is(.tooltip-start-center, .tooltip-end-center) .tooltip-arrow {
  inset-block-start: 50%;
}

:is(.tooltip-center-top, .tooltip-center-bottom) .tooltip-arrow {
  inset-inline-start: 50%;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  min-block-size: 50px;
  min-inline-size: 176px;
  max-inline-size: 276px;
  font-family: var(--element-body-font-family);
  font-style: normal;
  font-weight: normal;
  line-height: 1.143;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: var(--popover-bg-color, var(--element-base-3));
  background-clip: padding-box;
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2);
  border-radius: var(--element-radius-2);
}
.popover.auto-width {
  max-inline-size: unset;
}
.popover.no-content-padding .popover-body {
  padding: 0;
  overflow: hidden;
  border-radius: var(--element-radius-2);
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  inline-size: var(--popover-arrow-width, 12px);
  block-size: var(--popover-arrow-height, 6px);
}
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.popover-header {
  display: flex;
  align-items: center;
  padding-block: 12px 0;
  padding-inline: 12px;
  margin-block-end: 0;
  font-size: 0.875rem;
  background-color: var(--element-base-3);
  border-start-start-radius: calc(var(--element-radius-2) - 1px);
  border-start-end-radius: calc(var(--element-radius-2) - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-header + .popover-body {
  padding-block-start: 8px;
}
.popover-header:has(> .icon) {
  padding-inline-start: 8px;
}

.popover-body {
  padding-block: 12px;
  padding-inline: 12px;
  color: var(--element-text-primary);
}

:is(.bs-popover-top,
.popover-start-bottom,
.popover-end-bottom,
.popover-center-bottom,
.bs-popover-auto[data-popper-placement^=top]) {
  margin-block-end: var(--popover-arrow-height, 6px);
}
:is(.bs-popover-top,
.popover-start-bottom,
.popover-end-bottom,
.popover-center-bottom,
.bs-popover-auto[data-popper-placement^=top]) > .popover-arrow {
  inset-block-end: calc(-1 * var(--popover-arrow-height, 6px));
  margin-inline-start: calc(-0.5 * var(--popover-arrow-width, 12px));
}
:is(.bs-popover-top,
.popover-start-bottom,
.popover-end-bottom,
.popover-center-bottom,
.bs-popover-auto[data-popper-placement^=top]) > .popover-arrow::before {
  inset-block-end: 0;
  border-block-width: var(--popover-arrow-height, 6px) 0;
  border-inline-width: calc(var(--popover-arrow-width, 12px) * 0.5);
  border-block-start-color: var(--popover-bg-color, var(--element-base-3));
}

:is(.bs-popover-end, .popover-start-center, .bs-popover-auto[data-popper-placement^=right]) {
  margin-inline-start: var(--popover-arrow-height, 6px);
}
:is(.bs-popover-end, .popover-start-center, .bs-popover-auto[data-popper-placement^=right]) > .popover-arrow {
  inset-inline-start: calc(-1 * var(--popover-arrow-height, 6px));
  inline-size: var(--popover-arrow-height, 6px);
  block-size: var(--popover-arrow-width, 12px);
  margin-block-start: calc(-0.5 * var(--popover-arrow-width, 12px));
}
:is(.bs-popover-end, .popover-start-center, .bs-popover-auto[data-popper-placement^=right]) > .popover-arrow::before {
  inset-inline-start: 0;
  border-block-width: calc(var(--popover-arrow-width, 12px) * 0.5);
  border-inline-width: 0 var(--popover-arrow-height, 6px);
  border-inline-end-color: var(--popover-bg-color, var(--element-base-3));
}

:is(.bs-popover-bottom,
.popover-start-top,
.popover-end-top,
.popover-center-top,
.bs-popover-auto[data-popper-placement^=bottom]) {
  margin-block-start: var(--popover-arrow-height, 6px);
}
:is(.bs-popover-bottom,
.popover-start-top,
.popover-end-top,
.popover-center-top,
.bs-popover-auto[data-popper-placement^=bottom]) > .popover-arrow {
  inset-block-start: calc(-1 * var(--popover-arrow-height, 6px));
  margin-inline-start: calc(-0.5 * var(--popover-arrow-width, 12px));
}
:is(.bs-popover-bottom,
.popover-start-top,
.popover-end-top,
.popover-center-top,
.bs-popover-auto[data-popper-placement^=bottom]) > .popover-arrow::before {
  inset-block-start: 0;
  border-block-width: 0 var(--popover-arrow-height, 6px);
  border-inline-width: calc(var(--popover-arrow-width, 12px) * 0.5);
  border-block-end-color: var(--popover-bg-color, var(--element-base-3));
}

:is(.bs-popover-start, .popover-end-center, .bs-popover-auto[data-popper-placement^=left]) {
  margin-inline-end: var(--popover-arrow-height, 6px);
}
:is(.bs-popover-start, .popover-end-center, .bs-popover-auto[data-popper-placement^=left]) > .popover-arrow {
  inset-inline-end: calc(-1 * var(--popover-arrow-height, 6px));
  inline-size: var(--popover-arrow-height, 6px);
  block-size: var(--popover-arrow-width, 12px);
  margin-block-start: calc(-0.5 * var(--popover-arrow-width, 12px));
}
:is(.bs-popover-start, .popover-end-center, .bs-popover-auto[data-popper-placement^=left]) > .popover-arrow::before {
  inset-inline-end: 0;
  border-block-width: calc(var(--popover-arrow-width, 12px) * 0.5);
  border-inline-width: var(--popover-arrow-height, 6px) 0;
  border-inline-start-color: var(--popover-bg-color, var(--element-base-3));
}

:is(.popover-start-center, .popover-end-center) .popover-arrow {
  inset-block-start: 50%;
}

:is(.popover-center-top, .popover-center-bottom) .popover-arrow {
  inset-inline-start: 50%;
}

.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: inline-start !important;
}

.float-end {
  float: inline-end !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-contents {
  display: contents !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2) !important;
}

.shadow-sm {
  box-shadow: 0 0 4px var(--element-box-shadow-color-1), 0 4px 4px var(--element-box-shadow-color-2) !important;
}

.shadow-lg {
  box-shadow: 0 0 16px var(--element-box-shadow-color-1), 0 16px 16px var(--element-box-shadow-color-2) !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: sticky !important;
}

.top-0 {
  inset-block-start: 0 !important;
}

.top-50 {
  inset-block-start: 50% !important;
}

.top-100 {
  inset-block-start: 100% !important;
}

.bottom-0 {
  inset-block-end: 0 !important;
}

.bottom-50 {
  inset-block-end: 50% !important;
}

.bottom-100 {
  inset-block-end: 100% !important;
}

.start-0 {
  inset-inline-start: 0 !important;
}

.start-50 {
  inset-inline-start: 50% !important;
}

.start-100 {
  inset-inline-start: 100% !important;
}

.end-0 {
  inset-inline-end: 0 !important;
}

.end-50 {
  inset-inline-end: 50% !important;
}

.end-100 {
  inset-inline-end: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid var(--element-ui-4) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-block-start: 1px solid var(--element-ui-4) !important;
}

.border-top-0 {
  border-block-start: 0 !important;
}

.border-bottom {
  border-block-end: 1px solid var(--element-ui-4) !important;
}

.border-bottom-0 {
  border-block-end: 0 !important;
}

.border-end {
  border-inline-end: 1px solid var(--element-ui-4) !important;
}

.border-end-0 {
  border-inline-end: 0 !important;
}

.border-start {
  border-inline-start: 1px solid var(--element-ui-4) !important;
}

.border-start-0 {
  border-inline-start: 0 !important;
}

.w-0 {
  inline-size: 0 !important;
}

.w-25 {
  inline-size: 25% !important;
}

.w-50 {
  inline-size: 50% !important;
}

.w-75 {
  inline-size: 75% !important;
}

.w-100 {
  inline-size: 100% !important;
}

.w-auto {
  inline-size: auto !important;
}

.mw-100 {
  max-inline-size: 100% !important;
}

.vw-100 {
  inline-size: 100vw !important;
}

.min-vw-100 {
  min-inline-size: 100vw !important;
}

.h-25 {
  block-size: 25% !important;
}

.h-50 {
  block-size: 50% !important;
}

.h-75 {
  block-size: 75% !important;
}

.h-100 {
  block-size: 100% !important;
}

.h-auto {
  block-size: auto !important;
}

.mh-100 {
  max-block-size: 100% !important;
}

.vh-100 {
  block-size: 100vh !important;
}

.min-vh-100 {
  min-block-size: 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: 2px !important;
}

.gap-2 {
  gap: 4px !important;
}

.gap-3 {
  gap: 6px !important;
}

.gap-4 {
  gap: 8px !important;
}

.gap-5 {
  gap: 12px !important;
}

.gap-6 {
  gap: 16px !important;
}

.gap-7 {
  gap: 20px !important;
}

.gap-8 {
  gap: 24px !important;
}

.gap-9 {
  gap: 32px !important;
}

.gap-10 {
  gap: 64px !important;
}

.gap-11 {
  gap: 96px !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: 2px !important;
}

.m-2 {
  margin: 4px !important;
}

.m-3 {
  margin: 6px !important;
}

.m-4 {
  margin: 8px !important;
}

.m-5 {
  margin: 12px !important;
}

.m-6 {
  margin: 16px !important;
}

.m-7 {
  margin: 20px !important;
}

.m-8 {
  margin: 24px !important;
}

.m-9 {
  margin: 32px !important;
}

.m-10 {
  margin: 64px !important;
}

.m-11 {
  margin: 96px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-inline: 0 !important;
}

.mx-1 {
  margin-inline: 2px !important;
}

.mx-2 {
  margin-inline: 4px !important;
}

.mx-3 {
  margin-inline: 6px !important;
}

.mx-4 {
  margin-inline: 8px !important;
}

.mx-5 {
  margin-inline: 12px !important;
}

.mx-6 {
  margin-inline: 16px !important;
}

.mx-7 {
  margin-inline: 20px !important;
}

.mx-8 {
  margin-inline: 24px !important;
}

.mx-9 {
  margin-inline: 32px !important;
}

.mx-10 {
  margin-inline: 64px !important;
}

.mx-11 {
  margin-inline: 96px !important;
}

.mx-auto {
  margin-inline: auto !important;
}

.my-0 {
  margin-block: 0 !important;
}

.my-1 {
  margin-block: 2px !important;
}

.my-2 {
  margin-block: 4px !important;
}

.my-3 {
  margin-block: 6px !important;
}

.my-4 {
  margin-block: 8px !important;
}

.my-5 {
  margin-block: 12px !important;
}

.my-6 {
  margin-block: 16px !important;
}

.my-7 {
  margin-block: 20px !important;
}

.my-8 {
  margin-block: 24px !important;
}

.my-9 {
  margin-block: 32px !important;
}

.my-10 {
  margin-block: 64px !important;
}

.my-11 {
  margin-block: 96px !important;
}

.my-auto {
  margin-block: auto !important;
}

.mt-0 {
  margin-block-start: 0 !important;
}

.mt-1 {
  margin-block-start: 2px !important;
}

.mt-2 {
  margin-block-start: 4px !important;
}

.mt-3 {
  margin-block-start: 6px !important;
}

.mt-4 {
  margin-block-start: 8px !important;
}

.mt-5 {
  margin-block-start: 12px !important;
}

.mt-6 {
  margin-block-start: 16px !important;
}

.mt-7 {
  margin-block-start: 20px !important;
}

.mt-8 {
  margin-block-start: 24px !important;
}

.mt-9 {
  margin-block-start: 32px !important;
}

.mt-10 {
  margin-block-start: 64px !important;
}

.mt-11 {
  margin-block-start: 96px !important;
}

.mt-auto {
  margin-block-start: auto !important;
}

.me-0 {
  margin-inline-end: 0 !important;
}

.me-1 {
  margin-inline-end: 2px !important;
}

.me-2 {
  margin-inline-end: 4px !important;
}

.me-3 {
  margin-inline-end: 6px !important;
}

.me-4 {
  margin-inline-end: 8px !important;
}

.me-5 {
  margin-inline-end: 12px !important;
}

.me-6 {
  margin-inline-end: 16px !important;
}

.me-7 {
  margin-inline-end: 20px !important;
}

.me-8 {
  margin-inline-end: 24px !important;
}

.me-9 {
  margin-inline-end: 32px !important;
}

.me-10 {
  margin-inline-end: 64px !important;
}

.me-11 {
  margin-inline-end: 96px !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.mb-0 {
  margin-block-end: 0 !important;
}

.mb-1 {
  margin-block-end: 2px !important;
}

.mb-2 {
  margin-block-end: 4px !important;
}

.mb-3 {
  margin-block-end: 6px !important;
}

.mb-4 {
  margin-block-end: 8px !important;
}

.mb-5 {
  margin-block-end: 12px !important;
}

.mb-6 {
  margin-block-end: 16px !important;
}

.mb-7 {
  margin-block-end: 20px !important;
}

.mb-8 {
  margin-block-end: 24px !important;
}

.mb-9 {
  margin-block-end: 32px !important;
}

.mb-10 {
  margin-block-end: 64px !important;
}

.mb-11 {
  margin-block-end: 96px !important;
}

.mb-auto {
  margin-block-end: auto !important;
}

.ms-0 {
  margin-inline-start: 0 !important;
}

.ms-1 {
  margin-inline-start: 2px !important;
}

.ms-2 {
  margin-inline-start: 4px !important;
}

.ms-3 {
  margin-inline-start: 6px !important;
}

.ms-4 {
  margin-inline-start: 8px !important;
}

.ms-5 {
  margin-inline-start: 12px !important;
}

.ms-6 {
  margin-inline-start: 16px !important;
}

.ms-7 {
  margin-inline-start: 20px !important;
}

.ms-8 {
  margin-inline-start: 24px !important;
}

.ms-9 {
  margin-inline-start: 32px !important;
}

.ms-10 {
  margin-inline-start: 64px !important;
}

.ms-11 {
  margin-inline-start: 96px !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.m-n1 {
  margin: -2px !important;
}

.m-n2 {
  margin: -4px !important;
}

.m-n3 {
  margin: -6px !important;
}

.m-n4 {
  margin: -8px !important;
}

.m-n5 {
  margin: -12px !important;
}

.m-n6 {
  margin: -16px !important;
}

.m-n7 {
  margin: -20px !important;
}

.m-n8 {
  margin: -24px !important;
}

.m-n9 {
  margin: -32px !important;
}

.m-n10 {
  margin: -64px !important;
}

.m-n11 {
  margin: -96px !important;
}

.mx-n1 {
  margin-inline: -2px !important;
}

.mx-n2 {
  margin-inline: -4px !important;
}

.mx-n3 {
  margin-inline: -6px !important;
}

.mx-n4 {
  margin-inline: -8px !important;
}

.mx-n5 {
  margin-inline: -12px !important;
}

.mx-n6 {
  margin-inline: -16px !important;
}

.mx-n7 {
  margin-inline: -20px !important;
}

.mx-n8 {
  margin-inline: -24px !important;
}

.mx-n9 {
  margin-inline: -32px !important;
}

.mx-n10 {
  margin-inline: -64px !important;
}

.mx-n11 {
  margin-inline: -96px !important;
}

.my-n1 {
  margin-block: -2px !important;
}

.my-n2 {
  margin-block: -4px !important;
}

.my-n3 {
  margin-block: -6px !important;
}

.my-n4 {
  margin-block: -8px !important;
}

.my-n5 {
  margin-block: -12px !important;
}

.my-n6 {
  margin-block: -16px !important;
}

.my-n7 {
  margin-block: -20px !important;
}

.my-n8 {
  margin-block: -24px !important;
}

.my-n9 {
  margin-block: -32px !important;
}

.my-n10 {
  margin-block: -64px !important;
}

.my-n11 {
  margin-block: -96px !important;
}

.mt-n1 {
  margin-block-start: -2px !important;
}

.mt-n2 {
  margin-block-start: -4px !important;
}

.mt-n3 {
  margin-block-start: -6px !important;
}

.mt-n4 {
  margin-block-start: -8px !important;
}

.mt-n5 {
  margin-block-start: -12px !important;
}

.mt-n6 {
  margin-block-start: -16px !important;
}

.mt-n7 {
  margin-block-start: -20px !important;
}

.mt-n8 {
  margin-block-start: -24px !important;
}

.mt-n9 {
  margin-block-start: -32px !important;
}

.mt-n10 {
  margin-block-start: -64px !important;
}

.mt-n11 {
  margin-block-start: -96px !important;
}

.me-n1 {
  margin-inline-end: -2px !important;
}

.me-n2 {
  margin-inline-end: -4px !important;
}

.me-n3 {
  margin-inline-end: -6px !important;
}

.me-n4 {
  margin-inline-end: -8px !important;
}

.me-n5 {
  margin-inline-end: -12px !important;
}

.me-n6 {
  margin-inline-end: -16px !important;
}

.me-n7 {
  margin-inline-end: -20px !important;
}

.me-n8 {
  margin-inline-end: -24px !important;
}

.me-n9 {
  margin-inline-end: -32px !important;
}

.me-n10 {
  margin-inline-end: -64px !important;
}

.me-n11 {
  margin-inline-end: -96px !important;
}

.ms-n1 {
  margin-inline-start: -2px !important;
}

.ms-n2 {
  margin-inline-start: -4px !important;
}

.ms-n3 {
  margin-inline-start: -6px !important;
}

.ms-n4 {
  margin-inline-start: -8px !important;
}

.ms-n5 {
  margin-inline-start: -12px !important;
}

.ms-n6 {
  margin-inline-start: -16px !important;
}

.ms-n7 {
  margin-inline-start: -20px !important;
}

.ms-n8 {
  margin-inline-start: -24px !important;
}

.ms-n9 {
  margin-inline-start: -32px !important;
}

.ms-n10 {
  margin-inline-start: -64px !important;
}

.ms-n11 {
  margin-inline-start: -96px !important;
}

.mb-n1 {
  margin-block-end: -2px !important;
}

.mb-n2 {
  margin-block-end: -4px !important;
}

.mb-n3 {
  margin-block-end: -6px !important;
}

.mb-n4 {
  margin-block-end: -8px !important;
}

.mb-n5 {
  margin-block-end: -12px !important;
}

.mb-n6 {
  margin-block-end: -16px !important;
}

.mb-n7 {
  margin-block-end: -20px !important;
}

.mb-n8 {
  margin-block-end: -24px !important;
}

.mb-n9 {
  margin-block-end: -32px !important;
}

.mb-n10 {
  margin-block-end: -64px !important;
}

.mb-n11 {
  margin-block-end: -96px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 2px !important;
}

.p-2 {
  padding: 4px !important;
}

.p-3 {
  padding: 6px !important;
}

.p-4 {
  padding: 8px !important;
}

.p-5 {
  padding: 12px !important;
}

.p-6 {
  padding: 16px !important;
}

.p-7 {
  padding: 20px !important;
}

.p-8 {
  padding: 24px !important;
}

.p-9 {
  padding: 32px !important;
}

.p-10 {
  padding: 64px !important;
}

.p-11 {
  padding: 96px !important;
}

.px-0 {
  padding-inline: 0 !important;
}

.px-1 {
  padding-inline: 2px !important;
}

.px-2 {
  padding-inline: 4px !important;
}

.px-3 {
  padding-inline: 6px !important;
}

.px-4 {
  padding-inline: 8px !important;
}

.px-5 {
  padding-inline: 12px !important;
}

.px-6 {
  padding-inline: 16px !important;
}

.px-7 {
  padding-inline: 20px !important;
}

.px-8 {
  padding-inline: 24px !important;
}

.px-9 {
  padding-inline: 32px !important;
}

.px-10 {
  padding-inline: 64px !important;
}

.px-11 {
  padding-inline: 96px !important;
}

.py-0 {
  padding-block: 0 !important;
}

.py-1 {
  padding-block: 2px !important;
}

.py-2 {
  padding-block: 4px !important;
}

.py-3 {
  padding-block: 6px !important;
}

.py-4 {
  padding-block: 8px !important;
}

.py-5 {
  padding-block: 12px !important;
}

.py-6 {
  padding-block: 16px !important;
}

.py-7 {
  padding-block: 20px !important;
}

.py-8 {
  padding-block: 24px !important;
}

.py-9 {
  padding-block: 32px !important;
}

.py-10 {
  padding-block: 64px !important;
}

.py-11 {
  padding-block: 96px !important;
}

.pt-0 {
  padding-block-start: 0 !important;
}

.pt-1 {
  padding-block-start: 2px !important;
}

.pt-2 {
  padding-block-start: 4px !important;
}

.pt-3 {
  padding-block-start: 6px !important;
}

.pt-4 {
  padding-block-start: 8px !important;
}

.pt-5 {
  padding-block-start: 12px !important;
}

.pt-6 {
  padding-block-start: 16px !important;
}

.pt-7 {
  padding-block-start: 20px !important;
}

.pt-8 {
  padding-block-start: 24px !important;
}

.pt-9 {
  padding-block-start: 32px !important;
}

.pt-10 {
  padding-block-start: 64px !important;
}

.pt-11 {
  padding-block-start: 96px !important;
}

.pe-0 {
  padding-inline-end: 0 !important;
}

.pe-1 {
  padding-inline-end: 2px !important;
}

.pe-2 {
  padding-inline-end: 4px !important;
}

.pe-3 {
  padding-inline-end: 6px !important;
}

.pe-4 {
  padding-inline-end: 8px !important;
}

.pe-5 {
  padding-inline-end: 12px !important;
}

.pe-6 {
  padding-inline-end: 16px !important;
}

.pe-7 {
  padding-inline-end: 20px !important;
}

.pe-8 {
  padding-inline-end: 24px !important;
}

.pe-9 {
  padding-inline-end: 32px !important;
}

.pe-10 {
  padding-inline-end: 64px !important;
}

.pe-11 {
  padding-inline-end: 96px !important;
}

.pb-0 {
  padding-block-end: 0 !important;
}

.pb-1 {
  padding-block-end: 2px !important;
}

.pb-2 {
  padding-block-end: 4px !important;
}

.pb-3 {
  padding-block-end: 6px !important;
}

.pb-4 {
  padding-block-end: 8px !important;
}

.pb-5 {
  padding-block-end: 12px !important;
}

.pb-6 {
  padding-block-end: 16px !important;
}

.pb-7 {
  padding-block-end: 20px !important;
}

.pb-8 {
  padding-block-end: 24px !important;
}

.pb-9 {
  padding-block-end: 32px !important;
}

.pb-10 {
  padding-block-end: 64px !important;
}

.pb-11 {
  padding-block-end: 96px !important;
}

.ps-0 {
  padding-inline-start: 0 !important;
}

.ps-1 {
  padding-inline-start: 2px !important;
}

.ps-2 {
  padding-inline-start: 4px !important;
}

.ps-3 {
  padding-inline-start: 6px !important;
}

.ps-4 {
  padding-inline-start: 8px !important;
}

.ps-5 {
  padding-inline-start: 12px !important;
}

.ps-6 {
  padding-inline-start: 16px !important;
}

.ps-7 {
  padding-inline-start: 20px !important;
}

.ps-8 {
  padding-inline-start: 24px !important;
}

.ps-9 {
  padding-inline-start: 32px !important;
}

.ps-10 {
  padding-inline-start: 64px !important;
}

.ps-11 {
  padding-inline-start: 96px !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: 1.85rem !important;
}

.fs-2 {
  font-size: 1.25rem !important;
}

.fs-3 {
  font-size: 1.125rem !important;
}

.fs-4 {
  font-size: 1rem !important;
}

.fs-5 {
  font-size: 0.875rem !important;
}

.fs-6 {
  font-size: 0.875rem !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: normal !important;
}

.fw-bold {
  font-weight: bold !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.143 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !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;
}

.user-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--element-radius-2) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--element-radius-1) !important;
}

.rounded-2 {
  border-radius: var(--element-radius-2) !important;
}

.rounded-3 {
  border-radius: var(--element-radius-2) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-start-start-radius: var(--element-radius-2) !important;
  border-start-end-radius: var(--element-radius-2) !important;
}

.rounded-end {
  border-end-start-radius: var(--element-radius-2) !important;
  border-end-end-radius: var(--element-radius-2) !important;
}

.rounded-bottom {
  border-end-start-radius: var(--element-radius-2) !important;
  border-end-end-radius: var(--element-radius-2) !important;
}

.rounded-start {
  border-start-start-radius: var(--element-radius-2) !important;
  border-end-start-radius: var(--element-radius-2) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: inline-start !important;
  }
  .float-sm-end {
    float: inline-end !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-contents {
    display: contents !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: 2px !important;
  }
  .gap-sm-2 {
    gap: 4px !important;
  }
  .gap-sm-3 {
    gap: 6px !important;
  }
  .gap-sm-4 {
    gap: 8px !important;
  }
  .gap-sm-5 {
    gap: 12px !important;
  }
  .gap-sm-6 {
    gap: 16px !important;
  }
  .gap-sm-7 {
    gap: 20px !important;
  }
  .gap-sm-8 {
    gap: 24px !important;
  }
  .gap-sm-9 {
    gap: 32px !important;
  }
  .gap-sm-10 {
    gap: 64px !important;
  }
  .gap-sm-11 {
    gap: 96px !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: 2px !important;
  }
  .m-sm-2 {
    margin: 4px !important;
  }
  .m-sm-3 {
    margin: 6px !important;
  }
  .m-sm-4 {
    margin: 8px !important;
  }
  .m-sm-5 {
    margin: 12px !important;
  }
  .m-sm-6 {
    margin: 16px !important;
  }
  .m-sm-7 {
    margin: 20px !important;
  }
  .m-sm-8 {
    margin: 24px !important;
  }
  .m-sm-9 {
    margin: 32px !important;
  }
  .m-sm-10 {
    margin: 64px !important;
  }
  .m-sm-11 {
    margin: 96px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-inline: 0 !important;
  }
  .mx-sm-1 {
    margin-inline: 2px !important;
  }
  .mx-sm-2 {
    margin-inline: 4px !important;
  }
  .mx-sm-3 {
    margin-inline: 6px !important;
  }
  .mx-sm-4 {
    margin-inline: 8px !important;
  }
  .mx-sm-5 {
    margin-inline: 12px !important;
  }
  .mx-sm-6 {
    margin-inline: 16px !important;
  }
  .mx-sm-7 {
    margin-inline: 20px !important;
  }
  .mx-sm-8 {
    margin-inline: 24px !important;
  }
  .mx-sm-9 {
    margin-inline: 32px !important;
  }
  .mx-sm-10 {
    margin-inline: 64px !important;
  }
  .mx-sm-11 {
    margin-inline: 96px !important;
  }
  .mx-sm-auto {
    margin-inline: auto !important;
  }
  .my-sm-0 {
    margin-block: 0 !important;
  }
  .my-sm-1 {
    margin-block: 2px !important;
  }
  .my-sm-2 {
    margin-block: 4px !important;
  }
  .my-sm-3 {
    margin-block: 6px !important;
  }
  .my-sm-4 {
    margin-block: 8px !important;
  }
  .my-sm-5 {
    margin-block: 12px !important;
  }
  .my-sm-6 {
    margin-block: 16px !important;
  }
  .my-sm-7 {
    margin-block: 20px !important;
  }
  .my-sm-8 {
    margin-block: 24px !important;
  }
  .my-sm-9 {
    margin-block: 32px !important;
  }
  .my-sm-10 {
    margin-block: 64px !important;
  }
  .my-sm-11 {
    margin-block: 96px !important;
  }
  .my-sm-auto {
    margin-block: auto !important;
  }
  .mt-sm-0 {
    margin-block-start: 0 !important;
  }
  .mt-sm-1 {
    margin-block-start: 2px !important;
  }
  .mt-sm-2 {
    margin-block-start: 4px !important;
  }
  .mt-sm-3 {
    margin-block-start: 6px !important;
  }
  .mt-sm-4 {
    margin-block-start: 8px !important;
  }
  .mt-sm-5 {
    margin-block-start: 12px !important;
  }
  .mt-sm-6 {
    margin-block-start: 16px !important;
  }
  .mt-sm-7 {
    margin-block-start: 20px !important;
  }
  .mt-sm-8 {
    margin-block-start: 24px !important;
  }
  .mt-sm-9 {
    margin-block-start: 32px !important;
  }
  .mt-sm-10 {
    margin-block-start: 64px !important;
  }
  .mt-sm-11 {
    margin-block-start: 96px !important;
  }
  .mt-sm-auto {
    margin-block-start: auto !important;
  }
  .me-sm-0 {
    margin-inline-end: 0 !important;
  }
  .me-sm-1 {
    margin-inline-end: 2px !important;
  }
  .me-sm-2 {
    margin-inline-end: 4px !important;
  }
  .me-sm-3 {
    margin-inline-end: 6px !important;
  }
  .me-sm-4 {
    margin-inline-end: 8px !important;
  }
  .me-sm-5 {
    margin-inline-end: 12px !important;
  }
  .me-sm-6 {
    margin-inline-end: 16px !important;
  }
  .me-sm-7 {
    margin-inline-end: 20px !important;
  }
  .me-sm-8 {
    margin-inline-end: 24px !important;
  }
  .me-sm-9 {
    margin-inline-end: 32px !important;
  }
  .me-sm-10 {
    margin-inline-end: 64px !important;
  }
  .me-sm-11 {
    margin-inline-end: 96px !important;
  }
  .me-sm-auto {
    margin-inline-end: auto !important;
  }
  .mb-sm-0 {
    margin-block-end: 0 !important;
  }
  .mb-sm-1 {
    margin-block-end: 2px !important;
  }
  .mb-sm-2 {
    margin-block-end: 4px !important;
  }
  .mb-sm-3 {
    margin-block-end: 6px !important;
  }
  .mb-sm-4 {
    margin-block-end: 8px !important;
  }
  .mb-sm-5 {
    margin-block-end: 12px !important;
  }
  .mb-sm-6 {
    margin-block-end: 16px !important;
  }
  .mb-sm-7 {
    margin-block-end: 20px !important;
  }
  .mb-sm-8 {
    margin-block-end: 24px !important;
  }
  .mb-sm-9 {
    margin-block-end: 32px !important;
  }
  .mb-sm-10 {
    margin-block-end: 64px !important;
  }
  .mb-sm-11 {
    margin-block-end: 96px !important;
  }
  .mb-sm-auto {
    margin-block-end: auto !important;
  }
  .ms-sm-0 {
    margin-inline-start: 0 !important;
  }
  .ms-sm-1 {
    margin-inline-start: 2px !important;
  }
  .ms-sm-2 {
    margin-inline-start: 4px !important;
  }
  .ms-sm-3 {
    margin-inline-start: 6px !important;
  }
  .ms-sm-4 {
    margin-inline-start: 8px !important;
  }
  .ms-sm-5 {
    margin-inline-start: 12px !important;
  }
  .ms-sm-6 {
    margin-inline-start: 16px !important;
  }
  .ms-sm-7 {
    margin-inline-start: 20px !important;
  }
  .ms-sm-8 {
    margin-inline-start: 24px !important;
  }
  .ms-sm-9 {
    margin-inline-start: 32px !important;
  }
  .ms-sm-10 {
    margin-inline-start: 64px !important;
  }
  .ms-sm-11 {
    margin-inline-start: 96px !important;
  }
  .ms-sm-auto {
    margin-inline-start: auto !important;
  }
  .m-sm-n1 {
    margin: -2px !important;
  }
  .m-sm-n2 {
    margin: -4px !important;
  }
  .m-sm-n3 {
    margin: -6px !important;
  }
  .m-sm-n4 {
    margin: -8px !important;
  }
  .m-sm-n5 {
    margin: -12px !important;
  }
  .m-sm-n6 {
    margin: -16px !important;
  }
  .m-sm-n7 {
    margin: -20px !important;
  }
  .m-sm-n8 {
    margin: -24px !important;
  }
  .m-sm-n9 {
    margin: -32px !important;
  }
  .m-sm-n10 {
    margin: -64px !important;
  }
  .m-sm-n11 {
    margin: -96px !important;
  }
  .mx-sm-n1 {
    margin-inline: -2px !important;
  }
  .mx-sm-n2 {
    margin-inline: -4px !important;
  }
  .mx-sm-n3 {
    margin-inline: -6px !important;
  }
  .mx-sm-n4 {
    margin-inline: -8px !important;
  }
  .mx-sm-n5 {
    margin-inline: -12px !important;
  }
  .mx-sm-n6 {
    margin-inline: -16px !important;
  }
  .mx-sm-n7 {
    margin-inline: -20px !important;
  }
  .mx-sm-n8 {
    margin-inline: -24px !important;
  }
  .mx-sm-n9 {
    margin-inline: -32px !important;
  }
  .mx-sm-n10 {
    margin-inline: -64px !important;
  }
  .mx-sm-n11 {
    margin-inline: -96px !important;
  }
  .my-sm-n1 {
    margin-block: -2px !important;
  }
  .my-sm-n2 {
    margin-block: -4px !important;
  }
  .my-sm-n3 {
    margin-block: -6px !important;
  }
  .my-sm-n4 {
    margin-block: -8px !important;
  }
  .my-sm-n5 {
    margin-block: -12px !important;
  }
  .my-sm-n6 {
    margin-block: -16px !important;
  }
  .my-sm-n7 {
    margin-block: -20px !important;
  }
  .my-sm-n8 {
    margin-block: -24px !important;
  }
  .my-sm-n9 {
    margin-block: -32px !important;
  }
  .my-sm-n10 {
    margin-block: -64px !important;
  }
  .my-sm-n11 {
    margin-block: -96px !important;
  }
  .mt-sm-n1 {
    margin-block-start: -2px !important;
  }
  .mt-sm-n2 {
    margin-block-start: -4px !important;
  }
  .mt-sm-n3 {
    margin-block-start: -6px !important;
  }
  .mt-sm-n4 {
    margin-block-start: -8px !important;
  }
  .mt-sm-n5 {
    margin-block-start: -12px !important;
  }
  .mt-sm-n6 {
    margin-block-start: -16px !important;
  }
  .mt-sm-n7 {
    margin-block-start: -20px !important;
  }
  .mt-sm-n8 {
    margin-block-start: -24px !important;
  }
  .mt-sm-n9 {
    margin-block-start: -32px !important;
  }
  .mt-sm-n10 {
    margin-block-start: -64px !important;
  }
  .mt-sm-n11 {
    margin-block-start: -96px !important;
  }
  .me-sm-n1 {
    margin-inline-end: -2px !important;
  }
  .me-sm-n2 {
    margin-inline-end: -4px !important;
  }
  .me-sm-n3 {
    margin-inline-end: -6px !important;
  }
  .me-sm-n4 {
    margin-inline-end: -8px !important;
  }
  .me-sm-n5 {
    margin-inline-end: -12px !important;
  }
  .me-sm-n6 {
    margin-inline-end: -16px !important;
  }
  .me-sm-n7 {
    margin-inline-end: -20px !important;
  }
  .me-sm-n8 {
    margin-inline-end: -24px !important;
  }
  .me-sm-n9 {
    margin-inline-end: -32px !important;
  }
  .me-sm-n10 {
    margin-inline-end: -64px !important;
  }
  .me-sm-n11 {
    margin-inline-end: -96px !important;
  }
  .ms-sm-n1 {
    margin-inline-start: -2px !important;
  }
  .ms-sm-n2 {
    margin-inline-start: -4px !important;
  }
  .ms-sm-n3 {
    margin-inline-start: -6px !important;
  }
  .ms-sm-n4 {
    margin-inline-start: -8px !important;
  }
  .ms-sm-n5 {
    margin-inline-start: -12px !important;
  }
  .ms-sm-n6 {
    margin-inline-start: -16px !important;
  }
  .ms-sm-n7 {
    margin-inline-start: -20px !important;
  }
  .ms-sm-n8 {
    margin-inline-start: -24px !important;
  }
  .ms-sm-n9 {
    margin-inline-start: -32px !important;
  }
  .ms-sm-n10 {
    margin-inline-start: -64px !important;
  }
  .ms-sm-n11 {
    margin-inline-start: -96px !important;
  }
  .mb-sm-n1 {
    margin-block-end: -2px !important;
  }
  .mb-sm-n2 {
    margin-block-end: -4px !important;
  }
  .mb-sm-n3 {
    margin-block-end: -6px !important;
  }
  .mb-sm-n4 {
    margin-block-end: -8px !important;
  }
  .mb-sm-n5 {
    margin-block-end: -12px !important;
  }
  .mb-sm-n6 {
    margin-block-end: -16px !important;
  }
  .mb-sm-n7 {
    margin-block-end: -20px !important;
  }
  .mb-sm-n8 {
    margin-block-end: -24px !important;
  }
  .mb-sm-n9 {
    margin-block-end: -32px !important;
  }
  .mb-sm-n10 {
    margin-block-end: -64px !important;
  }
  .mb-sm-n11 {
    margin-block-end: -96px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 2px !important;
  }
  .p-sm-2 {
    padding: 4px !important;
  }
  .p-sm-3 {
    padding: 6px !important;
  }
  .p-sm-4 {
    padding: 8px !important;
  }
  .p-sm-5 {
    padding: 12px !important;
  }
  .p-sm-6 {
    padding: 16px !important;
  }
  .p-sm-7 {
    padding: 20px !important;
  }
  .p-sm-8 {
    padding: 24px !important;
  }
  .p-sm-9 {
    padding: 32px !important;
  }
  .p-sm-10 {
    padding: 64px !important;
  }
  .p-sm-11 {
    padding: 96px !important;
  }
  .px-sm-0 {
    padding-inline: 0 !important;
  }
  .px-sm-1 {
    padding-inline: 2px !important;
  }
  .px-sm-2 {
    padding-inline: 4px !important;
  }
  .px-sm-3 {
    padding-inline: 6px !important;
  }
  .px-sm-4 {
    padding-inline: 8px !important;
  }
  .px-sm-5 {
    padding-inline: 12px !important;
  }
  .px-sm-6 {
    padding-inline: 16px !important;
  }
  .px-sm-7 {
    padding-inline: 20px !important;
  }
  .px-sm-8 {
    padding-inline: 24px !important;
  }
  .px-sm-9 {
    padding-inline: 32px !important;
  }
  .px-sm-10 {
    padding-inline: 64px !important;
  }
  .px-sm-11 {
    padding-inline: 96px !important;
  }
  .py-sm-0 {
    padding-block: 0 !important;
  }
  .py-sm-1 {
    padding-block: 2px !important;
  }
  .py-sm-2 {
    padding-block: 4px !important;
  }
  .py-sm-3 {
    padding-block: 6px !important;
  }
  .py-sm-4 {
    padding-block: 8px !important;
  }
  .py-sm-5 {
    padding-block: 12px !important;
  }
  .py-sm-6 {
    padding-block: 16px !important;
  }
  .py-sm-7 {
    padding-block: 20px !important;
  }
  .py-sm-8 {
    padding-block: 24px !important;
  }
  .py-sm-9 {
    padding-block: 32px !important;
  }
  .py-sm-10 {
    padding-block: 64px !important;
  }
  .py-sm-11 {
    padding-block: 96px !important;
  }
  .pt-sm-0 {
    padding-block-start: 0 !important;
  }
  .pt-sm-1 {
    padding-block-start: 2px !important;
  }
  .pt-sm-2 {
    padding-block-start: 4px !important;
  }
  .pt-sm-3 {
    padding-block-start: 6px !important;
  }
  .pt-sm-4 {
    padding-block-start: 8px !important;
  }
  .pt-sm-5 {
    padding-block-start: 12px !important;
  }
  .pt-sm-6 {
    padding-block-start: 16px !important;
  }
  .pt-sm-7 {
    padding-block-start: 20px !important;
  }
  .pt-sm-8 {
    padding-block-start: 24px !important;
  }
  .pt-sm-9 {
    padding-block-start: 32px !important;
  }
  .pt-sm-10 {
    padding-block-start: 64px !important;
  }
  .pt-sm-11 {
    padding-block-start: 96px !important;
  }
  .pe-sm-0 {
    padding-inline-end: 0 !important;
  }
  .pe-sm-1 {
    padding-inline-end: 2px !important;
  }
  .pe-sm-2 {
    padding-inline-end: 4px !important;
  }
  .pe-sm-3 {
    padding-inline-end: 6px !important;
  }
  .pe-sm-4 {
    padding-inline-end: 8px !important;
  }
  .pe-sm-5 {
    padding-inline-end: 12px !important;
  }
  .pe-sm-6 {
    padding-inline-end: 16px !important;
  }
  .pe-sm-7 {
    padding-inline-end: 20px !important;
  }
  .pe-sm-8 {
    padding-inline-end: 24px !important;
  }
  .pe-sm-9 {
    padding-inline-end: 32px !important;
  }
  .pe-sm-10 {
    padding-inline-end: 64px !important;
  }
  .pe-sm-11 {
    padding-inline-end: 96px !important;
  }
  .pb-sm-0 {
    padding-block-end: 0 !important;
  }
  .pb-sm-1 {
    padding-block-end: 2px !important;
  }
  .pb-sm-2 {
    padding-block-end: 4px !important;
  }
  .pb-sm-3 {
    padding-block-end: 6px !important;
  }
  .pb-sm-4 {
    padding-block-end: 8px !important;
  }
  .pb-sm-5 {
    padding-block-end: 12px !important;
  }
  .pb-sm-6 {
    padding-block-end: 16px !important;
  }
  .pb-sm-7 {
    padding-block-end: 20px !important;
  }
  .pb-sm-8 {
    padding-block-end: 24px !important;
  }
  .pb-sm-9 {
    padding-block-end: 32px !important;
  }
  .pb-sm-10 {
    padding-block-end: 64px !important;
  }
  .pb-sm-11 {
    padding-block-end: 96px !important;
  }
  .ps-sm-0 {
    padding-inline-start: 0 !important;
  }
  .ps-sm-1 {
    padding-inline-start: 2px !important;
  }
  .ps-sm-2 {
    padding-inline-start: 4px !important;
  }
  .ps-sm-3 {
    padding-inline-start: 6px !important;
  }
  .ps-sm-4 {
    padding-inline-start: 8px !important;
  }
  .ps-sm-5 {
    padding-inline-start: 12px !important;
  }
  .ps-sm-6 {
    padding-inline-start: 16px !important;
  }
  .ps-sm-7 {
    padding-inline-start: 20px !important;
  }
  .ps-sm-8 {
    padding-inline-start: 24px !important;
  }
  .ps-sm-9 {
    padding-inline-start: 32px !important;
  }
  .ps-sm-10 {
    padding-inline-start: 64px !important;
  }
  .ps-sm-11 {
    padding-inline-start: 96px !important;
  }
  .text-sm-start {
    text-align: start !important;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: inline-start !important;
  }
  .float-md-end {
    float: inline-end !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-contents {
    display: contents !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: 2px !important;
  }
  .gap-md-2 {
    gap: 4px !important;
  }
  .gap-md-3 {
    gap: 6px !important;
  }
  .gap-md-4 {
    gap: 8px !important;
  }
  .gap-md-5 {
    gap: 12px !important;
  }
  .gap-md-6 {
    gap: 16px !important;
  }
  .gap-md-7 {
    gap: 20px !important;
  }
  .gap-md-8 {
    gap: 24px !important;
  }
  .gap-md-9 {
    gap: 32px !important;
  }
  .gap-md-10 {
    gap: 64px !important;
  }
  .gap-md-11 {
    gap: 96px !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: 2px !important;
  }
  .m-md-2 {
    margin: 4px !important;
  }
  .m-md-3 {
    margin: 6px !important;
  }
  .m-md-4 {
    margin: 8px !important;
  }
  .m-md-5 {
    margin: 12px !important;
  }
  .m-md-6 {
    margin: 16px !important;
  }
  .m-md-7 {
    margin: 20px !important;
  }
  .m-md-8 {
    margin: 24px !important;
  }
  .m-md-9 {
    margin: 32px !important;
  }
  .m-md-10 {
    margin: 64px !important;
  }
  .m-md-11 {
    margin: 96px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-inline: 0 !important;
  }
  .mx-md-1 {
    margin-inline: 2px !important;
  }
  .mx-md-2 {
    margin-inline: 4px !important;
  }
  .mx-md-3 {
    margin-inline: 6px !important;
  }
  .mx-md-4 {
    margin-inline: 8px !important;
  }
  .mx-md-5 {
    margin-inline: 12px !important;
  }
  .mx-md-6 {
    margin-inline: 16px !important;
  }
  .mx-md-7 {
    margin-inline: 20px !important;
  }
  .mx-md-8 {
    margin-inline: 24px !important;
  }
  .mx-md-9 {
    margin-inline: 32px !important;
  }
  .mx-md-10 {
    margin-inline: 64px !important;
  }
  .mx-md-11 {
    margin-inline: 96px !important;
  }
  .mx-md-auto {
    margin-inline: auto !important;
  }
  .my-md-0 {
    margin-block: 0 !important;
  }
  .my-md-1 {
    margin-block: 2px !important;
  }
  .my-md-2 {
    margin-block: 4px !important;
  }
  .my-md-3 {
    margin-block: 6px !important;
  }
  .my-md-4 {
    margin-block: 8px !important;
  }
  .my-md-5 {
    margin-block: 12px !important;
  }
  .my-md-6 {
    margin-block: 16px !important;
  }
  .my-md-7 {
    margin-block: 20px !important;
  }
  .my-md-8 {
    margin-block: 24px !important;
  }
  .my-md-9 {
    margin-block: 32px !important;
  }
  .my-md-10 {
    margin-block: 64px !important;
  }
  .my-md-11 {
    margin-block: 96px !important;
  }
  .my-md-auto {
    margin-block: auto !important;
  }
  .mt-md-0 {
    margin-block-start: 0 !important;
  }
  .mt-md-1 {
    margin-block-start: 2px !important;
  }
  .mt-md-2 {
    margin-block-start: 4px !important;
  }
  .mt-md-3 {
    margin-block-start: 6px !important;
  }
  .mt-md-4 {
    margin-block-start: 8px !important;
  }
  .mt-md-5 {
    margin-block-start: 12px !important;
  }
  .mt-md-6 {
    margin-block-start: 16px !important;
  }
  .mt-md-7 {
    margin-block-start: 20px !important;
  }
  .mt-md-8 {
    margin-block-start: 24px !important;
  }
  .mt-md-9 {
    margin-block-start: 32px !important;
  }
  .mt-md-10 {
    margin-block-start: 64px !important;
  }
  .mt-md-11 {
    margin-block-start: 96px !important;
  }
  .mt-md-auto {
    margin-block-start: auto !important;
  }
  .me-md-0 {
    margin-inline-end: 0 !important;
  }
  .me-md-1 {
    margin-inline-end: 2px !important;
  }
  .me-md-2 {
    margin-inline-end: 4px !important;
  }
  .me-md-3 {
    margin-inline-end: 6px !important;
  }
  .me-md-4 {
    margin-inline-end: 8px !important;
  }
  .me-md-5 {
    margin-inline-end: 12px !important;
  }
  .me-md-6 {
    margin-inline-end: 16px !important;
  }
  .me-md-7 {
    margin-inline-end: 20px !important;
  }
  .me-md-8 {
    margin-inline-end: 24px !important;
  }
  .me-md-9 {
    margin-inline-end: 32px !important;
  }
  .me-md-10 {
    margin-inline-end: 64px !important;
  }
  .me-md-11 {
    margin-inline-end: 96px !important;
  }
  .me-md-auto {
    margin-inline-end: auto !important;
  }
  .mb-md-0 {
    margin-block-end: 0 !important;
  }
  .mb-md-1 {
    margin-block-end: 2px !important;
  }
  .mb-md-2 {
    margin-block-end: 4px !important;
  }
  .mb-md-3 {
    margin-block-end: 6px !important;
  }
  .mb-md-4 {
    margin-block-end: 8px !important;
  }
  .mb-md-5 {
    margin-block-end: 12px !important;
  }
  .mb-md-6 {
    margin-block-end: 16px !important;
  }
  .mb-md-7 {
    margin-block-end: 20px !important;
  }
  .mb-md-8 {
    margin-block-end: 24px !important;
  }
  .mb-md-9 {
    margin-block-end: 32px !important;
  }
  .mb-md-10 {
    margin-block-end: 64px !important;
  }
  .mb-md-11 {
    margin-block-end: 96px !important;
  }
  .mb-md-auto {
    margin-block-end: auto !important;
  }
  .ms-md-0 {
    margin-inline-start: 0 !important;
  }
  .ms-md-1 {
    margin-inline-start: 2px !important;
  }
  .ms-md-2 {
    margin-inline-start: 4px !important;
  }
  .ms-md-3 {
    margin-inline-start: 6px !important;
  }
  .ms-md-4 {
    margin-inline-start: 8px !important;
  }
  .ms-md-5 {
    margin-inline-start: 12px !important;
  }
  .ms-md-6 {
    margin-inline-start: 16px !important;
  }
  .ms-md-7 {
    margin-inline-start: 20px !important;
  }
  .ms-md-8 {
    margin-inline-start: 24px !important;
  }
  .ms-md-9 {
    margin-inline-start: 32px !important;
  }
  .ms-md-10 {
    margin-inline-start: 64px !important;
  }
  .ms-md-11 {
    margin-inline-start: 96px !important;
  }
  .ms-md-auto {
    margin-inline-start: auto !important;
  }
  .m-md-n1 {
    margin: -2px !important;
  }
  .m-md-n2 {
    margin: -4px !important;
  }
  .m-md-n3 {
    margin: -6px !important;
  }
  .m-md-n4 {
    margin: -8px !important;
  }
  .m-md-n5 {
    margin: -12px !important;
  }
  .m-md-n6 {
    margin: -16px !important;
  }
  .m-md-n7 {
    margin: -20px !important;
  }
  .m-md-n8 {
    margin: -24px !important;
  }
  .m-md-n9 {
    margin: -32px !important;
  }
  .m-md-n10 {
    margin: -64px !important;
  }
  .m-md-n11 {
    margin: -96px !important;
  }
  .mx-md-n1 {
    margin-inline: -2px !important;
  }
  .mx-md-n2 {
    margin-inline: -4px !important;
  }
  .mx-md-n3 {
    margin-inline: -6px !important;
  }
  .mx-md-n4 {
    margin-inline: -8px !important;
  }
  .mx-md-n5 {
    margin-inline: -12px !important;
  }
  .mx-md-n6 {
    margin-inline: -16px !important;
  }
  .mx-md-n7 {
    margin-inline: -20px !important;
  }
  .mx-md-n8 {
    margin-inline: -24px !important;
  }
  .mx-md-n9 {
    margin-inline: -32px !important;
  }
  .mx-md-n10 {
    margin-inline: -64px !important;
  }
  .mx-md-n11 {
    margin-inline: -96px !important;
  }
  .my-md-n1 {
    margin-block: -2px !important;
  }
  .my-md-n2 {
    margin-block: -4px !important;
  }
  .my-md-n3 {
    margin-block: -6px !important;
  }
  .my-md-n4 {
    margin-block: -8px !important;
  }
  .my-md-n5 {
    margin-block: -12px !important;
  }
  .my-md-n6 {
    margin-block: -16px !important;
  }
  .my-md-n7 {
    margin-block: -20px !important;
  }
  .my-md-n8 {
    margin-block: -24px !important;
  }
  .my-md-n9 {
    margin-block: -32px !important;
  }
  .my-md-n10 {
    margin-block: -64px !important;
  }
  .my-md-n11 {
    margin-block: -96px !important;
  }
  .mt-md-n1 {
    margin-block-start: -2px !important;
  }
  .mt-md-n2 {
    margin-block-start: -4px !important;
  }
  .mt-md-n3 {
    margin-block-start: -6px !important;
  }
  .mt-md-n4 {
    margin-block-start: -8px !important;
  }
  .mt-md-n5 {
    margin-block-start: -12px !important;
  }
  .mt-md-n6 {
    margin-block-start: -16px !important;
  }
  .mt-md-n7 {
    margin-block-start: -20px !important;
  }
  .mt-md-n8 {
    margin-block-start: -24px !important;
  }
  .mt-md-n9 {
    margin-block-start: -32px !important;
  }
  .mt-md-n10 {
    margin-block-start: -64px !important;
  }
  .mt-md-n11 {
    margin-block-start: -96px !important;
  }
  .me-md-n1 {
    margin-inline-end: -2px !important;
  }
  .me-md-n2 {
    margin-inline-end: -4px !important;
  }
  .me-md-n3 {
    margin-inline-end: -6px !important;
  }
  .me-md-n4 {
    margin-inline-end: -8px !important;
  }
  .me-md-n5 {
    margin-inline-end: -12px !important;
  }
  .me-md-n6 {
    margin-inline-end: -16px !important;
  }
  .me-md-n7 {
    margin-inline-end: -20px !important;
  }
  .me-md-n8 {
    margin-inline-end: -24px !important;
  }
  .me-md-n9 {
    margin-inline-end: -32px !important;
  }
  .me-md-n10 {
    margin-inline-end: -64px !important;
  }
  .me-md-n11 {
    margin-inline-end: -96px !important;
  }
  .ms-md-n1 {
    margin-inline-start: -2px !important;
  }
  .ms-md-n2 {
    margin-inline-start: -4px !important;
  }
  .ms-md-n3 {
    margin-inline-start: -6px !important;
  }
  .ms-md-n4 {
    margin-inline-start: -8px !important;
  }
  .ms-md-n5 {
    margin-inline-start: -12px !important;
  }
  .ms-md-n6 {
    margin-inline-start: -16px !important;
  }
  .ms-md-n7 {
    margin-inline-start: -20px !important;
  }
  .ms-md-n8 {
    margin-inline-start: -24px !important;
  }
  .ms-md-n9 {
    margin-inline-start: -32px !important;
  }
  .ms-md-n10 {
    margin-inline-start: -64px !important;
  }
  .ms-md-n11 {
    margin-inline-start: -96px !important;
  }
  .mb-md-n1 {
    margin-block-end: -2px !important;
  }
  .mb-md-n2 {
    margin-block-end: -4px !important;
  }
  .mb-md-n3 {
    margin-block-end: -6px !important;
  }
  .mb-md-n4 {
    margin-block-end: -8px !important;
  }
  .mb-md-n5 {
    margin-block-end: -12px !important;
  }
  .mb-md-n6 {
    margin-block-end: -16px !important;
  }
  .mb-md-n7 {
    margin-block-end: -20px !important;
  }
  .mb-md-n8 {
    margin-block-end: -24px !important;
  }
  .mb-md-n9 {
    margin-block-end: -32px !important;
  }
  .mb-md-n10 {
    margin-block-end: -64px !important;
  }
  .mb-md-n11 {
    margin-block-end: -96px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 2px !important;
  }
  .p-md-2 {
    padding: 4px !important;
  }
  .p-md-3 {
    padding: 6px !important;
  }
  .p-md-4 {
    padding: 8px !important;
  }
  .p-md-5 {
    padding: 12px !important;
  }
  .p-md-6 {
    padding: 16px !important;
  }
  .p-md-7 {
    padding: 20px !important;
  }
  .p-md-8 {
    padding: 24px !important;
  }
  .p-md-9 {
    padding: 32px !important;
  }
  .p-md-10 {
    padding: 64px !important;
  }
  .p-md-11 {
    padding: 96px !important;
  }
  .px-md-0 {
    padding-inline: 0 !important;
  }
  .px-md-1 {
    padding-inline: 2px !important;
  }
  .px-md-2 {
    padding-inline: 4px !important;
  }
  .px-md-3 {
    padding-inline: 6px !important;
  }
  .px-md-4 {
    padding-inline: 8px !important;
  }
  .px-md-5 {
    padding-inline: 12px !important;
  }
  .px-md-6 {
    padding-inline: 16px !important;
  }
  .px-md-7 {
    padding-inline: 20px !important;
  }
  .px-md-8 {
    padding-inline: 24px !important;
  }
  .px-md-9 {
    padding-inline: 32px !important;
  }
  .px-md-10 {
    padding-inline: 64px !important;
  }
  .px-md-11 {
    padding-inline: 96px !important;
  }
  .py-md-0 {
    padding-block: 0 !important;
  }
  .py-md-1 {
    padding-block: 2px !important;
  }
  .py-md-2 {
    padding-block: 4px !important;
  }
  .py-md-3 {
    padding-block: 6px !important;
  }
  .py-md-4 {
    padding-block: 8px !important;
  }
  .py-md-5 {
    padding-block: 12px !important;
  }
  .py-md-6 {
    padding-block: 16px !important;
  }
  .py-md-7 {
    padding-block: 20px !important;
  }
  .py-md-8 {
    padding-block: 24px !important;
  }
  .py-md-9 {
    padding-block: 32px !important;
  }
  .py-md-10 {
    padding-block: 64px !important;
  }
  .py-md-11 {
    padding-block: 96px !important;
  }
  .pt-md-0 {
    padding-block-start: 0 !important;
  }
  .pt-md-1 {
    padding-block-start: 2px !important;
  }
  .pt-md-2 {
    padding-block-start: 4px !important;
  }
  .pt-md-3 {
    padding-block-start: 6px !important;
  }
  .pt-md-4 {
    padding-block-start: 8px !important;
  }
  .pt-md-5 {
    padding-block-start: 12px !important;
  }
  .pt-md-6 {
    padding-block-start: 16px !important;
  }
  .pt-md-7 {
    padding-block-start: 20px !important;
  }
  .pt-md-8 {
    padding-block-start: 24px !important;
  }
  .pt-md-9 {
    padding-block-start: 32px !important;
  }
  .pt-md-10 {
    padding-block-start: 64px !important;
  }
  .pt-md-11 {
    padding-block-start: 96px !important;
  }
  .pe-md-0 {
    padding-inline-end: 0 !important;
  }
  .pe-md-1 {
    padding-inline-end: 2px !important;
  }
  .pe-md-2 {
    padding-inline-end: 4px !important;
  }
  .pe-md-3 {
    padding-inline-end: 6px !important;
  }
  .pe-md-4 {
    padding-inline-end: 8px !important;
  }
  .pe-md-5 {
    padding-inline-end: 12px !important;
  }
  .pe-md-6 {
    padding-inline-end: 16px !important;
  }
  .pe-md-7 {
    padding-inline-end: 20px !important;
  }
  .pe-md-8 {
    padding-inline-end: 24px !important;
  }
  .pe-md-9 {
    padding-inline-end: 32px !important;
  }
  .pe-md-10 {
    padding-inline-end: 64px !important;
  }
  .pe-md-11 {
    padding-inline-end: 96px !important;
  }
  .pb-md-0 {
    padding-block-end: 0 !important;
  }
  .pb-md-1 {
    padding-block-end: 2px !important;
  }
  .pb-md-2 {
    padding-block-end: 4px !important;
  }
  .pb-md-3 {
    padding-block-end: 6px !important;
  }
  .pb-md-4 {
    padding-block-end: 8px !important;
  }
  .pb-md-5 {
    padding-block-end: 12px !important;
  }
  .pb-md-6 {
    padding-block-end: 16px !important;
  }
  .pb-md-7 {
    padding-block-end: 20px !important;
  }
  .pb-md-8 {
    padding-block-end: 24px !important;
  }
  .pb-md-9 {
    padding-block-end: 32px !important;
  }
  .pb-md-10 {
    padding-block-end: 64px !important;
  }
  .pb-md-11 {
    padding-block-end: 96px !important;
  }
  .ps-md-0 {
    padding-inline-start: 0 !important;
  }
  .ps-md-1 {
    padding-inline-start: 2px !important;
  }
  .ps-md-2 {
    padding-inline-start: 4px !important;
  }
  .ps-md-3 {
    padding-inline-start: 6px !important;
  }
  .ps-md-4 {
    padding-inline-start: 8px !important;
  }
  .ps-md-5 {
    padding-inline-start: 12px !important;
  }
  .ps-md-6 {
    padding-inline-start: 16px !important;
  }
  .ps-md-7 {
    padding-inline-start: 20px !important;
  }
  .ps-md-8 {
    padding-inline-start: 24px !important;
  }
  .ps-md-9 {
    padding-inline-start: 32px !important;
  }
  .ps-md-10 {
    padding-inline-start: 64px !important;
  }
  .ps-md-11 {
    padding-inline-start: 96px !important;
  }
  .text-md-start {
    text-align: start !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: inline-start !important;
  }
  .float-lg-end {
    float: inline-end !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-contents {
    display: contents !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: 2px !important;
  }
  .gap-lg-2 {
    gap: 4px !important;
  }
  .gap-lg-3 {
    gap: 6px !important;
  }
  .gap-lg-4 {
    gap: 8px !important;
  }
  .gap-lg-5 {
    gap: 12px !important;
  }
  .gap-lg-6 {
    gap: 16px !important;
  }
  .gap-lg-7 {
    gap: 20px !important;
  }
  .gap-lg-8 {
    gap: 24px !important;
  }
  .gap-lg-9 {
    gap: 32px !important;
  }
  .gap-lg-10 {
    gap: 64px !important;
  }
  .gap-lg-11 {
    gap: 96px !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: 2px !important;
  }
  .m-lg-2 {
    margin: 4px !important;
  }
  .m-lg-3 {
    margin: 6px !important;
  }
  .m-lg-4 {
    margin: 8px !important;
  }
  .m-lg-5 {
    margin: 12px !important;
  }
  .m-lg-6 {
    margin: 16px !important;
  }
  .m-lg-7 {
    margin: 20px !important;
  }
  .m-lg-8 {
    margin: 24px !important;
  }
  .m-lg-9 {
    margin: 32px !important;
  }
  .m-lg-10 {
    margin: 64px !important;
  }
  .m-lg-11 {
    margin: 96px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-inline: 0 !important;
  }
  .mx-lg-1 {
    margin-inline: 2px !important;
  }
  .mx-lg-2 {
    margin-inline: 4px !important;
  }
  .mx-lg-3 {
    margin-inline: 6px !important;
  }
  .mx-lg-4 {
    margin-inline: 8px !important;
  }
  .mx-lg-5 {
    margin-inline: 12px !important;
  }
  .mx-lg-6 {
    margin-inline: 16px !important;
  }
  .mx-lg-7 {
    margin-inline: 20px !important;
  }
  .mx-lg-8 {
    margin-inline: 24px !important;
  }
  .mx-lg-9 {
    margin-inline: 32px !important;
  }
  .mx-lg-10 {
    margin-inline: 64px !important;
  }
  .mx-lg-11 {
    margin-inline: 96px !important;
  }
  .mx-lg-auto {
    margin-inline: auto !important;
  }
  .my-lg-0 {
    margin-block: 0 !important;
  }
  .my-lg-1 {
    margin-block: 2px !important;
  }
  .my-lg-2 {
    margin-block: 4px !important;
  }
  .my-lg-3 {
    margin-block: 6px !important;
  }
  .my-lg-4 {
    margin-block: 8px !important;
  }
  .my-lg-5 {
    margin-block: 12px !important;
  }
  .my-lg-6 {
    margin-block: 16px !important;
  }
  .my-lg-7 {
    margin-block: 20px !important;
  }
  .my-lg-8 {
    margin-block: 24px !important;
  }
  .my-lg-9 {
    margin-block: 32px !important;
  }
  .my-lg-10 {
    margin-block: 64px !important;
  }
  .my-lg-11 {
    margin-block: 96px !important;
  }
  .my-lg-auto {
    margin-block: auto !important;
  }
  .mt-lg-0 {
    margin-block-start: 0 !important;
  }
  .mt-lg-1 {
    margin-block-start: 2px !important;
  }
  .mt-lg-2 {
    margin-block-start: 4px !important;
  }
  .mt-lg-3 {
    margin-block-start: 6px !important;
  }
  .mt-lg-4 {
    margin-block-start: 8px !important;
  }
  .mt-lg-5 {
    margin-block-start: 12px !important;
  }
  .mt-lg-6 {
    margin-block-start: 16px !important;
  }
  .mt-lg-7 {
    margin-block-start: 20px !important;
  }
  .mt-lg-8 {
    margin-block-start: 24px !important;
  }
  .mt-lg-9 {
    margin-block-start: 32px !important;
  }
  .mt-lg-10 {
    margin-block-start: 64px !important;
  }
  .mt-lg-11 {
    margin-block-start: 96px !important;
  }
  .mt-lg-auto {
    margin-block-start: auto !important;
  }
  .me-lg-0 {
    margin-inline-end: 0 !important;
  }
  .me-lg-1 {
    margin-inline-end: 2px !important;
  }
  .me-lg-2 {
    margin-inline-end: 4px !important;
  }
  .me-lg-3 {
    margin-inline-end: 6px !important;
  }
  .me-lg-4 {
    margin-inline-end: 8px !important;
  }
  .me-lg-5 {
    margin-inline-end: 12px !important;
  }
  .me-lg-6 {
    margin-inline-end: 16px !important;
  }
  .me-lg-7 {
    margin-inline-end: 20px !important;
  }
  .me-lg-8 {
    margin-inline-end: 24px !important;
  }
  .me-lg-9 {
    margin-inline-end: 32px !important;
  }
  .me-lg-10 {
    margin-inline-end: 64px !important;
  }
  .me-lg-11 {
    margin-inline-end: 96px !important;
  }
  .me-lg-auto {
    margin-inline-end: auto !important;
  }
  .mb-lg-0 {
    margin-block-end: 0 !important;
  }
  .mb-lg-1 {
    margin-block-end: 2px !important;
  }
  .mb-lg-2 {
    margin-block-end: 4px !important;
  }
  .mb-lg-3 {
    margin-block-end: 6px !important;
  }
  .mb-lg-4 {
    margin-block-end: 8px !important;
  }
  .mb-lg-5 {
    margin-block-end: 12px !important;
  }
  .mb-lg-6 {
    margin-block-end: 16px !important;
  }
  .mb-lg-7 {
    margin-block-end: 20px !important;
  }
  .mb-lg-8 {
    margin-block-end: 24px !important;
  }
  .mb-lg-9 {
    margin-block-end: 32px !important;
  }
  .mb-lg-10 {
    margin-block-end: 64px !important;
  }
  .mb-lg-11 {
    margin-block-end: 96px !important;
  }
  .mb-lg-auto {
    margin-block-end: auto !important;
  }
  .ms-lg-0 {
    margin-inline-start: 0 !important;
  }
  .ms-lg-1 {
    margin-inline-start: 2px !important;
  }
  .ms-lg-2 {
    margin-inline-start: 4px !important;
  }
  .ms-lg-3 {
    margin-inline-start: 6px !important;
  }
  .ms-lg-4 {
    margin-inline-start: 8px !important;
  }
  .ms-lg-5 {
    margin-inline-start: 12px !important;
  }
  .ms-lg-6 {
    margin-inline-start: 16px !important;
  }
  .ms-lg-7 {
    margin-inline-start: 20px !important;
  }
  .ms-lg-8 {
    margin-inline-start: 24px !important;
  }
  .ms-lg-9 {
    margin-inline-start: 32px !important;
  }
  .ms-lg-10 {
    margin-inline-start: 64px !important;
  }
  .ms-lg-11 {
    margin-inline-start: 96px !important;
  }
  .ms-lg-auto {
    margin-inline-start: auto !important;
  }
  .m-lg-n1 {
    margin: -2px !important;
  }
  .m-lg-n2 {
    margin: -4px !important;
  }
  .m-lg-n3 {
    margin: -6px !important;
  }
  .m-lg-n4 {
    margin: -8px !important;
  }
  .m-lg-n5 {
    margin: -12px !important;
  }
  .m-lg-n6 {
    margin: -16px !important;
  }
  .m-lg-n7 {
    margin: -20px !important;
  }
  .m-lg-n8 {
    margin: -24px !important;
  }
  .m-lg-n9 {
    margin: -32px !important;
  }
  .m-lg-n10 {
    margin: -64px !important;
  }
  .m-lg-n11 {
    margin: -96px !important;
  }
  .mx-lg-n1 {
    margin-inline: -2px !important;
  }
  .mx-lg-n2 {
    margin-inline: -4px !important;
  }
  .mx-lg-n3 {
    margin-inline: -6px !important;
  }
  .mx-lg-n4 {
    margin-inline: -8px !important;
  }
  .mx-lg-n5 {
    margin-inline: -12px !important;
  }
  .mx-lg-n6 {
    margin-inline: -16px !important;
  }
  .mx-lg-n7 {
    margin-inline: -20px !important;
  }
  .mx-lg-n8 {
    margin-inline: -24px !important;
  }
  .mx-lg-n9 {
    margin-inline: -32px !important;
  }
  .mx-lg-n10 {
    margin-inline: -64px !important;
  }
  .mx-lg-n11 {
    margin-inline: -96px !important;
  }
  .my-lg-n1 {
    margin-block: -2px !important;
  }
  .my-lg-n2 {
    margin-block: -4px !important;
  }
  .my-lg-n3 {
    margin-block: -6px !important;
  }
  .my-lg-n4 {
    margin-block: -8px !important;
  }
  .my-lg-n5 {
    margin-block: -12px !important;
  }
  .my-lg-n6 {
    margin-block: -16px !important;
  }
  .my-lg-n7 {
    margin-block: -20px !important;
  }
  .my-lg-n8 {
    margin-block: -24px !important;
  }
  .my-lg-n9 {
    margin-block: -32px !important;
  }
  .my-lg-n10 {
    margin-block: -64px !important;
  }
  .my-lg-n11 {
    margin-block: -96px !important;
  }
  .mt-lg-n1 {
    margin-block-start: -2px !important;
  }
  .mt-lg-n2 {
    margin-block-start: -4px !important;
  }
  .mt-lg-n3 {
    margin-block-start: -6px !important;
  }
  .mt-lg-n4 {
    margin-block-start: -8px !important;
  }
  .mt-lg-n5 {
    margin-block-start: -12px !important;
  }
  .mt-lg-n6 {
    margin-block-start: -16px !important;
  }
  .mt-lg-n7 {
    margin-block-start: -20px !important;
  }
  .mt-lg-n8 {
    margin-block-start: -24px !important;
  }
  .mt-lg-n9 {
    margin-block-start: -32px !important;
  }
  .mt-lg-n10 {
    margin-block-start: -64px !important;
  }
  .mt-lg-n11 {
    margin-block-start: -96px !important;
  }
  .me-lg-n1 {
    margin-inline-end: -2px !important;
  }
  .me-lg-n2 {
    margin-inline-end: -4px !important;
  }
  .me-lg-n3 {
    margin-inline-end: -6px !important;
  }
  .me-lg-n4 {
    margin-inline-end: -8px !important;
  }
  .me-lg-n5 {
    margin-inline-end: -12px !important;
  }
  .me-lg-n6 {
    margin-inline-end: -16px !important;
  }
  .me-lg-n7 {
    margin-inline-end: -20px !important;
  }
  .me-lg-n8 {
    margin-inline-end: -24px !important;
  }
  .me-lg-n9 {
    margin-inline-end: -32px !important;
  }
  .me-lg-n10 {
    margin-inline-end: -64px !important;
  }
  .me-lg-n11 {
    margin-inline-end: -96px !important;
  }
  .ms-lg-n1 {
    margin-inline-start: -2px !important;
  }
  .ms-lg-n2 {
    margin-inline-start: -4px !important;
  }
  .ms-lg-n3 {
    margin-inline-start: -6px !important;
  }
  .ms-lg-n4 {
    margin-inline-start: -8px !important;
  }
  .ms-lg-n5 {
    margin-inline-start: -12px !important;
  }
  .ms-lg-n6 {
    margin-inline-start: -16px !important;
  }
  .ms-lg-n7 {
    margin-inline-start: -20px !important;
  }
  .ms-lg-n8 {
    margin-inline-start: -24px !important;
  }
  .ms-lg-n9 {
    margin-inline-start: -32px !important;
  }
  .ms-lg-n10 {
    margin-inline-start: -64px !important;
  }
  .ms-lg-n11 {
    margin-inline-start: -96px !important;
  }
  .mb-lg-n1 {
    margin-block-end: -2px !important;
  }
  .mb-lg-n2 {
    margin-block-end: -4px !important;
  }
  .mb-lg-n3 {
    margin-block-end: -6px !important;
  }
  .mb-lg-n4 {
    margin-block-end: -8px !important;
  }
  .mb-lg-n5 {
    margin-block-end: -12px !important;
  }
  .mb-lg-n6 {
    margin-block-end: -16px !important;
  }
  .mb-lg-n7 {
    margin-block-end: -20px !important;
  }
  .mb-lg-n8 {
    margin-block-end: -24px !important;
  }
  .mb-lg-n9 {
    margin-block-end: -32px !important;
  }
  .mb-lg-n10 {
    margin-block-end: -64px !important;
  }
  .mb-lg-n11 {
    margin-block-end: -96px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 2px !important;
  }
  .p-lg-2 {
    padding: 4px !important;
  }
  .p-lg-3 {
    padding: 6px !important;
  }
  .p-lg-4 {
    padding: 8px !important;
  }
  .p-lg-5 {
    padding: 12px !important;
  }
  .p-lg-6 {
    padding: 16px !important;
  }
  .p-lg-7 {
    padding: 20px !important;
  }
  .p-lg-8 {
    padding: 24px !important;
  }
  .p-lg-9 {
    padding: 32px !important;
  }
  .p-lg-10 {
    padding: 64px !important;
  }
  .p-lg-11 {
    padding: 96px !important;
  }
  .px-lg-0 {
    padding-inline: 0 !important;
  }
  .px-lg-1 {
    padding-inline: 2px !important;
  }
  .px-lg-2 {
    padding-inline: 4px !important;
  }
  .px-lg-3 {
    padding-inline: 6px !important;
  }
  .px-lg-4 {
    padding-inline: 8px !important;
  }
  .px-lg-5 {
    padding-inline: 12px !important;
  }
  .px-lg-6 {
    padding-inline: 16px !important;
  }
  .px-lg-7 {
    padding-inline: 20px !important;
  }
  .px-lg-8 {
    padding-inline: 24px !important;
  }
  .px-lg-9 {
    padding-inline: 32px !important;
  }
  .px-lg-10 {
    padding-inline: 64px !important;
  }
  .px-lg-11 {
    padding-inline: 96px !important;
  }
  .py-lg-0 {
    padding-block: 0 !important;
  }
  .py-lg-1 {
    padding-block: 2px !important;
  }
  .py-lg-2 {
    padding-block: 4px !important;
  }
  .py-lg-3 {
    padding-block: 6px !important;
  }
  .py-lg-4 {
    padding-block: 8px !important;
  }
  .py-lg-5 {
    padding-block: 12px !important;
  }
  .py-lg-6 {
    padding-block: 16px !important;
  }
  .py-lg-7 {
    padding-block: 20px !important;
  }
  .py-lg-8 {
    padding-block: 24px !important;
  }
  .py-lg-9 {
    padding-block: 32px !important;
  }
  .py-lg-10 {
    padding-block: 64px !important;
  }
  .py-lg-11 {
    padding-block: 96px !important;
  }
  .pt-lg-0 {
    padding-block-start: 0 !important;
  }
  .pt-lg-1 {
    padding-block-start: 2px !important;
  }
  .pt-lg-2 {
    padding-block-start: 4px !important;
  }
  .pt-lg-3 {
    padding-block-start: 6px !important;
  }
  .pt-lg-4 {
    padding-block-start: 8px !important;
  }
  .pt-lg-5 {
    padding-block-start: 12px !important;
  }
  .pt-lg-6 {
    padding-block-start: 16px !important;
  }
  .pt-lg-7 {
    padding-block-start: 20px !important;
  }
  .pt-lg-8 {
    padding-block-start: 24px !important;
  }
  .pt-lg-9 {
    padding-block-start: 32px !important;
  }
  .pt-lg-10 {
    padding-block-start: 64px !important;
  }
  .pt-lg-11 {
    padding-block-start: 96px !important;
  }
  .pe-lg-0 {
    padding-inline-end: 0 !important;
  }
  .pe-lg-1 {
    padding-inline-end: 2px !important;
  }
  .pe-lg-2 {
    padding-inline-end: 4px !important;
  }
  .pe-lg-3 {
    padding-inline-end: 6px !important;
  }
  .pe-lg-4 {
    padding-inline-end: 8px !important;
  }
  .pe-lg-5 {
    padding-inline-end: 12px !important;
  }
  .pe-lg-6 {
    padding-inline-end: 16px !important;
  }
  .pe-lg-7 {
    padding-inline-end: 20px !important;
  }
  .pe-lg-8 {
    padding-inline-end: 24px !important;
  }
  .pe-lg-9 {
    padding-inline-end: 32px !important;
  }
  .pe-lg-10 {
    padding-inline-end: 64px !important;
  }
  .pe-lg-11 {
    padding-inline-end: 96px !important;
  }
  .pb-lg-0 {
    padding-block-end: 0 !important;
  }
  .pb-lg-1 {
    padding-block-end: 2px !important;
  }
  .pb-lg-2 {
    padding-block-end: 4px !important;
  }
  .pb-lg-3 {
    padding-block-end: 6px !important;
  }
  .pb-lg-4 {
    padding-block-end: 8px !important;
  }
  .pb-lg-5 {
    padding-block-end: 12px !important;
  }
  .pb-lg-6 {
    padding-block-end: 16px !important;
  }
  .pb-lg-7 {
    padding-block-end: 20px !important;
  }
  .pb-lg-8 {
    padding-block-end: 24px !important;
  }
  .pb-lg-9 {
    padding-block-end: 32px !important;
  }
  .pb-lg-10 {
    padding-block-end: 64px !important;
  }
  .pb-lg-11 {
    padding-block-end: 96px !important;
  }
  .ps-lg-0 {
    padding-inline-start: 0 !important;
  }
  .ps-lg-1 {
    padding-inline-start: 2px !important;
  }
  .ps-lg-2 {
    padding-inline-start: 4px !important;
  }
  .ps-lg-3 {
    padding-inline-start: 6px !important;
  }
  .ps-lg-4 {
    padding-inline-start: 8px !important;
  }
  .ps-lg-5 {
    padding-inline-start: 12px !important;
  }
  .ps-lg-6 {
    padding-inline-start: 16px !important;
  }
  .ps-lg-7 {
    padding-inline-start: 20px !important;
  }
  .ps-lg-8 {
    padding-inline-start: 24px !important;
  }
  .ps-lg-9 {
    padding-inline-start: 32px !important;
  }
  .ps-lg-10 {
    padding-inline-start: 64px !important;
  }
  .ps-lg-11 {
    padding-inline-start: 96px !important;
  }
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: inline-start !important;
  }
  .float-xl-end {
    float: inline-end !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-contents {
    display: contents !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: 2px !important;
  }
  .gap-xl-2 {
    gap: 4px !important;
  }
  .gap-xl-3 {
    gap: 6px !important;
  }
  .gap-xl-4 {
    gap: 8px !important;
  }
  .gap-xl-5 {
    gap: 12px !important;
  }
  .gap-xl-6 {
    gap: 16px !important;
  }
  .gap-xl-7 {
    gap: 20px !important;
  }
  .gap-xl-8 {
    gap: 24px !important;
  }
  .gap-xl-9 {
    gap: 32px !important;
  }
  .gap-xl-10 {
    gap: 64px !important;
  }
  .gap-xl-11 {
    gap: 96px !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: 2px !important;
  }
  .m-xl-2 {
    margin: 4px !important;
  }
  .m-xl-3 {
    margin: 6px !important;
  }
  .m-xl-4 {
    margin: 8px !important;
  }
  .m-xl-5 {
    margin: 12px !important;
  }
  .m-xl-6 {
    margin: 16px !important;
  }
  .m-xl-7 {
    margin: 20px !important;
  }
  .m-xl-8 {
    margin: 24px !important;
  }
  .m-xl-9 {
    margin: 32px !important;
  }
  .m-xl-10 {
    margin: 64px !important;
  }
  .m-xl-11 {
    margin: 96px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-inline: 0 !important;
  }
  .mx-xl-1 {
    margin-inline: 2px !important;
  }
  .mx-xl-2 {
    margin-inline: 4px !important;
  }
  .mx-xl-3 {
    margin-inline: 6px !important;
  }
  .mx-xl-4 {
    margin-inline: 8px !important;
  }
  .mx-xl-5 {
    margin-inline: 12px !important;
  }
  .mx-xl-6 {
    margin-inline: 16px !important;
  }
  .mx-xl-7 {
    margin-inline: 20px !important;
  }
  .mx-xl-8 {
    margin-inline: 24px !important;
  }
  .mx-xl-9 {
    margin-inline: 32px !important;
  }
  .mx-xl-10 {
    margin-inline: 64px !important;
  }
  .mx-xl-11 {
    margin-inline: 96px !important;
  }
  .mx-xl-auto {
    margin-inline: auto !important;
  }
  .my-xl-0 {
    margin-block: 0 !important;
  }
  .my-xl-1 {
    margin-block: 2px !important;
  }
  .my-xl-2 {
    margin-block: 4px !important;
  }
  .my-xl-3 {
    margin-block: 6px !important;
  }
  .my-xl-4 {
    margin-block: 8px !important;
  }
  .my-xl-5 {
    margin-block: 12px !important;
  }
  .my-xl-6 {
    margin-block: 16px !important;
  }
  .my-xl-7 {
    margin-block: 20px !important;
  }
  .my-xl-8 {
    margin-block: 24px !important;
  }
  .my-xl-9 {
    margin-block: 32px !important;
  }
  .my-xl-10 {
    margin-block: 64px !important;
  }
  .my-xl-11 {
    margin-block: 96px !important;
  }
  .my-xl-auto {
    margin-block: auto !important;
  }
  .mt-xl-0 {
    margin-block-start: 0 !important;
  }
  .mt-xl-1 {
    margin-block-start: 2px !important;
  }
  .mt-xl-2 {
    margin-block-start: 4px !important;
  }
  .mt-xl-3 {
    margin-block-start: 6px !important;
  }
  .mt-xl-4 {
    margin-block-start: 8px !important;
  }
  .mt-xl-5 {
    margin-block-start: 12px !important;
  }
  .mt-xl-6 {
    margin-block-start: 16px !important;
  }
  .mt-xl-7 {
    margin-block-start: 20px !important;
  }
  .mt-xl-8 {
    margin-block-start: 24px !important;
  }
  .mt-xl-9 {
    margin-block-start: 32px !important;
  }
  .mt-xl-10 {
    margin-block-start: 64px !important;
  }
  .mt-xl-11 {
    margin-block-start: 96px !important;
  }
  .mt-xl-auto {
    margin-block-start: auto !important;
  }
  .me-xl-0 {
    margin-inline-end: 0 !important;
  }
  .me-xl-1 {
    margin-inline-end: 2px !important;
  }
  .me-xl-2 {
    margin-inline-end: 4px !important;
  }
  .me-xl-3 {
    margin-inline-end: 6px !important;
  }
  .me-xl-4 {
    margin-inline-end: 8px !important;
  }
  .me-xl-5 {
    margin-inline-end: 12px !important;
  }
  .me-xl-6 {
    margin-inline-end: 16px !important;
  }
  .me-xl-7 {
    margin-inline-end: 20px !important;
  }
  .me-xl-8 {
    margin-inline-end: 24px !important;
  }
  .me-xl-9 {
    margin-inline-end: 32px !important;
  }
  .me-xl-10 {
    margin-inline-end: 64px !important;
  }
  .me-xl-11 {
    margin-inline-end: 96px !important;
  }
  .me-xl-auto {
    margin-inline-end: auto !important;
  }
  .mb-xl-0 {
    margin-block-end: 0 !important;
  }
  .mb-xl-1 {
    margin-block-end: 2px !important;
  }
  .mb-xl-2 {
    margin-block-end: 4px !important;
  }
  .mb-xl-3 {
    margin-block-end: 6px !important;
  }
  .mb-xl-4 {
    margin-block-end: 8px !important;
  }
  .mb-xl-5 {
    margin-block-end: 12px !important;
  }
  .mb-xl-6 {
    margin-block-end: 16px !important;
  }
  .mb-xl-7 {
    margin-block-end: 20px !important;
  }
  .mb-xl-8 {
    margin-block-end: 24px !important;
  }
  .mb-xl-9 {
    margin-block-end: 32px !important;
  }
  .mb-xl-10 {
    margin-block-end: 64px !important;
  }
  .mb-xl-11 {
    margin-block-end: 96px !important;
  }
  .mb-xl-auto {
    margin-block-end: auto !important;
  }
  .ms-xl-0 {
    margin-inline-start: 0 !important;
  }
  .ms-xl-1 {
    margin-inline-start: 2px !important;
  }
  .ms-xl-2 {
    margin-inline-start: 4px !important;
  }
  .ms-xl-3 {
    margin-inline-start: 6px !important;
  }
  .ms-xl-4 {
    margin-inline-start: 8px !important;
  }
  .ms-xl-5 {
    margin-inline-start: 12px !important;
  }
  .ms-xl-6 {
    margin-inline-start: 16px !important;
  }
  .ms-xl-7 {
    margin-inline-start: 20px !important;
  }
  .ms-xl-8 {
    margin-inline-start: 24px !important;
  }
  .ms-xl-9 {
    margin-inline-start: 32px !important;
  }
  .ms-xl-10 {
    margin-inline-start: 64px !important;
  }
  .ms-xl-11 {
    margin-inline-start: 96px !important;
  }
  .ms-xl-auto {
    margin-inline-start: auto !important;
  }
  .m-xl-n1 {
    margin: -2px !important;
  }
  .m-xl-n2 {
    margin: -4px !important;
  }
  .m-xl-n3 {
    margin: -6px !important;
  }
  .m-xl-n4 {
    margin: -8px !important;
  }
  .m-xl-n5 {
    margin: -12px !important;
  }
  .m-xl-n6 {
    margin: -16px !important;
  }
  .m-xl-n7 {
    margin: -20px !important;
  }
  .m-xl-n8 {
    margin: -24px !important;
  }
  .m-xl-n9 {
    margin: -32px !important;
  }
  .m-xl-n10 {
    margin: -64px !important;
  }
  .m-xl-n11 {
    margin: -96px !important;
  }
  .mx-xl-n1 {
    margin-inline: -2px !important;
  }
  .mx-xl-n2 {
    margin-inline: -4px !important;
  }
  .mx-xl-n3 {
    margin-inline: -6px !important;
  }
  .mx-xl-n4 {
    margin-inline: -8px !important;
  }
  .mx-xl-n5 {
    margin-inline: -12px !important;
  }
  .mx-xl-n6 {
    margin-inline: -16px !important;
  }
  .mx-xl-n7 {
    margin-inline: -20px !important;
  }
  .mx-xl-n8 {
    margin-inline: -24px !important;
  }
  .mx-xl-n9 {
    margin-inline: -32px !important;
  }
  .mx-xl-n10 {
    margin-inline: -64px !important;
  }
  .mx-xl-n11 {
    margin-inline: -96px !important;
  }
  .my-xl-n1 {
    margin-block: -2px !important;
  }
  .my-xl-n2 {
    margin-block: -4px !important;
  }
  .my-xl-n3 {
    margin-block: -6px !important;
  }
  .my-xl-n4 {
    margin-block: -8px !important;
  }
  .my-xl-n5 {
    margin-block: -12px !important;
  }
  .my-xl-n6 {
    margin-block: -16px !important;
  }
  .my-xl-n7 {
    margin-block: -20px !important;
  }
  .my-xl-n8 {
    margin-block: -24px !important;
  }
  .my-xl-n9 {
    margin-block: -32px !important;
  }
  .my-xl-n10 {
    margin-block: -64px !important;
  }
  .my-xl-n11 {
    margin-block: -96px !important;
  }
  .mt-xl-n1 {
    margin-block-start: -2px !important;
  }
  .mt-xl-n2 {
    margin-block-start: -4px !important;
  }
  .mt-xl-n3 {
    margin-block-start: -6px !important;
  }
  .mt-xl-n4 {
    margin-block-start: -8px !important;
  }
  .mt-xl-n5 {
    margin-block-start: -12px !important;
  }
  .mt-xl-n6 {
    margin-block-start: -16px !important;
  }
  .mt-xl-n7 {
    margin-block-start: -20px !important;
  }
  .mt-xl-n8 {
    margin-block-start: -24px !important;
  }
  .mt-xl-n9 {
    margin-block-start: -32px !important;
  }
  .mt-xl-n10 {
    margin-block-start: -64px !important;
  }
  .mt-xl-n11 {
    margin-block-start: -96px !important;
  }
  .me-xl-n1 {
    margin-inline-end: -2px !important;
  }
  .me-xl-n2 {
    margin-inline-end: -4px !important;
  }
  .me-xl-n3 {
    margin-inline-end: -6px !important;
  }
  .me-xl-n4 {
    margin-inline-end: -8px !important;
  }
  .me-xl-n5 {
    margin-inline-end: -12px !important;
  }
  .me-xl-n6 {
    margin-inline-end: -16px !important;
  }
  .me-xl-n7 {
    margin-inline-end: -20px !important;
  }
  .me-xl-n8 {
    margin-inline-end: -24px !important;
  }
  .me-xl-n9 {
    margin-inline-end: -32px !important;
  }
  .me-xl-n10 {
    margin-inline-end: -64px !important;
  }
  .me-xl-n11 {
    margin-inline-end: -96px !important;
  }
  .ms-xl-n1 {
    margin-inline-start: -2px !important;
  }
  .ms-xl-n2 {
    margin-inline-start: -4px !important;
  }
  .ms-xl-n3 {
    margin-inline-start: -6px !important;
  }
  .ms-xl-n4 {
    margin-inline-start: -8px !important;
  }
  .ms-xl-n5 {
    margin-inline-start: -12px !important;
  }
  .ms-xl-n6 {
    margin-inline-start: -16px !important;
  }
  .ms-xl-n7 {
    margin-inline-start: -20px !important;
  }
  .ms-xl-n8 {
    margin-inline-start: -24px !important;
  }
  .ms-xl-n9 {
    margin-inline-start: -32px !important;
  }
  .ms-xl-n10 {
    margin-inline-start: -64px !important;
  }
  .ms-xl-n11 {
    margin-inline-start: -96px !important;
  }
  .mb-xl-n1 {
    margin-block-end: -2px !important;
  }
  .mb-xl-n2 {
    margin-block-end: -4px !important;
  }
  .mb-xl-n3 {
    margin-block-end: -6px !important;
  }
  .mb-xl-n4 {
    margin-block-end: -8px !important;
  }
  .mb-xl-n5 {
    margin-block-end: -12px !important;
  }
  .mb-xl-n6 {
    margin-block-end: -16px !important;
  }
  .mb-xl-n7 {
    margin-block-end: -20px !important;
  }
  .mb-xl-n8 {
    margin-block-end: -24px !important;
  }
  .mb-xl-n9 {
    margin-block-end: -32px !important;
  }
  .mb-xl-n10 {
    margin-block-end: -64px !important;
  }
  .mb-xl-n11 {
    margin-block-end: -96px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 2px !important;
  }
  .p-xl-2 {
    padding: 4px !important;
  }
  .p-xl-3 {
    padding: 6px !important;
  }
  .p-xl-4 {
    padding: 8px !important;
  }
  .p-xl-5 {
    padding: 12px !important;
  }
  .p-xl-6 {
    padding: 16px !important;
  }
  .p-xl-7 {
    padding: 20px !important;
  }
  .p-xl-8 {
    padding: 24px !important;
  }
  .p-xl-9 {
    padding: 32px !important;
  }
  .p-xl-10 {
    padding: 64px !important;
  }
  .p-xl-11 {
    padding: 96px !important;
  }
  .px-xl-0 {
    padding-inline: 0 !important;
  }
  .px-xl-1 {
    padding-inline: 2px !important;
  }
  .px-xl-2 {
    padding-inline: 4px !important;
  }
  .px-xl-3 {
    padding-inline: 6px !important;
  }
  .px-xl-4 {
    padding-inline: 8px !important;
  }
  .px-xl-5 {
    padding-inline: 12px !important;
  }
  .px-xl-6 {
    padding-inline: 16px !important;
  }
  .px-xl-7 {
    padding-inline: 20px !important;
  }
  .px-xl-8 {
    padding-inline: 24px !important;
  }
  .px-xl-9 {
    padding-inline: 32px !important;
  }
  .px-xl-10 {
    padding-inline: 64px !important;
  }
  .px-xl-11 {
    padding-inline: 96px !important;
  }
  .py-xl-0 {
    padding-block: 0 !important;
  }
  .py-xl-1 {
    padding-block: 2px !important;
  }
  .py-xl-2 {
    padding-block: 4px !important;
  }
  .py-xl-3 {
    padding-block: 6px !important;
  }
  .py-xl-4 {
    padding-block: 8px !important;
  }
  .py-xl-5 {
    padding-block: 12px !important;
  }
  .py-xl-6 {
    padding-block: 16px !important;
  }
  .py-xl-7 {
    padding-block: 20px !important;
  }
  .py-xl-8 {
    padding-block: 24px !important;
  }
  .py-xl-9 {
    padding-block: 32px !important;
  }
  .py-xl-10 {
    padding-block: 64px !important;
  }
  .py-xl-11 {
    padding-block: 96px !important;
  }
  .pt-xl-0 {
    padding-block-start: 0 !important;
  }
  .pt-xl-1 {
    padding-block-start: 2px !important;
  }
  .pt-xl-2 {
    padding-block-start: 4px !important;
  }
  .pt-xl-3 {
    padding-block-start: 6px !important;
  }
  .pt-xl-4 {
    padding-block-start: 8px !important;
  }
  .pt-xl-5 {
    padding-block-start: 12px !important;
  }
  .pt-xl-6 {
    padding-block-start: 16px !important;
  }
  .pt-xl-7 {
    padding-block-start: 20px !important;
  }
  .pt-xl-8 {
    padding-block-start: 24px !important;
  }
  .pt-xl-9 {
    padding-block-start: 32px !important;
  }
  .pt-xl-10 {
    padding-block-start: 64px !important;
  }
  .pt-xl-11 {
    padding-block-start: 96px !important;
  }
  .pe-xl-0 {
    padding-inline-end: 0 !important;
  }
  .pe-xl-1 {
    padding-inline-end: 2px !important;
  }
  .pe-xl-2 {
    padding-inline-end: 4px !important;
  }
  .pe-xl-3 {
    padding-inline-end: 6px !important;
  }
  .pe-xl-4 {
    padding-inline-end: 8px !important;
  }
  .pe-xl-5 {
    padding-inline-end: 12px !important;
  }
  .pe-xl-6 {
    padding-inline-end: 16px !important;
  }
  .pe-xl-7 {
    padding-inline-end: 20px !important;
  }
  .pe-xl-8 {
    padding-inline-end: 24px !important;
  }
  .pe-xl-9 {
    padding-inline-end: 32px !important;
  }
  .pe-xl-10 {
    padding-inline-end: 64px !important;
  }
  .pe-xl-11 {
    padding-inline-end: 96px !important;
  }
  .pb-xl-0 {
    padding-block-end: 0 !important;
  }
  .pb-xl-1 {
    padding-block-end: 2px !important;
  }
  .pb-xl-2 {
    padding-block-end: 4px !important;
  }
  .pb-xl-3 {
    padding-block-end: 6px !important;
  }
  .pb-xl-4 {
    padding-block-end: 8px !important;
  }
  .pb-xl-5 {
    padding-block-end: 12px !important;
  }
  .pb-xl-6 {
    padding-block-end: 16px !important;
  }
  .pb-xl-7 {
    padding-block-end: 20px !important;
  }
  .pb-xl-8 {
    padding-block-end: 24px !important;
  }
  .pb-xl-9 {
    padding-block-end: 32px !important;
  }
  .pb-xl-10 {
    padding-block-end: 64px !important;
  }
  .pb-xl-11 {
    padding-block-end: 96px !important;
  }
  .ps-xl-0 {
    padding-inline-start: 0 !important;
  }
  .ps-xl-1 {
    padding-inline-start: 2px !important;
  }
  .ps-xl-2 {
    padding-inline-start: 4px !important;
  }
  .ps-xl-3 {
    padding-inline-start: 6px !important;
  }
  .ps-xl-4 {
    padding-inline-start: 8px !important;
  }
  .ps-xl-5 {
    padding-inline-start: 12px !important;
  }
  .ps-xl-6 {
    padding-inline-start: 16px !important;
  }
  .ps-xl-7 {
    padding-inline-start: 20px !important;
  }
  .ps-xl-8 {
    padding-inline-start: 24px !important;
  }
  .ps-xl-9 {
    padding-inline-start: 32px !important;
  }
  .ps-xl-10 {
    padding-inline-start: 64px !important;
  }
  .ps-xl-11 {
    padding-inline-start: 96px !important;
  }
  .text-xl-start {
    text-align: start !important;
  }
  .text-xl-end {
    text-align: end !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: inline-start !important;
  }
  .float-xxl-end {
    float: inline-end !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-contents {
    display: contents !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: 2px !important;
  }
  .gap-xxl-2 {
    gap: 4px !important;
  }
  .gap-xxl-3 {
    gap: 6px !important;
  }
  .gap-xxl-4 {
    gap: 8px !important;
  }
  .gap-xxl-5 {
    gap: 12px !important;
  }
  .gap-xxl-6 {
    gap: 16px !important;
  }
  .gap-xxl-7 {
    gap: 20px !important;
  }
  .gap-xxl-8 {
    gap: 24px !important;
  }
  .gap-xxl-9 {
    gap: 32px !important;
  }
  .gap-xxl-10 {
    gap: 64px !important;
  }
  .gap-xxl-11 {
    gap: 96px !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: 2px !important;
  }
  .m-xxl-2 {
    margin: 4px !important;
  }
  .m-xxl-3 {
    margin: 6px !important;
  }
  .m-xxl-4 {
    margin: 8px !important;
  }
  .m-xxl-5 {
    margin: 12px !important;
  }
  .m-xxl-6 {
    margin: 16px !important;
  }
  .m-xxl-7 {
    margin: 20px !important;
  }
  .m-xxl-8 {
    margin: 24px !important;
  }
  .m-xxl-9 {
    margin: 32px !important;
  }
  .m-xxl-10 {
    margin: 64px !important;
  }
  .m-xxl-11 {
    margin: 96px !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-inline: 0 !important;
  }
  .mx-xxl-1 {
    margin-inline: 2px !important;
  }
  .mx-xxl-2 {
    margin-inline: 4px !important;
  }
  .mx-xxl-3 {
    margin-inline: 6px !important;
  }
  .mx-xxl-4 {
    margin-inline: 8px !important;
  }
  .mx-xxl-5 {
    margin-inline: 12px !important;
  }
  .mx-xxl-6 {
    margin-inline: 16px !important;
  }
  .mx-xxl-7 {
    margin-inline: 20px !important;
  }
  .mx-xxl-8 {
    margin-inline: 24px !important;
  }
  .mx-xxl-9 {
    margin-inline: 32px !important;
  }
  .mx-xxl-10 {
    margin-inline: 64px !important;
  }
  .mx-xxl-11 {
    margin-inline: 96px !important;
  }
  .mx-xxl-auto {
    margin-inline: auto !important;
  }
  .my-xxl-0 {
    margin-block: 0 !important;
  }
  .my-xxl-1 {
    margin-block: 2px !important;
  }
  .my-xxl-2 {
    margin-block: 4px !important;
  }
  .my-xxl-3 {
    margin-block: 6px !important;
  }
  .my-xxl-4 {
    margin-block: 8px !important;
  }
  .my-xxl-5 {
    margin-block: 12px !important;
  }
  .my-xxl-6 {
    margin-block: 16px !important;
  }
  .my-xxl-7 {
    margin-block: 20px !important;
  }
  .my-xxl-8 {
    margin-block: 24px !important;
  }
  .my-xxl-9 {
    margin-block: 32px !important;
  }
  .my-xxl-10 {
    margin-block: 64px !important;
  }
  .my-xxl-11 {
    margin-block: 96px !important;
  }
  .my-xxl-auto {
    margin-block: auto !important;
  }
  .mt-xxl-0 {
    margin-block-start: 0 !important;
  }
  .mt-xxl-1 {
    margin-block-start: 2px !important;
  }
  .mt-xxl-2 {
    margin-block-start: 4px !important;
  }
  .mt-xxl-3 {
    margin-block-start: 6px !important;
  }
  .mt-xxl-4 {
    margin-block-start: 8px !important;
  }
  .mt-xxl-5 {
    margin-block-start: 12px !important;
  }
  .mt-xxl-6 {
    margin-block-start: 16px !important;
  }
  .mt-xxl-7 {
    margin-block-start: 20px !important;
  }
  .mt-xxl-8 {
    margin-block-start: 24px !important;
  }
  .mt-xxl-9 {
    margin-block-start: 32px !important;
  }
  .mt-xxl-10 {
    margin-block-start: 64px !important;
  }
  .mt-xxl-11 {
    margin-block-start: 96px !important;
  }
  .mt-xxl-auto {
    margin-block-start: auto !important;
  }
  .me-xxl-0 {
    margin-inline-end: 0 !important;
  }
  .me-xxl-1 {
    margin-inline-end: 2px !important;
  }
  .me-xxl-2 {
    margin-inline-end: 4px !important;
  }
  .me-xxl-3 {
    margin-inline-end: 6px !important;
  }
  .me-xxl-4 {
    margin-inline-end: 8px !important;
  }
  .me-xxl-5 {
    margin-inline-end: 12px !important;
  }
  .me-xxl-6 {
    margin-inline-end: 16px !important;
  }
  .me-xxl-7 {
    margin-inline-end: 20px !important;
  }
  .me-xxl-8 {
    margin-inline-end: 24px !important;
  }
  .me-xxl-9 {
    margin-inline-end: 32px !important;
  }
  .me-xxl-10 {
    margin-inline-end: 64px !important;
  }
  .me-xxl-11 {
    margin-inline-end: 96px !important;
  }
  .me-xxl-auto {
    margin-inline-end: auto !important;
  }
  .mb-xxl-0 {
    margin-block-end: 0 !important;
  }
  .mb-xxl-1 {
    margin-block-end: 2px !important;
  }
  .mb-xxl-2 {
    margin-block-end: 4px !important;
  }
  .mb-xxl-3 {
    margin-block-end: 6px !important;
  }
  .mb-xxl-4 {
    margin-block-end: 8px !important;
  }
  .mb-xxl-5 {
    margin-block-end: 12px !important;
  }
  .mb-xxl-6 {
    margin-block-end: 16px !important;
  }
  .mb-xxl-7 {
    margin-block-end: 20px !important;
  }
  .mb-xxl-8 {
    margin-block-end: 24px !important;
  }
  .mb-xxl-9 {
    margin-block-end: 32px !important;
  }
  .mb-xxl-10 {
    margin-block-end: 64px !important;
  }
  .mb-xxl-11 {
    margin-block-end: 96px !important;
  }
  .mb-xxl-auto {
    margin-block-end: auto !important;
  }
  .ms-xxl-0 {
    margin-inline-start: 0 !important;
  }
  .ms-xxl-1 {
    margin-inline-start: 2px !important;
  }
  .ms-xxl-2 {
    margin-inline-start: 4px !important;
  }
  .ms-xxl-3 {
    margin-inline-start: 6px !important;
  }
  .ms-xxl-4 {
    margin-inline-start: 8px !important;
  }
  .ms-xxl-5 {
    margin-inline-start: 12px !important;
  }
  .ms-xxl-6 {
    margin-inline-start: 16px !important;
  }
  .ms-xxl-7 {
    margin-inline-start: 20px !important;
  }
  .ms-xxl-8 {
    margin-inline-start: 24px !important;
  }
  .ms-xxl-9 {
    margin-inline-start: 32px !important;
  }
  .ms-xxl-10 {
    margin-inline-start: 64px !important;
  }
  .ms-xxl-11 {
    margin-inline-start: 96px !important;
  }
  .ms-xxl-auto {
    margin-inline-start: auto !important;
  }
  .m-xxl-n1 {
    margin: -2px !important;
  }
  .m-xxl-n2 {
    margin: -4px !important;
  }
  .m-xxl-n3 {
    margin: -6px !important;
  }
  .m-xxl-n4 {
    margin: -8px !important;
  }
  .m-xxl-n5 {
    margin: -12px !important;
  }
  .m-xxl-n6 {
    margin: -16px !important;
  }
  .m-xxl-n7 {
    margin: -20px !important;
  }
  .m-xxl-n8 {
    margin: -24px !important;
  }
  .m-xxl-n9 {
    margin: -32px !important;
  }
  .m-xxl-n10 {
    margin: -64px !important;
  }
  .m-xxl-n11 {
    margin: -96px !important;
  }
  .mx-xxl-n1 {
    margin-inline: -2px !important;
  }
  .mx-xxl-n2 {
    margin-inline: -4px !important;
  }
  .mx-xxl-n3 {
    margin-inline: -6px !important;
  }
  .mx-xxl-n4 {
    margin-inline: -8px !important;
  }
  .mx-xxl-n5 {
    margin-inline: -12px !important;
  }
  .mx-xxl-n6 {
    margin-inline: -16px !important;
  }
  .mx-xxl-n7 {
    margin-inline: -20px !important;
  }
  .mx-xxl-n8 {
    margin-inline: -24px !important;
  }
  .mx-xxl-n9 {
    margin-inline: -32px !important;
  }
  .mx-xxl-n10 {
    margin-inline: -64px !important;
  }
  .mx-xxl-n11 {
    margin-inline: -96px !important;
  }
  .my-xxl-n1 {
    margin-block: -2px !important;
  }
  .my-xxl-n2 {
    margin-block: -4px !important;
  }
  .my-xxl-n3 {
    margin-block: -6px !important;
  }
  .my-xxl-n4 {
    margin-block: -8px !important;
  }
  .my-xxl-n5 {
    margin-block: -12px !important;
  }
  .my-xxl-n6 {
    margin-block: -16px !important;
  }
  .my-xxl-n7 {
    margin-block: -20px !important;
  }
  .my-xxl-n8 {
    margin-block: -24px !important;
  }
  .my-xxl-n9 {
    margin-block: -32px !important;
  }
  .my-xxl-n10 {
    margin-block: -64px !important;
  }
  .my-xxl-n11 {
    margin-block: -96px !important;
  }
  .mt-xxl-n1 {
    margin-block-start: -2px !important;
  }
  .mt-xxl-n2 {
    margin-block-start: -4px !important;
  }
  .mt-xxl-n3 {
    margin-block-start: -6px !important;
  }
  .mt-xxl-n4 {
    margin-block-start: -8px !important;
  }
  .mt-xxl-n5 {
    margin-block-start: -12px !important;
  }
  .mt-xxl-n6 {
    margin-block-start: -16px !important;
  }
  .mt-xxl-n7 {
    margin-block-start: -20px !important;
  }
  .mt-xxl-n8 {
    margin-block-start: -24px !important;
  }
  .mt-xxl-n9 {
    margin-block-start: -32px !important;
  }
  .mt-xxl-n10 {
    margin-block-start: -64px !important;
  }
  .mt-xxl-n11 {
    margin-block-start: -96px !important;
  }
  .me-xxl-n1 {
    margin-inline-end: -2px !important;
  }
  .me-xxl-n2 {
    margin-inline-end: -4px !important;
  }
  .me-xxl-n3 {
    margin-inline-end: -6px !important;
  }
  .me-xxl-n4 {
    margin-inline-end: -8px !important;
  }
  .me-xxl-n5 {
    margin-inline-end: -12px !important;
  }
  .me-xxl-n6 {
    margin-inline-end: -16px !important;
  }
  .me-xxl-n7 {
    margin-inline-end: -20px !important;
  }
  .me-xxl-n8 {
    margin-inline-end: -24px !important;
  }
  .me-xxl-n9 {
    margin-inline-end: -32px !important;
  }
  .me-xxl-n10 {
    margin-inline-end: -64px !important;
  }
  .me-xxl-n11 {
    margin-inline-end: -96px !important;
  }
  .ms-xxl-n1 {
    margin-inline-start: -2px !important;
  }
  .ms-xxl-n2 {
    margin-inline-start: -4px !important;
  }
  .ms-xxl-n3 {
    margin-inline-start: -6px !important;
  }
  .ms-xxl-n4 {
    margin-inline-start: -8px !important;
  }
  .ms-xxl-n5 {
    margin-inline-start: -12px !important;
  }
  .ms-xxl-n6 {
    margin-inline-start: -16px !important;
  }
  .ms-xxl-n7 {
    margin-inline-start: -20px !important;
  }
  .ms-xxl-n8 {
    margin-inline-start: -24px !important;
  }
  .ms-xxl-n9 {
    margin-inline-start: -32px !important;
  }
  .ms-xxl-n10 {
    margin-inline-start: -64px !important;
  }
  .ms-xxl-n11 {
    margin-inline-start: -96px !important;
  }
  .mb-xxl-n1 {
    margin-block-end: -2px !important;
  }
  .mb-xxl-n2 {
    margin-block-end: -4px !important;
  }
  .mb-xxl-n3 {
    margin-block-end: -6px !important;
  }
  .mb-xxl-n4 {
    margin-block-end: -8px !important;
  }
  .mb-xxl-n5 {
    margin-block-end: -12px !important;
  }
  .mb-xxl-n6 {
    margin-block-end: -16px !important;
  }
  .mb-xxl-n7 {
    margin-block-end: -20px !important;
  }
  .mb-xxl-n8 {
    margin-block-end: -24px !important;
  }
  .mb-xxl-n9 {
    margin-block-end: -32px !important;
  }
  .mb-xxl-n10 {
    margin-block-end: -64px !important;
  }
  .mb-xxl-n11 {
    margin-block-end: -96px !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 2px !important;
  }
  .p-xxl-2 {
    padding: 4px !important;
  }
  .p-xxl-3 {
    padding: 6px !important;
  }
  .p-xxl-4 {
    padding: 8px !important;
  }
  .p-xxl-5 {
    padding: 12px !important;
  }
  .p-xxl-6 {
    padding: 16px !important;
  }
  .p-xxl-7 {
    padding: 20px !important;
  }
  .p-xxl-8 {
    padding: 24px !important;
  }
  .p-xxl-9 {
    padding: 32px !important;
  }
  .p-xxl-10 {
    padding: 64px !important;
  }
  .p-xxl-11 {
    padding: 96px !important;
  }
  .px-xxl-0 {
    padding-inline: 0 !important;
  }
  .px-xxl-1 {
    padding-inline: 2px !important;
  }
  .px-xxl-2 {
    padding-inline: 4px !important;
  }
  .px-xxl-3 {
    padding-inline: 6px !important;
  }
  .px-xxl-4 {
    padding-inline: 8px !important;
  }
  .px-xxl-5 {
    padding-inline: 12px !important;
  }
  .px-xxl-6 {
    padding-inline: 16px !important;
  }
  .px-xxl-7 {
    padding-inline: 20px !important;
  }
  .px-xxl-8 {
    padding-inline: 24px !important;
  }
  .px-xxl-9 {
    padding-inline: 32px !important;
  }
  .px-xxl-10 {
    padding-inline: 64px !important;
  }
  .px-xxl-11 {
    padding-inline: 96px !important;
  }
  .py-xxl-0 {
    padding-block: 0 !important;
  }
  .py-xxl-1 {
    padding-block: 2px !important;
  }
  .py-xxl-2 {
    padding-block: 4px !important;
  }
  .py-xxl-3 {
    padding-block: 6px !important;
  }
  .py-xxl-4 {
    padding-block: 8px !important;
  }
  .py-xxl-5 {
    padding-block: 12px !important;
  }
  .py-xxl-6 {
    padding-block: 16px !important;
  }
  .py-xxl-7 {
    padding-block: 20px !important;
  }
  .py-xxl-8 {
    padding-block: 24px !important;
  }
  .py-xxl-9 {
    padding-block: 32px !important;
  }
  .py-xxl-10 {
    padding-block: 64px !important;
  }
  .py-xxl-11 {
    padding-block: 96px !important;
  }
  .pt-xxl-0 {
    padding-block-start: 0 !important;
  }
  .pt-xxl-1 {
    padding-block-start: 2px !important;
  }
  .pt-xxl-2 {
    padding-block-start: 4px !important;
  }
  .pt-xxl-3 {
    padding-block-start: 6px !important;
  }
  .pt-xxl-4 {
    padding-block-start: 8px !important;
  }
  .pt-xxl-5 {
    padding-block-start: 12px !important;
  }
  .pt-xxl-6 {
    padding-block-start: 16px !important;
  }
  .pt-xxl-7 {
    padding-block-start: 20px !important;
  }
  .pt-xxl-8 {
    padding-block-start: 24px !important;
  }
  .pt-xxl-9 {
    padding-block-start: 32px !important;
  }
  .pt-xxl-10 {
    padding-block-start: 64px !important;
  }
  .pt-xxl-11 {
    padding-block-start: 96px !important;
  }
  .pe-xxl-0 {
    padding-inline-end: 0 !important;
  }
  .pe-xxl-1 {
    padding-inline-end: 2px !important;
  }
  .pe-xxl-2 {
    padding-inline-end: 4px !important;
  }
  .pe-xxl-3 {
    padding-inline-end: 6px !important;
  }
  .pe-xxl-4 {
    padding-inline-end: 8px !important;
  }
  .pe-xxl-5 {
    padding-inline-end: 12px !important;
  }
  .pe-xxl-6 {
    padding-inline-end: 16px !important;
  }
  .pe-xxl-7 {
    padding-inline-end: 20px !important;
  }
  .pe-xxl-8 {
    padding-inline-end: 24px !important;
  }
  .pe-xxl-9 {
    padding-inline-end: 32px !important;
  }
  .pe-xxl-10 {
    padding-inline-end: 64px !important;
  }
  .pe-xxl-11 {
    padding-inline-end: 96px !important;
  }
  .pb-xxl-0 {
    padding-block-end: 0 !important;
  }
  .pb-xxl-1 {
    padding-block-end: 2px !important;
  }
  .pb-xxl-2 {
    padding-block-end: 4px !important;
  }
  .pb-xxl-3 {
    padding-block-end: 6px !important;
  }
  .pb-xxl-4 {
    padding-block-end: 8px !important;
  }
  .pb-xxl-5 {
    padding-block-end: 12px !important;
  }
  .pb-xxl-6 {
    padding-block-end: 16px !important;
  }
  .pb-xxl-7 {
    padding-block-end: 20px !important;
  }
  .pb-xxl-8 {
    padding-block-end: 24px !important;
  }
  .pb-xxl-9 {
    padding-block-end: 32px !important;
  }
  .pb-xxl-10 {
    padding-block-end: 64px !important;
  }
  .pb-xxl-11 {
    padding-block-end: 96px !important;
  }
  .ps-xxl-0 {
    padding-inline-start: 0 !important;
  }
  .ps-xxl-1 {
    padding-inline-start: 2px !important;
  }
  .ps-xxl-2 {
    padding-inline-start: 4px !important;
  }
  .ps-xxl-3 {
    padding-inline-start: 6px !important;
  }
  .ps-xxl-4 {
    padding-inline-start: 8px !important;
  }
  .ps-xxl-5 {
    padding-inline-start: 12px !important;
  }
  .ps-xxl-6 {
    padding-inline-start: 16px !important;
  }
  .ps-xxl-7 {
    padding-inline-start: 20px !important;
  }
  .ps-xxl-8 {
    padding-inline-start: 24px !important;
  }
  .ps-xxl-9 {
    padding-inline-start: 32px !important;
  }
  .ps-xxl-10 {
    padding-inline-start: 64px !important;
  }
  .ps-xxl-11 {
    padding-inline-start: 96px !important;
  }
  .text-xxl-start {
    text-align: start !important;
  }
  .text-xxl-end {
    text-align: end !important;
  }
  .text-xxl-center {
    text-align: center !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-contents {
    display: contents !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.text-primary {
  color: var(--element-text-active) !important;
}

.text-body {
  color: var(--element-text-primary) !important;
}

.text-secondary {
  color: var(--element-text-secondary) !important;
}

.text-tertiary {
  color: var(--element-text-disabled) !important;
}

.text-success {
  color: var(--element-text-success) !important;
}

.text-info {
  color: var(--element-text-information) !important;
}

.text-warning {
  color: var(--element-text-warning) !important;
}

.text-caution {
  color: var(--element-text-caution) !important;
}

.text-danger {
  color: var(--element-text-danger) !important;
}

.text-inverse {
  color: var(--element-text-inverse) !important;
}

.text-muted {
  color: var(--element-text-disabled) !important;
}

.bg-primary {
  background: var(--element-ui-0) !important;
}

.bg-secondary {
  background: var(--element-text-secondary) !important;
}

.bg-tertiary {
  background: var(--element-text-disabled) !important;
}

.bg-success {
  background: var(--element-status-success) !important;
}

.bg-info {
  background: var(--element-status-information) !important;
}

.bg-warning {
  background: var(--element-status-warning) !important;
}

.bg-danger {
  background: var(--element-status-danger) !important;
}

.bg-base-0 {
  background: var(--element-base-0) !important;
}

.bg-base-1 {
  background: var(--element-base-1) !important;
}

.bg-base-2 {
  background: var(--element-base-2) !important;
}

.bg-base-3 {
  background: var(--element-base-3) !important;
}

.bg-base-4 {
  background: var(--element-base-4) !important;
}

.bg-base-success {
  background: var(--element-base-success) !important;
}

.bg-base-info {
  background: var(--element-base-information) !important;
}

.bg-base-caution {
  background: var(--element-base-caution) !important;
}

.bg-base-warning {
  background: var(--element-base-warning) !important;
}

.bg-base-danger {
  background: var(--element-base-danger) !important;
}

.bg-base-critical {
  background: var(--element-base-critical) !important;
}

.bg-base-translucent-1 {
  background: var(--element-base-translucent-1) !important;
}

.bg-base-translucent-2 {
  background: var(--element-base-translucent-2) !important;
}

.status-success {
  color: var(--element-status-success) !important;
}

.status-info {
  color: var(--element-status-information) !important;
}

.status-caution {
  color: var(--element-status-caution) !important;
}

.status-warning {
  color: var(--element-status-warning) !important;
}

.status-danger {
  color: var(--element-status-danger) !important;
}

.status-critical {
  color: var(--element-status-critical) !important;
}

.status-neutral {
  color: var(--element-ui-4) !important;
}

.status-success-contrast {
  color: var(--element-status-success-contrast) !important;
}

.status-info-contrast {
  color: var(--element-status-information-contrast) !important;
}

.status-caution-contrast {
  color: var(--element-status-caution-contrast) !important;
}

.status-warning-contrast {
  color: var(--element-status-warning-contrast) !important;
}

.status-danger-contrast {
  color: var(--element-status-danger-contrast) !important;
}

.status-critical-contrast {
  color: var(--element-status-critical-contrast) !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.fixed-top {
  position: fixed;
  inset-inline: 0;
  inset-block-start: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  inset-block-start: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 1020;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-application-header,
.has-navbar-fixed-top {
  padding-block-start: calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));
}

.application-header {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  inset-inline: 0;
  inset-block-start: calc(var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));
  z-index: 1033;
  background: var(--element-base-1);
  min-block-size: 48px;
  align-items: stretch;
  border-block-end: 1px solid var(--element-ui-4);
}
.application-header:has(.dropdown-menu.show, .header-toggle.show) {
  border-block-end: none;
}
.application-header .dropdown-menu {
  order: 2;
  flex-basis: 100%;
  box-shadow: none;
  border-block-start: 1px solid var(--element-ui-4);
  margin-block: 0;
  border-radius: 0;
}
.application-header :is(.header-navigation, .header-collapsible-actions, .dropdown-menu) .dropdown-menu {
  border: 0;
  box-shadow: none;
  background: transparent;
  order: initial;
}
.application-header :is(.header-navigation, .header-collapsible-actions, .dropdown-menu) .dropdown-menu .dropdown-header {
  padding-inline-start: 28px;
}

.header-brand {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

.header-logo {
  display: flex;
  align-self: stretch;
  align-items: center;
  box-sizing: content-box;
  inline-size: var(--element-brand-logo-width);
  min-block-size: var(--element-brand-logo-height);
  content: var(--element-brand-logo)/var(--element-brand-logo-text);
}

.application-name {
  font-size: 1rem;
  font-weight: normal;
  padding: 12px;
  white-space: nowrap;
}

.header-collapsible-actions.show, .application-header.show-navigation .header-navigation {
  order: 2;
  flex-basis: 100%;
  display: flex;
  flex-flow: column;
  padding-block: 8px;
  border-block-start: 1px solid var(--element-ui-4);
}

.header-navigation {
  display: none;
}
.header-collapsible-actions {
  display: none;
}
.header-actions {
  display: contents;
}

.header-toggle {
  color: var(--element-text-primary);
  border: 0;
  line-height: 0;
  padding: 8px;
  font-size: 32px;
  background-color: transparent;
}
.header-toggle:is(:hover, .show, :active) {
  background: var(--element-base-1-hover);
  text-decoration: none;
}

.header-item {
  --si-header-item-border: transparent;
  display: flex;
  flex-basis: 0;
  align-items: center;
  position: relative;
  color: var(--element-text-primary);
  inline-size: 100%;
  font-size: 1rem;
  line-height: 1.125;
  font-weight: bold;
  padding-block: 15px;
  padding-inline: 12px;
  background: none;
  box-shadow: none;
  border: 0;
  white-space: nowrap;
}
.header-item .icon {
  margin-block: -3px;
}
.header-item .icon ~ .item-title {
  padding-inline-start: 12px;
}
.header-item .dropdown-caret {
  display: none;
}
:is(.header-navigation, .header-collapsible-actions) .header-item .dropdown-caret {
  display: block;
}
.header-item:hover {
  color: var(--element-text-primary);
  background-color: var(--element-base-1-hover);
  text-decoration: none;
}
.header-item::after {
  content: " ";
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  block-size: 4px;
  background: var(--si-header-item-border);
}
.header-item.header-selection-item {
  color: var(--element-action-secondary-text);
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.143;
}
.header-item.header-selection-item:hover {
  color: var(--element-action-secondary-text-hover);
}

.expand-xs.application-header {
  flex-wrap: nowrap;
}
.expand-xs .header-brand {
  display: flex;
  flex: 1 1 33.333%;
  justify-content: flex-start;
}
.expand-xs .header-navigation {
  display: flex;
  flex: 1 1 33.333%;
  justify-content: center;
}
.expand-xs .header-navigation .header-item.active {
  color: var(--element-action-primary);
  --si-header-item-border: var(--element-action-primary);
}
.expand-xs .header-navigation .header-item:hover {
  color: var(--element-action-primary-hover);
  --si-header-item-border: var(--element-action-primary-hover);
}
.expand-xs .header-actions {
  display: flex;
  flex: 1 1 33.333%;
  justify-content: flex-end;
}
.expand-xs .header-collapsible-actions {
  display: contents;
}
.expand-xs .header-collapsible-actions .header-item .dropdown-caret {
  display: none;
}
.expand-xs .header-toggle {
  display: none;
}
.expand-xs .header-item {
  inline-size: auto;
  flex-basis: auto;
}

@media (min-width: 576px) {
  .expand-sm.application-header {
    flex-wrap: nowrap;
  }
  .expand-sm .header-brand {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-start;
  }
  .expand-sm .header-navigation {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: center;
  }
  .expand-sm .header-navigation .header-item.active {
    color: var(--element-action-primary);
    --si-header-item-border: var(--element-action-primary);
  }
  .expand-sm .header-navigation .header-item:hover {
    color: var(--element-action-primary-hover);
    --si-header-item-border: var(--element-action-primary-hover);
  }
  .expand-sm .header-actions {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-end;
  }
  .expand-sm .header-collapsible-actions {
    display: contents;
  }
  .expand-sm .header-collapsible-actions .header-item .dropdown-caret {
    display: none;
  }
  .expand-sm .header-toggle {
    display: none;
  }
  .expand-sm .header-item {
    inline-size: auto;
    flex-basis: auto;
  }
}
@media (min-width: 768px) {
  .expand-md.application-header {
    flex-wrap: nowrap;
  }
  .expand-md .header-brand {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-start;
  }
  .expand-md .header-navigation {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: center;
  }
  .expand-md .header-navigation .header-item.active {
    color: var(--element-action-primary);
    --si-header-item-border: var(--element-action-primary);
  }
  .expand-md .header-navigation .header-item:hover {
    color: var(--element-action-primary-hover);
    --si-header-item-border: var(--element-action-primary-hover);
  }
  .expand-md .header-actions {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-end;
  }
  .expand-md .header-collapsible-actions {
    display: contents;
  }
  .expand-md .header-collapsible-actions .header-item .dropdown-caret {
    display: none;
  }
  .expand-md .header-toggle {
    display: none;
  }
  .expand-md .header-item {
    inline-size: auto;
    flex-basis: auto;
  }
}
@media (min-width: 992px) {
  .expand-lg.application-header {
    flex-wrap: nowrap;
  }
  .expand-lg .header-brand {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-start;
  }
  .expand-lg .header-navigation {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: center;
  }
  .expand-lg .header-navigation .header-item.active {
    color: var(--element-action-primary);
    --si-header-item-border: var(--element-action-primary);
  }
  .expand-lg .header-navigation .header-item:hover {
    color: var(--element-action-primary-hover);
    --si-header-item-border: var(--element-action-primary-hover);
  }
  .expand-lg .header-actions {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-end;
  }
  .expand-lg .header-collapsible-actions {
    display: contents;
  }
  .expand-lg .header-collapsible-actions .header-item .dropdown-caret {
    display: none;
  }
  .expand-lg .header-toggle {
    display: none;
  }
  .expand-lg .header-item {
    inline-size: auto;
    flex-basis: auto;
  }
}
@media (min-width: 1200px) {
  .expand-xl.application-header {
    flex-wrap: nowrap;
  }
  .expand-xl .header-brand {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-start;
  }
  .expand-xl .header-navigation {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: center;
  }
  .expand-xl .header-navigation .header-item.active {
    color: var(--element-action-primary);
    --si-header-item-border: var(--element-action-primary);
  }
  .expand-xl .header-navigation .header-item:hover {
    color: var(--element-action-primary-hover);
    --si-header-item-border: var(--element-action-primary-hover);
  }
  .expand-xl .header-actions {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-end;
  }
  .expand-xl .header-collapsible-actions {
    display: contents;
  }
  .expand-xl .header-collapsible-actions .header-item .dropdown-caret {
    display: none;
  }
  .expand-xl .header-toggle {
    display: none;
  }
  .expand-xl .header-item {
    inline-size: auto;
    flex-basis: auto;
  }
}
@media (min-width: 1400px) {
  .expand-xxl.application-header {
    flex-wrap: nowrap;
  }
  .expand-xxl .header-brand {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-start;
  }
  .expand-xxl .header-navigation {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: center;
  }
  .expand-xxl .header-navigation .header-item.active {
    color: var(--element-action-primary);
    --si-header-item-border: var(--element-action-primary);
  }
  .expand-xxl .header-navigation .header-item:hover {
    color: var(--element-action-primary-hover);
    --si-header-item-border: var(--element-action-primary-hover);
  }
  .expand-xxl .header-actions {
    display: flex;
    flex: 1 1 33.333%;
    justify-content: flex-end;
  }
  .expand-xxl .header-collapsible-actions {
    display: contents;
  }
  .expand-xxl .header-collapsible-actions .header-item .dropdown-caret {
    display: none;
  }
  .expand-xxl .header-toggle {
    display: none;
  }
  .expand-xxl .header-item {
    inline-size: auto;
    flex-basis: auto;
  }
}
:is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-12, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-11, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-10, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-9, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-8, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-7, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-6, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-5, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-4, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-3, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-2, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg, .si-container-xl) .col-xxl-1, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-12, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-11, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-10, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-9, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-8, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-7, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-6, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-5, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-4, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-3, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-2, :is(.si-container-xs, .si-container-sm, .si-container-md, .si-container-lg) .col-xl-1, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-12, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-11, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-10, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-9, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-8, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-7, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-6, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-5, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-4, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-3, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-2, :is(.si-container-xs, .si-container-sm, .si-container-md) .col-lg-1, :is(.si-container-xs, .si-container-sm) .col-md-12, :is(.si-container-xs, .si-container-sm) .col-md-11, :is(.si-container-xs, .si-container-sm) .col-md-10, :is(.si-container-xs, .si-container-sm) .col-md-9, :is(.si-container-xs, .si-container-sm) .col-md-8, :is(.si-container-xs, .si-container-sm) .col-md-7, :is(.si-container-xs, .si-container-sm) .col-md-6, :is(.si-container-xs, .si-container-sm) .col-md-5, :is(.si-container-xs, .si-container-sm) .col-md-4, :is(.si-container-xs, .si-container-sm) .col-md-3, :is(.si-container-xs, .si-container-sm) .col-md-2, :is(.si-container-xs, .si-container-sm) .col-md-1, .si-container-xs .col-sm-12, .si-container-xs .col-sm-11, .si-container-xs .col-sm-10, .si-container-xs .col-sm-9, .si-container-xs .col-sm-8, .si-container-xs .col-sm-7, .si-container-xs .col-sm-6, .si-container-xs .col-sm-5, .si-container-xs .col-sm-4, .si-container-xs .col-sm-3, .si-container-xs .col-sm-2, .si-container-xs .col-sm-1 {
  flex: unset;
  inline-size: 100%;
}

:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
:is(.si-container-xs,
.si-container-sm,
.si-container-md,
.si-container-lg,
.si-container-xl,
.si-container-xxl) .col-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}

:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-sm-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-1 {
  margin-inline-start: 8.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-2 {
  margin-inline-start: 16.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-3 {
  margin-inline-start: 25%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-4 {
  margin-inline-start: 33.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-5 {
  margin-inline-start: 41.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-6 {
  margin-inline-start: 50%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-7 {
  margin-inline-start: 58.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-8 {
  margin-inline-start: 66.66666667%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-9 {
  margin-inline-start: 75%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-10 {
  margin-inline-start: 83.33333333%;
}
:is(.si-container-sm, .si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-sm-11 {
  margin-inline-start: 91.66666667%;
}

:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .col-md-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-1 {
  margin-inline-start: 8.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-2 {
  margin-inline-start: 16.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-3 {
  margin-inline-start: 25%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-4 {
  margin-inline-start: 33.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-5 {
  margin-inline-start: 41.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-6 {
  margin-inline-start: 50%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-7 {
  margin-inline-start: 58.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-8 {
  margin-inline-start: 66.66666667%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-9 {
  margin-inline-start: 75%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-10 {
  margin-inline-start: 83.33333333%;
}
:is(.si-container-md, .si-container-lg, .si-container-xl, .si-container-xxl) .offset-md-11 {
  margin-inline-start: 91.66666667%;
}

:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .col-lg-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-1 {
  margin-inline-start: 8.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-2 {
  margin-inline-start: 16.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-3 {
  margin-inline-start: 25%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-4 {
  margin-inline-start: 33.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-5 {
  margin-inline-start: 41.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-6 {
  margin-inline-start: 50%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-7 {
  margin-inline-start: 58.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-8 {
  margin-inline-start: 66.66666667%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-9 {
  margin-inline-start: 75%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-10 {
  margin-inline-start: 83.33333333%;
}
:is(.si-container-lg, .si-container-xl, .si-container-xxl) .offset-lg-11 {
  margin-inline-start: 91.66666667%;
}

:is(.si-container-xl, .si-container-xxl) .col-xl-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .col-xl-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-1 {
  margin-inline-start: 8.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-2 {
  margin-inline-start: 16.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-3 {
  margin-inline-start: 25%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-4 {
  margin-inline-start: 33.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-5 {
  margin-inline-start: 41.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-6 {
  margin-inline-start: 50%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-7 {
  margin-inline-start: 58.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-8 {
  margin-inline-start: 66.66666667%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-9 {
  margin-inline-start: 75%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-10 {
  margin-inline-start: 83.33333333%;
}
:is(.si-container-xl, .si-container-xxl) .offset-xl-11 {
  margin-inline-start: 91.66666667%;
}

.si-container-xxl .col-xxl-1 {
  flex: 0 0 auto;
  inline-size: 8.33333333%;
}
.si-container-xxl .col-xxl-2 {
  flex: 0 0 auto;
  inline-size: 16.66666667%;
}
.si-container-xxl .col-xxl-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}
.si-container-xxl .col-xxl-4 {
  flex: 0 0 auto;
  inline-size: 33.33333333%;
}
.si-container-xxl .col-xxl-5 {
  flex: 0 0 auto;
  inline-size: 41.66666667%;
}
.si-container-xxl .col-xxl-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}
.si-container-xxl .col-xxl-7 {
  flex: 0 0 auto;
  inline-size: 58.33333333%;
}
.si-container-xxl .col-xxl-8 {
  flex: 0 0 auto;
  inline-size: 66.66666667%;
}
.si-container-xxl .col-xxl-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}
.si-container-xxl .col-xxl-10 {
  flex: 0 0 auto;
  inline-size: 83.33333333%;
}
.si-container-xxl .col-xxl-11 {
  flex: 0 0 auto;
  inline-size: 91.66666667%;
}
.si-container-xxl .col-xxl-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}
.si-container-xxl .offset-xxl-1 {
  margin-inline-start: 8.33333333%;
}
.si-container-xxl .offset-xxl-2 {
  margin-inline-start: 16.66666667%;
}
.si-container-xxl .offset-xxl-3 {
  margin-inline-start: 25%;
}
.si-container-xxl .offset-xxl-4 {
  margin-inline-start: 33.33333333%;
}
.si-container-xxl .offset-xxl-5 {
  margin-inline-start: 41.66666667%;
}
.si-container-xxl .offset-xxl-6 {
  margin-inline-start: 50%;
}
.si-container-xxl .offset-xxl-7 {
  margin-inline-start: 58.33333333%;
}
.si-container-xxl .offset-xxl-8 {
  margin-inline-start: 66.66666667%;
}
.si-container-xxl .offset-xxl-9 {
  margin-inline-start: 75%;
}
.si-container-xxl .offset-xxl-10 {
  margin-inline-start: 83.33333333%;
}
.si-container-xxl .offset-xxl-11 {
  margin-inline-start: 91.66666667%;
}

.ngx-datatable .ghost-cell-container {
  background: var(--element-base-1);
}
.ngx-datatable .ghost-cell-strip {
  background: var(--element-base-1-hover);
  background-image: linear-gradient(90deg, var(--element-base-1-hover) 0%, var(--element-base-1-selected) 25%, var(--element-base-1-hover) 50%);
}

.ngx-datatable.table-element {
  background-color: var(--element-base-1);
  border-radius: var(--element-radius-2);
}
.ngx-datatable.table-element.table-custom {
  --si-datatable-row-min-height: 24px;
}
.ngx-datatable.table-element:is(.single-selection,
.multi-selection,
.multi-click-selection,
.cell-selection,
.checkbox-selection) .datatable-row-wrapper .datatable-body-row:hover {
  background-color: var(--element-base-1-hover);
}
.ngx-datatable.table-element:is(.single-selection, .multi-selection, .multi-click-selection, .checkbox-selection) .datatable-body-row.active,
.ngx-datatable.table-element:is(.single-selection, .multi-selection, .multi-click-selection, .checkbox-selection) .datatable-body-row.active .datatable-row-group {
  background-color: var(--element-base-1-selected);
}
.ngx-datatable.table-element.cell-selection .datatable-body-cell.active, .ngx-datatable.table-element.cell-selection .datatable-body-cell.active .datatable-row-group, .ngx-datatable.table-element.cell-selection .datatable-body-cell:focus, .ngx-datatable.table-element.cell-selection .datatable-body-cell:focus .datatable-row-group {
  background-color: var(--element-base-1-selected);
}
.ngx-datatable.table-element:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.table-element:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
  background-color: var(--element-base-1-selected);
}
.ngx-datatable.table-element :is(.datatable-header-cell, .datatable-body-cell) label.datatable-checkbox {
  display: inline-flex;
  inline-size: 13px;
  block-size: 13px;
  margin-block: 0;
  margin-inline: 0 16px;
  position: relative;
}
.ngx-datatable.table-element :is(.datatable-header-cell, .datatable-body-cell) label.datatable-checkbox > input {
  inline-size: 100%;
  block-size: 100%;
}
.ngx-datatable.table-element .datatable-header-cell label.datatable-checkbox > input {
  inset-block: 0;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) ghost-loader:not(.ghost-overlay) {
  display: flex;
  flex: 1 1 0;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) ghost-loader:not(.ghost-overlay) :is(.ghost-cell-strip, .ghost-element, .ghost-loader) {
  display: flex;
  flex: 1 1 0;
  inline-size: unset !important;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) .ghost-cell-strip {
  animation-name: shimmer !important;
  animation-duration: calc(1.6s * var(--element-animations-enabled, 1)) !important;
  animation-timing-function: ease-in-out !important;
  background-size: 200% 100%;
  background-position-x: 100%;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) :is(.datatable-header-cell, .datatable-body-cell) {
  display: flex;
  align-items: center;
  padding-block: 0;
  padding-inline: 4px;
  min-inline-size: 40px;
  line-height: 1.143;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) :is(.datatable-header-cell, .datatable-body-cell) > div {
  padding: 4px;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) :is(.datatable-header-cell, .datatable-body-cell):first-child {
  padding-inline-start: 12px;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) :is(.datatable-header-cell, .datatable-body-cell):last-child {
  padding-inline-end: 12px;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) .datatable-header-cell .datatable-header-cell-template-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ngx-datatable.table-element :is(.datatable-header, .datatable-body) .datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ngx-datatable.table-element .datatable-header {
  padding: 0;
  display: flex;
  align-items: center;
  border-block-end: 4px solid var(--element-ui-4);
  background-color: transparent;
  color: var(--element-text-primary);
  block-size: 40px;
  vertical-align: baseline;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.143;
  -webkit-user-select: none;
          user-select: none;
}
.ngx-datatable.table-element .datatable-header .sort-btn {
  color: var(--element-text-primary) !important;
}
.ngx-datatable.table-element .datatable-header .resizeable:hover .resize-handle {
  background-color: var(--element-base-0);
  inline-size: 2px;
  border-radius: 2px;
  padding-block: 0;
  padding-inline: 2px;
}
.ngx-datatable.table-element .datatable-header :is(.datatable-row-left, .datatable-row-right) {
  background-color: var(--element-base-1);
  display: flex;
}
.ngx-datatable.table-element .datatable-header :is(.datatable-row-left, .datatable-row-right) .datatable-header-cell {
  flex-shrink: 0;
}
.ngx-datatable.table-element .datatable-header .datatable-header-cell:focus-visible {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: var(--element-button-focus-overlay-width);
}
.ngx-datatable.table-element .datatable-body .datatable-row-wrapper {
  min-block-size: var(--si-datatable-row-min-height, 48px);
  justify-content: center;
  padding: 0;
  inline-size: 100%;
}
.ngx-datatable.table-element .datatable-body .datatable-body-row,
.ngx-datatable.table-element .datatable-body .datatable-group-header {
  border-block-end: 1px solid var(--element-ui-4);
  inline-size: 100% !important;
  min-inline-size: fit-content;
}
.ngx-datatable.table-element .datatable-body .datatable-body-row .datatable-body-cell-label,
.ngx-datatable.table-element .datatable-body .datatable-group-header .datatable-body-cell-label {
  overflow: inherit;
  text-overflow: ellipsis;
  inline-size: 100%;
}
.ngx-datatable.table-element .datatable-body .datatable-body-row.datatable-body-row:hover:not(.active),
.ngx-datatable.table-element .datatable-body .datatable-group-header.datatable-body-row:hover:not(.active) {
  background-color: var(--element-base-1-hover);
}
.ngx-datatable.table-element .datatable-body .datatable-body-row.datatable-body-row:hover:not(.active) :is(.datatable-row-left, .datatable-row-right),
.ngx-datatable.table-element .datatable-body .datatable-group-header.datatable-body-row:hover:not(.active) :is(.datatable-row-left, .datatable-row-right) {
  background-color: var(--element-base-1-hover);
}
.ngx-datatable.table-element .datatable-body .datatable-body-row :is(.datatable-row-left, .datatable-row-right),
.ngx-datatable.table-element .datatable-body .datatable-group-header :is(.datatable-row-left, .datatable-row-right) {
  background-color: var(--element-base-1);
}
.ngx-datatable.table-element .datatable-body .datatable-group-header .datatable-group-cell {
  display: flex;
  align-items: center;
  padding-inline-start: 16px;
}
.ngx-datatable.table-element .datatable-body .datatable-body-cell:focus-visible,
.ngx-datatable.table-element .datatable-body .datatable-body-row:focus-visible {
  position: relative;
}
.ngx-datatable.table-element .datatable-body .datatable-body-cell:focus-visible::after,
.ngx-datatable.table-element .datatable-body .datatable-body-row:focus-visible::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 9;
  pointer-events: none;
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: calc(-1 * var(--element-button-focus-width));
}
.ngx-datatable.table-element .datatable-footer {
  display: flex;
  align-items: flex-end;
  flex: 1;
  align-content: flex-end;
  background-color: transparent;
  color: var(--element-text-secondary);
  font-size: 0.75rem;
  margin-block-start: -4px;
  position: relative;
  z-index: 11;
}
.ngx-datatable.table-element .datatable-footer .datatable-footer-inner {
  background-color: var(--element-base-1);
  padding-inline-start: 16px;
  padding-inline-end: 8px;
  position: relative;
}
.ngx-datatable.table-element .datatable-footer .datatable-footer-inner::before {
  position: absolute;
  content: "";
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 1px;
  background-color: var(--element-base-0);
}
.ngx-datatable.table-element > div {
  block-size: unset !important;
  min-block-size: 100%;
  display: flex;
  flex-direction: column;
}
.ngx-datatable.table-element .datatable-tree-button {
  border: 0;
  background: none;
  margin-inline: 4px;
  padding: 0;
}
.ngx-datatable.table-element .datatable-tree-button[disabled] {
  display: none;
}
.ngx-datatable.table-element .datatable-tree-button:focus-visible {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: calc(-1 * var(--element-button-focus-width));
}

.in-electron {
  --element-titlebar-spacing: 36px;
}

.shadow-none {
  box-shadow: none;
}

.elevation-1 {
  box-shadow: 0 0 4px var(--element-box-shadow-color-1), 0 4px 4px var(--element-box-shadow-color-2);
}

.elevation-2 {
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2);
}

.elevation-3 {
  box-shadow: 0 0 16px var(--element-box-shadow-color-1), 0 16px 16px var(--element-box-shadow-color-2);
}

.elevation-4 {
  box-shadow: 0 0 32px var(--element-box-shadow-color-1), 0 32px 32px var(--element-box-shadow-color-2);
}

*:focus-visible,
*.focus-default:focus-visible,
*:focus-visible .focus-sub,
*:focus-visible > .focus-direct-sub,
*:focus-visible > .focus-direct-sub-inside {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: var(--element-button-focus-overlay-width);
}

*.focus-inside:focus-visible,
*:focus-visible .focus-sub-inside,
*:focus-visible > .focus-direct-sub-inside {
  outline-offset: calc(-1 * var(--element-button-focus-width));
}

.focus-none {
  outline: none !important;
}

.icon {
  font-size: 1.5rem;
}

.icon-small {
  font-size: 1rem;
}

.spinning {
  animation: 1.5s linear infinite spinner-border;
}

.smooth-auto {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

.icon-stack {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1;
}
.icon-stack > :not(:first-child) {
  position: absolute;
}

[dir=rtl] .flip-rtl {
  transform: scaleX(-1);
}

:dir(rtl) .flip-rtl {
  transform: scaleX(-1);
}

.si-layout-fixed-height,
.si-layout-fixed-height .si-layout-inner {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}

.si-layout-main-padding {
  padding-block: 16px 0;
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .si-layout-main-padding {
    padding-inline: 32px;
  }
}

.si-layout-top-element {
  transition: margin-inline calc(0.5s * var(--element-animations-enabled, 1));
  margin-inline: var(--si-layout-header-first-element-offset, 0) var(--si-layout-header-first-element-offset-end, 0);
}

.si-layout-status {
  margin-block-end: 8px;
  margin-block-start: -8px;
}

.si-layout-breadcrumb {
  display: block;
  margin-block-end: 8px;
}
.si-layout-breadcrumb.si-layout-top-element {
  margin-block-end: 16px;
}

.si-layout-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title title" "subtitle subtitle" "actions actions";
  margin-block-end: 24px;
}

.si-layout-title {
  grid-area: title;
  margin-block-end: 0;
}
.si-layout-title.si-layout-top-element + .si-layout-subtitle {
  margin-inline: var(--si-layout-header-first-element-offset, 0) var(--si-layout-header-first-element-offset-end, 0);
}

.si-layout-subtitle {
  grid-area: subtitle;
  margin-block-start: 8px;
  margin-block-end: 0;
  color: var(--element-text-secondary);
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.143;
}

.si-layout-actions {
  grid-area: actions;
  margin-block-start: 16px;
}

@media (min-width: 576px) {
  .si-layout-breadcrumb {
    margin-block-end: 8px !important;
  }
}
@media (min-width: 768px) {
  .si-layout-header {
    grid-template-areas: "title actions" "subtitle actions";
  }
  .si-layout-actions {
    margin-block-start: 0;
  }
  .si-layout-status {
    margin-block-start: 0;
    margin-block-end: 16px !important;
  }
}
a:active, .link-text:active, .link:active {
  color: var(--element-ui-0-hover);
  text-decoration: underline;
}

.link-text {
  text-decoration: underline;
}

.link-icon {
  font-size: 1.4285714286em !important;
  line-height: 0.7em !important;
  margin-block-start: -0.275em;
  margin-block-end: -0.15em;
  vertical-align: middle;
}

.link-start {
  margin-inline-end: 0.2em;
}

.link-end {
  margin-inline-start: 0.2em;
}

.pill {
  display: flex;
  align-items: center;
  block-size: 24px;
  border-radius: 12px;
  background: var(--element-base-0);
  padding-block: 4px;
  padding-inline: 8px;
  max-inline-size: 100%;
}
.pill.active {
  background: var(--element-base-1-selected);
}
.pill.pill-interactive {
  cursor: pointer;
}
.pill.pill-interactive:hover {
  background: var(--element-action-secondary-hover);
}

.pill-group {
  display: flex;
  gap: 2px;
}
.pill-group .pill {
  border-radius: 0;
}
.pill-group .pill:first-child {
  border-start-start-radius: 12px;
  border-end-start-radius: 12px;
}
.pill-group .pill:last-child {
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
}

html {
  scrollbar-color: color-mix(in srgb, var(--element-ui-2) 60%, var(--element-base-1)) var(--element-base-1);
}

@keyframes shimmer {
  to {
    background-position-x: -100%;
  }
}
.si-skeleton, .si-value-widget-value-skeleton, .si-link-widget-skeleton {
  display: inline-block;
  min-block-size: 1em;
  background: linear-gradient(90deg, var(--element-base-1-hover) 0%, var(--element-base-1-selected) 25%, var(--element-base-1-hover) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  border-radius: var(--element-button-radius);
  animation: shimmer calc(1.6s * var(--element-animations-enabled, 1)) ease-in-out infinite;
  cursor: wait;
}
.si-skeleton.btn::before, .btn.si-value-widget-value-skeleton::before, .btn.si-link-widget-skeleton::before {
  display: inline-block;
  content: "";
}

.si-skeleton-xs {
  min-block-size: 0.6em;
}

.si-skeleton-sm {
  min-block-size: 0.8em;
}

.si-skeleton-lg {
  min-block-size: 1.2em;
}

.form-switch {
  padding-block: 2px;
}
.form-switch .form-check-input {
  cursor: pointer;
  position: relative;
  inset: 0;
  margin-inline: 0 6px;
  margin-block: -2px;
  inline-size: calc(2 * 20px) !important;
  block-size: 20px !important;
  background-color: var(--element-ui-4);
  transition: calc(0.4s * var(--element-animations-enabled, 1));
  border: 0;
  border-radius: 20px;
  appearance: none;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  block-size: calc(20px - 2 * 4px) !important;
  inline-size: calc(20px - 2 * 4px) !important;
  inset-inline-start: 4px;
  inset-block-end: 4px;
  background-color: var(--element-ui-2);
  transition: calc(0.4s * var(--element-animations-enabled, 1));
  border-radius: 50%;
}
.form-switch .form-check-input::after {
  display: none;
}
.form-switch .form-check-input:hover {
  background-color: var(--element-ui-4);
}
.form-switch .form-check-input:is(:checked, .checked) {
  background-color: var(--element-ui-0);
}
.form-switch .form-check-input:is(:checked, .checked):hover {
  background-color: var(--element-ui-0-hover);
}
.form-switch .form-check-input:is(:checked, .checked):is(:disabled, .disabled) {
  background-color: var(--element-ui-0);
}
.form-switch .form-check-input:is(:disabled, .disabled) {
  cursor: default;
  opacity: 0.5;
}
.form-switch .form-check-input:is(:checked, .checked)::before {
  inset-inline-start: calc(4px + 20px);
  background-color: var(--element-ui-5);
}

.has-system-banner {
  --element-system-banner-spacing: 20px;
}

.si-value-widget-value {
  display: inline-block;
  min-block-size: 3.25rem;
}

/**
* Defines a skeleton that has the height of the font-size and does not include
* the line height.
*/
.si-value-widget-value-skeleton {
  display: inline-block;
  block-size: 2.5rem;
  vertical-align: middle;
  inline-size: 100%;
}

.si-value-widget-unit {
  display: inline-block;
  margin-inline-start: 4px;
}

.si-value-widget-description {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-block-start: 4px;
  min-block-size: 1.5rem;
}

.si-link-widget {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.si-link-widget-skeleton {
  block-size: 1.000125rem;
  inline-size: 100%;
}

.si-timeline-widget-item-lower-line {
  inline-size: 1px;
  block-size: 100%;
  background-color: var(--element-ui-4);
}

/* stylelint-disable declaration-no-important */
body:has(.cdk-drag-preview) {
  cursor: grabbing !important;
}
body:has(.cdk-drag-preview) .cdk-drop-list:not(.cdk-drop-list-dragging) {
  cursor: no-drop !important;
}
body:has(.cdk-drag-preview) .cdk-drop-list:not(.cdk-drop-list-dragging):hover,
body:has(.cdk-drag-preview) .cdk-drop-list:not(.cdk-drop-list-dragging) *:hover {
  cursor: no-drop !important;
}
body:has(.cdk-drag-preview) .cdk-drop-list.cdk-drop-list-dragging:hover,
body:has(.cdk-drag-preview) .cdk-drop-list.cdk-drop-list-dragging *:hover {
  cursor: grabbing !important;
}

.cdk-drag-preview {
  background-color: var(--element-base-3) !important;
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2) !important;
  position: relative !important;
  inset-inline-start: -5px !important;
  inset-block-start: -10px !important;
}
.cdk-drag-preview .cdk-drag-handle:hover {
  cursor: grabbing !important;
}

.cdk-drag-handle {
  font-size: 24px;
  color: var(--element-ui-2);
}

.cdk-drag-disabled .cdk-drag-handle {
  cursor: not-allowed;
}
.cdk-drag-disabled:not(:has(.cdk-drag-handle)) {
  cursor: not-allowed;
}

.cdk-drag:not(.cdk-drag-disabled) .cdk-drag-handle:is(:hover, .hover) {
  cursor: grab;
}
.cdk-drag:not(.cdk-drag-disabled):not(:has(.cdk-drag-handle)):hover,
.cdk-drag:not(.cdk-drag-disabled):not(:has(.cdk-drag-handle)) .grab-area:hover {
  cursor: grab;
}
.cdk-drag:not(.cdk-drag-disabled):not(:has(.cdk-drag-handle)) .cdk-drag-dragging {
  cursor: grabbing;
}

.cdk-drag-placeholder {
  opacity: 0.3;
  background-color: var(--element-base-information) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  min-block-size: 45px;
  font-size: 0;
}
.cdk-drag-placeholder * {
  visibility: hidden;
}

.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
}

.droppable-container.drop-border {
  border: 1px dashed var(--element-ui-2);
}
.droppable-container .cdk-drag-placeholder {
  display: none;
}
.droppable-container.cdk-drop-list-dragging,
.droppable-container .cdk-drop-list-dragging {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: calc(-1 * var(--element-button-focus-width));
  cursor: grabbing !important;
}
.droppable-container.cdk-drop-list-dragging.focus-none > .focus-direct-sub-inside,
.droppable-container .cdk-drop-list-dragging.focus-none > .focus-direct-sub-inside {
  outline: var(--element-button-focus-width) solid var(--element-focus-default);
  outline-offset: calc(-1 * var(--element-button-focus-width));
}

:root {
  --element-animations-enabled: 1;
}

@media (prefers-reduced-motion) {
  :root {
    --element-animations-enabled: 0;
  }
}
:root.theme-element {
  --element-body-font-family: 'Arial', sans-serif;
  --element-button-radius: 2px;
  --element-button-focus-width: 6px;
  --element-button-focus-overlay-width: 1px;
  --element-button-focus-overlay-color: rgba(255, 255, 255, 0.7);
  --element-input-radius: 2px;
  --element-brand-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136.221 12'%3E%3Cg id='Gruppe_4763' data-name='Gruppe 4763' transform='translate(-85 -28)'%3E%3Cg id='Polygon_3' data-name='Polygon 3' transform='translate(111 28)' fill='none'%3E%3Cpath d='M7,0l7,12H0Z' stroke='none'/%3E%3Cpath d='M 7 3.969271659851074 L 3.482074737548828 10 L 10.51792526245117 10 L 7 3.969271659851074 M 7 9.5367431640625e-07 L 14 12 L 0 12 L 7 9.5367431640625e-07 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3Cg id='Ellipse_14' data-name='Ellipse 14' transform='translate(99 28)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_1111' data-name='Rechteck 1111' transform='translate(85 28)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect width='12' height='12' stroke='none'/%3E%3Crect x='1' y='1' width='10' height='10' fill='none'/%3E%3C/g%3E%3Cpath id='Pfad_4060' data-name='Pfad 4060' d='M4.289,14.938V10.177L-.137,3.347H2.89L4.8,6.415q.376.605.859,1.513.458-.875.867-1.538l1.9-3.043h2.855L6.9,10.177v4.761Zm12.54-11.8a5.162,5.162,0,0,1,4.188,1.734,6.4,6.4,0,0,1,1.4,4.27,6.2,6.2,0,0,1-1.652,4.54,5.249,5.249,0,0,1-3.935,1.456,5.162,5.162,0,0,1-4.188-1.734,6.5,6.5,0,0,1-1.4-4.335A6.126,6.126,0,0,1,12.894,4.59,5.283,5.283,0,0,1,16.829,3.143ZM16.82,5.188a2.46,2.46,0,0,0-2.184,1.178,4.906,4.906,0,0,0-.7,2.732,4.78,4.78,0,0,0,.826,2.994,2.617,2.617,0,0,0,4.254-.18,4.922,4.922,0,0,0,.7-2.765,4.706,4.706,0,0,0-.826-2.953A2.484,2.484,0,0,0,16.82,5.188Zm7.64-1.84H27.07v6.732a4.482,4.482,0,0,0,.368,2.249,1.662,1.662,0,0,0,.728.56,2.652,2.652,0,0,0,1.063.209,2.744,2.744,0,0,0,1.194-.249,1.6,1.6,0,0,0,.753-.675,5.051,5.051,0,0,0,.286-2.094V3.347H33.99V9.768a15.378,15.378,0,0,1-.139,2.593q-.6,2.781-4.63,2.781-3.125,0-4.18-1.669a3.279,3.279,0,0,1-.466-1.28,17.763,17.763,0,0,1-.115-2.425ZM36.64,14.938V3.347h4.188a8.256,8.256,0,0,1,1.763.151,3.086,3.086,0,0,1,1.141.495,2.874,2.874,0,0,1,1.145,2.47,3.085,3.085,0,0,1-.56,1.881,2.812,2.812,0,0,1-1.6,1.039,1.748,1.748,0,0,1,.773.6,11.953,11.953,0,0,1,.863,1.689l1.464,3.264H43.029L42.1,12.721A8.465,8.465,0,0,0,41.09,10.8a1.551,1.551,0,0,0-1.235-.54H39.25v4.679ZM39.184,8.3h.908a3.137,3.137,0,0,0,1.481-.27,1.328,1.328,0,0,0,.7-1.26,1.294,1.294,0,0,0-.5-1.137,3.09,3.09,0,0,0-1.677-.327h-.908Zm12.434,6.634V3.347h1.342V13.834h5.022v1.1ZM63.626,3.183a4.487,4.487,0,0,1,3.8,1.775,6.745,6.745,0,0,1,1.317,4.188,7.153,7.153,0,0,1-.605,2.961A4.618,4.618,0,0,1,63.618,15.1a4.5,4.5,0,0,1-3.8-1.775A6.815,6.815,0,0,1,58.5,9.081a7.051,7.051,0,0,1,.605-2.9A4.618,4.618,0,0,1,63.626,3.183Zm0,1.1a3.231,3.231,0,0,0-2.806,1.44,5.763,5.763,0,0,0-.9,3.362,5.71,5.71,0,0,0,1.072,3.7,3.445,3.445,0,0,0,5.423-.229,5.794,5.794,0,0,0,.908-3.411A5.605,5.605,0,0,0,66.252,5.5,3.237,3.237,0,0,0,63.626,4.288Zm15.9,4.671v5.481a10.2,10.2,0,0,1-1.734.479A9.6,9.6,0,0,1,76,15.1a5.161,5.161,0,0,1-3.8-1.456,5.848,5.848,0,0,1-1.636-4.352,6.279,6.279,0,0,1,1.644-4.556,5.1,5.1,0,0,1,3.845-1.554A8.072,8.072,0,0,1,79.446,4l-.393,1.072a6.617,6.617,0,0,0-3.043-.785,3.483,3.483,0,0,0-3.018,1.481,5.926,5.926,0,0,0-1.006,3.509,4.879,4.879,0,0,0,1.374,3.7A3.852,3.852,0,0,0,76.133,14a6.167,6.167,0,0,0,2.053-.368V10.063H75.9v-1.1Zm7.436-5.775a4.487,4.487,0,0,1,3.8,1.775,6.745,6.745,0,0,1,1.317,4.188,7.153,7.153,0,0,1-.605,2.961A4.618,4.618,0,0,1,86.955,15.1a4.5,4.5,0,0,1-3.8-1.775,6.815,6.815,0,0,1-1.317-4.245,7.051,7.051,0,0,1,.605-2.9A4.618,4.618,0,0,1,86.963,3.183Zm0,1.1a3.231,3.231,0,0,0-2.806,1.44,5.763,5.763,0,0,0-.9,3.362,5.71,5.71,0,0,0,1.072,3.7,3.445,3.445,0,0,0,5.423-.229,5.794,5.794,0,0,0,.908-3.411A5.605,5.605,0,0,0,89.589,5.5,3.237,3.237,0,0,0,86.963,4.288Z' transform='translate(129.137 24.857)' fill='%23000'/%3E%3C/g%3E%3C/svg%3E%0A");
  --element-brand-logo-width: 136.221px;
  --element-brand-logo-height: 12px;
  --element-brand-logo-text: 'Element logo';
  --element-radius-0: 0;
  --element-radius-1: 2px;
  --element-radius-2: 4px;
  --element-radius-3: 8px;
  --element-ui-0: #7353e5;
  --element-ui-0-hover: #2e3a70;
  --element-ui-1: #000000;
  --element-ui-2: #4e4e4e;
  --element-ui-3: #a9a9a9;
  --element-ui-4: #e9e9e9;
  --element-ui-5: #ffffff;
  --element-ui-6: #000000;
  --element-base-0: #f3f3f3;
  --element-base-1: #ffffff;
  --element-base-1-hover: #f3f3f3;
  --element-base-1-selected: #e8e8e8;
  --element-base-2: #ffffff;
  --element-base-3: #ffffff;
  --element-base-4: #f3f3f3;
  --element-base-information: #d6e7ff;
  --element-base-success: #d6f5e7;
  --element-base-caution: #fff7d6;
  --element-base-warning: #ffe7d1;
  --element-base-danger: #ffe0e5;
  --element-base-critical: #ffe0e5;
  --element-base-translucent-1: rgba(0, 0, 0, 0.3);
  --element-base-translucent-2: rgba(0, 0, 0, 0.88);
  --element-base-input-experimental: #f7f7f7;
  --element-action-primary: #7353e5;
  --element-action-primary-hover: #2e3a70;
  --element-action-primary-text: #ffffff;
  --element-action-secondary: transparent;
  --element-action-secondary-hover: #d6d5ff;
  --element-action-secondary-text: #7353e5;
  --element-action-secondary-text-hover: #2e3a70;
  --element-action-secondary-border: #7353e5;
  --element-action-secondary-border-hover: #2e3a70;
  --element-action-secondary-warning: #734213;
  --element-action-secondary-danger: #e53935;
  --element-action-warning: #d1731b;
  --element-action-warning-hover: #734213;
  --element-action-warning-text: #ffffff;
  --element-action-danger: #e53935;
  --element-action-danger-hover: #b71c1c;
  --element-action-danger-text: #ffffff;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #000000;
  --element-text-secondary: #383838;
  --element-text-disabled: #999999;
  --element-text-inverse: #ffffff;
  --element-text-active: #7353e5;
  --element-text-information: #1a4fb5;
  --element-text-success: #2cbd72;
  --element-text-caution: #7a5a00;
  --element-text-warning: #734213;
  --element-text-danger: #b71c1c;
  --element-text-critical: #b71c1c;
  --element-status-information: #297dff;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #2cbd72;
  --element-status-success-contrast: #ffffff;
  --element-status-caution: #ffcc00;
  --element-status-caution-contrast: #000000;
  --element-status-warning: #d1731b;
  --element-status-warning-contrast: #ffffff;
  --element-status-danger: #e53935;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #7f0a0a;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #9fabff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.16);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.08);
  --element-data-1: #5a5daa;
  --element-data-2: #003f36;
  --element-data-3: #00890e;
  --element-data-4: #166a5e;
  --element-data-5: #3664c6;
  --element-data-6: #003640;
  --element-data-7: #7353e5;
  --element-data-8: #553ba3;
  --element-data-9: #740089;
  --element-data-10: #d72339;
  --element-data-11: #4f153d;
  --element-data-12: #c04774;
  --element-data-13: #00237a;
  --element-data-14: #801100;
  --element-data-15: #805800;
  --element-data-16: #b2aa91;
  --element-data-17: #676666;
  --element-data-green-1: #01d65a;
  --element-data-green-2: #00a327;
  --element-data-green-3: #00890e;
  --element-data-green-4: #005700;
  --element-data-turquoise-1: #00b195;
  --element-data-turquoise-2: #009e84;
  --element-data-turquoise-3: #166a5e;
  --element-data-turquoise-4: #003f36;
  --element-data-interactive-coral-1: #00bcd4;
  --element-data-interactive-coral-2: #0097a7;
  --element-data-interactive-coral-3: #006978;
  --element-data-interactive-coral-4: #003640;
  --element-data-purple-1: #a68dff;
  --element-data-purple-2: #805cff;
  --element-data-purple-3: #7353e5;
  --element-data-purple-4: #553ba3;
  --element-data-plum-1: #e5659b;
  --element-data-plum-2: #c04774;
  --element-data-plum-3: #9f1853;
  --element-data-plum-4: #4f153d;
  --element-data-red-1: #ff6779;
  --element-data-red-2: #ff2640;
  --element-data-red-3: #d72339;
  --element-data-red-4: #900;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-sand-1: #c9c2b2;
  --element-data-sand-2: #aaaa96;
  --element-data-sand-3: #b2aa91;
  --element-data-sand-4: #80715b;
  --element-color-passed: #2cbd72;
  --element-color-failed: #9f1853;
  --element-color-cooling: #0087be;
  --element-color-heating: #e57700;
  --element-color-comfort: #b28a00;
  --element-color-economy: #1a4fb5;
  --element-color-off: #999999;
  --element-color-on: #6ed9a2;
  --element-color-default: #383838;
  --element-color-bad: #e53935;
  --element-color-poor: #f78b1f;
  --element-color-average: #ffcc00;
  --element-color-good: #9ec625;
  --element-color-excellent: #00a327;
  --element-range-danger: linear-gradient(90deg, #e9e9e9, #e53935);
  --element-range-warning: linear-gradient(90deg, #e9e9e9, #d1731b);
  --element-range-caution: linear-gradient(90deg, #e9e9e9, #ffcc00);
  --element-range-information: linear-gradient(90deg, #e9e9e9, #297dff);
  --element-range-success: linear-gradient(90deg, #e9e9e9, #00a327);
  --element-range-temp-heating: linear-gradient(90deg, #e9e9e9, #e57700);
  --element-range-temp-cooling: linear-gradient(90deg, #e9e9e9, #0087be);
  --element-range-comfort: linear-gradient(90deg, #e9e9e9, #b28a00);
  --element-range-temperature: linear-gradient(90deg, #e57700, #e9e9e9, #0087be);
  --element-range-humidity: linear-gradient(90deg, #c04774, #e9e9e9, #3664c6);
  --element-feedback-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d72339' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-89.8c0-11.05 8.95-20 20-20s20 8.95 20 20v89.8c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3C/svg%3E%0A");
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c75300' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231c703f' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #84b9ff;
  --element-launchpad-app-color: #000000;
}

:root.theme-element.app--dark {
  --element-button-focus-overlay-color: rgba(0, 0, 0, 0.7);
  --element-brand-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136.221 12'%3E%3Cg id='Gruppe_4763' data-name='Gruppe 4763' transform='translate(-85 -28)'%3E%3Cg id='Polygon_3' data-name='Polygon 3' transform='translate(111 28)' fill='none'%3E%3Cpath d='M7,0l7,12H0Z' stroke='none'/%3E%3Cpath d='M 7 3.969271659851074 L 3.482074737548828 10 L 10.51792526245117 10 L 7 3.969271659851074 M 7 9.5367431640625e-07 L 14 12 L 0 12 L 7 9.5367431640625e-07 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3Cg id='Ellipse_14' data-name='Ellipse 14' transform='translate(99 28)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_1111' data-name='Rechteck 1111' transform='translate(85 28)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect width='12' height='12' stroke='none'/%3E%3Crect x='1' y='1' width='10' height='10' fill='none'/%3E%3C/g%3E%3Cpath id='Pfad_4060' data-name='Pfad 4060' d='M4.289,14.938V10.177L-.137,3.347H2.89L4.8,6.415q.376.605.859,1.513.458-.875.867-1.538l1.9-3.043h2.855L6.9,10.177v4.761Zm12.54-11.8a5.162,5.162,0,0,1,4.188,1.734,6.4,6.4,0,0,1,1.4,4.27,6.2,6.2,0,0,1-1.652,4.54,5.249,5.249,0,0,1-3.935,1.456,5.162,5.162,0,0,1-4.188-1.734,6.5,6.5,0,0,1-1.4-4.335A6.126,6.126,0,0,1,12.894,4.59,5.283,5.283,0,0,1,16.829,3.143ZM16.82,5.188a2.46,2.46,0,0,0-2.184,1.178,4.906,4.906,0,0,0-.7,2.732,4.78,4.78,0,0,0,.826,2.994,2.617,2.617,0,0,0,4.254-.18,4.922,4.922,0,0,0,.7-2.765,4.706,4.706,0,0,0-.826-2.953A2.484,2.484,0,0,0,16.82,5.188Zm7.64-1.84H27.07v6.732a4.482,4.482,0,0,0,.368,2.249,1.662,1.662,0,0,0,.728.56,2.652,2.652,0,0,0,1.063.209,2.744,2.744,0,0,0,1.194-.249,1.6,1.6,0,0,0,.753-.675,5.051,5.051,0,0,0,.286-2.094V3.347H33.99V9.768a15.378,15.378,0,0,1-.139,2.593q-.6,2.781-4.63,2.781-3.125,0-4.18-1.669a3.279,3.279,0,0,1-.466-1.28,17.763,17.763,0,0,1-.115-2.425ZM36.64,14.938V3.347h4.188a8.256,8.256,0,0,1,1.763.151,3.086,3.086,0,0,1,1.141.495,2.874,2.874,0,0,1,1.145,2.47,3.085,3.085,0,0,1-.56,1.881,2.812,2.812,0,0,1-1.6,1.039,1.748,1.748,0,0,1,.773.6,11.953,11.953,0,0,1,.863,1.689l1.464,3.264H43.029L42.1,12.721A8.465,8.465,0,0,0,41.09,10.8a1.551,1.551,0,0,0-1.235-.54H39.25v4.679ZM39.184,8.3h.908a3.137,3.137,0,0,0,1.481-.27,1.328,1.328,0,0,0,.7-1.26,1.294,1.294,0,0,0-.5-1.137,3.09,3.09,0,0,0-1.677-.327h-.908Zm12.434,6.634V3.347h1.342V13.834h5.022v1.1ZM63.626,3.183a4.487,4.487,0,0,1,3.8,1.775,6.745,6.745,0,0,1,1.317,4.188,7.153,7.153,0,0,1-.605,2.961A4.618,4.618,0,0,1,63.618,15.1a4.5,4.5,0,0,1-3.8-1.775A6.815,6.815,0,0,1,58.5,9.081a7.051,7.051,0,0,1,.605-2.9A4.618,4.618,0,0,1,63.626,3.183Zm0,1.1a3.231,3.231,0,0,0-2.806,1.44,5.763,5.763,0,0,0-.9,3.362,5.71,5.71,0,0,0,1.072,3.7,3.445,3.445,0,0,0,5.423-.229,5.794,5.794,0,0,0,.908-3.411A5.605,5.605,0,0,0,66.252,5.5,3.237,3.237,0,0,0,63.626,4.288Zm15.9,4.671v5.481a10.2,10.2,0,0,1-1.734.479A9.6,9.6,0,0,1,76,15.1a5.161,5.161,0,0,1-3.8-1.456,5.848,5.848,0,0,1-1.636-4.352,6.279,6.279,0,0,1,1.644-4.556,5.1,5.1,0,0,1,3.845-1.554A8.072,8.072,0,0,1,79.446,4l-.393,1.072a6.617,6.617,0,0,0-3.043-.785,3.483,3.483,0,0,0-3.018,1.481,5.926,5.926,0,0,0-1.006,3.509,4.879,4.879,0,0,0,1.374,3.7A3.852,3.852,0,0,0,76.133,14a6.167,6.167,0,0,0,2.053-.368V10.063H75.9v-1.1Zm7.436-5.775a4.487,4.487,0,0,1,3.8,1.775,6.745,6.745,0,0,1,1.317,4.188,7.153,7.153,0,0,1-.605,2.961A4.618,4.618,0,0,1,86.955,15.1a4.5,4.5,0,0,1-3.8-1.775,6.815,6.815,0,0,1-1.317-4.245,7.051,7.051,0,0,1,.605-2.9A4.618,4.618,0,0,1,86.963,3.183Zm0,1.1a3.231,3.231,0,0,0-2.806,1.44,5.763,5.763,0,0,0-.9,3.362,5.71,5.71,0,0,0,1.072,3.7,3.445,3.445,0,0,0,5.423-.229,5.794,5.794,0,0,0,.908-3.411A5.605,5.605,0,0,0,89.589,5.5,3.237,3.237,0,0,0,86.963,4.288Z' transform='translate(129.137 24.857)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  --element-ui-0: #6477ff;
  --element-ui-0-hover: #7c8cff;
  --element-ui-1: #ffffff;
  --element-ui-2: #a9a9a9;
  --element-ui-3: #4e4e4e;
  --element-ui-4: #383838;
  --element-ui-5: #1a1a1a;
  --element-ui-6: #000000;
  --element-base-0: #000000;
  --element-base-1: #1a1a1a;
  --element-base-1-hover: #343434;
  --element-base-1-selected: #2f2f2f;
  --element-base-2: #000000;
  --element-base-3: #2f2f2f;
  --element-base-4: #383838;
  --element-base-information: #153366;
  --element-base-success: #0e3b28;
  --element-base-caution: #7a5a00;
  --element-base-warning: #734213;
  --element-base-danger: #7f0a0a;
  --element-base-critical: #7f0a0a;
  --element-base-translucent-1: rgba(0, 0, 0, 0.7);
  --element-base-translucent-2: rgba(255, 255, 255, 0.88);
  --element-base-input-experimental: #3a3a3a;
  --element-action-primary: #6477ff;
  --element-action-primary-hover: #7c8cff;
  --element-action-primary-text: #000000;
  --element-action-secondary: transparent;
  --element-action-secondary-hover: #1c144f;
  --element-action-secondary-text: #6477ff;
  --element-action-secondary-text-hover: #7c8cff;
  --element-action-secondary-border: #6477ff;
  --element-action-secondary-border-hover: #7c8cff;
  --element-action-secondary-warning: #f78b1f;
  --element-action-secondary-danger: #ff9999;
  --element-action-warning: #f78b1f;
  --element-action-warning-hover: #d1731b;
  --element-action-warning-text: #000000;
  --element-action-danger: #e53935;
  --element-action-danger-hover: #b71c1c;
  --element-action-danger-text: #ffffff;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #ffffff;
  --element-text-secondary: #c4c4c4;
  --element-text-disabled: #4e4e4e;
  --element-text-inverse: #000000;
  --element-text-active: #6477ff;
  --element-text-information: #d6e7ff;
  --element-text-success: #d6f5e7;
  --element-text-caution: #fff7d6;
  --element-text-warning: #ffe7d1;
  --element-text-danger: #ffe0e5;
  --element-text-critical: #ffe0e5;
  --element-status-information: #297dff;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #6ed9a2;
  --element-status-success-contrast: #000000;
  --element-status-caution: #ffe066;
  --element-status-caution-contrast: #000000;
  --element-status-warning: #f78b1f;
  --element-status-warning-contrast: #000000;
  --element-status-danger: #e53935;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #b71c1c;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #9fabff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.4);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.2);
  --element-data-1: #6c7be3;
  --element-data-2: #7c8cff;
  --element-data-3: #01d65a;
  --element-data-4: #7adfd3;
  --element-data-5: #6895f6;
  --element-data-6: #d0f4f6;
  --element-data-7: #805cff;
  --element-data-8: #bfb0f3;
  --element-data-9: #b95cc9;
  --element-data-10: #ff2640;
  --element-data-11: #e5659b;
  --element-data-12: #ff98c4;
  --element-data-13: #97c7ff;
  --element-data-14: #ff9000;
  --element-data-15: #ffd732;
  --element-data-16: #aaaa96;
  --element-data-17: #979797;
  --element-data-green-1: #80ebac;
  --element-data-green-2: #01d65a;
  --element-data-green-3: #00a327;
  --element-data-green-4: #00890e;
  --element-data-turquoise-1: #40c8b9;
  --element-data-turquoise-2: #00b195;
  --element-data-turquoise-3: #009e84;
  --element-data-turquoise-4: #166a5e;
  --element-data-interactive-coral-1: #6ddceb;
  --element-data-interactive-coral-2: #00bcd4;
  --element-data-interactive-coral-3: #0097a7;
  --element-data-interactive-coral-4: #006978;
  --element-data-purple-1: #bfb0f3;
  --element-data-purple-2: #a68dff;
  --element-data-purple-3: #805cff;
  --element-data-purple-4: #7353e5;
  --element-data-plum-1: #ff98c4;
  --element-data-plum-2: #e5659b;
  --element-data-plum-3: #c04774;
  --element-data-plum-4: #9f1853;
  --element-data-red-1: #ffa8b3;
  --element-data-red-2: #ff6779;
  --element-data-red-3: #ff2640;
  --element-data-red-4: #d72339;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-sand-1: #e3dfd4;
  --element-data-sand-2: #c9c2b2;
  --element-data-sand-3: #aaaa96;
  --element-data-sand-4: #b2aa91;
  --element-color-passed: #6ed9a2;
  --element-color-failed: #c04774;
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff9000' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328bf66' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #84b9ff;
  --element-launchpad-app-color: #000000;
}

html,
body {
  block-size: 100%;
}

html {
  font-size: 16px;
}

@font-face {
  font-family: "simpl-element-icons";
  src: url('simpl-element-icons.woff2') format("woff2"), url('simpl-element-icons.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=element-],
[class*=" element-"] {
  display: inline-block;
  font-family: "simpl-element-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 1em;
}

.element-zoom::before {
  content: "\ed2e";
}

.element-zoom-reset::before {
  content: "\ed31";
}

.element-zoom-out::before {
  content: "\ed30";
}

.element-zoom-in::before {
  content: "\ed2f";
}

.element-zone::before {
  content: "\ed6c";
}

.element-workstation::before {
  content: "\ed2d";
}

.element-working::before {
  content: "\ed2c";
}

.element-wiringtest::before {
  content: "\ed2a";
}

.element-wiringtest-filled::before {
  content: "\ed2b";
}

.element-winter::before {
  content: "\ed29";
}

.element-winecellar::before {
  content: "\ed28";
}

.element-window-open::before {
  content: "\ed27";
}

.element-window-closed::before {
  content: "\ed26";
}

.element-wind::before {
  content: "\ed23";
}

.element-wind-power::before {
  content: "\ed25";
}

.element-wind-alt::before {
  content: "\ed24";
}

.element-wifi::before {
  content: "\ed1f";
}

.element-wifi-plugin::before {
  content: "\ed21";
}

.element-wifi-plugin-filled::before {
  content: "\ed22";
}

.element-wifi-no-internet-access::before {
  content: "\ed20";
}

.element-wheelchair::before {
  content: "\ed1e";
}

.element-welcome::before {
  content: "\ed1d";
}

.element-weekday::before {
  content: "\ed9d";
}

.element-wearable::before {
  content: "\ed1c";
}

.element-wave::before {
  content: "\ed1b";
}

.element-watt::before {
  content: "\ed1a";
}

.element-waters::before {
  content: "\ed19";
}

.element-water::before {
  content: "\ed17";
}

.element-water-filled::before {
  content: "\ed18";
}

.element-washing-machine::before {
  content: "\ed16";
}

.element-warning::before {
  content: "\ed14";
}

.element-warning-filled::before {
  content: "\ed15";
}

.element-warehouse::before {
  content: "\ed13";
}

.element-vrv-swing::before {
  content: "\ed12";
}

.element-vrv-fix::before {
  content: "\ed11";
}

.element-vrv-fan::before {
  content: "\ed0f";
}

.element-vrv-fan-filled::before {
  content: "\ed10";
}

.element-vrf::before {
  content: "\ed0d";
}

.element-vrf-filled::before {
  content: "\ed0e";
}

.element-volt::before {
  content: "\ed0c";
}

.element-voice::before {
  content: "\ed0a";
}

.element-voice-off::before {
  content: "\ed49";
}

.element-voice-off-filled::before {
  content: "\ed4a";
}

.element-voice-filled::before {
  content: "\ed0b";
}

.element-view-toggle::before {
  content: "\ed09";
}

.element-video::before {
  content: "\ed07";
}

.element-video-off::before {
  content: "\ed47";
}

.element-video-off-filled::before {
  content: "\ed48";
}

.element-video-filled::before {
  content: "\ed08";
}

.element-vav-box::before {
  content: "\ed06";
}

.element-valve::before {
  content: "\ed04";
}

.element-valve-filled::before {
  content: "\ed05";
}

.element-validation-warning::before {
  content: "\ed02";
}

.element-validation-warning-filled::before {
  content: "\ed03";
}

.element-validation-success::before {
  content: "\ed00";
}

.element-validation-success-filled::before {
  content: "\ed01";
}

.element-validation-question-mark::before {
  content: "\ecfe";
}

.element-validation-question-mark-filled::before {
  content: "\ecff";
}

.element-validation-issue::before {
  content: "\ecfc";
}

.element-validation-issue-filled::before {
  content: "\ecfd";
}

.element-validation-information::before {
  content: "\ecfa";
}

.element-validation-information-filled::before {
  content: "\ecfb";
}

.element-validation-critical::before {
  content: "\ecf8";
}

.element-validation-critical-filled::before {
  content: "\ecf9";
}

.element-validation-caution::before {
  content: "\ecf6";
}

.element-validation-caution-filled::before {
  content: "\ecf7";
}

.element-utilities::before {
  content: "\ed9c";
}

.element-users::before {
  content: "\ecf5";
}

.element-user::before {
  content: "\ecf2";
}

.element-user-group::before {
  content: "\ecf3";
}

.element-user-group-filled::before {
  content: "\ecf4";
}

.element-user-group-alt::before {
  content: "\ed6a";
}

.element-user-group-alt-filled::before {
  content: "\ed6b";
}

.element-usb::before {
  content: "\ecf1";
}

.element-upload::before {
  content: "\ecf0";
}

.element-up-4::before {
  content: "\ecef";
}

.element-up-3::before {
  content: "\ecee";
}

.element-up-2::before {
  content: "\eced";
}

.element-up-1::before {
  content: "\eceb";
}

.element-up-1-filled::before {
  content: "\ecec";
}

.element-unpinned::before {
  content: "\ece9";
}

.element-unpinned-filled::before {
  content: "\ecea";
}

.element-unoccupied::before {
  content: "\ece6";
}

.element-unoccupied-filled::before {
  content: "\ece8";
}

.element-unoccupied-alt::before {
  content: "\ece7";
}

.element-unoccupied-alt-2::before {
  content: "\ed87";
}

.element-unoccupied-alt-2-filled::before {
  content: "\ed88";
}

.element-unlock::before {
  content: "\ece5";
}

.element-undo::before {
  content: "\ece4";
}

.element-ultrasound-scanner::before {
  content: "\ece3";
}

.element-type::before {
  content: "\ece2";
}

.element-tv::before {
  content: "\ece1";
}

.element-trigger-value::before {
  content: "\ece0";
}

.element-triangle-filled::before {
  content: "\ecdf";
}

.element-trend::before {
  content: "\ecdd";
}

.element-trend-filled::before {
  content: "\ecde";
}

.element-transient::before {
  content: "\ecdc";
}

.element-transformer::before {
  content: "\ecdb";
}

.element-train::before {
  content: "\ed97";
}

.element-touchpanel::before {
  content: "\ecda";
}

.element-touch-id::before {
  content: "\ecd9";
}

.element-topology-stub::before {
  content: "\ed69";
}

.element-topology-line::before {
  content: "\ed68";
}

.element-timer::before {
  content: "\ecd8";
}

.element-thumbs-up::before {
  content: "\ed50";
}

.element-thumbs-up-filled::before {
  content: "\ed51";
}

.element-thumbs-down::before {
  content: "\ed4e";
}

.element-thumbs-down-filled::before {
  content: "\ed4f";
}

.element-thumbnails::before {
  content: "\ecd7";
}

.element-thread-devices::before {
  content: "\ecd5";
}

.element-thread-devices-filled::before {
  content: "\ecd6";
}

.element-theme-auto::before {
  content: "\ed96";
}

.element-text-to-speech::before {
  content: "\ecd3";
}

.element-text-to-speech-mute::before {
  content: "\ecd4";
}

.element-testplan::before {
  content: "\ecd2";
}

.element-terminal::before {
  content: "\ecd1";
}

.element-template::before {
  content: "\ecd0";
}

.element-temperature::before {
  content: "\eccf";
}

.element-technical-operator::before {
  content: "\ecce";
}

.element-task-due::before {
  content: "\eccd";
}

.element-tapchanger::before {
  content: "\ed44";
}

.element-tag::before {
  content: "\eccb";
}

.element-tag-filled::before {
  content: "\eccc";
}

.element-tablet::before {
  content: "\ecca";
}

.element-synchronize::before {
  content: "\ecc9";
}

.element-switchgear::before {
  content: "\ecc8";
}

.element-sustainability::before {
  content: "\ecc7";
}

.element-suspend-user::before {
  content: "\ecc6";
}

.element-surgical-mask::before {
  content: "\ecc5";
}

.element-support::before {
  content: "\ecc4";
}

.element-sun::before {
  content: "\ecc3";
}

.element-summer::before {
  content: "\ecc2";
}

.element-sum::before {
  content: "\ecc1";
}

.element-substation::before {
  content: "\ecc0";
}

.element-sub-area::before {
  content: "\ecbf";
}

.element-storm::before {
  content: "\ecbe";
}

.element-stop::before {
  content: "\ecbc";
}

.element-stop-filled::before {
  content: "\ecbd";
}

.element-stethoscope::before {
  content: "\ecbb";
}

.element-steam::before {
  content: "\ecba";
}

.element-status::before {
  content: "\ed73";
}

.element-status-manual::before {
  content: "\ed75";
}

.element-status-external::before {
  content: "\ed74";
}

.element-state-tick::before {
  content: "\ecb9";
}

.element-state-question-mark::before {
  content: "\ecb8";
}

.element-state-progress::before {
  content: "\ecb7";
}

.element-state-plus::before {
  content: "\ecb6";
}

.element-state-pause::before {
  content: "\ecb5";
}

.element-state-minus::before {
  content: "\ecb4";
}

.element-state-info::before {
  content: "\ecb3";
}

.element-state-face-very-unhappy::before {
  content: "\ecb2";
}

.element-state-face-very-happy::before {
  content: "\ecb1";
}

.element-state-face-unhappy::before {
  content: "\ecb0";
}

.element-state-face-neutral::before {
  content: "\ecaf";
}

.element-state-face-happy::before {
  content: "\ecae";
}

.element-state-face-confused::before {
  content: "\ecad";
}

.element-state-exclamation-mark::before {
  content: "\ecac";
}

.element-state-close::before {
  content: "\ecab";
}

.element-star-circuit::before {
  content: "\ecaa";
}

.element-standby::before {
  content: "\eca9";
}

.element-square-filled::before {
  content: "\eca8";
}

.element-square-45-filled::before {
  content: "\eca7";
}

.element-special-object::before {
  content: "\eca6";
}

.element-spacebar::before {
  content: "\ed4d";
}

.element-sound-on::before {
  content: "\eca4";
}

.element-sound-on-filled::before {
  content: "\eca5";
}

.element-sound-off::before {
  content: "\eca2";
}

.element-sound-off-filled::before {
  content: "\eca3";
}

.element-sound-mute::before {
  content: "\eca0";
}

.element-sound-mute-filled::before {
  content: "\eca1";
}

.element-sort-up::before {
  content: "\ec9f";
}

.element-sort-down::before {
  content: "\ec9e";
}

.element-solar-power::before {
  content: "\ec9d";
}

.element-socket-eu::before {
  content: "\ec9b";
}

.element-socket-eu-filled::before {
  content: "\ec9c";
}

.element-socket-cn::before {
  content: "\ec99";
}

.element-socket-cn-filled::before {
  content: "\ec9a";
}

.element-socket-ch::before {
  content: "\ec97";
}

.element-socket-ch-filled::before {
  content: "\ec98";
}

.element-smoking::before {
  content: "\ec96";
}

.element-smartphone::before {
  content: "\ec95";
}

.element-smart-home::before {
  content: "\ec93";
}

.element-smart-home-alt::before {
  content: "\ec94";
}

.element-sleep::before {
  content: "\ec92";
}

.element-slat-blind-angle::before {
  content: "\ed72";
}

.element-silent::before {
  content: "\ec91";
}

.element-siemens-code::before {
  content: "\ec8f";
}

.element-siemens-code-filled::before {
  content: "\ec90";
}

.element-shutter::before {
  content: "\ed57";
}

.element-shutter-filled::before {
  content: "\ed58";
}

.element-shuffle::before {
  content: "\ec8e";
}

.element-show::before {
  content: "\ec8c";
}

.element-show-filled::before {
  content: "\ec8d";
}

.element-short-circuit::before {
  content: "\ec8b";
}

.element-shopping-cart::before {
  content: "\ec89";
}

.element-shopping-cart-filled::before {
  content: "\ec8a";
}

.element-shield-filled::before {
  content: "\ec88";
}

.element-share::before {
  content: "\ec85";
}

.element-share-filled::before {
  content: "\ec87";
}

.element-share-alt::before {
  content: "\ec86";
}

.element-settings::before {
  content: "\ec82";
}

.element-settings-security::before {
  content: "\ec84";
}

.element-settings-filled::before {
  content: "\ec83";
}

.element-set::before {
  content: "\ec80";
}

.element-set-filled::before {
  content: "\ec81";
}

.element-service::before {
  content: "\ec7f";
}

.element-send::before {
  content: "\ed4b";
}

.element-send-to::before {
  content: "\ec7d";
}

.element-send-to-filled::before {
  content: "\ec7e";
}

.element-send-filled::before {
  content: "\ed4c";
}

.element-self-test::before {
  content: "\ec7c";
}

.element-self-learning::before {
  content: "\ec7b";
}

.element-security::before {
  content: "\ec77";
}

.element-security-issue::before {
  content: "\ed45";
}

.element-security-issue-filled::before {
  content: "\ed46";
}

.element-security-filled::before {
  content: "\ec7a";
}

.element-security-cam::before {
  content: "\ec78";
}

.element-security-cam-filled::before {
  content: "\ec79";
}

.element-section::before {
  content: "\ec76";
}

.element-search::before {
  content: "\ec75";
}

.element-scope::before {
  content: "\ec74";
}

.element-scheduler::before {
  content: "\ec6c";
}

.element-scheduler-thermostat::before {
  content: "\ec72";
}

.element-scheduler-thermostat-filled::before {
  content: "\ec73";
}

.element-scheduler-filled::before {
  content: "\ec71";
}

.element-scheduler-fan::before {
  content: "\ec6f";
}

.element-scheduler-fan-filled::before {
  content: "\ec70";
}

.element-scheduler-dhw::before {
  content: "\ec6d";
}

.element-scheduler-dhw-filled::before {
  content: "\ec6e";
}

.element-scenes::before {
  content: "\ec6b";
}

.element-scan-qr-code::before {
  content: "\ec6a";
}

.element-scalability::before {
  content: "\ed67";
}

.element-saving::before {
  content: "\ed39";
}

.element-save::before {
  content: "\ec69";
}

.element-ruler::before {
  content: "\eda0";
}

.element-row-duplicate::before {
  content: "\ec68";
}

.element-row-delete::before {
  content: "\ec67";
}

.element-row-add::before {
  content: "\ec66";
}

.element-router::before {
  content: "\ec65";
}

.element-room::before {
  content: "\ec5e";
}

.element-room-unit::before {
  content: "\ec64";
}

.element-room-temperature::before {
  content: "\ec62";
}

.element-room-temperature-filled::before {
  content: "\ec63";
}

.element-room-segment::before {
  content: "\ec61";
}

.element-room-3d::before {
  content: "\ec5f";
}

.element-room-3d-filled::before {
  content: "\ec60";
}

.element-rooflight-open::before {
  content: "\ec5d";
}

.element-rooflight-closed::before {
  content: "\ec5c";
}

.element-rocket::before {
  content: "\ed65";
}

.element-rocket-filled::before {
  content: "\ed66";
}

.element-right-4::before {
  content: "\ec5b";
}

.element-right-3::before {
  content: "\ec5a";
}

.element-right-2::before {
  content: "\ec59";
}

.element-right-1::before {
  content: "\ec57";
}

.element-right-1-filled::before {
  content: "\ec58";
}

.element-return::before {
  content: "\ec56";
}

.element-restore::before {
  content: "\ec55";
}

.element-respiratory::before {
  content: "\ec54";
}

.element-report::before {
  content: "\ec51";
}

.element-report-filled::before {
  content: "\ec53";
}

.element-report-alt::before {
  content: "\ec52";
}

.element-reply::before {
  content: "\ec4f";
}

.element-reply-filled::before {
  content: "\ec50";
}

.element-repeater::before {
  content: "\ec4e";
}

.element-repeat::before {
  content: "\ec4d";
}

.element-relationship::before {
  content: "\ec4c";
}

.element-registration::before {
  content: "\ec4b";
}

.element-refresh::before {
  content: "\ec4a";
}

.element-redo::before {
  content: "\ec49";
}

.element-recurring::before {
  content: "\ed9b";
}

.element-recording::before {
  content: "\ed43";
}

.element-record::before {
  content: "\ec47";
}

.element-record-filled::before {
  content: "\ec48";
}

.element-reception::before {
  content: "\ec46";
}

.element-rain::before {
  content: "\ec45";
}

.element-radioactive::before {
  content: "\ec44";
}

.element-radio-checked::before {
  content: "\ec43";
}

.element-radiator::before {
  content: "\ec42";
}

.element-queue::before {
  content: "\ec41";
}

.element-quality::before {
  content: "\ed64";
}

.element-qr-code::before {
  content: "\ec40";
}

.element-protection::before {
  content: "\ec3f";
}

.element-prolongation::before {
  content: "\ec3d";
}

.element-prolongation-filled::before {
  content: "\ec3e";
}

.element-project::before {
  content: "\ec3b";
}

.element-project-filled::before {
  content: "\ec3c";
}

.element-programmode::before {
  content: "\ec3a";
}

.element-production-line::before {
  content: "\ed95";
}

.element-producer::before {
  content: "\ec39";
}

.element-process-value::before {
  content: "\ec38";
}

.element-print::before {
  content: "\ec36";
}

.element-print-filled::before {
  content: "\ec37";
}

.element-prime::before {
  content: "\ec34";
}

.element-prime-filled::before {
  content: "\ec35";
}

.element-presentation::before {
  content: "\ec33";
}

.element-precomfort::before {
  content: "\ec32";
}

.element-power::before {
  content: "\ec2f";
}

.element-power-pole::before {
  content: "\ec31";
}

.element-power-filled::before {
  content: "\ec30";
}

.element-positive-pressure::before {
  content: "\ec2e";
}

.element-portrait-to-landscape::before {
  content: "\ec2d";
}

.element-portfolio::before {
  content: "\ec2b";
}

.element-portfolio-kpi::before {
  content: "\ec2c";
}

.element-pool::before {
  content: "\ec2a";
}

.element-pollution::before {
  content: "\ec29";
}

.element-plus::before {
  content: "\ec28";
}

.element-plug::before {
  content: "\ec26";
}

.element-plug-filled::before {
  content: "\ec27";
}

.element-play::before {
  content: "\ec24";
}

.element-play-filled::before {
  content: "\ec25";
}

.element-plant::before {
  content: "\ec22";
}

.element-plant-filled::before {
  content: "\ec23";
}

.element-pinch::before {
  content: "\ec21";
}

.element-pin::before {
  content: "\ec1f";
}

.element-pin-filled::before {
  content: "\ec20";
}

.element-physical-output::before {
  content: "\ec1e";
}

.element-physical-input::before {
  content: "\ec1d";
}

.element-phone::before {
  content: "\ec1b";
}

.element-phone-filled::before {
  content: "\ec1c";
}

.element-phasor-management-unit::before {
  content: "\ed42";
}

.element-pause::before {
  content: "\ec19";
}

.element-pause-filled::before {
  content: "\ec1a";
}

.element-paste::before {
  content: "\ec17";
}

.element-paste-into::before {
  content: "\ec18";
}

.element-party::before {
  content: "\ec16";
}

.element-partlock::before {
  content: "\ec15";
}

.element-parameter::before {
  content: "\ec13";
}

.element-parameter-filled::before {
  content: "\ec14";
}

.element-palette::before {
  content: "\ec11";
}

.element-palette-filled::before {
  content: "\ec12";
}

.element-overhead-line::before {
  content: "\ec10";
}

.element-oven-on::before {
  content: "\ec0f";
}

.element-oven-off::before {
  content: "\ec0e";
}

.element-outside-temperature::before {
  content: "\ec0c";
}

.element-outside-temperature-filled::before {
  content: "\ec0d";
}

.element-outside-temperature-alt::before {
  content: "\ed86";
}

.element-outside-air::before {
  content: "\ec0b";
}

.element-outdoor-air-quality::before {
  content: "\ed85";
}

.element-out-of-service::before {
  content: "\ec0a";
}

.element-ot-companion::before {
  content: "\ed9f";
}

.element-options::before {
  content: "\ec08";
}

.element-options-vertical::before {
  content: "\ec09";
}

.element-optimum-stop::before {
  content: "\ed5e";
}

.element-optimum-start::before {
  content: "\ed5d";
}

.element-operatingmode::before {
  content: "\ec06";
}

.element-operatingmode-alt::before {
  content: "\ec07";
}

.element-open-source::before {
  content: "\ec04";
}

.element-open-source-filled::before {
  content: "\ec05";
}

.element-open-circuit::before {
  content: "\ec03";
}

.element-online-configuration::before {
  content: "\ec02";
}

.element-on::before {
  content: "\ec00";
}

.element-on-filled::before {
  content: "\ec01";
}

.element-ok::before {
  content: "\ebfe";
}

.element-ok-filled::before {
  content: "\ebff";
}

.element-office::before {
  content: "\ebfd";
}

.element-off::before {
  content: "\ebfb";
}

.element-off-filled::before {
  content: "\ebfc";
}

.element-octagon-filled::before {
  content: "\ebfa";
}

.element-occupied::before {
  content: "\ebf8";
}

.element-occupied-filled::before {
  content: "\ebf9";
}

.element-object-path::before {
  content: "\ebf7";
}

.element-notification::before {
  content: "\ebf4";
}

.element-notification-unread::before {
  content: "\ed94";
}

.element-notification-off::before {
  content: "\ebf6";
}

.element-notification-filled::before {
  content: "\ebf5";
}

.element-notes-edit::before {
  content: "\ebf3";
}

.element-not-engineered::before {
  content: "\ebf2";
}

.element-not-checked::before {
  content: "\ebf1";
}

.element-no-access::before {
  content: "\ebf0";
}

.element-nfc::before {
  content: "\ebee";
}

.element-nfc-off::before {
  content: "\ebef";
}

.element-network::before {
  content: "\ebed";
}

.element-network-port::before {
  content: "\ed93";
}

.element-network-backbone::before {
  content: "\ed84";
}

.element-negative-pressure::before {
  content: "\ebec";
}

.element-multistate::before {
  content: "\ebeb";
}

.element-multimedia::before {
  content: "\ebe9";
}

.element-multimedia-filled::before {
  content: "\ebea";
}

.element-move::before {
  content: "\ebe8";
}

.element-motor::before {
  content: "\ebe7";
}

.element-money::before {
  content: "\ed37";
}

.element-money-alt::before {
  content: "\ed38";
}

.element-mobile-commissioning::before {
  content: "\ed9a";
}

.element-minus::before {
  content: "\ebe6";
}

.element-microwave-on::before {
  content: "\ebe5";
}

.element-microwave-off::before {
  content: "\ebe4";
}

.element-message::before {
  content: "\ebe2";
}

.element-message-filled::before {
  content: "\ebe3";
}

.element-merge::before {
  content: "\ebe1";
}

.element-menu::before {
  content: "\ebe0";
}

.element-megaphone::before {
  content: "\ebde";
}

.element-megaphone-filled::before {
  content: "\ebdf";
}

.element-meeting::before {
  content: "\ebdd";
}

.element-medical-gas::before {
  content: "\ebdc";
}

.element-media::before {
  content: "\ebda";
}

.element-media-filled::before {
  content: "\ebdb";
}

.element-mass-notification::before {
  content: "\ebd9";
}

.element-mark::before {
  content: "\ebd7";
}

.element-mark-filled::before {
  content: "\ebd8";
}

.element-map-location::before {
  content: "\ebd5";
}

.element-map-location-filled::before {
  content: "\ebd6";
}

.element-map-arrow::before {
  content: "\ebd2";
}

.element-map-arrow-not-available::before {
  content: "\ebd4";
}

.element-map-arrow-filled::before {
  content: "\ebd3";
}

.element-manual::before {
  content: "\ebcc";
}

.element-manual-fire-sensor::before {
  content: "\ebd1";
}

.element-manual-filled::before {
  content: "\ebd0";
}

.element-manual-alt-3::before {
  content: "\ebcf";
}

.element-manual-alt-2::before {
  content: "\ebce";
}

.element-manual-alt-1::before {
  content: "\ebcd";
}

.element-manager::before {
  content: "\ebcb";
}

.element-make-room::before {
  content: "\ebca";
}

.element-maintenance::before {
  content: "\ebc8";
}

.element-maintenance-filled::before {
  content: "\ebc9";
}

.element-mail::before {
  content: "\ebc6";
}

.element-mail-filled::before {
  content: "\ebc7";
}

.element-logout::before {
  content: "\ebc5";
}

.element-login::before {
  content: "\ebc4";
}

.element-log::before {
  content: "\ebc2";
}

.element-log-filled::before {
  content: "\ebc3";
}

.element-lock::before {
  content: "\ebc0";
}

.element-lock-filled::before {
  content: "\ebc1";
}

.element-location::before {
  content: "\ebbe";
}

.element-location-filled::before {
  content: "\ebbf";
}

.element-locate::before {
  content: "\ebbd";
}

.element-lobby::before {
  content: "\ebbc";
}

.element-load-disconnector::before {
  content: "\ed41";
}

.element-list::before {
  content: "\ebbb";
}

.element-link::before {
  content: "\ebb9";
}

.element-link-broken::before {
  content: "\ebba";
}

.element-light::before {
  content: "\eba1";
}

.element-light-wall::before {
  content: "\ebb7";
}

.element-light-wall-filled::before {
  content: "\ebb8";
}

.element-light-spot::before {
  content: "\ebb5";
}

.element-light-spot-filled::before {
  content: "\ebb6";
}

.element-light-rgb::before {
  content: "\ebb1";
}

.element-light-rgb-filled::before {
  content: "\ebb4";
}

.element-light-rgb-bulb::before {
  content: "\ebb2";
}

.element-light-rgb-bulb-filled::before {
  content: "\ebb3";
}

.element-light-on::before {
  content: "\ebaf";
}

.element-light-on-filled::before {
  content: "\ebb0";
}

.element-light-floor::before {
  content: "\ebad";
}

.element-light-floor-filled::before {
  content: "\ebae";
}

.element-light-flash::before {
  content: "\ed92";
}

.element-light-filled::before {
  content: "\ebac";
}

.element-light-down::before {
  content: "\ebaa";
}

.element-light-down-filled::before {
  content: "\ebab";
}

.element-light-desk::before {
  content: "\eba8";
}

.element-light-desk-filled::before {
  content: "\eba9";
}

.element-light-color-temperature::before {
  content: "\ed55";
}

.element-light-color-temperature-filled::before {
  content: "\ed56";
}

.element-light-ceiling::before {
  content: "\eba4";
}

.element-light-ceiling-filled::before {
  content: "\eba7";
}

.element-light-ceiling-alt::before {
  content: "\eba5";
}

.element-light-ceiling-alt-filled::before {
  content: "\eba6";
}

.element-light-auto::before {
  content: "\eba2";
}

.element-light-auto-filled::before {
  content: "\eba3";
}

.element-library::before {
  content: "\eba0";
}

.element-left-4::before {
  content: "\eb9f";
}

.element-left-3::before {
  content: "\eb9e";
}

.element-left-2::before {
  content: "\eb9d";
}

.element-left-1::before {
  content: "\eb9b";
}

.element-left-1-filled::before {
  content: "\eb9c";
}

.element-layout-vertical::before {
  content: "\eb99";
}

.element-layout-vertical-filled::before {
  content: "\eb9a";
}

.element-layout-statusbar-small::before {
  content: "\eb98";
}

.element-layout-statusbar-large::before {
  content: "\eb97";
}

.element-layout-send-to-secondary::before {
  content: "\eb95";
}

.element-layout-send-to-secondary-filled::before {
  content: "\eb96";
}

.element-layout-send-to-primary::before {
  content: "\eb93";
}

.element-layout-send-to-primary-filled::before {
  content: "\eb94";
}

.element-layout-send-to-manual::before {
  content: "\eb92";
}

.element-layout-pane-5::before {
  content: "\eb91";
}

.element-layout-pane-4::before {
  content: "\eb8f";
}

.element-layout-pane-4-bottom::before {
  content: "\eb90";
}

.element-layout-pane-3::before {
  content: "\eb8d";
}

.element-layout-pane-3-alt::before {
  content: "\eb8e";
}

.element-layout-pane-2::before {
  content: "\eb8b";
}

.element-layout-pane-2-right::before {
  content: "\eb8c";
}

.element-layout-pane-1::before {
  content: "\eb8a";
}

.element-layout-horizontal::before {
  content: "\eb88";
}

.element-layout-horizontal-filled::before {
  content: "\eb89";
}

.element-layout-fullscreen::before {
  content: "\eb86";
}

.element-layout-fullscreen-filled::before {
  content: "\eb87";
}

.element-laptop::before {
  content: "\eb85";
}

.element-language::before {
  content: "\eb83";
}

.element-language-filled::before {
  content: "\eb84";
}

.element-landscape-to-portrait::before {
  content: "\eb82";
}

.element-kitchen::before {
  content: "\eb81";
}

.element-keyboard::before {
  content: "\eb7f";
}

.element-keyboard-filled::before {
  content: "\eb80";
}

.element-key::before {
  content: "\eb7b";
}

.element-key-filled::before {
  content: "\eb7e";
}

.element-key-alt::before {
  content: "\eb7c";
}

.element-key-alt-filled::before {
  content: "\eb7d";
}

.element-jump-to-list-item::before {
  content: "\eb7a";
}

.element-item::before {
  content: "\eb79";
}

.element-issue::before {
  content: "\eb77";
}

.element-issue-filled::before {
  content: "\eb78";
}

.element-intrusion-sensor::before {
  content: "\eb76";
}

.element-interpolation-step::before {
  content: "\eb75";
}

.element-interpolation-smooth::before {
  content: "\eb74";
}

.element-interpolation-linear::before {
  content: "\eb73";
}

.element-installer::before {
  content: "\eb72";
}

.element-inputfield::before {
  content: "\eb71";
}

.element-info::before {
  content: "\eb6f";
}

.element-info-filled::before {
  content: "\eb70";
}

.element-industrial-robot::before {
  content: "\ed91";
}

.element-indoor-air-quality::before {
  content: "\eb6e";
}

.element-in-use::before {
  content: "\eb6d";
}

.element-import::before {
  content: "\eb6c";
}

.element-image::before {
  content: "\eb6a";
}

.element-image-filled::before {
  content: "\eb6b";
}

.element-humidity::before {
  content: "\eb68";
}

.element-humidity-outdoor::before {
  content: "\ed83";
}

.element-humidity-indoor::before {
  content: "\ed82";
}

.element-humidity-filled::before {
  content: "\eb69";
}

.element-humidification::before {
  content: "\eb67";
}

.element-house-filled::before {
  content: "\eb66";
}

.element-hospital-bed::before {
  content: "\eb65";
}

.element-horn::before {
  content: "\eb61";
}

.element-horn-off::before {
  content: "\eb63";
}

.element-horn-off-filled::before {
  content: "\eb64";
}

.element-horn-filled::before {
  content: "\eb62";
}

.element-home::before {
  content: "\eb5f";
}

.element-home-filled::before {
  content: "\eb60";
}

.element-holiday::before {
  content: "\eb5e";
}

.element-hide::before {
  content: "\eb5c";
}

.element-hide-filled::before {
  content: "\eb5d";
}

.element-help::before {
  content: "\eb59";
}

.element-help-filled::before {
  content: "\eb5b";
}

.element-help-buoy::before {
  content: "\eb5a";
}

.element-height::before {
  content: "\eb58";
}

.element-heating-state::before {
  content: "\eb57";
}

.element-heating-reduced::before {
  content: "\eb56";
}

.element-heat::before {
  content: "\eb53";
}

.element-heat-pump::before {
  content: "\ed90";
}

.element-heat-map::before {
  content: "\eb55";
}

.element-heat-cool-changeover::before {
  content: "\eb54";
}

.element-heart-rate-monitor::before {
  content: "\eb52";
}

.element-gym::before {
  content: "\eb51";
}

.element-group-member::before {
  content: "\eb4f";
}

.element-group-member-filled::before {
  content: "\eb50";
}

.element-group-lead::before {
  content: "\eb4d";
}

.element-group-lead-filled::before {
  content: "\eb4e";
}

.element-ground-connection::before {
  content: "\eb4c";
}

.element-greenleaf::before {
  content: "\eb4a";
}

.element-greenleaf-poor::before {
  content: "\ed53";
}

.element-greenleaf-poor-filled::before {
  content: "\ed54";
}

.element-greenleaf-filled::before {
  content: "\eb4b";
}

.element-go-to::before {
  content: "\eb49";
}

.element-global::before {
  content: "\eb47";
}

.element-global-filled::before {
  content: "\eb48";
}

.element-geofence::before {
  content: "\eb45";
}

.element-geofence-filled::before {
  content: "\eb46";
}

.element-generator::before {
  content: "\ed40";
}

.element-generate::before {
  content: "\ed36";
}

.element-gas-bottles::before {
  content: "\eb44";
}

.element-garden::before {
  content: "\eb43";
}

.element-garage-open::before {
  content: "\eb42";
}

.element-garage-closed::before {
  content: "\eb41";
}

.element-fuse::before {
  content: "\eb40";
}

.element-function::before {
  content: "\eb3f";
}

.element-fume-on::before {
  content: "\eb3e";
}

.element-fume-off::before {
  content: "\eb3d";
}

.element-fridge::before {
  content: "\eb3c";
}

.element-fountain-on::before {
  content: "\eb3b";
}

.element-fountain-off::before {
  content: "\eb3a";
}

.element-forward::before {
  content: "\eb38";
}

.element-forward-filled::before {
  content: "\eb39";
}

.element-folder::before {
  content: "\eb34";
}

.element-folder-open::before {
  content: "\eb36";
}

.element-folder-open-filled::before {
  content: "\eb37";
}

.element-folder-filled::before {
  content: "\eb35";
}

.element-floor::before {
  content: "\eb30";
}

.element-floor-heating::before {
  content: "\eb32";
}

.element-floor-heating-alt::before {
  content: "\eb33";
}

.element-floor-filled::before {
  content: "\eb31";
}

.element-flame-detector::before {
  content: "\ed5c";
}

.element-fireplace::before {
  content: "\eb2f";
}

.element-fire::before {
  content: "\eb29";
}

.element-fire-sensor::before {
  content: "\eb2e";
}

.element-fire-panel::before {
  content: "\eb2d";
}

.element-fire-panel-alt::before {
  content: "\ed63";
}

.element-fire-manager::before {
  content: "\eb2b";
}

.element-fire-manager-filled::before {
  content: "\eb2c";
}

.element-fire-filled::before {
  content: "\eb2a";
}

.element-filter::before {
  content: "\eb27";
}

.element-filter-filled::before {
  content: "\eb28";
}

.element-feeder::before {
  content: "\eb26";
}

.element-favorites::before {
  content: "\eb24";
}

.element-favorites-filled::before {
  content: "\eb25";
}

.element-fault::before {
  content: "\eb21";
}

.element-fault-sensor-indicator::before {
  content: "\eb23";
}

.element-fault-collector-gateway::before {
  content: "\eb22";
}

.element-fast-rewind::before {
  content: "\eb1f";
}

.element-fast-rewind-filled::before {
  content: "\eb20";
}

.element-fast-forward::before {
  content: "\eb1d";
}

.element-fast-forward-filled::before {
  content: "\eb1e";
}

.element-fancoil::before {
  content: "\eb1c";
}

.element-fan::before {
  content: "\eb14";
}

.element-fan-filled::before {
  content: "\eb1b";
}

.element-fan-boost::before {
  content: "\eb17";
}

.element-fan-boost-filled::before {
  content: "\eb1a";
}

.element-fan-boost-alt::before {
  content: "\eb18";
}

.element-fan-boost-alt-filled::before {
  content: "\eb19";
}

.element-fan-alt::before {
  content: "\eb15";
}

.element-fan-alt-filled::before {
  content: "\eb16";
}

.element-factory::before {
  content: "\ed8f";
}

.element-factory-reset::before {
  content: "\eb13";
}

.element-faceid::before {
  content: "\eb12";
}

.element-face-very-unhappy::before {
  content: "\eb10";
}

.element-face-very-unhappy-filled::before {
  content: "\eb11";
}

.element-face-very-happy::before {
  content: "\eb0e";
}

.element-face-very-happy-filled::before {
  content: "\eb0f";
}

.element-face-unhappy::before {
  content: "\eb0c";
}

.element-face-unhappy-filled::before {
  content: "\eb0d";
}

.element-face-neutral::before {
  content: "\eb0a";
}

.element-face-neutral-filled::before {
  content: "\eb0b";
}

.element-face-happy::before {
  content: "\eb08";
}

.element-face-happy-filled::before {
  content: "\eb09";
}

.element-face-confused::before {
  content: "\eb06";
}

.element-face-confused-filled::before {
  content: "\eb07";
}

.element-eye-protection::before {
  content: "\eb05";
}

.element-extinguishing::before {
  content: "\eb04";
}

.element-extension-board::before {
  content: "\ed62";
}

.element-export::before {
  content: "\eb03";
}

.element-explosive-atmosphere::before {
  content: "\eb02";
}

.element-expand::before {
  content: "\eb00";
}

.element-expand-all::before {
  content: "\eb01";
}

.element-exhibition::before {
  content: "\eaff";
}

.element-exclamation-mark::before {
  content: "\eafe";
}

.element-escape-right::before {
  content: "\eafd";
}

.element-escape-left::before {
  content: "\eafc";
}

.element-escalator::before {
  content: "\eafb";
}

.element-engineered::before {
  content: "\eaf9";
}

.element-engineered-filled::before {
  content: "\eafa";
}

.element-engineer::before {
  content: "\eaf8";
}

.element-energy-manager::before {
  content: "\eaf6";
}

.element-energy-manager-filled::before {
  content: "\eaf7";
}

.element-end::before {
  content: "\eaf4";
}

.element-end-filled::before {
  content: "\eaf5";
}

.element-enable::before {
  content: "\eaf2";
}

.element-enable-filled::before {
  content: "\eaf3";
}

.element-emergency-phone::before {
  content: "\eaf1";
}

.element-elevator::before {
  content: "\eaf0";
}

.element-electrolysis::before {
  content: "\ed8e";
}

.element-electrification-x::before {
  content: "\eaef";
}

.element-electric-truck::before {
  content: "\eaed";
}

.element-electric-truck-off::before {
  content: "\eaee";
}

.element-electric-car::before {
  content: "\eaeb";
}

.element-electric-car-off::before {
  content: "\eaec";
}

.element-eject::before {
  content: "\eae9";
}

.element-eject-filled::before {
  content: "\eaea";
}

.element-edit::before {
  content: "\eae6";
}

.element-edit-filled::before {
  content: "\eae8";
}

.element-edit-bulk::before {
  content: "\eae7";
}

.element-economy::before {
  content: "\eae5";
}

.element-ecodomus::before {
  content: "\eae4";
}

.element-eco::before {
  content: "\eae3";
}

.element-dust::before {
  content: "\eae2";
}

.element-download::before {
  content: "\eae1";
}

.element-down-4::before {
  content: "\eae0";
}

.element-down-3::before {
  content: "\eadf";
}

.element-down-2::before {
  content: "\eade";
}

.element-down-1::before {
  content: "\eadc";
}

.element-down-1-filled::before {
  content: "\eadd";
}

.element-double-up::before {
  content: "\eadb";
}

.element-double-right::before {
  content: "\eada";
}

.element-double-left::before {
  content: "\ead9";
}

.element-double-down::before {
  content: "\ead8";
}

.element-door::before {
  content: "\ead4";
}

.element-door-locked::before {
  content: "\ead7";
}

.element-door-filled::before {
  content: "\ead6";
}

.element-door-closed::before {
  content: "\ead5";
}

.element-domelight-open::before {
  content: "\ead3";
}

.element-domelight-closed::before {
  content: "\ead2";
}

.element-document::before {
  content: "\eace";
}

.element-document-zip::before {
  content: "\ead1";
}

.element-document-pdf::before {
  content: "\ead0";
}

.element-document-filled::before {
  content: "\eacf";
}

.element-do-not-disturb::before {
  content: "\eacd";
}

.element-distance::before {
  content: "\eacc";
}

.element-dishwasher::before {
  content: "\eacb";
}

.element-discovered::before {
  content: "\eac9";
}

.element-discovered-filled::before {
  content: "\eaca";
}

.element-disconnector::before {
  content: "\ed3f";
}

.element-disconnected::before {
  content: "\eac7";
}

.element-disconnected-filled::before {
  content: "\eac8";
}

.element-disable::before {
  content: "\eac5";
}

.element-disable-filled::before {
  content: "\eac6";
}

.element-dinner::before {
  content: "\eac4";
}

.element-dim-up::before {
  content: "\eac2";
}

.element-dim-up-filled::before {
  content: "\eac3";
}

.element-dim-down::before {
  content: "\eac0";
}

.element-dim-down-filled::before {
  content: "\eac1";
}

.element-diagnostic::before {
  content: "\eabe";
}

.element-diagnostic-filled::before {
  content: "\eabf";
}

.element-dhw::before {
  content: "\eabb";
}

.element-dhw-filled::before {
  content: "\eabd";
}

.element-dhw-alt::before {
  content: "\eabc";
}

.element-device::before {
  content: "\eab9";
}

.element-device-alt::before {
  content: "\eaba";
}

.element-detector-tester::before {
  content: "\eab3";
}

.element-detector-tester-off::before {
  content: "\eab7";
}

.element-detector-tester-off-filled::before {
  content: "\eab8";
}

.element-detector-tester-filled::before {
  content: "\eab6";
}

.element-detector-tester-alt::before {
  content: "\eab4";
}

.element-detector-tester-alt-filled::before {
  content: "\eab5";
}

.element-detector-sound-plate::before {
  content: "\ed5b";
}

.element-delta-circuit::before {
  content: "\eab2";
}

.element-delete::before {
  content: "\eab0";
}

.element-delete-filled::before {
  content: "\eab1";
}

.element-delay::before {
  content: "\eaaf";
}

.element-dehumidification::before {
  content: "\eaae";
}

.element-defrost::before {
  content: "\eaad";
}

.element-decarbonization::before {
  content: "\eaac";
}

.element-date::before {
  content: "\ed98";
}

.element-date-range::before {
  content: "\ed99";
}

.element-database::before {
  content: "\eaab";
}

.element-data-quality::before {
  content: "\eaaa";
}

.element-dashboard::before {
  content: "\eaa8";
}

.element-dashboard-filled::before {
  content: "\eaa9";
}

.element-darker::before {
  content: "\eaa7";
}

.element-cut::before {
  content: "\eaa6";
}

.element-curtain::before {
  content: "\eaa4";
}

.element-curtain-filled::before {
  content: "\eaa5";
}

.element-credit-card::before {
  content: "\ed35";
}

.element-counter::before {
  content: "\eaa3";
}

.element-couch::before {
  content: "\eaa2";
}

.element-corporate-information::before {
  content: "\eaa0";
}

.element-corporate-information-filled::before {
  content: "\eaa1";
}

.element-copy::before {
  content: "\ea9f";
}

.element-cooling::before {
  content: "\ea9d";
}

.element-cooling-state::before {
  content: "\ea9e";
}

.element-convert::before {
  content: "\ea9c";
}

.element-controller::before {
  content: "\ea9b";
}

.element-control::before {
  content: "\ed6f";
}

.element-control-manual::before {
  content: "\ed71";
}

.element-control-loop::before {
  content: "\ea9a";
}

.element-control-external::before {
  content: "\ed70";
}

.element-contact::before {
  content: "\ea99";
}

.element-connector-edit::before {
  content: "\ea98";
}

.element-connection::before {
  content: "\ea92";
}

.element-connection-lost::before {
  content: "\ea96";
}

.element-connection-lost-filled::before {
  content: "\ea97";
}

.element-connection-established::before {
  content: "\ea94";
}

.element-connection-established-filled::before {
  content: "\ea95";
}

.element-connection-alt::before {
  content: "\ea93";
}

.element-connected::before {
  content: "\ea90";
}

.element-connected-filled::before {
  content: "\ea91";
}

.element-config-value::before {
  content: "\ea8f";
}

.element-compass-needle::before {
  content: "\ea8e";
}

.element-comparison::before {
  content: "\ed9e";
}

.element-compact-ahu::before {
  content: "\ea8d";
}

.element-command-open::before {
  content: "\ed61";
}

.element-command-close::before {
  content: "\ed60";
}

.element-command-arrow::before {
  content: "\ea8b";
}

.element-command-arrow-filled::before {
  content: "\ea8c";
}

.element-collection::before {
  content: "\ea8a";
}

.element-collapse::before {
  content: "\ea88";
}

.element-collapse-all::before {
  content: "\ea89";
}

.element-collaboration::before {
  content: "\ea86";
}

.element-collaboration-filled::before {
  content: "\ea87";
}

.element-code::before {
  content: "\ea84";
}

.element-code-working::before {
  content: "\ea85";
}

.element-co2::before {
  content: "\ed89";
}

.element-co2-outdoor::before {
  content: "\ed8b";
}

.element-co2-indoor::before {
  content: "\ed8a";
}

.element-cloudy::before {
  content: "\ea83";
}

.element-cloud::before {
  content: "\ea7e";
}

.element-cloud-operations::before {
  content: "\ea82";
}

.element-cloud-filled::before {
  content: "\ea81";
}

.element-cloud-connection-lost::before {
  content: "\ea7f";
}

.element-cloud-connection-lost-filled::before {
  content: "\ea80";
}

.element-clock::before {
  content: "\ea7c";
}

.element-clock-filled::before {
  content: "\ea7d";
}

.element-cleaning::before {
  content: "\ea7b";
}

.element-circuit-breaker::before {
  content: "\ed3e";
}

.element-circle-filled::before {
  content: "\ea7a";
}

.element-chimney-sweeper::before {
  content: "\ea79";
}

.element-checked::before {
  content: "\ea77";
}

.element-checked-filled::before {
  content: "\ea78";
}

.element-checkbox-unchecked::before {
  content: "\ea76";
}

.element-checkbox-partially::before {
  content: "\ea75";
}

.element-checkbox-checked::before {
  content: "\ea73";
}

.element-checkbox-checked-filled::before {
  content: "\ea74";
}

.element-chat::before {
  content: "\ea71";
}

.element-chat-filled::before {
  content: "\ea72";
}

.element-chat-bot::before {
  content: "\ed34";
}

.element-charging-station::before {
  content: "\ea6d";
}

.element-charging-station-off::before {
  content: "\ea70";
}

.element-charging-station-multiple::before {
  content: "\ea6f";
}

.element-charging-station-limited::before {
  content: "\ea6e";
}

.element-charging-station-filled::before {
  content: "\ed3d";
}

.element-change-location::before {
  content: "\ea6c";
}

.element-cerberus-portal::before {
  content: "\ea6a";
}

.element-cerberus-portal-filled::before {
  content: "\ea6b";
}

.element-central-ahu::before {
  content: "\ea69";
}

.element-capacitor::before {
  content: "\ed3c";
}

.element-canvas::before {
  content: "\ea68";
}

.element-cancel::before {
  content: "\ea66";
}

.element-cancel-filled::before {
  content: "\ea67";
}

.element-camera::before {
  content: "\ea63";
}

.element-camera-flip::before {
  content: "\ea65";
}

.element-camera-filled::before {
  content: "\ea64";
}

.element-calendar::before {
  content: "\ea61";
}

.element-calendar-filled::before {
  content: "\ea62";
}

.element-calculated-value::before {
  content: "\ea60";
}

.element-busy::before {
  content: "\ea5f";
}

.element-busbar::before {
  content: "\ed3a";
}

.element-busbar-hsbt::before {
  content: "\ed3b";
}

.element-burner::before {
  content: "\ea5e";
}

.element-burglary::before {
  content: "\ed5a";
}

.element-building::before {
  content: "\ea5b";
}

.element-building-filled::before {
  content: "\ea5d";
}

.element-building-automation::before {
  content: "\ea5c";
}

.element-buffer-overflow::before {
  content: "\ea5a";
}

.element-brush::before {
  content: "\ed80";
}

.element-brush-filled::before {
  content: "\ed81";
}

.element-brighter::before {
  content: "\ea59";
}

.element-breathing-protection::before {
  content: "\ea58";
}

.element-break::before {
  content: "\ea57";
}

.element-breadcrumb-root::before {
  content: "\ea56";
}

.element-box::before {
  content: "\ea55";
}

.element-bot::before {
  content: "\ed33";
}

.element-boost-heating::before {
  content: "\ed8d";
}

.element-boost-cooling::before {
  content: "\ed8c";
}

.element-bookmark::before {
  content: "\ea53";
}

.element-bookmark-filled::before {
  content: "\ea54";
}

.element-bluetooth::before {
  content: "\ea51";
}

.element-bluetooth-off::before {
  content: "\ea52";
}

.element-blind::before {
  content: "\ea50";
}

.element-biological-hazard::before {
  content: "\ea4f";
}

.element-binary::before {
  content: "\ea4d";
}

.element-binary-filled::before {
  content: "\ea4e";
}

.element-begin::before {
  content: "\ea4b";
}

.element-begin-filled::before {
  content: "\ea4c";
}

.element-beamer::before {
  content: "\ea49";
}

.element-beamer-filled::before {
  content: "\ea4a";
}

.element-beam-smoke-detector::before {
  content: "\ed59";
}

.element-battery::before {
  content: "\ea42";
}

.element-battery-medium::before {
  content: "\ea48";
}

.element-battery-low::before {
  content: "\ea47";
}

.element-battery-filled::before {
  content: "\ea46";
}

.element-battery-empty::before {
  content: "\ea45";
}

.element-battery-discharge::before {
  content: "\ea44";
}

.element-battery-charge::before {
  content: "\ea43";
}

.element-bath::before {
  content: "\ea41";
}

.element-basement::before {
  content: "\ea40";
}

.element-baseline::before {
  content: "\ea3e";
}

.element-baseline-mismatch::before {
  content: "\ea3f";
}

.element-badge::before {
  content: "\ea3c";
}

.element-badge-filled::before {
  content: "\ea3d";
}

.element-backup::before {
  content: "\ea3b";
}

.element-backspace::before {
  content: "\ea39";
}

.element-backspace-filled::before {
  content: "\ea3a";
}

.element-back::before {
  content: "\ea38";
}

.element-awning::before {
  content: "\ea36";
}

.element-awning-filled::before {
  content: "\ea37";
}

.element-av-system::before {
  content: "\ea34";
}

.element-av-system-filled::before {
  content: "\ea35";
}

.element-automation-station::before {
  content: "\ea32";
}

.element-automation-station-filled::before {
  content: "\ea33";
}

.element-audio::before {
  content: "\ea30";
}

.element-audio-filled::before {
  content: "\ea31";
}

.element-attachment::before {
  content: "\ea2f";
}

.element-assigned::before {
  content: "\ea2e";
}

.element-assets::before {
  content: "\ea2c";
}

.element-assets-filled::before {
  content: "\ea2d";
}

.element-area::before {
  content: "\ea2b";
}

.element-area-alt::before {
  content: "\ed5f";
}

.element-archive::before {
  content: "\ea29";
}

.element-archive-filled::before {
  content: "\ea2a";
}

.element-apps::before {
  content: "\ea28";
}

.element-application-function::before {
  content: "\ea27";
}

.element-api::before {
  content: "\ea26";
}

.element-angle::before {
  content: "\ea25";
}

.element-analog::before {
  content: "\ea24";
}

.element-analog-manual::before {
  content: "\ed6e";
}

.element-analog-external::before {
  content: "\ed6d";
}

.element-ampere::before {
  content: "\ea23";
}

.element-align-vertical-centers::before {
  content: "\ed7f";
}

.element-align-top::before {
  content: "\ed7e";
}

.element-align-right::before {
  content: "\ed7d";
}

.element-align-left::before {
  content: "\ed7c";
}

.element-align-horizontal-centers::before {
  content: "\ed7b";
}

.element-align-center::before {
  content: "\ed7a";
}

.element-align-bottom::before {
  content: "\ed79";
}

.element-alchemy-flask::before {
  content: "\ea22";
}

.element-alarm::before {
  content: "\ea14";
}

.element-alarm-tick::before {
  content: "\ea21";
}

.element-alarm-suppression-on::before {
  content: "\ea1f";
}

.element-alarm-suppression-on-filled::before {
  content: "\ea20";
}

.element-alarm-suppression-off::before {
  content: "\ea1d";
}

.element-alarm-suppression-off-filled::before {
  content: "\ea1e";
}

.element-alarm-off::before {
  content: "\ea1b";
}

.element-alarm-off-filled::before {
  content: "\ea1c";
}

.element-alarm-gas::before {
  content: "\ea1a";
}

.element-alarm-filled::before {
  content: "\ea19";
}

.element-alarm-background::before {
  content: "\ea17";
}

.element-alarm-background-filled::before {
  content: "\ea18";
}

.element-alarm-acknowledged::before {
  content: "\ea15";
}

.element-alarm-acknowledged-filled::before {
  content: "\ea16";
}

.element-airquality-poor::before {
  content: "\ea13";
}

.element-airquality-ok::before {
  content: "\ea12";
}

.element-airquality-good::before {
  content: "\ea11";
}

.element-air::before {
  content: "\ea0f";
}

.element-air-filter::before {
  content: "\ea10";
}

.element-ai::before {
  content: "\ed32";
}

.element-ai-alt::before {
  content: "\ed52";
}

.element-ahu-plant::before {
  content: "\ea0e";
}

.element-address-book::before {
  content: "\ea0c";
}

.element-address-book-filled::before {
  content: "\ea0d";
}

.element-add-user::before {
  content: "\ea0b";
}

.element-actuator::before {
  content: "\ea09";
}

.element-actuator-filled::before {
  content: "\ea0a";
}

.element-activation::before {
  content: "\ea08";
}

.element-activate-user::before {
  content: "\ea07";
}

.element-account::before {
  content: "\ea05";
}

.element-account-filled::before {
  content: "\ea06";
}

.element-accessible::before {
  content: "\ea04";
}

.element-access-card::before {
  content: "\ea02";
}

.element-access-card-filled::before {
  content: "\ea03";
}

.element-2d-editor::before {
  content: "\ea01";
}

:root {
  --element-body-font-family: 'Siemens Sans', sans-serif;
  --element-button-radius: 0;
  --element-button-focus-width: 2px;
  --element-button-focus-overlay-width: 1px;
  --element-button-focus-overlay-color: rgba(255, 255, 255, 0.7);
  --element-input-radius: 2px;
  --element-brand-logo: url("data:image/svg+xml,%3Csvg viewBox='0 0 142.315 22.5' fill='%23009999' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M125.878 21.704v-4.378c2.53.806 4.718 1.209 6.566 1.209 2.53 0 3.795-.674 3.795-2.02 0-.49-.183-.898-.549-1.225-.43-.388-1.419-.903-2.971-1.545-2.735-1.113-4.5-2.006-5.296-2.68-1.325-1.121-1.99-2.581-1.99-4.376 0-2.235.873-3.94 2.617-5.113C129.623.525 131.744 0 134.418 0c2.143 0 4.21.27 6.198.811v4.194c-2.172-.838-4.116-1.255-5.83-1.255-2.276 0-3.415.647-3.415 1.942 0 .522.247.94.737 1.257.417.265 1.53.786 3.335 1.561 2.725 1.174 4.522 2.194 5.388 3.061.989.99 1.484 2.301 1.484 3.934 0 2.5-1.03 4.356-3.09 5.571-1.612.949-3.755 1.424-6.43 1.424-2.489 0-4.796-.266-6.917-.796m-22.913.352V.367h7.101l7.469 14.097V.367h4.349v21.69h-6.859L107.31 7.744v14.311h-4.345zm-19.73 0V.367H99v3.964h-9.705V9.2h8.45v3.581h-8.45v5.096h9.935v4.18H83.235zm-31.837 0V.367h7.913l5.434 13.607L70.378.367h7.546v21.69h-5.939V7.238L65.679 22.27h-3.781L55.76 7.239v14.817h-4.362zm-19.775 0V.367h15.78v3.964H37.7V9.2h8.45v3.581H37.7v5.096h9.919v4.18H31.623zM20.05.367h6.29v21.69h-6.29V.366zM.443 21.704v-4.378c2.52.806 4.71 1.209 6.567 1.209 2.531 0 3.796-.674 3.796-2.02 0-.49-.185-.898-.551-1.225-.419-.388-1.414-.903-2.985-1.545-2.704-1.103-4.464-1.995-5.28-2.68C.663 9.944 0 8.484 0 6.689c0-2.235.873-3.94 2.618-5.113C4.178.525 6.3 0 8.984 0c2.142 0 4.211.27 6.2.811v4.194C12.989 4.167 11.046 3.75 9.35 3.75c-2.275 0-3.412.647-3.412 1.942 0 .512.249.93.749 1.257.408.265 1.516.786 3.323 1.561 2.724 1.174 4.519 2.194 5.387 3.061.99.99 1.486 2.301 1.486 3.934 0 2.5-1.036 4.356-3.109 5.571-1.601.949-3.74 1.424-6.414 1.424-2.49 0-4.795-.266-6.918-.796' /%3E%3C/svg%3E%0A");
  --element-brand-logo-width: 101px;
  --element-brand-logo-height: 16px;
  --element-brand-logo-text: 'Siemens logo';
  --element-radius-0: 0;
  --element-radius-1: 2px;
  --element-radius-2: 4px;
  --element-radius-3: 8px;
  --element-ui-0: #006b80;
  --element-ui-0-hover: #005159;
  --element-ui-1: #000028;
  --element-ui-2: #66667e;
  --element-ui-3: #9999a9;
  --element-ui-4: #e5e5e9;
  --element-ui-5: #ffffff;
  --element-ui-6: #000000;
  --element-base-0: #f3f3f0;
  --element-base-1: #ffffff;
  --element-base-1-hover: #e8e8e3;
  --element-base-1-selected: #deded7;
  --element-base-2: #ffffff;
  --element-base-3: #ffffff;
  --element-base-4: #edede8;
  --element-base-information: #d2e2f7;
  --element-base-success: #c1f2d6;
  --element-base-caution: #fff2ba;
  --element-base-warning: #fee1cc;
  --element-base-danger: #fcccd7;
  --element-base-critical: #fcccd7;
  --element-base-translucent-1: rgba(0, 0, 0, 0.3);
  --element-base-translucent-2: rgba(0, 0, 40, 0.88);
  --element-base-input-experimental: #161632;
  --element-action-primary: #006b80;
  --element-action-primary-hover: #005159;
  --element-action-primary-text: #ffffff;
  --element-action-secondary: transparent;
  --element-action-secondary-hover: #c2ffee;
  --element-action-secondary-text: #006b80;
  --element-action-secondary-text-hover: #005159;
  --element-action-secondary-border: #006b80;
  --element-action-secondary-border-hover: #005159;
  --element-action-secondary-warning: #8f3700;
  --element-action-secondary-danger: #d72339;
  --element-action-warning: #c75300;
  --element-action-warning-hover: #8f3700;
  --element-action-warning-text: #ffffff;
  --element-action-danger: #d72339;
  --element-action-danger-hover: #a60823;
  --element-action-danger-text: #ffffff;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #000028;
  --element-text-secondary: #4c4c68;
  --element-text-disabled: #7d8099;
  --element-text-inverse: #ffffff;
  --element-text-active: #006b80;
  --element-text-information: #1e5299;
  --element-text-success: #1c703f;
  --element-text-caution: #4d3901;
  --element-text-warning: #8f3700;
  --element-text-danger: #a60823;
  --element-text-critical: #a60823;
  --element-status-information: #206ed9;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #1c703f;
  --element-status-success-contrast: #ffffff;
  --element-status-caution: #edbf00;
  --element-status-caution-contrast: #000028;
  --element-status-warning: #c75300;
  --element-status-warning-contrast: #ffffff;
  --element-status-danger: #d72339;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #650011;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #199fff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.16);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.08);
  --element-data-1: #099;
  --element-data-2: #005159;
  --element-data-3: #00890e;
  --element-data-4: #1a747d;
  --element-data-5: #3664c6;
  --element-data-6: #002949;
  --element-data-7: #7353e5;
  --element-data-8: #553ba3;
  --element-data-9: #740089;
  --element-data-10: #d72339;
  --element-data-11: #4f153d;
  --element-data-12: #c04774;
  --element-data-13: #00237a;
  --element-data-14: #801100;
  --element-data-15: #805800;
  --element-data-16: #757563;
  --element-data-17: #4c4c68;
  --element-data-green-1: #01d65a;
  --element-data-green-2: #00a327;
  --element-data-green-3: #00890e;
  --element-data-green-4: #005700;
  --element-data-turquoise-1: #00d7a0;
  --element-data-turquoise-2: #00af8e;
  --element-data-turquoise-3: #1a747d;
  --element-data-turquoise-4: #005159;
  --element-data-interactive-coral-1: #0cc;
  --element-data-interactive-coral-2: #00a3ab;
  --element-data-interactive-coral-3: #007082;
  --element-data-interactive-coral-4: #002949;
  --element-data-purple-1: #a68dff;
  --element-data-purple-2: #805cff;
  --element-data-purple-3: #7353e5;
  --element-data-purple-4: #553ba3;
  --element-data-plum-1: #e5659b;
  --element-data-plum-2: #c04774;
  --element-data-plum-3: #9f1853;
  --element-data-plum-4: #4f153d;
  --element-data-red-1: #ff6779;
  --element-data-red-2: #ff2640;
  --element-data-red-3: #d72339;
  --element-data-red-4: #900;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-sand-1: #c5c5b8;
  --element-data-sand-2: #aaaa96;
  --element-data-sand-3: #757563;
  --element-data-sand-4: #5e5e4a;
  --element-color-passed: #1c703f;
  --element-color-failed: #9f1853;
  --element-color-cooling: #0087be;
  --element-color-heating: #e57700;
  --element-color-comfort: #b28a00;
  --element-color-economy: #1e5299;
  --element-color-off: #7d8099;
  --element-color-on: #28bf66;
  --element-color-default: #4c4c68;
  --element-color-bad: #d72339;
  --element-color-poor: #ff9000;
  --element-color-average: #edbf00;
  --element-color-good: #9ec625;
  --element-color-excellent: #00a327;
  --element-range-danger: linear-gradient(90deg, #e5e5e9, #d72339);
  --element-range-warning: linear-gradient(90deg, #e5e5e9, #c75300);
  --element-range-caution: linear-gradient(90deg, #e5e5e9, #edbf00);
  --element-range-information: linear-gradient(90deg, #e5e5e9, #206ed9);
  --element-range-success: linear-gradient(90deg, #e5e5e9, #00a327);
  --element-range-temp-heating: linear-gradient(90deg, #e5e5e9, #e57700);
  --element-range-temp-cooling: linear-gradient(90deg, #e5e5e9, #0087be);
  --element-range-comfort: linear-gradient(90deg, #e5e5e9, #b28a00);
  --element-range-temperature: linear-gradient(90deg, #e57700, #e5e5e9, #0087be);
  --element-range-humidity: linear-gradient(90deg, #c04774, #e5e5e9, #3664c6);
  --element-feedback-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d72339' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-89.8c0-11.05 8.95-20 20-20s20 8.95 20 20v89.8c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3C/svg%3E%0A");
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c75300' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231c703f' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #00c1b6;
  --element-launchpad-app-color: #000000;
}

:root.app--dark {
  --element-button-focus-overlay-color: rgba(0, 0, 40, 0.7);
  --element-brand-logo: url("data:image/svg+xml,%3Csvg viewBox='0 0 142.315 22.5' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M125.878 21.704v-4.378c2.53.806 4.718 1.209 6.566 1.209 2.53 0 3.795-.674 3.795-2.02 0-.49-.183-.898-.549-1.225-.43-.388-1.419-.903-2.971-1.545-2.735-1.113-4.5-2.006-5.296-2.68-1.325-1.121-1.99-2.581-1.99-4.376 0-2.235.873-3.94 2.617-5.113C129.623.525 131.744 0 134.418 0c2.143 0 4.21.27 6.198.811v4.194c-2.172-.838-4.116-1.255-5.83-1.255-2.276 0-3.415.647-3.415 1.942 0 .522.247.94.737 1.257.417.265 1.53.786 3.335 1.561 2.725 1.174 4.522 2.194 5.388 3.061.989.99 1.484 2.301 1.484 3.934 0 2.5-1.03 4.356-3.09 5.571-1.612.949-3.755 1.424-6.43 1.424-2.489 0-4.796-.266-6.917-.796m-22.913.352V.367h7.101l7.469 14.097V.367h4.349v21.69h-6.859L107.31 7.744v14.311h-4.345zm-19.73 0V.367H99v3.964h-9.705V9.2h8.45v3.581h-8.45v5.096h9.935v4.18H83.235zm-31.837 0V.367h7.913l5.434 13.607L70.378.367h7.546v21.69h-5.939V7.238L65.679 22.27h-3.781L55.76 7.239v14.817h-4.362zm-19.775 0V.367h15.78v3.964H37.7V9.2h8.45v3.581H37.7v5.096h9.919v4.18H31.623zM20.05.367h6.29v21.69h-6.29V.366zM.443 21.704v-4.378c2.52.806 4.71 1.209 6.567 1.209 2.531 0 3.796-.674 3.796-2.02 0-.49-.185-.898-.551-1.225-.419-.388-1.414-.903-2.985-1.545-2.704-1.103-4.464-1.995-5.28-2.68C.663 9.944 0 8.484 0 6.689c0-2.235.873-3.94 2.618-5.113C4.178.525 6.3 0 8.984 0c2.142 0 4.211.27 6.2.811v4.194C12.989 4.167 11.046 3.75 9.35 3.75c-2.275 0-3.412.647-3.412 1.942 0 .512.249.93.749 1.257.408.265 1.516.786 3.323 1.561 2.724 1.174 4.519 2.194 5.387 3.061.99.99 1.486 2.301 1.486 3.934 0 2.5-1.036 4.356-3.109 5.571-1.601.949-3.74 1.424-6.414 1.424-2.49 0-4.795-.266-6.918-.796' /%3E%3C/svg%3E%0A");
  --element-ui-0: #00cccc;
  --element-ui-0-hover: #00ffb9;
  --element-ui-1: #ffffff;
  --element-ui-2: #9999a9;
  --element-ui-3: #66667e;
  --element-ui-4: #4c4c68;
  --element-ui-5: #23233c;
  --element-ui-6: #000000;
  --element-base-0: #000028;
  --element-base-1: #23233c;
  --element-base-1-hover: #333353;
  --element-base-1-selected: #40405e;
  --element-base-2: #000028;
  --element-base-3: #37374d;
  --element-base-4: #12122e;
  --element-base-information: #193966;
  --element-base-success: #12331f;
  --element-base-caution: #4d3901;
  --element-base-warning: #8f3700;
  --element-base-danger: #650011;
  --element-base-critical: #650011;
  --element-base-translucent-1: rgba(0, 0, 0, 0.7);
  --element-base-translucent-2: rgba(255, 255, 255, 0.88);
  --element-base-input-experimental: #fafaf7;
  --element-action-primary: #00cccc;
  --element-action-primary-hover: #00ffb9;
  --element-action-primary-text: #000028;
  --element-action-secondary: transparent;
  --element-action-secondary-hover: #001f39;
  --element-action-secondary-text: #00cccc;
  --element-action-secondary-text-hover: #00ffb9;
  --element-action-secondary-border: #00cccc;
  --element-action-secondary-border-hover: #00ffb9;
  --element-action-secondary-warning: #ff9000;
  --element-action-secondary-danger: #fe8389;
  --element-action-warning: #ff9000;
  --element-action-warning-hover: #c75300;
  --element-action-warning-text: #000028;
  --element-action-danger: #d72339;
  --element-action-danger-hover: #a60823;
  --element-action-danger-text: #ffffff;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #ffffff;
  --element-text-secondary: #b3b3be;
  --element-text-disabled: #66667e;
  --element-text-inverse: #000028;
  --element-text-active: #00cccc;
  --element-text-information: #d2e2f7;
  --element-text-success: #c1f2d6;
  --element-text-caution: #fff2ba;
  --element-text-warning: #fee1cc;
  --element-text-danger: #fcccd7;
  --element-text-critical: #fcccd7;
  --element-status-information: #206ed9;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #28bf66;
  --element-status-success-contrast: #000028;
  --element-status-caution: #ffd732;
  --element-status-caution-contrast: #000028;
  --element-status-warning: #ff9000;
  --element-status-warning-contrast: #000028;
  --element-status-danger: #d72339;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #a60823;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #199fff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.4);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.2);
  --element-data-1: #00c1b6;
  --element-data-2: #00ffb9;
  --element-data-3: #01d65a;
  --element-data-4: #85e9d2;
  --element-data-5: #6895f6;
  --element-data-6: #ccf5f5;
  --element-data-7: #805cff;
  --element-data-8: #bfb0f3;
  --element-data-9: #b95cc9;
  --element-data-10: #ff2640;
  --element-data-11: #e5659b;
  --element-data-12: #ff98c4;
  --element-data-13: #97c7ff;
  --element-data-14: #ff9000;
  --element-data-15: #ffd732;
  --element-data-16: #aaaa96;
  --element-data-17: #7d8099;
  --element-data-green-1: #80ebac;
  --element-data-green-2: #01d65a;
  --element-data-green-3: #00a327;
  --element-data-green-4: #00890e;
  --element-data-turquoise-1: #47e2bb;
  --element-data-turquoise-2: #00d7a0;
  --element-data-turquoise-3: #00af8e;
  --element-data-turquoise-4: #1a747d;
  --element-data-interactive-coral-1: #66e0e0;
  --element-data-interactive-coral-2: #0cc;
  --element-data-interactive-coral-3: #00a3ab;
  --element-data-interactive-coral-4: #007082;
  --element-data-purple-1: #bfb0f3;
  --element-data-purple-2: #a68dff;
  --element-data-purple-3: #805cff;
  --element-data-purple-4: #7353e5;
  --element-data-plum-1: #ff98c4;
  --element-data-plum-2: #e5659b;
  --element-data-plum-3: #c04774;
  --element-data-plum-4: #9f1853;
  --element-data-red-1: #ffa8b3;
  --element-data-red-2: #ff6779;
  --element-data-red-3: #ff2640;
  --element-data-red-4: #d72339;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-sand-1: #dfdfd9;
  --element-data-sand-2: #c5c5b8;
  --element-data-sand-3: #aaaa96;
  --element-data-sand-4: #757563;
  --element-color-passed: #28bf66;
  --element-color-failed: #c04774;
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff9000' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328bf66' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #00c1b6;
  --element-launchpad-app-color: #000000;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/gridstack/dist/gridstack.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * gridstack SASS styles 11.5.1
 * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
 */
.grid-stack {
  position: relative;
}

.grid-stack-rtl {
  direction: ltr;
}
.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.grid-stack-item > .ui-resizable-ne {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
}
.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
}
.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
  will-change: left, top;
  cursor: move;
}
.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0px;
}

.grid-stack > .grid-stack-item[gs-x="0"] {
  left: 0%;
}

.gs-12 > .grid-stack-item {
  width: 8.333%;
}
.gs-12 > .grid-stack-item[gs-x="1"] {
  left: 8.333%;
}
.gs-12 > .grid-stack-item[gs-w="2"] {
  width: 16.667%;
}
.gs-12 > .grid-stack-item[gs-x="2"] {
  left: 16.667%;
}
.gs-12 > .grid-stack-item[gs-w="3"] {
  width: 25%;
}
.gs-12 > .grid-stack-item[gs-x="3"] {
  left: 25%;
}
.gs-12 > .grid-stack-item[gs-w="4"] {
  width: 33.333%;
}
.gs-12 > .grid-stack-item[gs-x="4"] {
  left: 33.333%;
}
.gs-12 > .grid-stack-item[gs-w="5"] {
  width: 41.667%;
}
.gs-12 > .grid-stack-item[gs-x="5"] {
  left: 41.667%;
}
.gs-12 > .grid-stack-item[gs-w="6"] {
  width: 50%;
}
.gs-12 > .grid-stack-item[gs-x="6"] {
  left: 50%;
}
.gs-12 > .grid-stack-item[gs-w="7"] {
  width: 58.333%;
}
.gs-12 > .grid-stack-item[gs-x="7"] {
  left: 58.333%;
}
.gs-12 > .grid-stack-item[gs-w="8"] {
  width: 66.667%;
}
.gs-12 > .grid-stack-item[gs-x="8"] {
  left: 66.667%;
}
.gs-12 > .grid-stack-item[gs-w="9"] {
  width: 75%;
}
.gs-12 > .grid-stack-item[gs-x="9"] {
  left: 75%;
}
.gs-12 > .grid-stack-item[gs-w="10"] {
  width: 83.333%;
}
.gs-12 > .grid-stack-item[gs-x="10"] {
  left: 83.333%;
}
.gs-12 > .grid-stack-item[gs-w="11"] {
  width: 91.667%;
}
.gs-12 > .grid-stack-item[gs-x="11"] {
  left: 91.667%;
}
.gs-12 > .grid-stack-item[gs-w="12"] {
  width: 100%;
}

.gs-1 > .grid-stack-item {
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/gridstack/dist/gridstack-extra.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css
 * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
 */
.gs-2 > .grid-stack-item {
  width: 50%;
}
.gs-2 > .grid-stack-item[gs-x="1"] {
  left: 50%;
}
.gs-2 > .grid-stack-item[gs-w="2"] {
  width: 100%;
}

.gs-3 > .grid-stack-item {
  width: 33.333%;
}
.gs-3 > .grid-stack-item[gs-x="1"] {
  left: 33.333%;
}
.gs-3 > .grid-stack-item[gs-w="2"] {
  width: 66.667%;
}
.gs-3 > .grid-stack-item[gs-x="2"] {
  left: 66.667%;
}
.gs-3 > .grid-stack-item[gs-w="3"] {
  width: 100%;
}

.gs-4 > .grid-stack-item {
  width: 25%;
}
.gs-4 > .grid-stack-item[gs-x="1"] {
  left: 25%;
}
.gs-4 > .grid-stack-item[gs-w="2"] {
  width: 50%;
}
.gs-4 > .grid-stack-item[gs-x="2"] {
  left: 50%;
}
.gs-4 > .grid-stack-item[gs-w="3"] {
  width: 75%;
}
.gs-4 > .grid-stack-item[gs-x="3"] {
  left: 75%;
}
.gs-4 > .grid-stack-item[gs-w="4"] {
  width: 100%;
}

.gs-5 > .grid-stack-item {
  width: 20%;
}
.gs-5 > .grid-stack-item[gs-x="1"] {
  left: 20%;
}
.gs-5 > .grid-stack-item[gs-w="2"] {
  width: 40%;
}
.gs-5 > .grid-stack-item[gs-x="2"] {
  left: 40%;
}
.gs-5 > .grid-stack-item[gs-w="3"] {
  width: 60%;
}
.gs-5 > .grid-stack-item[gs-x="3"] {
  left: 60%;
}
.gs-5 > .grid-stack-item[gs-w="4"] {
  width: 80%;
}
.gs-5 > .grid-stack-item[gs-x="4"] {
  left: 80%;
}
.gs-5 > .grid-stack-item[gs-w="5"] {
  width: 100%;
}

.gs-6 > .grid-stack-item {
  width: 16.667%;
}
.gs-6 > .grid-stack-item[gs-x="1"] {
  left: 16.667%;
}
.gs-6 > .grid-stack-item[gs-w="2"] {
  width: 33.333%;
}
.gs-6 > .grid-stack-item[gs-x="2"] {
  left: 33.333%;
}
.gs-6 > .grid-stack-item[gs-w="3"] {
  width: 50%;
}
.gs-6 > .grid-stack-item[gs-x="3"] {
  left: 50%;
}
.gs-6 > .grid-stack-item[gs-w="4"] {
  width: 66.667%;
}
.gs-6 > .grid-stack-item[gs-x="4"] {
  left: 66.667%;
}
.gs-6 > .grid-stack-item[gs-w="5"] {
  width: 83.333%;
}
.gs-6 > .grid-stack-item[gs-x="5"] {
  left: 83.333%;
}
.gs-6 > .grid-stack-item[gs-w="6"] {
  width: 100%;
}

.gs-7 > .grid-stack-item {
  width: 14.286%;
}
.gs-7 > .grid-stack-item[gs-x="1"] {
  left: 14.286%;
}
.gs-7 > .grid-stack-item[gs-w="2"] {
  width: 28.571%;
}
.gs-7 > .grid-stack-item[gs-x="2"] {
  left: 28.571%;
}
.gs-7 > .grid-stack-item[gs-w="3"] {
  width: 42.857%;
}
.gs-7 > .grid-stack-item[gs-x="3"] {
  left: 42.857%;
}
.gs-7 > .grid-stack-item[gs-w="4"] {
  width: 57.143%;
}
.gs-7 > .grid-stack-item[gs-x="4"] {
  left: 57.143%;
}
.gs-7 > .grid-stack-item[gs-w="5"] {
  width: 71.429%;
}
.gs-7 > .grid-stack-item[gs-x="5"] {
  left: 71.429%;
}
.gs-7 > .grid-stack-item[gs-w="6"] {
  width: 85.714%;
}
.gs-7 > .grid-stack-item[gs-x="6"] {
  left: 85.714%;
}
.gs-7 > .grid-stack-item[gs-w="7"] {
  width: 100%;
}

.gs-8 > .grid-stack-item {
  width: 12.5%;
}
.gs-8 > .grid-stack-item[gs-x="1"] {
  left: 12.5%;
}
.gs-8 > .grid-stack-item[gs-w="2"] {
  width: 25%;
}
.gs-8 > .grid-stack-item[gs-x="2"] {
  left: 25%;
}
.gs-8 > .grid-stack-item[gs-w="3"] {
  width: 37.5%;
}
.gs-8 > .grid-stack-item[gs-x="3"] {
  left: 37.5%;
}
.gs-8 > .grid-stack-item[gs-w="4"] {
  width: 50%;
}
.gs-8 > .grid-stack-item[gs-x="4"] {
  left: 50%;
}
.gs-8 > .grid-stack-item[gs-w="5"] {
  width: 62.5%;
}
.gs-8 > .grid-stack-item[gs-x="5"] {
  left: 62.5%;
}
.gs-8 > .grid-stack-item[gs-w="6"] {
  width: 75%;
}
.gs-8 > .grid-stack-item[gs-x="6"] {
  left: 75%;
}
.gs-8 > .grid-stack-item[gs-w="7"] {
  width: 87.5%;
}
.gs-8 > .grid-stack-item[gs-x="7"] {
  left: 87.5%;
}
.gs-8 > .grid-stack-item[gs-w="8"] {
  width: 100%;
}

.gs-9 > .grid-stack-item {
  width: 11.111%;
}
.gs-9 > .grid-stack-item[gs-x="1"] {
  left: 11.111%;
}
.gs-9 > .grid-stack-item[gs-w="2"] {
  width: 22.222%;
}
.gs-9 > .grid-stack-item[gs-x="2"] {
  left: 22.222%;
}
.gs-9 > .grid-stack-item[gs-w="3"] {
  width: 33.333%;
}
.gs-9 > .grid-stack-item[gs-x="3"] {
  left: 33.333%;
}
.gs-9 > .grid-stack-item[gs-w="4"] {
  width: 44.444%;
}
.gs-9 > .grid-stack-item[gs-x="4"] {
  left: 44.444%;
}
.gs-9 > .grid-stack-item[gs-w="5"] {
  width: 55.556%;
}
.gs-9 > .grid-stack-item[gs-x="5"] {
  left: 55.556%;
}
.gs-9 > .grid-stack-item[gs-w="6"] {
  width: 66.667%;
}
.gs-9 > .grid-stack-item[gs-x="6"] {
  left: 66.667%;
}
.gs-9 > .grid-stack-item[gs-w="7"] {
  width: 77.778%;
}
.gs-9 > .grid-stack-item[gs-x="7"] {
  left: 77.778%;
}
.gs-9 > .grid-stack-item[gs-w="8"] {
  width: 88.889%;
}
.gs-9 > .grid-stack-item[gs-x="8"] {
  left: 88.889%;
}
.gs-9 > .grid-stack-item[gs-w="9"] {
  width: 100%;
}

.gs-10 > .grid-stack-item {
  width: 10%;
}
.gs-10 > .grid-stack-item[gs-x="1"] {
  left: 10%;
}
.gs-10 > .grid-stack-item[gs-w="2"] {
  width: 20%;
}
.gs-10 > .grid-stack-item[gs-x="2"] {
  left: 20%;
}
.gs-10 > .grid-stack-item[gs-w="3"] {
  width: 30%;
}
.gs-10 > .grid-stack-item[gs-x="3"] {
  left: 30%;
}
.gs-10 > .grid-stack-item[gs-w="4"] {
  width: 40%;
}
.gs-10 > .grid-stack-item[gs-x="4"] {
  left: 40%;
}
.gs-10 > .grid-stack-item[gs-w="5"] {
  width: 50%;
}
.gs-10 > .grid-stack-item[gs-x="5"] {
  left: 50%;
}
.gs-10 > .grid-stack-item[gs-w="6"] {
  width: 60%;
}
.gs-10 > .grid-stack-item[gs-x="6"] {
  left: 60%;
}
.gs-10 > .grid-stack-item[gs-w="7"] {
  width: 70%;
}
.gs-10 > .grid-stack-item[gs-x="7"] {
  left: 70%;
}
.gs-10 > .grid-stack-item[gs-w="8"] {
  width: 80%;
}
.gs-10 > .grid-stack-item[gs-x="8"] {
  left: 80%;
}
.gs-10 > .grid-stack-item[gs-w="9"] {
  width: 90%;
}
.gs-10 > .grid-stack-item[gs-x="9"] {
  left: 90%;
}
.gs-10 > .grid-stack-item[gs-w="10"] {
  width: 100%;
}

.gs-11 > .grid-stack-item {
  width: 9.091%;
}
.gs-11 > .grid-stack-item[gs-x="1"] {
  left: 9.091%;
}
.gs-11 > .grid-stack-item[gs-w="2"] {
  width: 18.182%;
}
.gs-11 > .grid-stack-item[gs-x="2"] {
  left: 18.182%;
}
.gs-11 > .grid-stack-item[gs-w="3"] {
  width: 27.273%;
}
.gs-11 > .grid-stack-item[gs-x="3"] {
  left: 27.273%;
}
.gs-11 > .grid-stack-item[gs-w="4"] {
  width: 36.364%;
}
.gs-11 > .grid-stack-item[gs-x="4"] {
  left: 36.364%;
}
.gs-11 > .grid-stack-item[gs-w="5"] {
  width: 45.455%;
}
.gs-11 > .grid-stack-item[gs-x="5"] {
  left: 45.455%;
}
.gs-11 > .grid-stack-item[gs-w="6"] {
  width: 54.545%;
}
.gs-11 > .grid-stack-item[gs-x="6"] {
  left: 54.545%;
}
.gs-11 > .grid-stack-item[gs-w="7"] {
  width: 63.636%;
}
.gs-11 > .grid-stack-item[gs-x="7"] {
  left: 63.636%;
}
.gs-11 > .grid-stack-item[gs-w="8"] {
  width: 72.727%;
}
.gs-11 > .grid-stack-item[gs-x="8"] {
  left: 72.727%;
}
.gs-11 > .grid-stack-item[gs-w="9"] {
  width: 81.818%;
}
.gs-11 > .grid-stack-item[gs-x="9"] {
  left: 81.818%;
}
.gs-11 > .grid-stack-item[gs-w="10"] {
  width: 90.909%;
}
.gs-11 > .grid-stack-item[gs-x="10"] {
  left: 90.909%;
}
.gs-11 > .grid-stack-item[gs-w="11"] {
  width: 100%;
}

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