/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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/typeface-exo/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/* exo-100normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Exo Thin '),
    local('Exo-Thin'),
    url('exo-latin-100.woff2') format('woff2'), 
    url('exo-latin-100.woff') format('woff'); /* Modern Browsers */
}
/* exo-100italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Exo Thin italic'),
    local('Exo-Thinitalic'),
    url('exo-latin-100italic.woff2') format('woff2'), 
    url('exo-latin-100italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-200normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src:
    local('Exo Extra Light '),
    local('Exo-Extra Light'),
    url('exo-latin-200.woff2') format('woff2'), 
    url('exo-latin-200.woff') format('woff'); /* Modern Browsers */
}
/* exo-200italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src:
    local('Exo Extra Light italic'),
    local('Exo-Extra Lightitalic'),
    url('exo-latin-200italic.woff2') format('woff2'), 
    url('exo-latin-200italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-300normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Exo Light '),
    local('Exo-Light'),
    url('exo-latin-300.woff2') format('woff2'), 
    url('exo-latin-300.woff') format('woff'); /* Modern Browsers */
}
/* exo-300italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Exo Light italic'),
    local('Exo-Lightitalic'),
    url('exo-latin-300italic.woff2') format('woff2'), 
    url('exo-latin-300italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-400normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Exo Regular '),
    local('Exo-Regular'),
    url('exo-latin-400.woff2') format('woff2'), 
    url('exo-latin-400.woff') format('woff'); /* Modern Browsers */
}
/* exo-400italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Exo Regular italic'),
    local('Exo-Regularitalic'),
    url('exo-latin-400italic.woff2') format('woff2'), 
    url('exo-latin-400italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-500normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Exo Medium '),
    local('Exo-Medium'),
    url('exo-latin-500.woff2') format('woff2'), 
    url('exo-latin-500.woff') format('woff'); /* Modern Browsers */
}
/* exo-500italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Exo Medium italic'),
    local('Exo-Mediumitalic'),
    url('exo-latin-500italic.woff2') format('woff2'), 
    url('exo-latin-500italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-600normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Exo SemiBold '),
    local('Exo-SemiBold'),
    url('exo-latin-600.woff2') format('woff2'), 
    url('exo-latin-600.woff') format('woff'); /* Modern Browsers */
}
/* exo-600italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local('Exo SemiBold italic'),
    local('Exo-SemiBolditalic'),
    url('exo-latin-600italic.woff2') format('woff2'), 
    url('exo-latin-600italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-700normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Exo Bold '),
    local('Exo-Bold'),
    url('exo-latin-700.woff2') format('woff2'), 
    url('exo-latin-700.woff') format('woff'); /* Modern Browsers */
}
/* exo-700italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Exo Bold italic'),
    local('Exo-Bolditalic'),
    url('exo-latin-700italic.woff2') format('woff2'), 
    url('exo-latin-700italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-800normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Exo ExtraBold '),
    local('Exo-ExtraBold'),
    url('exo-latin-800.woff2') format('woff2'), 
    url('exo-latin-800.woff') format('woff'); /* Modern Browsers */
}
/* exo-800italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local('Exo ExtraBold italic'),
    local('Exo-ExtraBolditalic'),
    url('exo-latin-800italic.woff2') format('woff2'), 
    url('exo-latin-800italic.woff') format('woff'); /* Modern Browsers */
}
/* exo-900normal - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Exo Black '),
    local('Exo-Black'),
    url('exo-latin-900.woff2') format('woff2'), 
    url('exo-latin-900.woff') format('woff'); /* Modern Browsers */
}
/* exo-900italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Exo Black italic'),
    local('Exo-Blackitalic'),
    url('exo-latin-900italic.woff2') format('woff2'), 
    url('exo-latin-900italic.woff') format('woff'); /* Modern Browsers */
}


/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bootstrap/dist/css/bootstrap.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
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;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
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,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\00A0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size], select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
  left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
  left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 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) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: 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) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.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;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  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) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.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: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  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 .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  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: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.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;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !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;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !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;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !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;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !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;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !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;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !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;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.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-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !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;
}
.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;
}
.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;
}
@media (min-width: 576px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !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;
  }
  .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;
  }
  .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;
  }
}
@media (min-width: 768px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !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;
  }
  .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;
  }
  .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;
  }
}
@media (min-width: 992px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !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;
  }
  .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;
  }
  .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;
  }
}
@media (min-width: 1200px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !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;
  }
  .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;
  }
  .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;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/roboto-fontface/css/roboto/roboto-fontface.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin.woff2') format('woff2'), url('Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('Roboto-Thin.woff2') format('woff2'), url('Roboto-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic.woff2') format('woff2'), url('Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('Roboto-ThinItalic.woff2') format('woff2'), url('Roboto-ThinItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.woff2') format('woff2'), url('Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.woff2') format('woff2'), url('Roboto-Light.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-LightItalic.woff2') format('woff2'), url('Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('Roboto-LightItalic.woff2') format('woff2'), url('Roboto-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-RegularItalic.woff2') format('woff2'), url('Roboto-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url('Roboto-RegularItalic.woff2') format('woff2'), url('Roboto-RegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.woff2') format('woff2'), url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto-Medium.woff2') format('woff2'), url('Roboto-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-MediumItalic.woff2') format('woff2'), url('Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('Roboto-MediumItalic.woff2') format('woff2'), url('Roboto-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.woff2') format('woff2'), url('Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.woff2') format('woff2'), url('Roboto-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic.woff2') format('woff2'), url('Roboto-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('Roboto-BoldItalic.woff2') format('woff2'), url('Roboto-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.woff2') format('woff2'), url('Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('Roboto-Black.woff2') format('woff2'), url('Roboto-Black.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BlackItalic.woff2') format('woff2'), url('Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('Roboto-BlackItalic.woff2') format('woff2'), url('Roboto-BlackItalic.woff') format('woff');
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/ionicons/scss/ionicons.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url('ionicons.eot?v=2.0.1');
  src: url('ionicons.eot?v=2.0.1#iefix') format("embedded-opentype"), url('ionicons.ttf?v=2.0.1') format("truetype"), url('ionicons.woff?v=2.0.1') format("woff"), url('ionicons.svg?v=2.0.1#Ionicons') format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion, .ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ion-alert:before {
  content: "\f101";
}
.ion-alert-circled:before {
  content: "\f100";
}
.ion-android-add:before {
  content: "\f2c7";
}
.ion-android-add-circle:before {
  content: "\f359";
}
.ion-android-alarm-clock:before {
  content: "\f35a";
}
.ion-android-alert:before {
  content: "\f35b";
}
.ion-android-apps:before {
  content: "\f35c";
}
.ion-android-archive:before {
  content: "\f2c9";
}
.ion-android-arrow-back:before {
  content: "\f2ca";
}
.ion-android-arrow-down:before {
  content: "\f35d";
}
.ion-android-arrow-dropdown:before {
  content: "\f35f";
}
.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}
.ion-android-arrow-dropleft:before {
  content: "\f361";
}
.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}
.ion-android-arrow-dropright:before {
  content: "\f363";
}
.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}
.ion-android-arrow-dropup:before {
  content: "\f365";
}
.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}
.ion-android-arrow-forward:before {
  content: "\f30f";
}
.ion-android-arrow-up:before {
  content: "\f366";
}
.ion-android-attach:before {
  content: "\f367";
}
.ion-android-bar:before {
  content: "\f368";
}
.ion-android-bicycle:before {
  content: "\f369";
}
.ion-android-boat:before {
  content: "\f36a";
}
.ion-android-bookmark:before {
  content: "\f36b";
}
.ion-android-bulb:before {
  content: "\f36c";
}
.ion-android-bus:before {
  content: "\f36d";
}
.ion-android-calendar:before {
  content: "\f2d1";
}
.ion-android-call:before {
  content: "\f2d2";
}
.ion-android-camera:before {
  content: "\f2d3";
}
.ion-android-cancel:before {
  content: "\f36e";
}
.ion-android-car:before {
  content: "\f36f";
}
.ion-android-cart:before {
  content: "\f370";
}
.ion-android-chat:before {
  content: "\f2d4";
}
.ion-android-checkbox:before {
  content: "\f374";
}
.ion-android-checkbox-blank:before {
  content: "\f371";
}
.ion-android-checkbox-outline:before {
  content: "\f373";
}
.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}
.ion-android-checkmark-circle:before {
  content: "\f375";
}
.ion-android-clipboard:before {
  content: "\f376";
}
.ion-android-close:before {
  content: "\f2d7";
}
.ion-android-cloud:before {
  content: "\f37a";
}
.ion-android-cloud-circle:before {
  content: "\f377";
}
.ion-android-cloud-done:before {
  content: "\f378";
}
.ion-android-cloud-outline:before {
  content: "\f379";
}
.ion-android-color-palette:before {
  content: "\f37b";
}
.ion-android-compass:before {
  content: "\f37c";
}
.ion-android-contact:before {
  content: "\f2d8";
}
.ion-android-contacts:before {
  content: "\f2d9";
}
.ion-android-contract:before {
  content: "\f37d";
}
.ion-android-create:before {
  content: "\f37e";
}
.ion-android-delete:before {
  content: "\f37f";
}
.ion-android-desktop:before {
  content: "\f380";
}
.ion-android-document:before {
  content: "\f381";
}
.ion-android-done:before {
  content: "\f383";
}
.ion-android-done-all:before {
  content: "\f382";
}
.ion-android-download:before {
  content: "\f2dd";
}
.ion-android-drafts:before {
  content: "\f384";
}
.ion-android-exit:before {
  content: "\f385";
}
.ion-android-expand:before {
  content: "\f386";
}
.ion-android-favorite:before {
  content: "\f388";
}
.ion-android-favorite-outline:before {
  content: "\f387";
}
.ion-android-film:before {
  content: "\f389";
}
.ion-android-folder:before {
  content: "\f2e0";
}
.ion-android-folder-open:before {
  content: "\f38a";
}
.ion-android-funnel:before {
  content: "\f38b";
}
.ion-android-globe:before {
  content: "\f38c";
}
.ion-android-hand:before {
  content: "\f2e3";
}
.ion-android-hangout:before {
  content: "\f38d";
}
.ion-android-happy:before {
  content: "\f38e";
}
.ion-android-home:before {
  content: "\f38f";
}
.ion-android-image:before {
  content: "\f2e4";
}
.ion-android-laptop:before {
  content: "\f390";
}
.ion-android-list:before {
  content: "\f391";
}
.ion-android-locate:before {
  content: "\f2e9";
}
.ion-android-lock:before {
  content: "\f392";
}
.ion-android-mail:before {
  content: "\f2eb";
}
.ion-android-map:before {
  content: "\f393";
}
.ion-android-menu:before {
  content: "\f394";
}
.ion-android-microphone:before {
  content: "\f2ec";
}
.ion-android-microphone-off:before {
  content: "\f395";
}
.ion-android-more-horizontal:before {
  content: "\f396";
}
.ion-android-more-vertical:before {
  content: "\f397";
}
.ion-android-navigate:before {
  content: "\f398";
}
.ion-android-notifications:before {
  content: "\f39b";
}
.ion-android-notifications-none:before {
  content: "\f399";
}
.ion-android-notifications-off:before {
  content: "\f39a";
}
.ion-android-open:before {
  content: "\f39c";
}
.ion-android-options:before {
  content: "\f39d";
}
.ion-android-people:before {
  content: "\f39e";
}
.ion-android-person:before {
  content: "\f3a0";
}
.ion-android-person-add:before {
  content: "\f39f";
}
.ion-android-phone-landscape:before {
  content: "\f3a1";
}
.ion-android-phone-portrait:before {
  content: "\f3a2";
}
.ion-android-pin:before {
  content: "\f3a3";
}
.ion-android-plane:before {
  content: "\f3a4";
}
.ion-android-playstore:before {
  content: "\f2f0";
}
.ion-android-print:before {
  content: "\f3a5";
}
.ion-android-radio-button-off:before {
  content: "\f3a6";
}
.ion-android-radio-button-on:before {
  content: "\f3a7";
}
.ion-android-refresh:before {
  content: "\f3a8";
}
.ion-android-remove:before {
  content: "\f2f4";
}
.ion-android-remove-circle:before {
  content: "\f3a9";
}
.ion-android-restaurant:before {
  content: "\f3aa";
}
.ion-android-sad:before {
  content: "\f3ab";
}
.ion-android-search:before {
  content: "\f2f5";
}
.ion-android-send:before {
  content: "\f2f6";
}
.ion-android-settings:before {
  content: "\f2f7";
}
.ion-android-share:before {
  content: "\f2f8";
}
.ion-android-share-alt:before {
  content: "\f3ac";
}
.ion-android-star:before {
  content: "\f2fc";
}
.ion-android-star-half:before {
  content: "\f3ad";
}
.ion-android-star-outline:before {
  content: "\f3ae";
}
.ion-android-stopwatch:before {
  content: "\f2fd";
}
.ion-android-subway:before {
  content: "\f3af";
}
.ion-android-sunny:before {
  content: "\f3b0";
}
.ion-android-sync:before {
  content: "\f3b1";
}
.ion-android-textsms:before {
  content: "\f3b2";
}
.ion-android-time:before {
  content: "\f3b3";
}
.ion-android-train:before {
  content: "\f3b4";
}
.ion-android-unlock:before {
  content: "\f3b5";
}
.ion-android-upload:before {
  content: "\f3b6";
}
.ion-android-volume-down:before {
  content: "\f3b7";
}
.ion-android-volume-mute:before {
  content: "\f3b8";
}
.ion-android-volume-off:before {
  content: "\f3b9";
}
.ion-android-volume-up:before {
  content: "\f3ba";
}
.ion-android-walk:before {
  content: "\f3bb";
}
.ion-android-warning:before {
  content: "\f3bc";
}
.ion-android-watch:before {
  content: "\f3bd";
}
.ion-android-wifi:before {
  content: "\f305";
}
.ion-aperture:before {
  content: "\f313";
}
.ion-archive:before {
  content: "\f102";
}
.ion-arrow-down-a:before {
  content: "\f103";
}
.ion-arrow-down-b:before {
  content: "\f104";
}
.ion-arrow-down-c:before {
  content: "\f105";
}
.ion-arrow-expand:before {
  content: "\f25e";
}
.ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ion-arrow-left-a:before {
  content: "\f106";
}
.ion-arrow-left-b:before {
  content: "\f107";
}
.ion-arrow-left-c:before {
  content: "\f108";
}
.ion-arrow-move:before {
  content: "\f263";
}
.ion-arrow-resize:before {
  content: "\f264";
}
.ion-arrow-return-left:before {
  content: "\f265";
}
.ion-arrow-return-right:before {
  content: "\f266";
}
.ion-arrow-right-a:before {
  content: "\f109";
}
.ion-arrow-right-b:before {
  content: "\f10a";
}
.ion-arrow-right-c:before {
  content: "\f10b";
}
.ion-arrow-shrink:before {
  content: "\f267";
}
.ion-arrow-swap:before {
  content: "\f268";
}
.ion-arrow-up-a:before {
  content: "\f10c";
}
.ion-arrow-up-b:before {
  content: "\f10d";
}
.ion-arrow-up-c:before {
  content: "\f10e";
}
.ion-asterisk:before {
  content: "\f314";
}
.ion-at:before {
  content: "\f10f";
}
.ion-backspace:before {
  content: "\f3bf";
}
.ion-backspace-outline:before {
  content: "\f3be";
}
.ion-bag:before {
  content: "\f110";
}
.ion-battery-charging:before {
  content: "\f111";
}
.ion-battery-empty:before {
  content: "\f112";
}
.ion-battery-full:before {
  content: "\f113";
}
.ion-battery-half:before {
  content: "\f114";
}
.ion-battery-low:before {
  content: "\f115";
}
.ion-beaker:before {
  content: "\f269";
}
.ion-beer:before {
  content: "\f26a";
}
.ion-bluetooth:before {
  content: "\f116";
}
.ion-bonfire:before {
  content: "\f315";
}
.ion-bookmark:before {
  content: "\f26b";
}
.ion-bowtie:before {
  content: "\f3c0";
}
.ion-briefcase:before {
  content: "\f26c";
}
.ion-bug:before {
  content: "\f2be";
}
.ion-calculator:before {
  content: "\f26d";
}
.ion-calendar:before {
  content: "\f117";
}
.ion-camera:before {
  content: "\f118";
}
.ion-card:before {
  content: "\f119";
}
.ion-cash:before {
  content: "\f316";
}
.ion-chatbox:before {
  content: "\f11b";
}
.ion-chatbox-working:before {
  content: "\f11a";
}
.ion-chatboxes:before {
  content: "\f11c";
}
.ion-chatbubble:before {
  content: "\f11e";
}
.ion-chatbubble-working:before {
  content: "\f11d";
}
.ion-chatbubbles:before {
  content: "\f11f";
}
.ion-checkmark:before {
  content: "\f122";
}
.ion-checkmark-circled:before {
  content: "\f120";
}
.ion-checkmark-round:before {
  content: "\f121";
}
.ion-chevron-down:before {
  content: "\f123";
}
.ion-chevron-left:before {
  content: "\f124";
}
.ion-chevron-right:before {
  content: "\f125";
}
.ion-chevron-up:before {
  content: "\f126";
}
.ion-clipboard:before {
  content: "\f127";
}
.ion-clock:before {
  content: "\f26e";
}
.ion-close:before {
  content: "\f12a";
}
.ion-close-circled:before {
  content: "\f128";
}
.ion-close-round:before {
  content: "\f129";
}
.ion-closed-captioning:before {
  content: "\f317";
}
.ion-cloud:before {
  content: "\f12b";
}
.ion-code:before {
  content: "\f271";
}
.ion-code-download:before {
  content: "\f26f";
}
.ion-code-working:before {
  content: "\f270";
}
.ion-coffee:before {
  content: "\f272";
}
.ion-compass:before {
  content: "\f273";
}
.ion-compose:before {
  content: "\f12c";
}
.ion-connection-bars:before {
  content: "\f274";
}
.ion-contrast:before {
  content: "\f275";
}
.ion-crop:before {
  content: "\f3c1";
}
.ion-cube:before {
  content: "\f318";
}
.ion-disc:before {
  content: "\f12d";
}
.ion-document:before {
  content: "\f12f";
}
.ion-document-text:before {
  content: "\f12e";
}
.ion-drag:before {
  content: "\f130";
}
.ion-earth:before {
  content: "\f276";
}
.ion-easel:before {
  content: "\f3c2";
}
.ion-edit:before {
  content: "\f2bf";
}
.ion-egg:before {
  content: "\f277";
}
.ion-eject:before {
  content: "\f131";
}
.ion-email:before {
  content: "\f132";
}
.ion-email-unread:before {
  content: "\f3c3";
}
.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}
.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}
.ion-eye:before {
  content: "\f133";
}
.ion-eye-disabled:before {
  content: "\f306";
}
.ion-female:before {
  content: "\f278";
}
.ion-filing:before {
  content: "\f134";
}
.ion-film-marker:before {
  content: "\f135";
}
.ion-fireball:before {
  content: "\f319";
}
.ion-flag:before {
  content: "\f279";
}
.ion-flame:before {
  content: "\f31a";
}
.ion-flash:before {
  content: "\f137";
}
.ion-flash-off:before {
  content: "\f136";
}
.ion-folder:before {
  content: "\f139";
}
.ion-fork:before {
  content: "\f27a";
}
.ion-fork-repo:before {
  content: "\f2c0";
}
.ion-forward:before {
  content: "\f13a";
}
.ion-funnel:before {
  content: "\f31b";
}
.ion-gear-a:before {
  content: "\f13d";
}
.ion-gear-b:before {
  content: "\f13e";
}
.ion-grid:before {
  content: "\f13f";
}
.ion-hammer:before {
  content: "\f27b";
}
.ion-happy:before {
  content: "\f31c";
}
.ion-happy-outline:before {
  content: "\f3c6";
}
.ion-headphone:before {
  content: "\f140";
}
.ion-heart:before {
  content: "\f141";
}
.ion-heart-broken:before {
  content: "\f31d";
}
.ion-help:before {
  content: "\f143";
}
.ion-help-buoy:before {
  content: "\f27c";
}
.ion-help-circled:before {
  content: "\f142";
}
.ion-home:before {
  content: "\f144";
}
.ion-icecream:before {
  content: "\f27d";
}
.ion-image:before {
  content: "\f147";
}
.ion-images:before {
  content: "\f148";
}
.ion-information:before {
  content: "\f14a";
}
.ion-information-circled:before {
  content: "\f149";
}
.ion-ionic:before {
  content: "\f14b";
}
.ion-ios-alarm:before {
  content: "\f3c8";
}
.ion-ios-alarm-outline:before {
  content: "\f3c7";
}
.ion-ios-albums:before {
  content: "\f3ca";
}
.ion-ios-albums-outline:before {
  content: "\f3c9";
}
.ion-ios-americanfootball:before {
  content: "\f3cc";
}
.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}
.ion-ios-analytics:before {
  content: "\f3ce";
}
.ion-ios-analytics-outline:before {
  content: "\f3cd";
}
.ion-ios-arrow-back:before {
  content: "\f3cf";
}
.ion-ios-arrow-down:before {
  content: "\f3d0";
}
.ion-ios-arrow-forward:before {
  content: "\f3d1";
}
.ion-ios-arrow-left:before {
  content: "\f3d2";
}
.ion-ios-arrow-right:before {
  content: "\f3d3";
}
.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}
.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}
.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}
.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}
.ion-ios-arrow-up:before {
  content: "\f3d8";
}
.ion-ios-at:before {
  content: "\f3da";
}
.ion-ios-at-outline:before {
  content: "\f3d9";
}
.ion-ios-barcode:before {
  content: "\f3dc";
}
.ion-ios-barcode-outline:before {
  content: "\f3db";
}
.ion-ios-baseball:before {
  content: "\f3de";
}
.ion-ios-baseball-outline:before {
  content: "\f3dd";
}
.ion-ios-basketball:before {
  content: "\f3e0";
}
.ion-ios-basketball-outline:before {
  content: "\f3df";
}
.ion-ios-bell:before {
  content: "\f3e2";
}
.ion-ios-bell-outline:before {
  content: "\f3e1";
}
.ion-ios-body:before {
  content: "\f3e4";
}
.ion-ios-body-outline:before {
  content: "\f3e3";
}
.ion-ios-bolt:before {
  content: "\f3e6";
}
.ion-ios-bolt-outline:before {
  content: "\f3e5";
}
.ion-ios-book:before {
  content: "\f3e8";
}
.ion-ios-book-outline:before {
  content: "\f3e7";
}
.ion-ios-bookmarks:before {
  content: "\f3ea";
}
.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}
.ion-ios-box:before {
  content: "\f3ec";
}
.ion-ios-box-outline:before {
  content: "\f3eb";
}
.ion-ios-briefcase:before {
  content: "\f3ee";
}
.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}
.ion-ios-browsers:before {
  content: "\f3f0";
}
.ion-ios-browsers-outline:before {
  content: "\f3ef";
}
.ion-ios-calculator:before {
  content: "\f3f2";
}
.ion-ios-calculator-outline:before {
  content: "\f3f1";
}
.ion-ios-calendar:before {
  content: "\f3f4";
}
.ion-ios-calendar-outline:before {
  content: "\f3f3";
}
.ion-ios-camera:before {
  content: "\f3f6";
}
.ion-ios-camera-outline:before {
  content: "\f3f5";
}
.ion-ios-cart:before {
  content: "\f3f8";
}
.ion-ios-cart-outline:before {
  content: "\f3f7";
}
.ion-ios-chatboxes:before {
  content: "\f3fa";
}
.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}
.ion-ios-chatbubble:before {
  content: "\f3fc";
}
.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}
.ion-ios-checkmark:before {
  content: "\f3ff";
}
.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}
.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}
.ion-ios-circle-filled:before {
  content: "\f400";
}
.ion-ios-circle-outline:before {
  content: "\f401";
}
.ion-ios-clock:before {
  content: "\f403";
}
.ion-ios-clock-outline:before {
  content: "\f402";
}
.ion-ios-close:before {
  content: "\f406";
}
.ion-ios-close-empty:before {
  content: "\f404";
}
.ion-ios-close-outline:before {
  content: "\f405";
}
.ion-ios-cloud:before {
  content: "\f40c";
}
.ion-ios-cloud-download:before {
  content: "\f408";
}
.ion-ios-cloud-download-outline:before {
  content: "\f407";
}
.ion-ios-cloud-outline:before {
  content: "\f409";
}
.ion-ios-cloud-upload:before {
  content: "\f40b";
}
.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}
.ion-ios-cloudy:before {
  content: "\f410";
}
.ion-ios-cloudy-night:before {
  content: "\f40e";
}
.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}
.ion-ios-cloudy-outline:before {
  content: "\f40f";
}
.ion-ios-cog:before {
  content: "\f412";
}
.ion-ios-cog-outline:before {
  content: "\f411";
}
.ion-ios-color-filter:before {
  content: "\f414";
}
.ion-ios-color-filter-outline:before {
  content: "\f413";
}
.ion-ios-color-wand:before {
  content: "\f416";
}
.ion-ios-color-wand-outline:before {
  content: "\f415";
}
.ion-ios-compose:before {
  content: "\f418";
}
.ion-ios-compose-outline:before {
  content: "\f417";
}
.ion-ios-contact:before {
  content: "\f41a";
}
.ion-ios-contact-outline:before {
  content: "\f419";
}
.ion-ios-copy:before {
  content: "\f41c";
}
.ion-ios-copy-outline:before {
  content: "\f41b";
}
.ion-ios-crop:before {
  content: "\f41e";
}
.ion-ios-crop-strong:before {
  content: "\f41d";
}
.ion-ios-download:before {
  content: "\f420";
}
.ion-ios-download-outline:before {
  content: "\f41f";
}
.ion-ios-drag:before {
  content: "\f421";
}
.ion-ios-email:before {
  content: "\f423";
}
.ion-ios-email-outline:before {
  content: "\f422";
}
.ion-ios-eye:before {
  content: "\f425";
}
.ion-ios-eye-outline:before {
  content: "\f424";
}
.ion-ios-fastforward:before {
  content: "\f427";
}
.ion-ios-fastforward-outline:before {
  content: "\f426";
}
.ion-ios-filing:before {
  content: "\f429";
}
.ion-ios-filing-outline:before {
  content: "\f428";
}
.ion-ios-film:before {
  content: "\f42b";
}
.ion-ios-film-outline:before {
  content: "\f42a";
}
.ion-ios-flag:before {
  content: "\f42d";
}
.ion-ios-flag-outline:before {
  content: "\f42c";
}
.ion-ios-flame:before {
  content: "\f42f";
}
.ion-ios-flame-outline:before {
  content: "\f42e";
}
.ion-ios-flask:before {
  content: "\f431";
}
.ion-ios-flask-outline:before {
  content: "\f430";
}
.ion-ios-flower:before {
  content: "\f433";
}
.ion-ios-flower-outline:before {
  content: "\f432";
}
.ion-ios-folder:before {
  content: "\f435";
}
.ion-ios-folder-outline:before {
  content: "\f434";
}
.ion-ios-football:before {
  content: "\f437";
}
.ion-ios-football-outline:before {
  content: "\f436";
}
.ion-ios-game-controller-a:before {
  content: "\f439";
}
.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}
.ion-ios-game-controller-b:before {
  content: "\f43b";
}
.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}
.ion-ios-gear:before {
  content: "\f43d";
}
.ion-ios-gear-outline:before {
  content: "\f43c";
}
.ion-ios-glasses:before {
  content: "\f43f";
}
.ion-ios-glasses-outline:before {
  content: "\f43e";
}
.ion-ios-grid-view:before {
  content: "\f441";
}
.ion-ios-grid-view-outline:before {
  content: "\f440";
}
.ion-ios-heart:before {
  content: "\f443";
}
.ion-ios-heart-outline:before {
  content: "\f442";
}
.ion-ios-help:before {
  content: "\f446";
}
.ion-ios-help-empty:before {
  content: "\f444";
}
.ion-ios-help-outline:before {
  content: "\f445";
}
.ion-ios-home:before {
  content: "\f448";
}
.ion-ios-home-outline:before {
  content: "\f447";
}
.ion-ios-infinite:before {
  content: "\f44a";
}
.ion-ios-infinite-outline:before {
  content: "\f449";
}
.ion-ios-information:before {
  content: "\f44d";
}
.ion-ios-information-empty:before {
  content: "\f44b";
}
.ion-ios-information-outline:before {
  content: "\f44c";
}
.ion-ios-ionic-outline:before {
  content: "\f44e";
}
.ion-ios-keypad:before {
  content: "\f450";
}
.ion-ios-keypad-outline:before {
  content: "\f44f";
}
.ion-ios-lightbulb:before {
  content: "\f452";
}
.ion-ios-lightbulb-outline:before {
  content: "\f451";
}
.ion-ios-list:before {
  content: "\f454";
}
.ion-ios-list-outline:before {
  content: "\f453";
}
.ion-ios-location:before {
  content: "\f456";
}
.ion-ios-location-outline:before {
  content: "\f455";
}
.ion-ios-locked:before {
  content: "\f458";
}
.ion-ios-locked-outline:before {
  content: "\f457";
}
.ion-ios-loop:before {
  content: "\f45a";
}
.ion-ios-loop-strong:before {
  content: "\f459";
}
.ion-ios-medical:before {
  content: "\f45c";
}
.ion-ios-medical-outline:before {
  content: "\f45b";
}
.ion-ios-medkit:before {
  content: "\f45e";
}
.ion-ios-medkit-outline:before {
  content: "\f45d";
}
.ion-ios-mic:before {
  content: "\f461";
}
.ion-ios-mic-off:before {
  content: "\f45f";
}
.ion-ios-mic-outline:before {
  content: "\f460";
}
.ion-ios-minus:before {
  content: "\f464";
}
.ion-ios-minus-empty:before {
  content: "\f462";
}
.ion-ios-minus-outline:before {
  content: "\f463";
}
.ion-ios-monitor:before {
  content: "\f466";
}
.ion-ios-monitor-outline:before {
  content: "\f465";
}
.ion-ios-moon:before {
  content: "\f468";
}
.ion-ios-moon-outline:before {
  content: "\f467";
}
.ion-ios-more:before {
  content: "\f46a";
}
.ion-ios-more-outline:before {
  content: "\f469";
}
.ion-ios-musical-note:before {
  content: "\f46b";
}
.ion-ios-musical-notes:before {
  content: "\f46c";
}
.ion-ios-navigate:before {
  content: "\f46e";
}
.ion-ios-navigate-outline:before {
  content: "\f46d";
}
.ion-ios-nutrition:before {
  content: "\f470";
}
.ion-ios-nutrition-outline:before {
  content: "\f46f";
}
.ion-ios-paper:before {
  content: "\f472";
}
.ion-ios-paper-outline:before {
  content: "\f471";
}
.ion-ios-paperplane:before {
  content: "\f474";
}
.ion-ios-paperplane-outline:before {
  content: "\f473";
}
.ion-ios-partlysunny:before {
  content: "\f476";
}
.ion-ios-partlysunny-outline:before {
  content: "\f475";
}
.ion-ios-pause:before {
  content: "\f478";
}
.ion-ios-pause-outline:before {
  content: "\f477";
}
.ion-ios-paw:before {
  content: "\f47a";
}
.ion-ios-paw-outline:before {
  content: "\f479";
}
.ion-ios-people:before {
  content: "\f47c";
}
.ion-ios-people-outline:before {
  content: "\f47b";
}
.ion-ios-person:before {
  content: "\f47e";
}
.ion-ios-person-outline:before {
  content: "\f47d";
}
.ion-ios-personadd:before {
  content: "\f480";
}
.ion-ios-personadd-outline:before {
  content: "\f47f";
}
.ion-ios-photos:before {
  content: "\f482";
}
.ion-ios-photos-outline:before {
  content: "\f481";
}
.ion-ios-pie:before {
  content: "\f484";
}
.ion-ios-pie-outline:before {
  content: "\f483";
}
.ion-ios-pint:before {
  content: "\f486";
}
.ion-ios-pint-outline:before {
  content: "\f485";
}
.ion-ios-play:before {
  content: "\f488";
}
.ion-ios-play-outline:before {
  content: "\f487";
}
.ion-ios-plus:before {
  content: "\f48b";
}
.ion-ios-plus-empty:before {
  content: "\f489";
}
.ion-ios-plus-outline:before {
  content: "\f48a";
}
.ion-ios-pricetag:before {
  content: "\f48d";
}
.ion-ios-pricetag-outline:before {
  content: "\f48c";
}
.ion-ios-pricetags:before {
  content: "\f48f";
}
.ion-ios-pricetags-outline:before {
  content: "\f48e";
}
.ion-ios-printer:before {
  content: "\f491";
}
.ion-ios-printer-outline:before {
  content: "\f490";
}
.ion-ios-pulse:before {
  content: "\f493";
}
.ion-ios-pulse-strong:before {
  content: "\f492";
}
.ion-ios-rainy:before {
  content: "\f495";
}
.ion-ios-rainy-outline:before {
  content: "\f494";
}
.ion-ios-recording:before {
  content: "\f497";
}
.ion-ios-recording-outline:before {
  content: "\f496";
}
.ion-ios-redo:before {
  content: "\f499";
}
.ion-ios-redo-outline:before {
  content: "\f498";
}
.ion-ios-refresh:before {
  content: "\f49c";
}
.ion-ios-refresh-empty:before {
  content: "\f49a";
}
.ion-ios-refresh-outline:before {
  content: "\f49b";
}
.ion-ios-reload:before {
  content: "\f49d";
}
.ion-ios-reverse-camera:before {
  content: "\f49f";
}
.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}
.ion-ios-rewind:before {
  content: "\f4a1";
}
.ion-ios-rewind-outline:before {
  content: "\f4a0";
}
.ion-ios-rose:before {
  content: "\f4a3";
}
.ion-ios-rose-outline:before {
  content: "\f4a2";
}
.ion-ios-search:before {
  content: "\f4a5";
}
.ion-ios-search-strong:before {
  content: "\f4a4";
}
.ion-ios-settings:before {
  content: "\f4a7";
}
.ion-ios-settings-strong:before {
  content: "\f4a6";
}
.ion-ios-shuffle:before {
  content: "\f4a9";
}
.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}
.ion-ios-skipbackward:before {
  content: "\f4ab";
}
.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}
.ion-ios-skipforward:before {
  content: "\f4ad";
}
.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}
.ion-ios-snowy:before {
  content: "\f4ae";
}
.ion-ios-speedometer:before {
  content: "\f4b0";
}
.ion-ios-speedometer-outline:before {
  content: "\f4af";
}
.ion-ios-star:before {
  content: "\f4b3";
}
.ion-ios-star-half:before {
  content: "\f4b1";
}
.ion-ios-star-outline:before {
  content: "\f4b2";
}
.ion-ios-stopwatch:before {
  content: "\f4b5";
}
.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}
.ion-ios-sunny:before {
  content: "\f4b7";
}
.ion-ios-sunny-outline:before {
  content: "\f4b6";
}
.ion-ios-telephone:before {
  content: "\f4b9";
}
.ion-ios-telephone-outline:before {
  content: "\f4b8";
}
.ion-ios-tennisball:before {
  content: "\f4bb";
}
.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}
.ion-ios-thunderstorm:before {
  content: "\f4bd";
}
.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}
.ion-ios-time:before {
  content: "\f4bf";
}
.ion-ios-time-outline:before {
  content: "\f4be";
}
.ion-ios-timer:before {
  content: "\f4c1";
}
.ion-ios-timer-outline:before {
  content: "\f4c0";
}
.ion-ios-toggle:before {
  content: "\f4c3";
}
.ion-ios-toggle-outline:before {
  content: "\f4c2";
}
.ion-ios-trash:before {
  content: "\f4c5";
}
.ion-ios-trash-outline:before {
  content: "\f4c4";
}
.ion-ios-undo:before {
  content: "\f4c7";
}
.ion-ios-undo-outline:before {
  content: "\f4c6";
}
.ion-ios-unlocked:before {
  content: "\f4c9";
}
.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}
.ion-ios-upload:before {
  content: "\f4cb";
}
.ion-ios-upload-outline:before {
  content: "\f4ca";
}
.ion-ios-videocam:before {
  content: "\f4cd";
}
.ion-ios-videocam-outline:before {
  content: "\f4cc";
}
.ion-ios-volume-high:before {
  content: "\f4ce";
}
.ion-ios-volume-low:before {
  content: "\f4cf";
}
.ion-ios-wineglass:before {
  content: "\f4d1";
}
.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}
.ion-ios-world:before {
  content: "\f4d3";
}
.ion-ios-world-outline:before {
  content: "\f4d2";
}
.ion-ipad:before {
  content: "\f1f9";
}
.ion-iphone:before {
  content: "\f1fa";
}
.ion-ipod:before {
  content: "\f1fb";
}
.ion-jet:before {
  content: "\f295";
}
.ion-key:before {
  content: "\f296";
}
.ion-knife:before {
  content: "\f297";
}
.ion-laptop:before {
  content: "\f1fc";
}
.ion-leaf:before {
  content: "\f1fd";
}
.ion-levels:before {
  content: "\f298";
}
.ion-lightbulb:before {
  content: "\f299";
}
.ion-link:before {
  content: "\f1fe";
}
.ion-load-a:before {
  content: "\f29a";
}
.ion-load-b:before {
  content: "\f29b";
}
.ion-load-c:before {
  content: "\f29c";
}
.ion-load-d:before {
  content: "\f29d";
}
.ion-location:before {
  content: "\f1ff";
}
.ion-lock-combination:before {
  content: "\f4d4";
}
.ion-locked:before {
  content: "\f200";
}
.ion-log-in:before {
  content: "\f29e";
}
.ion-log-out:before {
  content: "\f29f";
}
.ion-loop:before {
  content: "\f201";
}
.ion-magnet:before {
  content: "\f2a0";
}
.ion-male:before {
  content: "\f2a1";
}
.ion-man:before {
  content: "\f202";
}
.ion-map:before {
  content: "\f203";
}
.ion-medkit:before {
  content: "\f2a2";
}
.ion-merge:before {
  content: "\f33f";
}
.ion-mic-a:before {
  content: "\f204";
}
.ion-mic-b:before {
  content: "\f205";
}
.ion-mic-c:before {
  content: "\f206";
}
.ion-minus:before {
  content: "\f209";
}
.ion-minus-circled:before {
  content: "\f207";
}
.ion-minus-round:before {
  content: "\f208";
}
.ion-model-s:before {
  content: "\f2c1";
}
.ion-monitor:before {
  content: "\f20a";
}
.ion-more:before {
  content: "\f20b";
}
.ion-mouse:before {
  content: "\f340";
}
.ion-music-note:before {
  content: "\f20c";
}
.ion-navicon:before {
  content: "\f20e";
}
.ion-navicon-round:before {
  content: "\f20d";
}
.ion-navigate:before {
  content: "\f2a3";
}
.ion-network:before {
  content: "\f341";
}
.ion-no-smoking:before {
  content: "\f2c2";
}
.ion-nuclear:before {
  content: "\f2a4";
}
.ion-outlet:before {
  content: "\f342";
}
.ion-paintbrush:before {
  content: "\f4d5";
}
.ion-paintbucket:before {
  content: "\f4d6";
}
.ion-paper-airplane:before {
  content: "\f2c3";
}
.ion-paperclip:before {
  content: "\f20f";
}
.ion-pause:before {
  content: "\f210";
}
.ion-person:before {
  content: "\f213";
}
.ion-person-add:before {
  content: "\f211";
}
.ion-person-stalker:before {
  content: "\f212";
}
.ion-pie-graph:before {
  content: "\f2a5";
}
.ion-pin:before {
  content: "\f2a6";
}
.ion-pinpoint:before {
  content: "\f2a7";
}
.ion-pizza:before {
  content: "\f2a8";
}
.ion-plane:before {
  content: "\f214";
}
.ion-planet:before {
  content: "\f343";
}
.ion-play:before {
  content: "\f215";
}
.ion-playstation:before {
  content: "\f30a";
}
.ion-plus:before {
  content: "\f218";
}
.ion-plus-circled:before {
  content: "\f216";
}
.ion-plus-round:before {
  content: "\f217";
}
.ion-podium:before {
  content: "\f344";
}
.ion-pound:before {
  content: "\f219";
}
.ion-power:before {
  content: "\f2a9";
}
.ion-pricetag:before {
  content: "\f2aa";
}
.ion-pricetags:before {
  content: "\f2ab";
}
.ion-printer:before {
  content: "\f21a";
}
.ion-pull-request:before {
  content: "\f345";
}
.ion-qr-scanner:before {
  content: "\f346";
}
.ion-quote:before {
  content: "\f347";
}
.ion-radio-waves:before {
  content: "\f2ac";
}
.ion-record:before {
  content: "\f21b";
}
.ion-refresh:before {
  content: "\f21c";
}
.ion-reply:before {
  content: "\f21e";
}
.ion-reply-all:before {
  content: "\f21d";
}
.ion-ribbon-a:before {
  content: "\f348";
}
.ion-ribbon-b:before {
  content: "\f349";
}
.ion-sad:before {
  content: "\f34a";
}
.ion-sad-outline:before {
  content: "\f4d7";
}
.ion-scissors:before {
  content: "\f34b";
}
.ion-search:before {
  content: "\f21f";
}
.ion-settings:before {
  content: "\f2ad";
}
.ion-share:before {
  content: "\f220";
}
.ion-shuffle:before {
  content: "\f221";
}
.ion-skip-backward:before {
  content: "\f222";
}
.ion-skip-forward:before {
  content: "\f223";
}
.ion-social-android:before {
  content: "\f225";
}
.ion-social-android-outline:before {
  content: "\f224";
}
.ion-social-angular:before {
  content: "\f4d9";
}
.ion-social-angular-outline:before {
  content: "\f4d8";
}
.ion-social-apple:before {
  content: "\f227";
}
.ion-social-apple-outline:before {
  content: "\f226";
}
.ion-social-bitcoin:before {
  content: "\f2af";
}
.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ion-social-buffer:before {
  content: "\f229";
}
.ion-social-buffer-outline:before {
  content: "\f228";
}
.ion-social-chrome:before {
  content: "\f4db";
}
.ion-social-chrome-outline:before {
  content: "\f4da";
}
.ion-social-codepen:before {
  content: "\f4dd";
}
.ion-social-codepen-outline:before {
  content: "\f4dc";
}
.ion-social-css3:before {
  content: "\f4df";
}
.ion-social-css3-outline:before {
  content: "\f4de";
}
.ion-social-designernews:before {
  content: "\f22b";
}
.ion-social-designernews-outline:before {
  content: "\f22a";
}
.ion-social-dribbble:before {
  content: "\f22d";
}
.ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ion-social-dropbox:before {
  content: "\f22f";
}
.ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ion-social-euro:before {
  content: "\f4e1";
}
.ion-social-euro-outline:before {
  content: "\f4e0";
}
.ion-social-facebook:before {
  content: "\f231";
}
.ion-social-facebook-outline:before {
  content: "\f230";
}
.ion-social-foursquare:before {
  content: "\f34d";
}
.ion-social-foursquare-outline:before {
  content: "\f34c";
}
.ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ion-social-github:before {
  content: "\f233";
}
.ion-social-github-outline:before {
  content: "\f232";
}
.ion-social-google:before {
  content: "\f34f";
}
.ion-social-google-outline:before {
  content: "\f34e";
}
.ion-social-googleplus:before {
  content: "\f235";
}
.ion-social-googleplus-outline:before {
  content: "\f234";
}
.ion-social-hackernews:before {
  content: "\f237";
}
.ion-social-hackernews-outline:before {
  content: "\f236";
}
.ion-social-html5:before {
  content: "\f4e3";
}
.ion-social-html5-outline:before {
  content: "\f4e2";
}
.ion-social-instagram:before {
  content: "\f351";
}
.ion-social-instagram-outline:before {
  content: "\f350";
}
.ion-social-javascript:before {
  content: "\f4e5";
}
.ion-social-javascript-outline:before {
  content: "\f4e4";
}
.ion-social-linkedin:before {
  content: "\f239";
}
.ion-social-linkedin-outline:before {
  content: "\f238";
}
.ion-social-markdown:before {
  content: "\f4e6";
}
.ion-social-nodejs:before {
  content: "\f4e7";
}
.ion-social-octocat:before {
  content: "\f4e8";
}
.ion-social-pinterest:before {
  content: "\f2b1";
}
.ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ion-social-python:before {
  content: "\f4e9";
}
.ion-social-reddit:before {
  content: "\f23b";
}
.ion-social-reddit-outline:before {
  content: "\f23a";
}
.ion-social-rss:before {
  content: "\f23d";
}
.ion-social-rss-outline:before {
  content: "\f23c";
}
.ion-social-sass:before {
  content: "\f4ea";
}
.ion-social-skype:before {
  content: "\f23f";
}
.ion-social-skype-outline:before {
  content: "\f23e";
}
.ion-social-snapchat:before {
  content: "\f4ec";
}
.ion-social-snapchat-outline:before {
  content: "\f4eb";
}
.ion-social-tumblr:before {
  content: "\f241";
}
.ion-social-tumblr-outline:before {
  content: "\f240";
}
.ion-social-tux:before {
  content: "\f2c5";
}
.ion-social-twitch:before {
  content: "\f4ee";
}
.ion-social-twitch-outline:before {
  content: "\f4ed";
}
.ion-social-twitter:before {
  content: "\f243";
}
.ion-social-twitter-outline:before {
  content: "\f242";
}
.ion-social-usd:before {
  content: "\f353";
}
.ion-social-usd-outline:before {
  content: "\f352";
}
.ion-social-vimeo:before {
  content: "\f245";
}
.ion-social-vimeo-outline:before {
  content: "\f244";
}
.ion-social-whatsapp:before {
  content: "\f4f0";
}
.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}
.ion-social-windows:before {
  content: "\f247";
}
.ion-social-windows-outline:before {
  content: "\f246";
}
.ion-social-wordpress:before {
  content: "\f249";
}
.ion-social-wordpress-outline:before {
  content: "\f248";
}
.ion-social-yahoo:before {
  content: "\f24b";
}
.ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ion-social-yen:before {
  content: "\f4f2";
}
.ion-social-yen-outline:before {
  content: "\f4f1";
}
.ion-social-youtube:before {
  content: "\f24d";
}
.ion-social-youtube-outline:before {
  content: "\f24c";
}
.ion-soup-can:before {
  content: "\f4f4";
}
.ion-soup-can-outline:before {
  content: "\f4f3";
}
.ion-speakerphone:before {
  content: "\f2b2";
}
.ion-speedometer:before {
  content: "\f2b3";
}
.ion-spoon:before {
  content: "\f2b4";
}
.ion-star:before {
  content: "\f24e";
}
.ion-stats-bars:before {
  content: "\f2b5";
}
.ion-steam:before {
  content: "\f30b";
}
.ion-stop:before {
  content: "\f24f";
}
.ion-thermometer:before {
  content: "\f2b6";
}
.ion-thumbsdown:before {
  content: "\f250";
}
.ion-thumbsup:before {
  content: "\f251";
}
.ion-toggle:before {
  content: "\f355";
}
.ion-toggle-filled:before {
  content: "\f354";
}
.ion-transgender:before {
  content: "\f4f5";
}
.ion-trash-a:before {
  content: "\f252";
}
.ion-trash-b:before {
  content: "\f253";
}
.ion-trophy:before {
  content: "\f356";
}
.ion-tshirt:before {
  content: "\f4f7";
}
.ion-tshirt-outline:before {
  content: "\f4f6";
}
.ion-umbrella:before {
  content: "\f2b7";
}
.ion-university:before {
  content: "\f357";
}
.ion-unlocked:before {
  content: "\f254";
}
.ion-upload:before {
  content: "\f255";
}
.ion-usb:before {
  content: "\f2b8";
}
.ion-videocamera:before {
  content: "\f256";
}
.ion-volume-high:before {
  content: "\f257";
}
.ion-volume-low:before {
  content: "\f258";
}
.ion-volume-medium:before {
  content: "\f259";
}
.ion-volume-mute:before {
  content: "\f25a";
}
.ion-wand:before {
  content: "\f358";
}
.ion-waterdrop:before {
  content: "\f25b";
}
.ion-wifi:before {
  content: "\f25c";
}
.ion-wineglass:before {
  content: "\f2b9";
}
.ion-woman:before {
  content: "\f25d";
}
.ion-wrench:before {
  content: "\f2ba";
}
.ion-xbox:before {
  content: "\f30c";
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@fortawesome/fontawesome-free/css/all.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }
.fa-xs {
  font-size: .75em; }
.fa-sm {
  font-size: .875em; }
.fa-1x {
  font-size: 1em; }
.fa-2x {
  font-size: 2em; }
.fa-3x {
  font-size: 3em; }
.fa-4x {
  font-size: 4em; }
.fa-5x {
  font-size: 5em; }
.fa-6x {
  font-size: 6em; }
.fa-7x {
  font-size: 7em; }
.fa-8x {
  font-size: 8em; }
.fa-9x {
  font-size: 9em; }
.fa-10x {
  font-size: 10em; }
.fa-fw {
  text-align: center;
  width: 1.25em; }
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
.fa-ul > li {
    position: relative; }
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }
.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }
.fa-pull-left {
  float: left; }
.fa-pull-right {
  float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }
.fa-stack-1x {
  line-height: inherit; }
.fa-stack-2x {
  font-size: 2em; }
.fa-inverse {
  color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }
.fa-accessible-icon:before {
  content: "\f368"; }
.fa-accusoft:before {
  content: "\f369"; }
.fa-acquisitions-incorporated:before {
  content: "\f6af"; }
.fa-ad:before {
  content: "\f641"; }
.fa-address-book:before {
  content: "\f2b9"; }
.fa-address-card:before {
  content: "\f2bb"; }
.fa-adjust:before {
  content: "\f042"; }
.fa-adn:before {
  content: "\f170"; }
.fa-adversal:before {
  content: "\f36a"; }
.fa-affiliatetheme:before {
  content: "\f36b"; }
.fa-air-freshener:before {
  content: "\f5d0"; }
.fa-airbnb:before {
  content: "\f834"; }
.fa-algolia:before {
  content: "\f36c"; }
.fa-align-center:before {
  content: "\f037"; }
.fa-align-justify:before {
  content: "\f039"; }
.fa-align-left:before {
  content: "\f036"; }
.fa-align-right:before {
  content: "\f038"; }
.fa-alipay:before {
  content: "\f642"; }
.fa-allergies:before {
  content: "\f461"; }
.fa-amazon:before {
  content: "\f270"; }
.fa-amazon-pay:before {
  content: "\f42c"; }
.fa-ambulance:before {
  content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }
.fa-amilia:before {
  content: "\f36d"; }
.fa-anchor:before {
  content: "\f13d"; }
.fa-android:before {
  content: "\f17b"; }
.fa-angellist:before {
  content: "\f209"; }
.fa-angle-double-down:before {
  content: "\f103"; }
.fa-angle-double-left:before {
  content: "\f100"; }
.fa-angle-double-right:before {
  content: "\f101"; }
.fa-angle-double-up:before {
  content: "\f102"; }
.fa-angle-down:before {
  content: "\f107"; }
.fa-angle-left:before {
  content: "\f104"; }
.fa-angle-right:before {
  content: "\f105"; }
.fa-angle-up:before {
  content: "\f106"; }
.fa-angry:before {
  content: "\f556"; }
.fa-angrycreative:before {
  content: "\f36e"; }
.fa-angular:before {
  content: "\f420"; }
.fa-ankh:before {
  content: "\f644"; }
.fa-app-store:before {
  content: "\f36f"; }
.fa-app-store-ios:before {
  content: "\f370"; }
.fa-apper:before {
  content: "\f371"; }
.fa-apple:before {
  content: "\f179"; }
.fa-apple-alt:before {
  content: "\f5d1"; }
.fa-apple-pay:before {
  content: "\f415"; }
.fa-archive:before {
  content: "\f187"; }
.fa-archway:before {
  content: "\f557"; }
.fa-arrow-alt-circle-down:before {
  content: "\f358"; }
.fa-arrow-alt-circle-left:before {
  content: "\f359"; }
.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }
.fa-arrow-circle-down:before {
  content: "\f0ab"; }
.fa-arrow-circle-left:before {
  content: "\f0a8"; }
.fa-arrow-circle-right:before {
  content: "\f0a9"; }
.fa-arrow-circle-up:before {
  content: "\f0aa"; }
.fa-arrow-down:before {
  content: "\f063"; }
.fa-arrow-left:before {
  content: "\f060"; }
.fa-arrow-right:before {
  content: "\f061"; }
.fa-arrow-up:before {
  content: "\f062"; }
.fa-arrows-alt:before {
  content: "\f0b2"; }
.fa-arrows-alt-h:before {
  content: "\f337"; }
.fa-arrows-alt-v:before {
  content: "\f338"; }
.fa-artstation:before {
  content: "\f77a"; }
.fa-assistive-listening-systems:before {
  content: "\f2a2"; }
.fa-asterisk:before {
  content: "\f069"; }
.fa-asymmetrik:before {
  content: "\f372"; }
.fa-at:before {
  content: "\f1fa"; }
.fa-atlas:before {
  content: "\f558"; }
.fa-atlassian:before {
  content: "\f77b"; }
.fa-atom:before {
  content: "\f5d2"; }
.fa-audible:before {
  content: "\f373"; }
.fa-audio-description:before {
  content: "\f29e"; }
.fa-autoprefixer:before {
  content: "\f41c"; }
.fa-avianex:before {
  content: "\f374"; }
.fa-aviato:before {
  content: "\f421"; }
.fa-award:before {
  content: "\f559"; }
.fa-aws:before {
  content: "\f375"; }
.fa-baby:before {
  content: "\f77c"; }
.fa-baby-carriage:before {
  content: "\f77d"; }
.fa-backspace:before {
  content: "\f55a"; }
.fa-backward:before {
  content: "\f04a"; }
.fa-bacon:before {
  content: "\f7e5"; }
.fa-bacteria:before {
  content: "\e059"; }
.fa-bacterium:before {
  content: "\e05a"; }
.fa-bahai:before {
  content: "\f666"; }
.fa-balance-scale:before {
  content: "\f24e"; }
.fa-balance-scale-left:before {
  content: "\f515"; }
.fa-balance-scale-right:before {
  content: "\f516"; }
.fa-ban:before {
  content: "\f05e"; }
.fa-band-aid:before {
  content: "\f462"; }
.fa-bandcamp:before {
  content: "\f2d5"; }
.fa-barcode:before {
  content: "\f02a"; }
.fa-bars:before {
  content: "\f0c9"; }
.fa-baseball-ball:before {
  content: "\f433"; }
.fa-basketball-ball:before {
  content: "\f434"; }
.fa-bath:before {
  content: "\f2cd"; }
.fa-battery-empty:before {
  content: "\f244"; }
.fa-battery-full:before {
  content: "\f240"; }
.fa-battery-half:before {
  content: "\f242"; }
.fa-battery-quarter:before {
  content: "\f243"; }
.fa-battery-three-quarters:before {
  content: "\f241"; }
.fa-battle-net:before {
  content: "\f835"; }
.fa-bed:before {
  content: "\f236"; }
.fa-beer:before {
  content: "\f0fc"; }
.fa-behance:before {
  content: "\f1b4"; }
.fa-behance-square:before {
  content: "\f1b5"; }
.fa-bell:before {
  content: "\f0f3"; }
.fa-bell-slash:before {
  content: "\f1f6"; }
.fa-bezier-curve:before {
  content: "\f55b"; }
.fa-bible:before {
  content: "\f647"; }
.fa-bicycle:before {
  content: "\f206"; }
.fa-biking:before {
  content: "\f84a"; }
.fa-bimobject:before {
  content: "\f378"; }
.fa-binoculars:before {
  content: "\f1e5"; }
.fa-biohazard:before {
  content: "\f780"; }
.fa-birthday-cake:before {
  content: "\f1fd"; }
.fa-bitbucket:before {
  content: "\f171"; }
.fa-bitcoin:before {
  content: "\f379"; }
.fa-bity:before {
  content: "\f37a"; }
.fa-black-tie:before {
  content: "\f27e"; }
.fa-blackberry:before {
  content: "\f37b"; }
.fa-blender:before {
  content: "\f517"; }
.fa-blender-phone:before {
  content: "\f6b6"; }
.fa-blind:before {
  content: "\f29d"; }
.fa-blog:before {
  content: "\f781"; }
.fa-blogger:before {
  content: "\f37c"; }
.fa-blogger-b:before {
  content: "\f37d"; }
.fa-bluetooth:before {
  content: "\f293"; }
.fa-bluetooth-b:before {
  content: "\f294"; }
.fa-bold:before {
  content: "\f032"; }
.fa-bolt:before {
  content: "\f0e7"; }
.fa-bomb:before {
  content: "\f1e2"; }
.fa-bone:before {
  content: "\f5d7"; }
.fa-bong:before {
  content: "\f55c"; }
.fa-book:before {
  content: "\f02d"; }
.fa-book-dead:before {
  content: "\f6b7"; }
.fa-book-medical:before {
  content: "\f7e6"; }
.fa-book-open:before {
  content: "\f518"; }
.fa-book-reader:before {
  content: "\f5da"; }
.fa-bookmark:before {
  content: "\f02e"; }
.fa-bootstrap:before {
  content: "\f836"; }
.fa-border-all:before {
  content: "\f84c"; }
.fa-border-none:before {
  content: "\f850"; }
.fa-border-style:before {
  content: "\f853"; }
.fa-bowling-ball:before {
  content: "\f436"; }
.fa-box:before {
  content: "\f466"; }
.fa-box-open:before {
  content: "\f49e"; }
.fa-box-tissue:before {
  content: "\e05b"; }
.fa-boxes:before {
  content: "\f468"; }
.fa-braille:before {
  content: "\f2a1"; }
.fa-brain:before {
  content: "\f5dc"; }
.fa-bread-slice:before {
  content: "\f7ec"; }
.fa-briefcase:before {
  content: "\f0b1"; }
.fa-briefcase-medical:before {
  content: "\f469"; }
.fa-broadcast-tower:before {
  content: "\f519"; }
.fa-broom:before {
  content: "\f51a"; }
.fa-brush:before {
  content: "\f55d"; }
.fa-btc:before {
  content: "\f15a"; }
.fa-buffer:before {
  content: "\f837"; }
.fa-bug:before {
  content: "\f188"; }
.fa-building:before {
  content: "\f1ad"; }
.fa-bullhorn:before {
  content: "\f0a1"; }
.fa-bullseye:before {
  content: "\f140"; }
.fa-burn:before {
  content: "\f46a"; }
.fa-buromobelexperte:before {
  content: "\f37f"; }
.fa-bus:before {
  content: "\f207"; }
.fa-bus-alt:before {
  content: "\f55e"; }
.fa-business-time:before {
  content: "\f64a"; }
.fa-buy-n-large:before {
  content: "\f8a6"; }
.fa-buysellads:before {
  content: "\f20d"; }
.fa-calculator:before {
  content: "\f1ec"; }
.fa-calendar:before {
  content: "\f133"; }
.fa-calendar-alt:before {
  content: "\f073"; }
.fa-calendar-check:before {
  content: "\f274"; }
.fa-calendar-day:before {
  content: "\f783"; }
.fa-calendar-minus:before {
  content: "\f272"; }
.fa-calendar-plus:before {
  content: "\f271"; }
.fa-calendar-times:before {
  content: "\f273"; }
.fa-calendar-week:before {
  content: "\f784"; }
.fa-camera:before {
  content: "\f030"; }
.fa-camera-retro:before {
  content: "\f083"; }
.fa-campground:before {
  content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
  content: "\f785"; }
.fa-candy-cane:before {
  content: "\f786"; }
.fa-cannabis:before {
  content: "\f55f"; }
.fa-capsules:before {
  content: "\f46b"; }
.fa-car:before {
  content: "\f1b9"; }
.fa-car-alt:before {
  content: "\f5de"; }
.fa-car-battery:before {
  content: "\f5df"; }
.fa-car-crash:before {
  content: "\f5e1"; }
.fa-car-side:before {
  content: "\f5e4"; }
.fa-caravan:before {
  content: "\f8ff"; }
.fa-caret-down:before {
  content: "\f0d7"; }
.fa-caret-left:before {
  content: "\f0d9"; }
.fa-caret-right:before {
  content: "\f0da"; }
.fa-caret-square-down:before {
  content: "\f150"; }
.fa-caret-square-left:before {
  content: "\f191"; }
.fa-caret-square-right:before {
  content: "\f152"; }
.fa-caret-square-up:before {
  content: "\f151"; }
.fa-caret-up:before {
  content: "\f0d8"; }
.fa-carrot:before {
  content: "\f787"; }
.fa-cart-arrow-down:before {
  content: "\f218"; }
.fa-cart-plus:before {
  content: "\f217"; }
.fa-cash-register:before {
  content: "\f788"; }
.fa-cat:before {
  content: "\f6be"; }
.fa-cc-amazon-pay:before {
  content: "\f42d"; }
.fa-cc-amex:before {
  content: "\f1f3"; }
.fa-cc-apple-pay:before {
  content: "\f416"; }
.fa-cc-diners-club:before {
  content: "\f24c"; }
.fa-cc-discover:before {
  content: "\f1f2"; }
.fa-cc-jcb:before {
  content: "\f24b"; }
.fa-cc-mastercard:before {
  content: "\f1f1"; }
.fa-cc-paypal:before {
  content: "\f1f4"; }
.fa-cc-stripe:before {
  content: "\f1f5"; }
.fa-cc-visa:before {
  content: "\f1f0"; }
.fa-centercode:before {
  content: "\f380"; }
.fa-centos:before {
  content: "\f789"; }
.fa-certificate:before {
  content: "\f0a3"; }
.fa-chair:before {
  content: "\f6c0"; }
.fa-chalkboard:before {
  content: "\f51b"; }
.fa-chalkboard-teacher:before {
  content: "\f51c"; }
.fa-charging-station:before {
  content: "\f5e7"; }
.fa-chart-area:before {
  content: "\f1fe"; }
.fa-chart-bar:before {
  content: "\f080"; }
.fa-chart-line:before {
  content: "\f201"; }
.fa-chart-pie:before {
  content: "\f200"; }
.fa-check:before {
  content: "\f00c"; }
.fa-check-circle:before {
  content: "\f058"; }
.fa-check-double:before {
  content: "\f560"; }
.fa-check-square:before {
  content: "\f14a"; }
.fa-cheese:before {
  content: "\f7ef"; }
.fa-chess:before {
  content: "\f439"; }
.fa-chess-bishop:before {
  content: "\f43a"; }
.fa-chess-board:before {
  content: "\f43c"; }
.fa-chess-king:before {
  content: "\f43f"; }
.fa-chess-knight:before {
  content: "\f441"; }
.fa-chess-pawn:before {
  content: "\f443"; }
.fa-chess-queen:before {
  content: "\f445"; }
.fa-chess-rook:before {
  content: "\f447"; }
.fa-chevron-circle-down:before {
  content: "\f13a"; }
.fa-chevron-circle-left:before {
  content: "\f137"; }
.fa-chevron-circle-right:before {
  content: "\f138"; }
.fa-chevron-circle-up:before {
  content: "\f139"; }
.fa-chevron-down:before {
  content: "\f078"; }
.fa-chevron-left:before {
  content: "\f053"; }
.fa-chevron-right:before {
  content: "\f054"; }
.fa-chevron-up:before {
  content: "\f077"; }
.fa-child:before {
  content: "\f1ae"; }
.fa-chrome:before {
  content: "\f268"; }
.fa-chromecast:before {
  content: "\f838"; }
.fa-church:before {
  content: "\f51d"; }
.fa-circle:before {
  content: "\f111"; }
.fa-circle-notch:before {
  content: "\f1ce"; }
.fa-city:before {
  content: "\f64f"; }
.fa-clinic-medical:before {
  content: "\f7f2"; }
.fa-clipboard:before {
  content: "\f328"; }
.fa-clipboard-check:before {
  content: "\f46c"; }
.fa-clipboard-list:before {
  content: "\f46d"; }
.fa-clock:before {
  content: "\f017"; }
.fa-clone:before {
  content: "\f24d"; }
.fa-closed-captioning:before {
  content: "\f20a"; }
.fa-cloud:before {
  content: "\f0c2"; }
.fa-cloud-download-alt:before {
  content: "\f381"; }
.fa-cloud-meatball:before {
  content: "\f73b"; }
.fa-cloud-moon:before {
  content: "\f6c3"; }
.fa-cloud-moon-rain:before {
  content: "\f73c"; }
.fa-cloud-rain:before {
  content: "\f73d"; }
.fa-cloud-showers-heavy:before {
  content: "\f740"; }
.fa-cloud-sun:before {
  content: "\f6c4"; }
.fa-cloud-sun-rain:before {
  content: "\f743"; }
.fa-cloud-upload-alt:before {
  content: "\f382"; }
.fa-cloudflare:before {
  content: "\e07d"; }
.fa-cloudscale:before {
  content: "\f383"; }
.fa-cloudsmith:before {
  content: "\f384"; }
.fa-cloudversify:before {
  content: "\f385"; }
.fa-cocktail:before {
  content: "\f561"; }
.fa-code:before {
  content: "\f121"; }
.fa-code-branch:before {
  content: "\f126"; }
.fa-codepen:before {
  content: "\f1cb"; }
.fa-codiepie:before {
  content: "\f284"; }
.fa-coffee:before {
  content: "\f0f4"; }
.fa-cog:before {
  content: "\f013"; }
.fa-cogs:before {
  content: "\f085"; }
.fa-coins:before {
  content: "\f51e"; }
.fa-columns:before {
  content: "\f0db"; }
.fa-comment:before {
  content: "\f075"; }
.fa-comment-alt:before {
  content: "\f27a"; }
.fa-comment-dollar:before {
  content: "\f651"; }
.fa-comment-dots:before {
  content: "\f4ad"; }
.fa-comment-medical:before {
  content: "\f7f5"; }
.fa-comment-slash:before {
  content: "\f4b3"; }
.fa-comments:before {
  content: "\f086"; }
.fa-comments-dollar:before {
  content: "\f653"; }
.fa-compact-disc:before {
  content: "\f51f"; }
.fa-compass:before {
  content: "\f14e"; }
.fa-compress:before {
  content: "\f066"; }
.fa-compress-alt:before {
  content: "\f422"; }
.fa-compress-arrows-alt:before {
  content: "\f78c"; }
.fa-concierge-bell:before {
  content: "\f562"; }
.fa-confluence:before {
  content: "\f78d"; }
.fa-connectdevelop:before {
  content: "\f20e"; }
.fa-contao:before {
  content: "\f26d"; }
.fa-cookie:before {
  content: "\f563"; }
.fa-cookie-bite:before {
  content: "\f564"; }
.fa-copy:before {
  content: "\f0c5"; }
.fa-copyright:before {
  content: "\f1f9"; }
.fa-cotton-bureau:before {
  content: "\f89e"; }
.fa-couch:before {
  content: "\f4b8"; }
.fa-cpanel:before {
  content: "\f388"; }
.fa-creative-commons:before {
  content: "\f25e"; }
.fa-creative-commons-by:before {
  content: "\f4e7"; }
.fa-creative-commons-nc:before {
  content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }
.fa-creative-commons-nd:before {
  content: "\f4eb"; }
.fa-creative-commons-pd:before {
  content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }
.fa-creative-commons-remix:before {
  content: "\f4ee"; }
.fa-creative-commons-sa:before {
  content: "\f4ef"; }
.fa-creative-commons-sampling:before {
  content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }
.fa-creative-commons-share:before {
  content: "\f4f2"; }
.fa-creative-commons-zero:before {
  content: "\f4f3"; }
.fa-credit-card:before {
  content: "\f09d"; }
.fa-critical-role:before {
  content: "\f6c9"; }
.fa-crop:before {
  content: "\f125"; }
.fa-crop-alt:before {
  content: "\f565"; }
.fa-cross:before {
  content: "\f654"; }
.fa-crosshairs:before {
  content: "\f05b"; }
.fa-crow:before {
  content: "\f520"; }
.fa-crown:before {
  content: "\f521"; }
.fa-crutch:before {
  content: "\f7f7"; }
.fa-css3:before {
  content: "\f13c"; }
.fa-css3-alt:before {
  content: "\f38b"; }
.fa-cube:before {
  content: "\f1b2"; }
.fa-cubes:before {
  content: "\f1b3"; }
.fa-cut:before {
  content: "\f0c4"; }
.fa-cuttlefish:before {
  content: "\f38c"; }
.fa-d-and-d:before {
  content: "\f38d"; }
.fa-d-and-d-beyond:before {
  content: "\f6ca"; }
.fa-dailymotion:before {
  content: "\e052"; }
.fa-dashcube:before {
  content: "\f210"; }
.fa-database:before {
  content: "\f1c0"; }
.fa-deaf:before {
  content: "\f2a4"; }
.fa-deezer:before {
  content: "\e077"; }
.fa-delicious:before {
  content: "\f1a5"; }
.fa-democrat:before {
  content: "\f747"; }
.fa-deploydog:before {
  content: "\f38e"; }
.fa-deskpro:before {
  content: "\f38f"; }
.fa-desktop:before {
  content: "\f108"; }
.fa-dev:before {
  content: "\f6cc"; }
.fa-deviantart:before {
  content: "\f1bd"; }
.fa-dharmachakra:before {
  content: "\f655"; }
.fa-dhl:before {
  content: "\f790"; }
.fa-diagnoses:before {
  content: "\f470"; }
.fa-diaspora:before {
  content: "\f791"; }
.fa-dice:before {
  content: "\f522"; }
.fa-dice-d20:before {
  content: "\f6cf"; }
.fa-dice-d6:before {
  content: "\f6d1"; }
.fa-dice-five:before {
  content: "\f523"; }
.fa-dice-four:before {
  content: "\f524"; }
.fa-dice-one:before {
  content: "\f525"; }
.fa-dice-six:before {
  content: "\f526"; }
.fa-dice-three:before {
  content: "\f527"; }
.fa-dice-two:before {
  content: "\f528"; }
.fa-digg:before {
  content: "\f1a6"; }
.fa-digital-ocean:before {
  content: "\f391"; }
.fa-digital-tachograph:before {
  content: "\f566"; }
.fa-directions:before {
  content: "\f5eb"; }
.fa-discord:before {
  content: "\f392"; }
.fa-discourse:before {
  content: "\f393"; }
.fa-disease:before {
  content: "\f7fa"; }
.fa-divide:before {
  content: "\f529"; }
.fa-dizzy:before {
  content: "\f567"; }
.fa-dna:before {
  content: "\f471"; }
.fa-dochub:before {
  content: "\f394"; }
.fa-docker:before {
  content: "\f395"; }
.fa-dog:before {
  content: "\f6d3"; }
.fa-dollar-sign:before {
  content: "\f155"; }
.fa-dolly:before {
  content: "\f472"; }
.fa-dolly-flatbed:before {
  content: "\f474"; }
.fa-donate:before {
  content: "\f4b9"; }
.fa-door-closed:before {
  content: "\f52a"; }
.fa-door-open:before {
  content: "\f52b"; }
.fa-dot-circle:before {
  content: "\f192"; }
.fa-dove:before {
  content: "\f4ba"; }
.fa-download:before {
  content: "\f019"; }
.fa-draft2digital:before {
  content: "\f396"; }
.fa-drafting-compass:before {
  content: "\f568"; }
.fa-dragon:before {
  content: "\f6d5"; }
.fa-draw-polygon:before {
  content: "\f5ee"; }
.fa-dribbble:before {
  content: "\f17d"; }
.fa-dribbble-square:before {
  content: "\f397"; }
.fa-dropbox:before {
  content: "\f16b"; }
.fa-drum:before {
  content: "\f569"; }
.fa-drum-steelpan:before {
  content: "\f56a"; }
.fa-drumstick-bite:before {
  content: "\f6d7"; }
.fa-drupal:before {
  content: "\f1a9"; }
.fa-dumbbell:before {
  content: "\f44b"; }
.fa-dumpster:before {
  content: "\f793"; }
.fa-dumpster-fire:before {
  content: "\f794"; }
.fa-dungeon:before {
  content: "\f6d9"; }
.fa-dyalog:before {
  content: "\f399"; }
.fa-earlybirds:before {
  content: "\f39a"; }
.fa-ebay:before {
  content: "\f4f4"; }
.fa-edge:before {
  content: "\f282"; }
.fa-edge-legacy:before {
  content: "\e078"; }
.fa-edit:before {
  content: "\f044"; }
.fa-egg:before {
  content: "\f7fb"; }
.fa-eject:before {
  content: "\f052"; }
.fa-elementor:before {
  content: "\f430"; }
.fa-ellipsis-h:before {
  content: "\f141"; }
.fa-ellipsis-v:before {
  content: "\f142"; }
.fa-ello:before {
  content: "\f5f1"; }
.fa-ember:before {
  content: "\f423"; }
.fa-empire:before {
  content: "\f1d1"; }
.fa-envelope:before {
  content: "\f0e0"; }
.fa-envelope-open:before {
  content: "\f2b6"; }
.fa-envelope-open-text:before {
  content: "\f658"; }
.fa-envelope-square:before {
  content: "\f199"; }
.fa-envira:before {
  content: "\f299"; }
.fa-equals:before {
  content: "\f52c"; }
.fa-eraser:before {
  content: "\f12d"; }
.fa-erlang:before {
  content: "\f39d"; }
.fa-ethereum:before {
  content: "\f42e"; }
.fa-ethernet:before {
  content: "\f796"; }
.fa-etsy:before {
  content: "\f2d7"; }
.fa-euro-sign:before {
  content: "\f153"; }
.fa-evernote:before {
  content: "\f839"; }
.fa-exchange-alt:before {
  content: "\f362"; }
.fa-exclamation:before {
  content: "\f12a"; }
.fa-exclamation-circle:before {
  content: "\f06a"; }
.fa-exclamation-triangle:before {
  content: "\f071"; }
.fa-expand:before {
  content: "\f065"; }
.fa-expand-alt:before {
  content: "\f424"; }
.fa-expand-arrows-alt:before {
  content: "\f31e"; }
.fa-expeditedssl:before {
  content: "\f23e"; }
.fa-external-link-alt:before {
  content: "\f35d"; }
.fa-external-link-square-alt:before {
  content: "\f360"; }
.fa-eye:before {
  content: "\f06e"; }
.fa-eye-dropper:before {
  content: "\f1fb"; }
.fa-eye-slash:before {
  content: "\f070"; }
.fa-facebook:before {
  content: "\f09a"; }
.fa-facebook-f:before {
  content: "\f39e"; }
.fa-facebook-messenger:before {
  content: "\f39f"; }
.fa-facebook-square:before {
  content: "\f082"; }
.fa-fan:before {
  content: "\f863"; }
.fa-fantasy-flight-games:before {
  content: "\f6dc"; }
.fa-fast-backward:before {
  content: "\f049"; }
.fa-fast-forward:before {
  content: "\f050"; }
.fa-faucet:before {
  content: "\e005"; }
.fa-fax:before {
  content: "\f1ac"; }
.fa-feather:before {
  content: "\f52d"; }
.fa-feather-alt:before {
  content: "\f56b"; }
.fa-fedex:before {
  content: "\f797"; }
.fa-fedora:before {
  content: "\f798"; }
.fa-female:before {
  content: "\f182"; }
.fa-fighter-jet:before {
  content: "\f0fb"; }
.fa-figma:before {
  content: "\f799"; }
.fa-file:before {
  content: "\f15b"; }
.fa-file-alt:before {
  content: "\f15c"; }
.fa-file-archive:before {
  content: "\f1c6"; }
.fa-file-audio:before {
  content: "\f1c7"; }
.fa-file-code:before {
  content: "\f1c9"; }
.fa-file-contract:before {
  content: "\f56c"; }
.fa-file-csv:before {
  content: "\f6dd"; }
.fa-file-download:before {
  content: "\f56d"; }
.fa-file-excel:before {
  content: "\f1c3"; }
.fa-file-export:before {
  content: "\f56e"; }
.fa-file-image:before {
  content: "\f1c5"; }
.fa-file-import:before {
  content: "\f56f"; }
.fa-file-invoice:before {
  content: "\f570"; }
.fa-file-invoice-dollar:before {
  content: "\f571"; }
.fa-file-medical:before {
  content: "\f477"; }
.fa-file-medical-alt:before {
  content: "\f478"; }
.fa-file-pdf:before {
  content: "\f1c1"; }
.fa-file-powerpoint:before {
  content: "\f1c4"; }
.fa-file-prescription:before {
  content: "\f572"; }
.fa-file-signature:before {
  content: "\f573"; }
.fa-file-upload:before {
  content: "\f574"; }
.fa-file-video:before {
  content: "\f1c8"; }
.fa-file-word:before {
  content: "\f1c2"; }
.fa-fill:before {
  content: "\f575"; }
.fa-fill-drip:before {
  content: "\f576"; }
.fa-film:before {
  content: "\f008"; }
.fa-filter:before {
  content: "\f0b0"; }
.fa-fingerprint:before {
  content: "\f577"; }
.fa-fire:before {
  content: "\f06d"; }
.fa-fire-alt:before {
  content: "\f7e4"; }
.fa-fire-extinguisher:before {
  content: "\f134"; }
.fa-firefox:before {
  content: "\f269"; }
.fa-firefox-browser:before {
  content: "\e007"; }
.fa-first-aid:before {
  content: "\f479"; }
.fa-first-order:before {
  content: "\f2b0"; }
.fa-first-order-alt:before {
  content: "\f50a"; }
.fa-firstdraft:before {
  content: "\f3a1"; }
.fa-fish:before {
  content: "\f578"; }
.fa-fist-raised:before {
  content: "\f6de"; }
.fa-flag:before {
  content: "\f024"; }
.fa-flag-checkered:before {
  content: "\f11e"; }
.fa-flag-usa:before {
  content: "\f74d"; }
.fa-flask:before {
  content: "\f0c3"; }
.fa-flickr:before {
  content: "\f16e"; }
.fa-flipboard:before {
  content: "\f44d"; }
.fa-flushed:before {
  content: "\f579"; }
.fa-fly:before {
  content: "\f417"; }
.fa-folder:before {
  content: "\f07b"; }
.fa-folder-minus:before {
  content: "\f65d"; }
.fa-folder-open:before {
  content: "\f07c"; }
.fa-folder-plus:before {
  content: "\f65e"; }
.fa-font:before {
  content: "\f031"; }
.fa-font-awesome:before {
  content: "\f2b4"; }
.fa-font-awesome-alt:before {
  content: "\f35c"; }
.fa-font-awesome-flag:before {
  content: "\f425"; }
.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }
.fa-fonticons:before {
  content: "\f280"; }
.fa-fonticons-fi:before {
  content: "\f3a2"; }
.fa-football-ball:before {
  content: "\f44e"; }
.fa-fort-awesome:before {
  content: "\f286"; }
.fa-fort-awesome-alt:before {
  content: "\f3a3"; }
.fa-forumbee:before {
  content: "\f211"; }
.fa-forward:before {
  content: "\f04e"; }
.fa-foursquare:before {
  content: "\f180"; }
.fa-free-code-camp:before {
  content: "\f2c5"; }
.fa-freebsd:before {
  content: "\f3a4"; }
.fa-frog:before {
  content: "\f52e"; }
.fa-frown:before {
  content: "\f119"; }
.fa-frown-open:before {
  content: "\f57a"; }
.fa-fulcrum:before {
  content: "\f50b"; }
.fa-funnel-dollar:before {
  content: "\f662"; }
.fa-futbol:before {
  content: "\f1e3"; }
.fa-galactic-republic:before {
  content: "\f50c"; }
.fa-galactic-senate:before {
  content: "\f50d"; }
.fa-gamepad:before {
  content: "\f11b"; }
.fa-gas-pump:before {
  content: "\f52f"; }
.fa-gavel:before {
  content: "\f0e3"; }
.fa-gem:before {
  content: "\f3a5"; }
.fa-genderless:before {
  content: "\f22d"; }
.fa-get-pocket:before {
  content: "\f265"; }
.fa-gg:before {
  content: "\f260"; }
.fa-gg-circle:before {
  content: "\f261"; }
.fa-ghost:before {
  content: "\f6e2"; }
.fa-gift:before {
  content: "\f06b"; }
.fa-gifts:before {
  content: "\f79c"; }
.fa-git:before {
  content: "\f1d3"; }
.fa-git-alt:before {
  content: "\f841"; }
.fa-git-square:before {
  content: "\f1d2"; }
.fa-github:before {
  content: "\f09b"; }
.fa-github-alt:before {
  content: "\f113"; }
.fa-github-square:before {
  content: "\f092"; }
.fa-gitkraken:before {
  content: "\f3a6"; }
.fa-gitlab:before {
  content: "\f296"; }
.fa-gitter:before {
  content: "\f426"; }
.fa-glass-cheers:before {
  content: "\f79f"; }
.fa-glass-martini:before {
  content: "\f000"; }
.fa-glass-martini-alt:before {
  content: "\f57b"; }
.fa-glass-whiskey:before {
  content: "\f7a0"; }
.fa-glasses:before {
  content: "\f530"; }
.fa-glide:before {
  content: "\f2a5"; }
.fa-glide-g:before {
  content: "\f2a6"; }
.fa-globe:before {
  content: "\f0ac"; }
.fa-globe-africa:before {
  content: "\f57c"; }
.fa-globe-americas:before {
  content: "\f57d"; }
.fa-globe-asia:before {
  content: "\f57e"; }
.fa-globe-europe:before {
  content: "\f7a2"; }
.fa-gofore:before {
  content: "\f3a7"; }
.fa-golf-ball:before {
  content: "\f450"; }
.fa-goodreads:before {
  content: "\f3a8"; }
.fa-goodreads-g:before {
  content: "\f3a9"; }
.fa-google:before {
  content: "\f1a0"; }
.fa-google-drive:before {
  content: "\f3aa"; }
.fa-google-pay:before {
  content: "\e079"; }
.fa-google-play:before {
  content: "\f3ab"; }
.fa-google-plus:before {
  content: "\f2b3"; }
.fa-google-plus-g:before {
  content: "\f0d5"; }
.fa-google-plus-square:before {
  content: "\f0d4"; }
.fa-google-wallet:before {
  content: "\f1ee"; }
.fa-gopuram:before {
  content: "\f664"; }
.fa-graduation-cap:before {
  content: "\f19d"; }
.fa-gratipay:before {
  content: "\f184"; }
.fa-grav:before {
  content: "\f2d6"; }
.fa-greater-than:before {
  content: "\f531"; }
.fa-greater-than-equal:before {
  content: "\f532"; }
.fa-grimace:before {
  content: "\f57f"; }
.fa-grin:before {
  content: "\f580"; }
.fa-grin-alt:before {
  content: "\f581"; }
.fa-grin-beam:before {
  content: "\f582"; }
.fa-grin-beam-sweat:before {
  content: "\f583"; }
.fa-grin-hearts:before {
  content: "\f584"; }
.fa-grin-squint:before {
  content: "\f585"; }
.fa-grin-squint-tears:before {
  content: "\f586"; }
.fa-grin-stars:before {
  content: "\f587"; }
.fa-grin-tears:before {
  content: "\f588"; }
.fa-grin-tongue:before {
  content: "\f589"; }
.fa-grin-tongue-squint:before {
  content: "\f58a"; }
.fa-grin-tongue-wink:before {
  content: "\f58b"; }
.fa-grin-wink:before {
  content: "\f58c"; }
.fa-grip-horizontal:before {
  content: "\f58d"; }
.fa-grip-lines:before {
  content: "\f7a4"; }
.fa-grip-lines-vertical:before {
  content: "\f7a5"; }
.fa-grip-vertical:before {
  content: "\f58e"; }
.fa-gripfire:before {
  content: "\f3ac"; }
.fa-grunt:before {
  content: "\f3ad"; }
.fa-guilded:before {
  content: "\e07e"; }
.fa-guitar:before {
  content: "\f7a6"; }
.fa-gulp:before {
  content: "\f3ae"; }
.fa-h-square:before {
  content: "\f0fd"; }
.fa-hacker-news:before {
  content: "\f1d4"; }
.fa-hacker-news-square:before {
  content: "\f3af"; }
.fa-hackerrank:before {
  content: "\f5f7"; }
.fa-hamburger:before {
  content: "\f805"; }
.fa-hammer:before {
  content: "\f6e3"; }
.fa-hamsa:before {
  content: "\f665"; }
.fa-hand-holding:before {
  content: "\f4bd"; }
.fa-hand-holding-heart:before {
  content: "\f4be"; }
.fa-hand-holding-medical:before {
  content: "\e05c"; }
.fa-hand-holding-usd:before {
  content: "\f4c0"; }
.fa-hand-holding-water:before {
  content: "\f4c1"; }
.fa-hand-lizard:before {
  content: "\f258"; }
.fa-hand-middle-finger:before {
  content: "\f806"; }
.fa-hand-paper:before {
  content: "\f256"; }
.fa-hand-peace:before {
  content: "\f25b"; }
.fa-hand-point-down:before {
  content: "\f0a7"; }
.fa-hand-point-left:before {
  content: "\f0a5"; }
.fa-hand-point-right:before {
  content: "\f0a4"; }
.fa-hand-point-up:before {
  content: "\f0a6"; }
.fa-hand-pointer:before {
  content: "\f25a"; }
.fa-hand-rock:before {
  content: "\f255"; }
.fa-hand-scissors:before {
  content: "\f257"; }
.fa-hand-sparkles:before {
  content: "\e05d"; }
.fa-hand-spock:before {
  content: "\f259"; }
.fa-hands:before {
  content: "\f4c2"; }
.fa-hands-helping:before {
  content: "\f4c4"; }
.fa-hands-wash:before {
  content: "\e05e"; }
.fa-handshake:before {
  content: "\f2b5"; }
.fa-handshake-alt-slash:before {
  content: "\e05f"; }
.fa-handshake-slash:before {
  content: "\e060"; }
.fa-hanukiah:before {
  content: "\f6e6"; }
.fa-hard-hat:before {
  content: "\f807"; }
.fa-hashtag:before {
  content: "\f292"; }
.fa-hat-cowboy:before {
  content: "\f8c0"; }
.fa-hat-cowboy-side:before {
  content: "\f8c1"; }
.fa-hat-wizard:before {
  content: "\f6e8"; }
.fa-hdd:before {
  content: "\f0a0"; }
.fa-head-side-cough:before {
  content: "\e061"; }
.fa-head-side-cough-slash:before {
  content: "\e062"; }
.fa-head-side-mask:before {
  content: "\e063"; }
.fa-head-side-virus:before {
  content: "\e064"; }
.fa-heading:before {
  content: "\f1dc"; }
.fa-headphones:before {
  content: "\f025"; }
.fa-headphones-alt:before {
  content: "\f58f"; }
.fa-headset:before {
  content: "\f590"; }
.fa-heart:before {
  content: "\f004"; }
.fa-heart-broken:before {
  content: "\f7a9"; }
.fa-heartbeat:before {
  content: "\f21e"; }
.fa-helicopter:before {
  content: "\f533"; }
.fa-highlighter:before {
  content: "\f591"; }
.fa-hiking:before {
  content: "\f6ec"; }
.fa-hippo:before {
  content: "\f6ed"; }
.fa-hips:before {
  content: "\f452"; }
.fa-hire-a-helper:before {
  content: "\f3b0"; }
.fa-history:before {
  content: "\f1da"; }
.fa-hive:before {
  content: "\e07f"; }
.fa-hockey-puck:before {
  content: "\f453"; }
.fa-holly-berry:before {
  content: "\f7aa"; }
.fa-home:before {
  content: "\f015"; }
.fa-hooli:before {
  content: "\f427"; }
.fa-hornbill:before {
  content: "\f592"; }
.fa-horse:before {
  content: "\f6f0"; }
.fa-horse-head:before {
  content: "\f7ab"; }
.fa-hospital:before {
  content: "\f0f8"; }
.fa-hospital-alt:before {
  content: "\f47d"; }
.fa-hospital-symbol:before {
  content: "\f47e"; }
.fa-hospital-user:before {
  content: "\f80d"; }
.fa-hot-tub:before {
  content: "\f593"; }
.fa-hotdog:before {
  content: "\f80f"; }
.fa-hotel:before {
  content: "\f594"; }
.fa-hotjar:before {
  content: "\f3b1"; }
.fa-hourglass:before {
  content: "\f254"; }
.fa-hourglass-end:before {
  content: "\f253"; }
.fa-hourglass-half:before {
  content: "\f252"; }
.fa-hourglass-start:before {
  content: "\f251"; }
.fa-house-damage:before {
  content: "\f6f1"; }
.fa-house-user:before {
  content: "\e065"; }
.fa-houzz:before {
  content: "\f27c"; }
.fa-hryvnia:before {
  content: "\f6f2"; }
.fa-html5:before {
  content: "\f13b"; }
.fa-hubspot:before {
  content: "\f3b2"; }
.fa-i-cursor:before {
  content: "\f246"; }
.fa-ice-cream:before {
  content: "\f810"; }
.fa-icicles:before {
  content: "\f7ad"; }
.fa-icons:before {
  content: "\f86d"; }
.fa-id-badge:before {
  content: "\f2c1"; }
.fa-id-card:before {
  content: "\f2c2"; }
.fa-id-card-alt:before {
  content: "\f47f"; }
.fa-ideal:before {
  content: "\e013"; }
.fa-igloo:before {
  content: "\f7ae"; }
.fa-image:before {
  content: "\f03e"; }
.fa-images:before {
  content: "\f302"; }
.fa-imdb:before {
  content: "\f2d8"; }
.fa-inbox:before {
  content: "\f01c"; }
.fa-indent:before {
  content: "\f03c"; }
.fa-industry:before {
  content: "\f275"; }
.fa-infinity:before {
  content: "\f534"; }
.fa-info:before {
  content: "\f129"; }
.fa-info-circle:before {
  content: "\f05a"; }
.fa-innosoft:before {
  content: "\e080"; }
.fa-instagram:before {
  content: "\f16d"; }
.fa-instagram-square:before {
  content: "\e055"; }
.fa-instalod:before {
  content: "\e081"; }
.fa-intercom:before {
  content: "\f7af"; }
.fa-internet-explorer:before {
  content: "\f26b"; }
.fa-invision:before {
  content: "\f7b0"; }
.fa-ioxhost:before {
  content: "\f208"; }
.fa-italic:before {
  content: "\f033"; }
.fa-itch-io:before {
  content: "\f83a"; }
.fa-itunes:before {
  content: "\f3b4"; }
.fa-itunes-note:before {
  content: "\f3b5"; }
.fa-java:before {
  content: "\f4e4"; }
.fa-jedi:before {
  content: "\f669"; }
.fa-jedi-order:before {
  content: "\f50e"; }
.fa-jenkins:before {
  content: "\f3b6"; }
.fa-jira:before {
  content: "\f7b1"; }
.fa-joget:before {
  content: "\f3b7"; }
.fa-joint:before {
  content: "\f595"; }
.fa-joomla:before {
  content: "\f1aa"; }
.fa-journal-whills:before {
  content: "\f66a"; }
.fa-js:before {
  content: "\f3b8"; }
.fa-js-square:before {
  content: "\f3b9"; }
.fa-jsfiddle:before {
  content: "\f1cc"; }
.fa-kaaba:before {
  content: "\f66b"; }
.fa-kaggle:before {
  content: "\f5fa"; }
.fa-key:before {
  content: "\f084"; }
.fa-keybase:before {
  content: "\f4f5"; }
.fa-keyboard:before {
  content: "\f11c"; }
.fa-keycdn:before {
  content: "\f3ba"; }
.fa-khanda:before {
  content: "\f66d"; }
.fa-kickstarter:before {
  content: "\f3bb"; }
.fa-kickstarter-k:before {
  content: "\f3bc"; }
.fa-kiss:before {
  content: "\f596"; }
.fa-kiss-beam:before {
  content: "\f597"; }
.fa-kiss-wink-heart:before {
  content: "\f598"; }
.fa-kiwi-bird:before {
  content: "\f535"; }
.fa-korvue:before {
  content: "\f42f"; }
.fa-landmark:before {
  content: "\f66f"; }
.fa-language:before {
  content: "\f1ab"; }
.fa-laptop:before {
  content: "\f109"; }
.fa-laptop-code:before {
  content: "\f5fc"; }
.fa-laptop-house:before {
  content: "\e066"; }
.fa-laptop-medical:before {
  content: "\f812"; }
.fa-laravel:before {
  content: "\f3bd"; }
.fa-lastfm:before {
  content: "\f202"; }
.fa-lastfm-square:before {
  content: "\f203"; }
.fa-laugh:before {
  content: "\f599"; }
.fa-laugh-beam:before {
  content: "\f59a"; }
.fa-laugh-squint:before {
  content: "\f59b"; }
.fa-laugh-wink:before {
  content: "\f59c"; }
.fa-layer-group:before {
  content: "\f5fd"; }
.fa-leaf:before {
  content: "\f06c"; }
.fa-leanpub:before {
  content: "\f212"; }
.fa-lemon:before {
  content: "\f094"; }
.fa-less:before {
  content: "\f41d"; }
.fa-less-than:before {
  content: "\f536"; }
.fa-less-than-equal:before {
  content: "\f537"; }
.fa-level-down-alt:before {
  content: "\f3be"; }
.fa-level-up-alt:before {
  content: "\f3bf"; }
.fa-life-ring:before {
  content: "\f1cd"; }
.fa-lightbulb:before {
  content: "\f0eb"; }
.fa-line:before {
  content: "\f3c0"; }
.fa-link:before {
  content: "\f0c1"; }
.fa-linkedin:before {
  content: "\f08c"; }
.fa-linkedin-in:before {
  content: "\f0e1"; }
.fa-linode:before {
  content: "\f2b8"; }
.fa-linux:before {
  content: "\f17c"; }
.fa-lira-sign:before {
  content: "\f195"; }
.fa-list:before {
  content: "\f03a"; }
.fa-list-alt:before {
  content: "\f022"; }
.fa-list-ol:before {
  content: "\f0cb"; }
.fa-list-ul:before {
  content: "\f0ca"; }
.fa-location-arrow:before {
  content: "\f124"; }
.fa-lock:before {
  content: "\f023"; }
.fa-lock-open:before {
  content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
  content: "\f309"; }
.fa-long-arrow-alt-left:before {
  content: "\f30a"; }
.fa-long-arrow-alt-right:before {
  content: "\f30b"; }
.fa-long-arrow-alt-up:before {
  content: "\f30c"; }
.fa-low-vision:before {
  content: "\f2a8"; }
.fa-luggage-cart:before {
  content: "\f59d"; }
.fa-lungs:before {
  content: "\f604"; }
.fa-lungs-virus:before {
  content: "\e067"; }
.fa-lyft:before {
  content: "\f3c3"; }
.fa-magento:before {
  content: "\f3c4"; }
.fa-magic:before {
  content: "\f0d0"; }
.fa-magnet:before {
  content: "\f076"; }
.fa-mail-bulk:before {
  content: "\f674"; }
.fa-mailchimp:before {
  content: "\f59e"; }
.fa-male:before {
  content: "\f183"; }
.fa-mandalorian:before {
  content: "\f50f"; }
.fa-map:before {
  content: "\f279"; }
.fa-map-marked:before {
  content: "\f59f"; }
.fa-map-marked-alt:before {
  content: "\f5a0"; }
.fa-map-marker:before {
  content: "\f041"; }
.fa-map-marker-alt:before {
  content: "\f3c5"; }
.fa-map-pin:before {
  content: "\f276"; }
.fa-map-signs:before {
  content: "\f277"; }
.fa-markdown:before {
  content: "\f60f"; }
.fa-marker:before {
  content: "\f5a1"; }
.fa-mars:before {
  content: "\f222"; }
.fa-mars-double:before {
  content: "\f227"; }
.fa-mars-stroke:before {
  content: "\f229"; }
.fa-mars-stroke-h:before {
  content: "\f22b"; }
.fa-mars-stroke-v:before {
  content: "\f22a"; }
.fa-mask:before {
  content: "\f6fa"; }
.fa-mastodon:before {
  content: "\f4f6"; }
.fa-maxcdn:before {
  content: "\f136"; }
.fa-mdb:before {
  content: "\f8ca"; }
.fa-medal:before {
  content: "\f5a2"; }
.fa-medapps:before {
  content: "\f3c6"; }
.fa-medium:before {
  content: "\f23a"; }
.fa-medium-m:before {
  content: "\f3c7"; }
.fa-medkit:before {
  content: "\f0fa"; }
.fa-medrt:before {
  content: "\f3c8"; }
.fa-meetup:before {
  content: "\f2e0"; }
.fa-megaport:before {
  content: "\f5a3"; }
.fa-meh:before {
  content: "\f11a"; }
.fa-meh-blank:before {
  content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }
.fa-memory:before {
  content: "\f538"; }
.fa-mendeley:before {
  content: "\f7b3"; }
.fa-menorah:before {
  content: "\f676"; }
.fa-mercury:before {
  content: "\f223"; }
.fa-meteor:before {
  content: "\f753"; }
.fa-microblog:before {
  content: "\e01a"; }
.fa-microchip:before {
  content: "\f2db"; }
.fa-microphone:before {
  content: "\f130"; }
.fa-microphone-alt:before {
  content: "\f3c9"; }
.fa-microphone-alt-slash:before {
  content: "\f539"; }
.fa-microphone-slash:before {
  content: "\f131"; }
.fa-microscope:before {
  content: "\f610"; }
.fa-microsoft:before {
  content: "\f3ca"; }
.fa-minus:before {
  content: "\f068"; }
.fa-minus-circle:before {
  content: "\f056"; }
.fa-minus-square:before {
  content: "\f146"; }
.fa-mitten:before {
  content: "\f7b5"; }
.fa-mix:before {
  content: "\f3cb"; }
.fa-mixcloud:before {
  content: "\f289"; }
.fa-mixer:before {
  content: "\e056"; }
.fa-mizuni:before {
  content: "\f3cc"; }
.fa-mobile:before {
  content: "\f10b"; }
.fa-mobile-alt:before {
  content: "\f3cd"; }
.fa-modx:before {
  content: "\f285"; }
.fa-monero:before {
  content: "\f3d0"; }
.fa-money-bill:before {
  content: "\f0d6"; }
.fa-money-bill-alt:before {
  content: "\f3d1"; }
.fa-money-bill-wave:before {
  content: "\f53a"; }
.fa-money-bill-wave-alt:before {
  content: "\f53b"; }
.fa-money-check:before {
  content: "\f53c"; }
.fa-money-check-alt:before {
  content: "\f53d"; }
.fa-monument:before {
  content: "\f5a6"; }
.fa-moon:before {
  content: "\f186"; }
.fa-mortar-pestle:before {
  content: "\f5a7"; }
.fa-mosque:before {
  content: "\f678"; }
.fa-motorcycle:before {
  content: "\f21c"; }
.fa-mountain:before {
  content: "\f6fc"; }
.fa-mouse:before {
  content: "\f8cc"; }
.fa-mouse-pointer:before {
  content: "\f245"; }
.fa-mug-hot:before {
  content: "\f7b6"; }
.fa-music:before {
  content: "\f001"; }
.fa-napster:before {
  content: "\f3d2"; }
.fa-neos:before {
  content: "\f612"; }
.fa-network-wired:before {
  content: "\f6ff"; }
.fa-neuter:before {
  content: "\f22c"; }
.fa-newspaper:before {
  content: "\f1ea"; }
.fa-nimblr:before {
  content: "\f5a8"; }
.fa-node:before {
  content: "\f419"; }
.fa-node-js:before {
  content: "\f3d3"; }
.fa-not-equal:before {
  content: "\f53e"; }
.fa-notes-medical:before {
  content: "\f481"; }
.fa-npm:before {
  content: "\f3d4"; }
.fa-ns8:before {
  content: "\f3d5"; }
.fa-nutritionix:before {
  content: "\f3d6"; }
.fa-object-group:before {
  content: "\f247"; }
.fa-object-ungroup:before {
  content: "\f248"; }
.fa-octopus-deploy:before {
  content: "\e082"; }
.fa-odnoklassniki:before {
  content: "\f263"; }
.fa-odnoklassniki-square:before {
  content: "\f264"; }
.fa-oil-can:before {
  content: "\f613"; }
.fa-old-republic:before {
  content: "\f510"; }
.fa-om:before {
  content: "\f679"; }
.fa-opencart:before {
  content: "\f23d"; }
.fa-openid:before {
  content: "\f19b"; }
.fa-opera:before {
  content: "\f26a"; }
.fa-optin-monster:before {
  content: "\f23c"; }
.fa-orcid:before {
  content: "\f8d2"; }
.fa-osi:before {
  content: "\f41a"; }
.fa-otter:before {
  content: "\f700"; }
.fa-outdent:before {
  content: "\f03b"; }
.fa-page4:before {
  content: "\f3d7"; }
.fa-pagelines:before {
  content: "\f18c"; }
.fa-pager:before {
  content: "\f815"; }
.fa-paint-brush:before {
  content: "\f1fc"; }
.fa-paint-roller:before {
  content: "\f5aa"; }
.fa-palette:before {
  content: "\f53f"; }
.fa-palfed:before {
  content: "\f3d8"; }
.fa-pallet:before {
  content: "\f482"; }
.fa-paper-plane:before {
  content: "\f1d8"; }
.fa-paperclip:before {
  content: "\f0c6"; }
.fa-parachute-box:before {
  content: "\f4cd"; }
.fa-paragraph:before {
  content: "\f1dd"; }
.fa-parking:before {
  content: "\f540"; }
.fa-passport:before {
  content: "\f5ab"; }
.fa-pastafarianism:before {
  content: "\f67b"; }
.fa-paste:before {
  content: "\f0ea"; }
.fa-patreon:before {
  content: "\f3d9"; }
.fa-pause:before {
  content: "\f04c"; }
.fa-pause-circle:before {
  content: "\f28b"; }
.fa-paw:before {
  content: "\f1b0"; }
.fa-paypal:before {
  content: "\f1ed"; }
.fa-peace:before {
  content: "\f67c"; }
.fa-pen:before {
  content: "\f304"; }
.fa-pen-alt:before {
  content: "\f305"; }
.fa-pen-fancy:before {
  content: "\f5ac"; }
.fa-pen-nib:before {
  content: "\f5ad"; }
.fa-pen-square:before {
  content: "\f14b"; }
.fa-pencil-alt:before {
  content: "\f303"; }
.fa-pencil-ruler:before {
  content: "\f5ae"; }
.fa-penny-arcade:before {
  content: "\f704"; }
.fa-people-arrows:before {
  content: "\e068"; }
.fa-people-carry:before {
  content: "\f4ce"; }
.fa-pepper-hot:before {
  content: "\f816"; }
.fa-perbyte:before {
  content: "\e083"; }
.fa-percent:before {
  content: "\f295"; }
.fa-percentage:before {
  content: "\f541"; }
.fa-periscope:before {
  content: "\f3da"; }
.fa-person-booth:before {
  content: "\f756"; }
.fa-phabricator:before {
  content: "\f3db"; }
.fa-phoenix-framework:before {
  content: "\f3dc"; }
.fa-phoenix-squadron:before {
  content: "\f511"; }
.fa-phone:before {
  content: "\f095"; }
.fa-phone-alt:before {
  content: "\f879"; }
.fa-phone-slash:before {
  content: "\f3dd"; }
.fa-phone-square:before {
  content: "\f098"; }
.fa-phone-square-alt:before {
  content: "\f87b"; }
.fa-phone-volume:before {
  content: "\f2a0"; }
.fa-photo-video:before {
  content: "\f87c"; }
.fa-php:before {
  content: "\f457"; }
.fa-pied-piper:before {
  content: "\f2ae"; }
.fa-pied-piper-alt:before {
  content: "\f1a8"; }
.fa-pied-piper-hat:before {
  content: "\f4e5"; }
.fa-pied-piper-pp:before {
  content: "\f1a7"; }
.fa-pied-piper-square:before {
  content: "\e01e"; }
.fa-piggy-bank:before {
  content: "\f4d3"; }
.fa-pills:before {
  content: "\f484"; }
.fa-pinterest:before {
  content: "\f0d2"; }
.fa-pinterest-p:before {
  content: "\f231"; }
.fa-pinterest-square:before {
  content: "\f0d3"; }
.fa-pizza-slice:before {
  content: "\f818"; }
.fa-place-of-worship:before {
  content: "\f67f"; }
.fa-plane:before {
  content: "\f072"; }
.fa-plane-arrival:before {
  content: "\f5af"; }
.fa-plane-departure:before {
  content: "\f5b0"; }
.fa-plane-slash:before {
  content: "\e069"; }
.fa-play:before {
  content: "\f04b"; }
.fa-play-circle:before {
  content: "\f144"; }
.fa-playstation:before {
  content: "\f3df"; }
.fa-plug:before {
  content: "\f1e6"; }
.fa-plus:before {
  content: "\f067"; }
.fa-plus-circle:before {
  content: "\f055"; }
.fa-plus-square:before {
  content: "\f0fe"; }
.fa-podcast:before {
  content: "\f2ce"; }
.fa-poll:before {
  content: "\f681"; }
.fa-poll-h:before {
  content: "\f682"; }
.fa-poo:before {
  content: "\f2fe"; }
.fa-poo-storm:before {
  content: "\f75a"; }
.fa-poop:before {
  content: "\f619"; }
.fa-portrait:before {
  content: "\f3e0"; }
.fa-pound-sign:before {
  content: "\f154"; }
.fa-power-off:before {
  content: "\f011"; }
.fa-pray:before {
  content: "\f683"; }
.fa-praying-hands:before {
  content: "\f684"; }
.fa-prescription:before {
  content: "\f5b1"; }
.fa-prescription-bottle:before {
  content: "\f485"; }
.fa-prescription-bottle-alt:before {
  content: "\f486"; }
.fa-print:before {
  content: "\f02f"; }
.fa-procedures:before {
  content: "\f487"; }
.fa-product-hunt:before {
  content: "\f288"; }
.fa-project-diagram:before {
  content: "\f542"; }
.fa-pump-medical:before {
  content: "\e06a"; }
.fa-pump-soap:before {
  content: "\e06b"; }
.fa-pushed:before {
  content: "\f3e1"; }
.fa-puzzle-piece:before {
  content: "\f12e"; }
.fa-python:before {
  content: "\f3e2"; }
.fa-qq:before {
  content: "\f1d6"; }
.fa-qrcode:before {
  content: "\f029"; }
.fa-question:before {
  content: "\f128"; }
.fa-question-circle:before {
  content: "\f059"; }
.fa-quidditch:before {
  content: "\f458"; }
.fa-quinscape:before {
  content: "\f459"; }
.fa-quora:before {
  content: "\f2c4"; }
.fa-quote-left:before {
  content: "\f10d"; }
.fa-quote-right:before {
  content: "\f10e"; }
.fa-quran:before {
  content: "\f687"; }
.fa-r-project:before {
  content: "\f4f7"; }
.fa-radiation:before {
  content: "\f7b9"; }
.fa-radiation-alt:before {
  content: "\f7ba"; }
.fa-rainbow:before {
  content: "\f75b"; }
.fa-random:before {
  content: "\f074"; }
.fa-raspberry-pi:before {
  content: "\f7bb"; }
.fa-ravelry:before {
  content: "\f2d9"; }
.fa-react:before {
  content: "\f41b"; }
.fa-reacteurope:before {
  content: "\f75d"; }
.fa-readme:before {
  content: "\f4d5"; }
.fa-rebel:before {
  content: "\f1d0"; }
.fa-receipt:before {
  content: "\f543"; }
.fa-record-vinyl:before {
  content: "\f8d9"; }
.fa-recycle:before {
  content: "\f1b8"; }
.fa-red-river:before {
  content: "\f3e3"; }
.fa-reddit:before {
  content: "\f1a1"; }
.fa-reddit-alien:before {
  content: "\f281"; }
.fa-reddit-square:before {
  content: "\f1a2"; }
.fa-redhat:before {
  content: "\f7bc"; }
.fa-redo:before {
  content: "\f01e"; }
.fa-redo-alt:before {
  content: "\f2f9"; }
.fa-registered:before {
  content: "\f25d"; }
.fa-remove-format:before {
  content: "\f87d"; }
.fa-renren:before {
  content: "\f18b"; }
.fa-reply:before {
  content: "\f3e5"; }
.fa-reply-all:before {
  content: "\f122"; }
.fa-replyd:before {
  content: "\f3e6"; }
.fa-republican:before {
  content: "\f75e"; }
.fa-researchgate:before {
  content: "\f4f8"; }
.fa-resolving:before {
  content: "\f3e7"; }
.fa-restroom:before {
  content: "\f7bd"; }
.fa-retweet:before {
  content: "\f079"; }
.fa-rev:before {
  content: "\f5b2"; }
.fa-ribbon:before {
  content: "\f4d6"; }
.fa-ring:before {
  content: "\f70b"; }
.fa-road:before {
  content: "\f018"; }
.fa-robot:before {
  content: "\f544"; }
.fa-rocket:before {
  content: "\f135"; }
.fa-rocketchat:before {
  content: "\f3e8"; }
.fa-rockrms:before {
  content: "\f3e9"; }
.fa-route:before {
  content: "\f4d7"; }
.fa-rss:before {
  content: "\f09e"; }
.fa-rss-square:before {
  content: "\f143"; }
.fa-ruble-sign:before {
  content: "\f158"; }
.fa-ruler:before {
  content: "\f545"; }
.fa-ruler-combined:before {
  content: "\f546"; }
.fa-ruler-horizontal:before {
  content: "\f547"; }
.fa-ruler-vertical:before {
  content: "\f548"; }
.fa-running:before {
  content: "\f70c"; }
.fa-rupee-sign:before {
  content: "\f156"; }
.fa-rust:before {
  content: "\e07a"; }
.fa-sad-cry:before {
  content: "\f5b3"; }
.fa-sad-tear:before {
  content: "\f5b4"; }
.fa-safari:before {
  content: "\f267"; }
.fa-salesforce:before {
  content: "\f83b"; }
.fa-sass:before {
  content: "\f41e"; }
.fa-satellite:before {
  content: "\f7bf"; }
.fa-satellite-dish:before {
  content: "\f7c0"; }
.fa-save:before {
  content: "\f0c7"; }
.fa-schlix:before {
  content: "\f3ea"; }
.fa-school:before {
  content: "\f549"; }
.fa-screwdriver:before {
  content: "\f54a"; }
.fa-scribd:before {
  content: "\f28a"; }
.fa-scroll:before {
  content: "\f70e"; }
.fa-sd-card:before {
  content: "\f7c2"; }
.fa-search:before {
  content: "\f002"; }
.fa-search-dollar:before {
  content: "\f688"; }
.fa-search-location:before {
  content: "\f689"; }
.fa-search-minus:before {
  content: "\f010"; }
.fa-search-plus:before {
  content: "\f00e"; }
.fa-searchengin:before {
  content: "\f3eb"; }
.fa-seedling:before {
  content: "\f4d8"; }
.fa-sellcast:before {
  content: "\f2da"; }
.fa-sellsy:before {
  content: "\f213"; }
.fa-server:before {
  content: "\f233"; }
.fa-servicestack:before {
  content: "\f3ec"; }
.fa-shapes:before {
  content: "\f61f"; }
.fa-share:before {
  content: "\f064"; }
.fa-share-alt:before {
  content: "\f1e0"; }
.fa-share-alt-square:before {
  content: "\f1e1"; }
.fa-share-square:before {
  content: "\f14d"; }
.fa-shekel-sign:before {
  content: "\f20b"; }
.fa-shield-alt:before {
  content: "\f3ed"; }
.fa-shield-virus:before {
  content: "\e06c"; }
.fa-ship:before {
  content: "\f21a"; }
.fa-shipping-fast:before {
  content: "\f48b"; }
.fa-shirtsinbulk:before {
  content: "\f214"; }
.fa-shoe-prints:before {
  content: "\f54b"; }
.fa-shopify:before {
  content: "\e057"; }
.fa-shopping-bag:before {
  content: "\f290"; }
.fa-shopping-basket:before {
  content: "\f291"; }
.fa-shopping-cart:before {
  content: "\f07a"; }
.fa-shopware:before {
  content: "\f5b5"; }
.fa-shower:before {
  content: "\f2cc"; }
.fa-shuttle-van:before {
  content: "\f5b6"; }
.fa-sign:before {
  content: "\f4d9"; }
.fa-sign-in-alt:before {
  content: "\f2f6"; }
.fa-sign-language:before {
  content: "\f2a7"; }
.fa-sign-out-alt:before {
  content: "\f2f5"; }
.fa-signal:before {
  content: "\f012"; }
.fa-signature:before {
  content: "\f5b7"; }
.fa-sim-card:before {
  content: "\f7c4"; }
.fa-simplybuilt:before {
  content: "\f215"; }
.fa-sink:before {
  content: "\e06d"; }
.fa-sistrix:before {
  content: "\f3ee"; }
.fa-sitemap:before {
  content: "\f0e8"; }
.fa-sith:before {
  content: "\f512"; }
.fa-skating:before {
  content: "\f7c5"; }
.fa-sketch:before {
  content: "\f7c6"; }
.fa-skiing:before {
  content: "\f7c9"; }
.fa-skiing-nordic:before {
  content: "\f7ca"; }
.fa-skull:before {
  content: "\f54c"; }
.fa-skull-crossbones:before {
  content: "\f714"; }
.fa-skyatlas:before {
  content: "\f216"; }
.fa-skype:before {
  content: "\f17e"; }
.fa-slack:before {
  content: "\f198"; }
.fa-slack-hash:before {
  content: "\f3ef"; }
.fa-slash:before {
  content: "\f715"; }
.fa-sleigh:before {
  content: "\f7cc"; }
.fa-sliders-h:before {
  content: "\f1de"; }
.fa-slideshare:before {
  content: "\f1e7"; }
.fa-smile:before {
  content: "\f118"; }
.fa-smile-beam:before {
  content: "\f5b8"; }
.fa-smile-wink:before {
  content: "\f4da"; }
.fa-smog:before {
  content: "\f75f"; }
.fa-smoking:before {
  content: "\f48d"; }
.fa-smoking-ban:before {
  content: "\f54d"; }
.fa-sms:before {
  content: "\f7cd"; }
.fa-snapchat:before {
  content: "\f2ab"; }
.fa-snapchat-ghost:before {
  content: "\f2ac"; }
.fa-snapchat-square:before {
  content: "\f2ad"; }
.fa-snowboarding:before {
  content: "\f7ce"; }
.fa-snowflake:before {
  content: "\f2dc"; }
.fa-snowman:before {
  content: "\f7d0"; }
.fa-snowplow:before {
  content: "\f7d2"; }
.fa-soap:before {
  content: "\e06e"; }
.fa-socks:before {
  content: "\f696"; }
.fa-solar-panel:before {
  content: "\f5ba"; }
.fa-sort:before {
  content: "\f0dc"; }
.fa-sort-alpha-down:before {
  content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
  content: "\f881"; }
.fa-sort-alpha-up:before {
  content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
  content: "\f882"; }
.fa-sort-amount-down:before {
  content: "\f160"; }
.fa-sort-amount-down-alt:before {
  content: "\f884"; }
.fa-sort-amount-up:before {
  content: "\f161"; }
.fa-sort-amount-up-alt:before {
  content: "\f885"; }
.fa-sort-down:before {
  content: "\f0dd"; }
.fa-sort-numeric-down:before {
  content: "\f162"; }
.fa-sort-numeric-down-alt:before {
  content: "\f886"; }
.fa-sort-numeric-up:before {
  content: "\f163"; }
.fa-sort-numeric-up-alt:before {
  content: "\f887"; }
.fa-sort-up:before {
  content: "\f0de"; }
.fa-soundcloud:before {
  content: "\f1be"; }
.fa-sourcetree:before {
  content: "\f7d3"; }
.fa-spa:before {
  content: "\f5bb"; }
.fa-space-shuttle:before {
  content: "\f197"; }
.fa-speakap:before {
  content: "\f3f3"; }
.fa-speaker-deck:before {
  content: "\f83c"; }
.fa-spell-check:before {
  content: "\f891"; }
.fa-spider:before {
  content: "\f717"; }
.fa-spinner:before {
  content: "\f110"; }
.fa-splotch:before {
  content: "\f5bc"; }
.fa-spotify:before {
  content: "\f1bc"; }
.fa-spray-can:before {
  content: "\f5bd"; }
.fa-square:before {
  content: "\f0c8"; }
.fa-square-full:before {
  content: "\f45c"; }
.fa-square-root-alt:before {
  content: "\f698"; }
.fa-squarespace:before {
  content: "\f5be"; }
.fa-stack-exchange:before {
  content: "\f18d"; }
.fa-stack-overflow:before {
  content: "\f16c"; }
.fa-stackpath:before {
  content: "\f842"; }
.fa-stamp:before {
  content: "\f5bf"; }
.fa-star:before {
  content: "\f005"; }
.fa-star-and-crescent:before {
  content: "\f699"; }
.fa-star-half:before {
  content: "\f089"; }
.fa-star-half-alt:before {
  content: "\f5c0"; }
.fa-star-of-david:before {
  content: "\f69a"; }
.fa-star-of-life:before {
  content: "\f621"; }
.fa-staylinked:before {
  content: "\f3f5"; }
.fa-steam:before {
  content: "\f1b6"; }
.fa-steam-square:before {
  content: "\f1b7"; }
.fa-steam-symbol:before {
  content: "\f3f6"; }
.fa-step-backward:before {
  content: "\f048"; }
.fa-step-forward:before {
  content: "\f051"; }
.fa-stethoscope:before {
  content: "\f0f1"; }
.fa-sticker-mule:before {
  content: "\f3f7"; }
.fa-sticky-note:before {
  content: "\f249"; }
.fa-stop:before {
  content: "\f04d"; }
.fa-stop-circle:before {
  content: "\f28d"; }
.fa-stopwatch:before {
  content: "\f2f2"; }
.fa-stopwatch-20:before {
  content: "\e06f"; }
.fa-store:before {
  content: "\f54e"; }
.fa-store-alt:before {
  content: "\f54f"; }
.fa-store-alt-slash:before {
  content: "\e070"; }
.fa-store-slash:before {
  content: "\e071"; }
.fa-strava:before {
  content: "\f428"; }
.fa-stream:before {
  content: "\f550"; }
.fa-street-view:before {
  content: "\f21d"; }
.fa-strikethrough:before {
  content: "\f0cc"; }
.fa-stripe:before {
  content: "\f429"; }
.fa-stripe-s:before {
  content: "\f42a"; }
.fa-stroopwafel:before {
  content: "\f551"; }
.fa-studiovinari:before {
  content: "\f3f8"; }
.fa-stumbleupon:before {
  content: "\f1a4"; }
.fa-stumbleupon-circle:before {
  content: "\f1a3"; }
.fa-subscript:before {
  content: "\f12c"; }
.fa-subway:before {
  content: "\f239"; }
.fa-suitcase:before {
  content: "\f0f2"; }
.fa-suitcase-rolling:before {
  content: "\f5c1"; }
.fa-sun:before {
  content: "\f185"; }
.fa-superpowers:before {
  content: "\f2dd"; }
.fa-superscript:before {
  content: "\f12b"; }
.fa-supple:before {
  content: "\f3f9"; }
.fa-surprise:before {
  content: "\f5c2"; }
.fa-suse:before {
  content: "\f7d6"; }
.fa-swatchbook:before {
  content: "\f5c3"; }
.fa-swift:before {
  content: "\f8e1"; }
.fa-swimmer:before {
  content: "\f5c4"; }
.fa-swimming-pool:before {
  content: "\f5c5"; }
.fa-symfony:before {
  content: "\f83d"; }
.fa-synagogue:before {
  content: "\f69b"; }
.fa-sync:before {
  content: "\f021"; }
.fa-sync-alt:before {
  content: "\f2f1"; }
.fa-syringe:before {
  content: "\f48e"; }
.fa-table:before {
  content: "\f0ce"; }
.fa-table-tennis:before {
  content: "\f45d"; }
.fa-tablet:before {
  content: "\f10a"; }
.fa-tablet-alt:before {
  content: "\f3fa"; }
.fa-tablets:before {
  content: "\f490"; }
.fa-tachometer-alt:before {
  content: "\f3fd"; }
.fa-tag:before {
  content: "\f02b"; }
.fa-tags:before {
  content: "\f02c"; }
.fa-tape:before {
  content: "\f4db"; }
.fa-tasks:before {
  content: "\f0ae"; }
.fa-taxi:before {
  content: "\f1ba"; }
.fa-teamspeak:before {
  content: "\f4f9"; }
.fa-teeth:before {
  content: "\f62e"; }
.fa-teeth-open:before {
  content: "\f62f"; }
.fa-telegram:before {
  content: "\f2c6"; }
.fa-telegram-plane:before {
  content: "\f3fe"; }
.fa-temperature-high:before {
  content: "\f769"; }
.fa-temperature-low:before {
  content: "\f76b"; }
.fa-tencent-weibo:before {
  content: "\f1d5"; }
.fa-tenge:before {
  content: "\f7d7"; }
.fa-terminal:before {
  content: "\f120"; }
.fa-text-height:before {
  content: "\f034"; }
.fa-text-width:before {
  content: "\f035"; }
.fa-th:before {
  content: "\f00a"; }
.fa-th-large:before {
  content: "\f009"; }
.fa-th-list:before {
  content: "\f00b"; }
.fa-the-red-yeti:before {
  content: "\f69d"; }
.fa-theater-masks:before {
  content: "\f630"; }
.fa-themeco:before {
  content: "\f5c6"; }
.fa-themeisle:before {
  content: "\f2b2"; }
.fa-thermometer:before {
  content: "\f491"; }
.fa-thermometer-empty:before {
  content: "\f2cb"; }
.fa-thermometer-full:before {
  content: "\f2c7"; }
.fa-thermometer-half:before {
  content: "\f2c9"; }
.fa-thermometer-quarter:before {
  content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }
.fa-think-peaks:before {
  content: "\f731"; }
.fa-thumbs-down:before {
  content: "\f165"; }
.fa-thumbs-up:before {
  content: "\f164"; }
.fa-thumbtack:before {
  content: "\f08d"; }
.fa-ticket-alt:before {
  content: "\f3ff"; }
.fa-tiktok:before {
  content: "\e07b"; }
.fa-times:before {
  content: "\f00d"; }
.fa-times-circle:before {
  content: "\f057"; }
.fa-tint:before {
  content: "\f043"; }
.fa-tint-slash:before {
  content: "\f5c7"; }
.fa-tired:before {
  content: "\f5c8"; }
.fa-toggle-off:before {
  content: "\f204"; }
.fa-toggle-on:before {
  content: "\f205"; }
.fa-toilet:before {
  content: "\f7d8"; }
.fa-toilet-paper:before {
  content: "\f71e"; }
.fa-toilet-paper-slash:before {
  content: "\e072"; }
.fa-toolbox:before {
  content: "\f552"; }
.fa-tools:before {
  content: "\f7d9"; }
.fa-tooth:before {
  content: "\f5c9"; }
.fa-torah:before {
  content: "\f6a0"; }
.fa-torii-gate:before {
  content: "\f6a1"; }
.fa-tractor:before {
  content: "\f722"; }
.fa-trade-federation:before {
  content: "\f513"; }
.fa-trademark:before {
  content: "\f25c"; }
.fa-traffic-light:before {
  content: "\f637"; }
.fa-trailer:before {
  content: "\e041"; }
.fa-train:before {
  content: "\f238"; }
.fa-tram:before {
  content: "\f7da"; }
.fa-transgender:before {
  content: "\f224"; }
.fa-transgender-alt:before {
  content: "\f225"; }
.fa-trash:before {
  content: "\f1f8"; }
.fa-trash-alt:before {
  content: "\f2ed"; }
.fa-trash-restore:before {
  content: "\f829"; }
.fa-trash-restore-alt:before {
  content: "\f82a"; }
.fa-tree:before {
  content: "\f1bb"; }
.fa-trello:before {
  content: "\f181"; }
.fa-trophy:before {
  content: "\f091"; }
.fa-truck:before {
  content: "\f0d1"; }
.fa-truck-loading:before {
  content: "\f4de"; }
.fa-truck-monster:before {
  content: "\f63b"; }
.fa-truck-moving:before {
  content: "\f4df"; }
.fa-truck-pickup:before {
  content: "\f63c"; }
.fa-tshirt:before {
  content: "\f553"; }
.fa-tty:before {
  content: "\f1e4"; }
.fa-tumblr:before {
  content: "\f173"; }
.fa-tumblr-square:before {
  content: "\f174"; }
.fa-tv:before {
  content: "\f26c"; }
.fa-twitch:before {
  content: "\f1e8"; }
.fa-twitter:before {
  content: "\f099"; }
.fa-twitter-square:before {
  content: "\f081"; }
.fa-typo3:before {
  content: "\f42b"; }
.fa-uber:before {
  content: "\f402"; }
.fa-ubuntu:before {
  content: "\f7df"; }
.fa-uikit:before {
  content: "\f403"; }
.fa-umbraco:before {
  content: "\f8e8"; }
.fa-umbrella:before {
  content: "\f0e9"; }
.fa-umbrella-beach:before {
  content: "\f5ca"; }
.fa-uncharted:before {
  content: "\e084"; }
.fa-underline:before {
  content: "\f0cd"; }
.fa-undo:before {
  content: "\f0e2"; }
.fa-undo-alt:before {
  content: "\f2ea"; }
.fa-uniregistry:before {
  content: "\f404"; }
.fa-unity:before {
  content: "\e049"; }
.fa-universal-access:before {
  content: "\f29a"; }
.fa-university:before {
  content: "\f19c"; }
.fa-unlink:before {
  content: "\f127"; }
.fa-unlock:before {
  content: "\f09c"; }
.fa-unlock-alt:before {
  content: "\f13e"; }
.fa-unsplash:before {
  content: "\e07c"; }
.fa-untappd:before {
  content: "\f405"; }
.fa-upload:before {
  content: "\f093"; }
.fa-ups:before {
  content: "\f7e0"; }
.fa-usb:before {
  content: "\f287"; }
.fa-user:before {
  content: "\f007"; }
.fa-user-alt:before {
  content: "\f406"; }
.fa-user-alt-slash:before {
  content: "\f4fa"; }
.fa-user-astronaut:before {
  content: "\f4fb"; }
.fa-user-check:before {
  content: "\f4fc"; }
.fa-user-circle:before {
  content: "\f2bd"; }
.fa-user-clock:before {
  content: "\f4fd"; }
.fa-user-cog:before {
  content: "\f4fe"; }
.fa-user-edit:before {
  content: "\f4ff"; }
.fa-user-friends:before {
  content: "\f500"; }
.fa-user-graduate:before {
  content: "\f501"; }
.fa-user-injured:before {
  content: "\f728"; }
.fa-user-lock:before {
  content: "\f502"; }
.fa-user-md:before {
  content: "\f0f0"; }
.fa-user-minus:before {
  content: "\f503"; }
.fa-user-ninja:before {
  content: "\f504"; }
.fa-user-nurse:before {
  content: "\f82f"; }
.fa-user-plus:before {
  content: "\f234"; }
.fa-user-secret:before {
  content: "\f21b"; }
.fa-user-shield:before {
  content: "\f505"; }
.fa-user-slash:before {
  content: "\f506"; }
.fa-user-tag:before {
  content: "\f507"; }
.fa-user-tie:before {
  content: "\f508"; }
.fa-user-times:before {
  content: "\f235"; }
.fa-users:before {
  content: "\f0c0"; }
.fa-users-cog:before {
  content: "\f509"; }
.fa-users-slash:before {
  content: "\e073"; }
.fa-usps:before {
  content: "\f7e1"; }
.fa-ussunnah:before {
  content: "\f407"; }
.fa-utensil-spoon:before {
  content: "\f2e5"; }
.fa-utensils:before {
  content: "\f2e7"; }
.fa-vaadin:before {
  content: "\f408"; }
.fa-vector-square:before {
  content: "\f5cb"; }
.fa-venus:before {
  content: "\f221"; }
.fa-venus-double:before {
  content: "\f226"; }
.fa-venus-mars:before {
  content: "\f228"; }
.fa-vest:before {
  content: "\e085"; }
.fa-vest-patches:before {
  content: "\e086"; }
.fa-viacoin:before {
  content: "\f237"; }
.fa-viadeo:before {
  content: "\f2a9"; }
.fa-viadeo-square:before {
  content: "\f2aa"; }
.fa-vial:before {
  content: "\f492"; }
.fa-vials:before {
  content: "\f493"; }
.fa-viber:before {
  content: "\f409"; }
.fa-video:before {
  content: "\f03d"; }
.fa-video-slash:before {
  content: "\f4e2"; }
.fa-vihara:before {
  content: "\f6a7"; }
.fa-vimeo:before {
  content: "\f40a"; }
.fa-vimeo-square:before {
  content: "\f194"; }
.fa-vimeo-v:before {
  content: "\f27d"; }
.fa-vine:before {
  content: "\f1ca"; }
.fa-virus:before {
  content: "\e074"; }
.fa-virus-slash:before {
  content: "\e075"; }
.fa-viruses:before {
  content: "\e076"; }
.fa-vk:before {
  content: "\f189"; }
.fa-vnv:before {
  content: "\f40b"; }
.fa-voicemail:before {
  content: "\f897"; }
.fa-volleyball-ball:before {
  content: "\f45f"; }
.fa-volume-down:before {
  content: "\f027"; }
.fa-volume-mute:before {
  content: "\f6a9"; }
.fa-volume-off:before {
  content: "\f026"; }
.fa-volume-up:before {
  content: "\f028"; }
.fa-vote-yea:before {
  content: "\f772"; }
.fa-vr-cardboard:before {
  content: "\f729"; }
.fa-vuejs:before {
  content: "\f41f"; }
.fa-walking:before {
  content: "\f554"; }
.fa-wallet:before {
  content: "\f555"; }
.fa-warehouse:before {
  content: "\f494"; }
.fa-watchman-monitoring:before {
  content: "\e087"; }
.fa-water:before {
  content: "\f773"; }
.fa-wave-square:before {
  content: "\f83e"; }
.fa-waze:before {
  content: "\f83f"; }
.fa-weebly:before {
  content: "\f5cc"; }
.fa-weibo:before {
  content: "\f18a"; }
.fa-weight:before {
  content: "\f496"; }
.fa-weight-hanging:before {
  content: "\f5cd"; }
.fa-weixin:before {
  content: "\f1d7"; }
.fa-whatsapp:before {
  content: "\f232"; }
.fa-whatsapp-square:before {
  content: "\f40c"; }
.fa-wheelchair:before {
  content: "\f193"; }
.fa-whmcs:before {
  content: "\f40d"; }
.fa-wifi:before {
  content: "\f1eb"; }
.fa-wikipedia-w:before {
  content: "\f266"; }
.fa-wind:before {
  content: "\f72e"; }
.fa-window-close:before {
  content: "\f410"; }
.fa-window-maximize:before {
  content: "\f2d0"; }
.fa-window-minimize:before {
  content: "\f2d1"; }
.fa-window-restore:before {
  content: "\f2d2"; }
.fa-windows:before {
  content: "\f17a"; }
.fa-wine-bottle:before {
  content: "\f72f"; }
.fa-wine-glass:before {
  content: "\f4e3"; }
.fa-wine-glass-alt:before {
  content: "\f5ce"; }
.fa-wix:before {
  content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
  content: "\f730"; }
.fa-wodu:before {
  content: "\e088"; }
.fa-wolf-pack-battalion:before {
  content: "\f514"; }
.fa-won-sign:before {
  content: "\f159"; }
.fa-wordpress:before {
  content: "\f19a"; }
.fa-wordpress-simple:before {
  content: "\f411"; }
.fa-wpbeginner:before {
  content: "\f297"; }
.fa-wpexplorer:before {
  content: "\f2de"; }
.fa-wpforms:before {
  content: "\f298"; }
.fa-wpressr:before {
  content: "\f3e4"; }
.fa-wrench:before {
  content: "\f0ad"; }
.fa-x-ray:before {
  content: "\f497"; }
.fa-xbox:before {
  content: "\f412"; }
.fa-xing:before {
  content: "\f168"; }
.fa-xing-square:before {
  content: "\f169"; }
.fa-y-combinator:before {
  content: "\f23b"; }
.fa-yahoo:before {
  content: "\f19e"; }
.fa-yammer:before {
  content: "\f840"; }
.fa-yandex:before {
  content: "\f413"; }
.fa-yandex-international:before {
  content: "\f414"; }
.fa-yarn:before {
  content: "\f7e3"; }
.fa-yelp:before {
  content: "\f1e9"; }
.fa-yen-sign:before {
  content: "\f157"; }
.fa-yin-yang:before {
  content: "\f6ad"; }
.fa-yoast:before {
  content: "\f2b1"; }
.fa-youtube:before {
  content: "\f167"; }
.fa-youtube-square:before {
  content: "\f431"; }
.fa-zhihu:before {
  content: "\f63f"; }
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-brands-400.eot');
  src: url('fa-brands-400.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.woff') format("woff"), url('fa-brands-400.ttf') format("truetype"), url('fa-brands-400.svg#fontawesome') format("svg"); }
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-regular-400.eot');
  src: url('fa-regular-400.eot?#iefix') format("embedded-opentype"), url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.woff') format("woff"), url('fa-regular-400.ttf') format("truetype"), url('fa-regular-400.svg#fontawesome') format("svg"); }
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-solid-900.eot');
  src: url('fa-solid-900.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.woff') format("woff"), url('fa-solid-900.ttf') format("truetype"), url('fa-solid-900.svg#fontawesome') format("svg"); }
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/socicon/css/socicon.css ***!
  \******************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

@font-face {
  font-family: "socicon";
  src:url('socicon.eot');
  src:url('socicon.eot?#iefix') format("embedded-opentype"),
    url('socicon.woff') format("woff"),
    url('socicon.ttf') format("truetype"),
    url('socicon.svg#socicon') format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-modelmayhem:before {
  content: "\e000";
}

.socicon-mixcloud:before {
  content: "\e001";
}

.socicon-drupal:before {
  content: "\e002";
}

.socicon-swarm:before {
  content: "\e003";
}

.socicon-istock:before {
  content: "\e004";
}

.socicon-yammer:before {
  content: "\e005";
}

.socicon-ello:before {
  content: "\e006";
}

.socicon-stackoverflow:before {
  content: "\e007";
}

.socicon-persona:before {
  content: "\e008";
}

.socicon-triplej:before {
  content: "\e009";
}

.socicon-houzz:before {
  content: "\e00a";
}

.socicon-rss:before {
  content: "\e00b";
}

.socicon-paypal:before {
  content: "\e00c";
}

.socicon-odnoklassniki:before {
  content: "\e00d";
}

.socicon-airbnb:before {
  content: "\e00e";
}

.socicon-periscope:before {
  content: "\e00f";
}

.socicon-outlook:before {
  content: "\e010";
}

.socicon-coderwall:before {
  content: "\e011";
}

.socicon-tripadvisor:before {
  content: "\e012";
}

.socicon-appnet:before {
  content: "\e013";
}

.socicon-goodreads:before {
  content: "\e014";
}

.socicon-tripit:before {
  content: "\e015";
}

.socicon-lanyrd:before {
  content: "\e016";
}

.socicon-slideshare:before {
  content: "\e017";
}

.socicon-buffer:before {
  content: "\e018";
}

.socicon-disqus:before {
  content: "\e019";
}

.socicon-vkontakte:before {
  content: "\e01a";
}

.socicon-whatsapp:before {
  content: "\e01b";
}

.socicon-patreon:before {
  content: "\e01c";
}

.socicon-storehouse:before {
  content: "\e01d";
}

.socicon-pocket:before {
  content: "\e01e";
}

.socicon-mail:before {
  content: "\e01f";
}

.socicon-blogger:before {
  content: "\e020";
}

.socicon-technorati:before {
  content: "\e021";
}

.socicon-reddit:before {
  content: "\e022";
}

.socicon-dribbble:before {
  content: "\e023";
}

.socicon-stumbleupon:before {
  content: "\e024";
}

.socicon-digg:before {
  content: "\e025";
}

.socicon-envato:before {
  content: "\e026";
}

.socicon-behance:before {
  content: "\e027";
}

.socicon-delicious:before {
  content: "\e028";
}

.socicon-deviantart:before {
  content: "\e029";
}

.socicon-forrst:before {
  content: "\e02a";
}

.socicon-play:before {
  content: "\e02b";
}

.socicon-zerply:before {
  content: "\e02c";
}

.socicon-wikipedia:before {
  content: "\e02d";
}

.socicon-apple:before {
  content: "\e02e";
}

.socicon-flattr:before {
  content: "\e02f";
}

.socicon-github:before {
  content: "\e030";
}

.socicon-renren:before {
  content: "\e031";
}

.socicon-friendfeed:before {
  content: "\e032";
}

.socicon-newsvine:before {
  content: "\e033";
}

.socicon-identica:before {
  content: "\e034";
}

.socicon-bebo:before {
  content: "\e035";
}

.socicon-zynga:before {
  content: "\e036";
}

.socicon-steam:before {
  content: "\e037";
}

.socicon-xbox:before {
  content: "\e038";
}

.socicon-windows:before {
  content: "\e039";
}

.socicon-qq:before {
  content: "\e03a";
}

.socicon-douban:before {
  content: "\e03b";
}

.socicon-meetup:before {
  content: "\e03c";
}

.socicon-playstation:before {
  content: "\e03d";
}

.socicon-android:before {
  content: "\e03e";
}

.socicon-snapchat:before {
  content: "\e03f";
}

.socicon-twitter:before {
  content: "\e040";
}

.socicon-facebook:before {
  content: "\e041";
}

.socicon-googleplus:before {
  content: "\e042";
}

.socicon-pinterest:before {
  content: "\e043";
}

.socicon-foursquare:before {
  content: "\e044";
}

.socicon-yahoo:before {
  content: "\e045";
}

.socicon-skype:before {
  content: "\e046";
}

.socicon-yelp:before {
  content: "\e047";
}

.socicon-feedburner:before {
  content: "\e048";
}

.socicon-linkedin:before {
  content: "\e049";
}

.socicon-viadeo:before {
  content: "\e04a";
}

.socicon-xing:before {
  content: "\e04b";
}

.socicon-myspace:before {
  content: "\e04c";
}

.socicon-soundcloud:before {
  content: "\e04d";
}

.socicon-spotify:before {
  content: "\e04e";
}

.socicon-grooveshark:before {
  content: "\e04f";
}

.socicon-lastfm:before {
  content: "\e050";
}

.socicon-youtube:before {
  content: "\e051";
}

.socicon-vimeo:before {
  content: "\e052";
}

.socicon-dailymotion:before {
  content: "\e053";
}

.socicon-vine:before {
  content: "\e054";
}

.socicon-flickr:before {
  content: "\e055";
}

.socicon-500px:before {
  content: "\e056";
}

.socicon-wordpress:before {
  content: "\e058";
}

.socicon-tumblr:before {
  content: "\e059";
}

.socicon-twitch:before {
  content: "\e05a";
}

.socicon-8tracks:before {
  content: "\e05b";
}

.socicon-amazon:before {
  content: "\e05c";
}

.socicon-icq:before {
  content: "\e05d";
}

.socicon-smugmug:before {
  content: "\e05e";
}

.socicon-ravelry:before {
  content: "\e05f";
}

.socicon-weibo:before {
  content: "\e060";
}

.socicon-baidu:before {
  content: "\e061";
}

.socicon-angellist:before {
  content: "\e062";
}

.socicon-ebay:before {
  content: "\e063";
}

.socicon-imdb:before {
  content: "\e064";
}

.socicon-stayfriends:before {
  content: "\e065";
}

.socicon-residentadvisor:before {
  content: "\e066";
}

.socicon-google:before {
  content: "\e067";
}

.socicon-yandex:before {
  content: "\e068";
}

.socicon-sharethis:before {
  content: "\e069";
}

.socicon-bandcamp:before {
  content: "\e06a";
}

.socicon-itunes:before {
  content: "\e06b";
}

.socicon-deezer:before {
  content: "\e06c";
}

.socicon-telegram:before {
  content: "\e06e";
}

.socicon-openid:before {
  content: "\e06f";
}

.socicon-amplement:before {
  content: "\e070";
}

.socicon-viber:before {
  content: "\e071";
}

.socicon-zomato:before {
  content: "\e072";
}

.socicon-draugiem:before {
  content: "\e074";
}

.socicon-endomodo:before {
  content: "\e075";
}

.socicon-filmweb:before {
  content: "\e076";
}

.socicon-stackexchange:before {
  content: "\e077";
}

.socicon-wykop:before {
  content: "\e078";
}

.socicon-teamspeak:before {
  content: "\e079";
}

.socicon-teamviewer:before {
  content: "\e07a";
}

.socicon-ventrilo:before {
  content: "\e07b";
}

.socicon-younow:before {
  content: "\e07c";
}

.socicon-raidcall:before {
  content: "\e07d";
}

.socicon-mumble:before {
  content: "\e07e";
}

.socicon-medium:before {
  content: "\e06d";
}

.socicon-bebee:before {
  content: "\e07f";
}

.socicon-hitbox:before {
  content: "\e080";
}

.socicon-reverbnation:before {
  content: "\e081";
}

.socicon-formulr:before {
  content: "\e082";
}

.socicon-instagram:before {
  content: "\e057";
}

.socicon-battlenet:before {
  content: "\e083";
}

.socicon-chrome:before {
  content: "\e084";
}

.socicon-discord:before {
  content: "\e086";
}

.socicon-issuu:before {
  content: "\e087";
}

.socicon-macos:before {
  content: "\e088";
}

.socicon-firefox:before {
  content: "\e089";
}

.socicon-opera:before {
  content: "\e08d";
}

.socicon-keybase:before {
  content: "\e090";
}

.socicon-alliance:before {
  content: "\e091";
}

.socicon-livejournal:before {
  content: "\e092";
}

.socicon-googlephotos:before {
  content: "\e093";
}

.socicon-horde:before {
  content: "\e094";
}

.socicon-etsy:before {
  content: "\e095";
}

.socicon-zapier:before {
  content: "\e096";
}

.socicon-google-scholar:before {
  content: "\e097";
}

.socicon-researchgate:before {
  content: "\e098";
}

.socicon-wechat:before {
  content: "\e099";
}

.socicon-strava:before {
  content: "\e09a";
}

.socicon-line:before {
  content: "\e09b";
}

.socicon-lyft:before {
  content: "\e09c";
}

.socicon-uber:before {
  content: "\e09d";
}

.socicon-songkick:before {
  content: "\e09e";
}

.socicon-viewbug:before {
  content: "\e09f";
}

.socicon-googlegroups:before {
  content: "\e0a0";
}

.socicon-quora:before {
  content: "\e073";
}

.socicon-diablo:before {
  content: "\e085";
}

.socicon-blizzard:before {
  content: "\e0a1";
}

.socicon-hearthstone:before {
  content: "\e08b";
}

.socicon-heroes:before {
  content: "\e08a";
}

.socicon-overwatch:before {
  content: "\e08c";
}

.socicon-warcraft:before {
  content: "\e08e";
}

.socicon-starcraft:before {
  content: "\e08f";
}

.socicon-beam:before {
  content: "\e0a2";
}

.socicon-curse:before {
  content: "\e0a3";
}

.socicon-player:before {
  content: "\e0a4";
}

.socicon-streamjar:before {
  content: "\e0a5";
}

.socicon-nintendo:before {
  content: "\e0a6";
}

.socicon-hellocoton:before {
  content: "\e0a7";
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/nebular-icons/scss/nebular-icons.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
@font-face {
  font-family: nebular;
  src: url('nebular.eot?4ozerq');
  src: url('nebular.eot?4ozerq#iefix') format("embedded-opentype"), url('nebular.ttf?4ozerq') format("truetype"), url('nebular.woff?4ozerq') format("woff"), url('nebular.svg?4ozerq#nebular') format("svg");
  font-weight: normal;
  font-style: normal;
}
.nb-minimize,
.nb-maximize,
.nb-help,
.nb-fold,
.nb-danger,
.nb-collapse,
.nb-checkmark-circle,
.nb-e-commerce,
.nb-info,
.nb-expand,
.nb-drops,
.nb-drop,
.nb-volume-mute,
.nb-volume-high,
.nb-trash,
.nb-title,
.nb-tables,
.nb-sunny,
.nb-sunny-circled,
.nb-star,
.nb-square,
.nb-square-outline,
.nb-snowy-circled,
.nb-skip-forward,
.nb-skip-forward-outline,
.nb-skip-backward,
.nb-skip-backward-outline,
.nb-shuffle,
.nb-search,
.nb-roller-shades,
.nb-rainy,
.nb-power,
.nb-power-circled,
.nb-plus,
.nb-plus-circled,
.nb-play,
.nb-play-outline,
.nb-phone,
.nb-person,
.nb-pause,
.nb-pause-outline,
.nb-partlysunny,
.nb-paper-plane,
.nb-notifications,
.nb-menu,
.nb-loop,
.nb-loop-circled,
.nb-locked,
.nb-location,
.nb-list,
.nb-lightbulb,
.nb-layout-two-column,
.nb-layout-sidebar-right,
.nb-layout-sidebar-left,
.nb-layout-one-column,
.nb-layout-default,
.nb-layout-centre,
.nb-keypad,
.nb-home,
.nb-heart,
.nb-grid-b,
.nb-grid-b-outline,
.nb-grid-a,
.nb-grid-a-outline,
.nb-gear,
.nb-flame-circled,
.nb-email,
.nb-edit,
.nb-compose,
.nb-coffee-maker,
.nb-cloudy,
.nb-close,
.nb-close-circled,
.nb-chevron-up,
.nb-chevron-up-outline,
.nb-chevron-right,
.nb-chevron-right-outline,
.nb-chevron-left,
.nb-chevron-left-outline,
.nb-chevron-down,
.nb-chevron-down-outline,
.nb-checkmark,
.nb-bar-chart,
.nb-audio,
.nb-arrow-up,
.nb-arrow-thin-up,
.nb-arrow-thin-right,
.nb-arrow-thin-left,
.nb-arrow-thin-down,
.nb-arrow-right,
.nb-arrow-retweet,
.nb-arrow-left,
.nb-arrow-dropup,
.nb-arrow-dropright,
.nb-arrow-dropleft,
.nb-arrow-dropdown,
.nb-arrow-down,
.nb-angle-double-right,
.nb-angle-double-left,
.nb-alert {
  /* use !important to prevent issues with browser extensions that change ../fonts */
  font-family: nebular;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nb-minimize::before {
  content: "\e900";
}
.nb-maximize::before {
  content: "\e901";
}
.nb-help::before {
  content: "\e902";
}
.nb-fold::before {
  content: "\e903";
}
.nb-danger::before {
  content: "\e904";
}
.nb-collapse::before {
  content: "\e905";
}
.nb-checkmark-circle::before {
  content: "\e906";
}
.nb-e-commerce::before {
  content: "\e907";
}
.nb-info::before {
  content: "\e908";
  color: #fff;
}
.nb-expand::before {
  content: "\e909";
  color: #fff;
}
.nb-drops::before {
  content: "\e90a";
}
.nb-drop::before {
  content: "\e90b";
}
.nb-volume-mute::before {
  content: "\e90c";
}
.nb-volume-high::before {
  content: "\e90d";
}
.nb-trash::before {
  content: "\e90e";
}
.nb-title::before {
  content: "\e90f";
}
.nb-tables::before {
  content: "\e910";
}
.nb-sunny::before {
  content: "\e911";
}
.nb-sunny-circled::before {
  content: "\e912";
}
.nb-star::before {
  content: "\e913";
}
.nb-square::before {
  content: "\e914";
}
.nb-square-outline::before {
  content: "\e915";
}
.nb-snowy-circled::before {
  content: "\e916";
}
.nb-skip-forward::before {
  content: "\e917";
}
.nb-skip-forward-outline::before {
  content: "\e918";
}
.nb-skip-backward::before {
  content: "\e919";
}
.nb-skip-backward-outline::before {
  content: "\e91a";
}
.nb-shuffle::before {
  content: "\e91b";
}
.nb-search::before {
  content: "\e91c";
}
.nb-roller-shades::before {
  content: "\e91d";
}
.nb-rainy::before {
  content: "\e91e";
}
.nb-power::before {
  content: "\e91f";
}
.nb-power-circled::before {
  content: "\e920";
}
.nb-plus::before {
  content: "\e921";
}
.nb-plus-circled::before {
  content: "\e922";
}
.nb-play::before {
  content: "\e923";
}
.nb-play-outline::before {
  content: "\e924";
}
.nb-phone::before {
  content: "\e925";
}
.nb-person::before {
  content: "\e926";
}
.nb-pause::before {
  content: "\e927";
}
.nb-pause-outline::before {
  content: "\e928";
}
.nb-partlysunny::before {
  content: "\e929";
}
.nb-paper-plane::before {
  content: "\e92a";
}
.nb-notifications::before {
  content: "\e92b";
}
.nb-menu::before {
  content: "\e92c";
}
.nb-loop::before {
  content: "\e92d";
}
.nb-loop-circled::before {
  content: "\e92e";
}
.nb-locked::before {
  content: "\e92f";
}
.nb-location::before {
  content: "\e930";
}
.nb-list::before {
  content: "\e931";
}
.nb-lightbulb::before {
  content: "\e932";
}
.nb-layout-two-column::before {
  content: "\e933";
}
.nb-layout-sidebar-right::before {
  content: "\e934";
}
.nb-layout-sidebar-left::before {
  content: "\e935";
}
.nb-layout-one-column::before {
  content: "\e936";
}
.nb-layout-default::before {
  content: "\e937";
}
.nb-layout-centre::before {
  content: "\e938";
}
.nb-keypad::before {
  content: "\e939";
}
.nb-home::before {
  content: "\e93a";
}
.nb-heart::before {
  content: "\e93b";
}
.nb-grid-b::before {
  content: "\e93c";
}
.nb-grid-b-outline::before {
  content: "\e93d";
}
.nb-grid-a::before {
  content: "\e93e";
}
.nb-grid-a-outline::before {
  content: "\e93f";
}
.nb-gear::before {
  content: "\e940";
}
.nb-flame-circled::before {
  content: "\e941";
}
.nb-email::before {
  content: "\e942";
}
.nb-edit::before {
  content: "\e943";
}
.nb-compose::before {
  content: "\e944";
}
.nb-coffee-maker::before {
  content: "\e945";
}
.nb-cloudy::before {
  content: "\e946";
}
.nb-close::before {
  content: "\e947";
}
.nb-close-circled::before {
  content: "\e948";
}
.nb-chevron-up::before {
  content: "\e949";
}
.nb-chevron-up-outline::before {
  content: "\e94a";
}
.nb-chevron-right::before {
  content: "\e94b";
}
.nb-chevron-right-outline::before {
  content: "\e94c";
}
.nb-chevron-left::before {
  content: "\e94d";
}
.nb-chevron-left-outline::before {
  content: "\e94e";
}
.nb-chevron-down::before {
  content: "\e94f";
}
.nb-chevron-down-outline::before {
  content: "\e950";
}
.nb-checkmark::before {
  content: "\e951";
}
.nb-bar-chart::before {
  content: "\e952";
}
.nb-audio::before {
  content: "\e953";
}
.nb-arrow-up::before {
  content: "\e954";
}
.nb-arrow-thin-up::before {
  content: "\e955";
}
.nb-arrow-thin-right::before {
  content: "\e956";
}
.nb-arrow-thin-left::before {
  content: "\e957";
}
.nb-arrow-thin-down::before {
  content: "\e958";
}
.nb-arrow-right::before {
  content: "\e959";
}
.nb-arrow-retweet::before {
  content: "\e95a";
}
.nb-arrow-left::before {
  content: "\e95b";
}
.nb-arrow-dropup::before {
  content: "\e95c";
}
.nb-arrow-dropright::before {
  content: "\e95d";
}
.nb-arrow-dropleft::before {
  content: "\e95e";
}
.nb-arrow-dropdown::before {
  content: "\e95f";
}
.nb-arrow-down::before {
  content: "\e960";
}
.nb-angle-double-right::before {
  content: "\e961";
}
.nb-angle-double-left::before {
  content: "\e962";
}
.nb-alert::before {
  content: "\e963";
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/angular-tree-component/dist/angular-tree-component.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.tree-children.tree-children-no-padding { padding-left: 0 }
.tree-children { padding-left: 20px; overflow: hidden }
.node-drop-slot { display: block; height: 2px }
.node-drop-slot.is-dragging-over { background: #ddffee; height: 20px; border: 2px dotted #888; }
.toggle-children-wrapper-expanded .toggle-children { transform: rotate(90deg) }
.toggle-children-wrapper-collapsed .toggle-children { transform: rotate(0); }
.toggle-children-wrapper {
  padding: 2px 3px 5px 1px;
}
/* tslint:disable */
.toggle-children {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRkRFQjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRkRFQjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5iogFwAAAGhJREFUeNpiYGBgKABigf///zOQg0EARH4A4gZyDIIZ8B/JoAJKDIDhB0CcQIkBRBtEyABkgxwoMQCGD6AbRKoBGAYxQgXIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC');
  height: 8px;
  width: 9px;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}
.toggle-children-placeholder {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  padding-right: 3px;
}
.node-content-wrapper {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  transition: background-color .15s,box-shadow .15s;
}
.node-wrapper {display: flex; align-items: flex-start;}
.node-content-wrapper-active,
.node-content-wrapper.node-content-wrapper-active:hover,
.node-content-wrapper-active.node-content-wrapper-focused {
  background: #beebff;
}
.node-content-wrapper-focused { background: #e7f4f9 }
.node-content-wrapper:hover { background: #f7fbff }
.node-content-wrapper-active, .node-content-wrapper-focused, .node-content-wrapper:hover {
  box-shadow: inset 0 0 1px #999;
}
.node-content-wrapper.is-dragging-over { background: #ddffee; box-shadow: inset 0 0 1px #999; }
.node-content-wrapper.is-dragging-over-disabled { opacity: 0.5 }
tree-viewport {
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  overflow: auto;
  display: block;
}
.tree-children { padding-left: 20px }
.empty-tree-drop-slot .node-drop-slot { height: 20px; min-width: 100px }
.angular-tree-component {
  width: 100%;
  position:relative;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
tree-root .angular-tree-component-rtl {
  direction: rtl;
}
tree-root .angular-tree-component-rtl .toggle-children-wrapper-collapsed .toggle-children {
  transform: rotate(180deg) !important;
}
tree-root .angular-tree-component-rtl .tree-children {
  padding-right: 20px;
  padding-left: 0;
}
tree-node-checkbox {
  padding: 1px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@nebular/theme/styles/prebuilt/default-custom-properties.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0, 0, 0, 0.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.nb-global-scrollblock{position:static;width:auto;overflow:hidden}/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 *//*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.nb-theme-default{--link-text-color: var(--text-primary-color);--link-text-decoration: underline;--link-text-focus-color: var(--text-primary-focus-color);--link-text-hover-color: var(--text-primary-hover-color);--card-background-color: var(--background-basic-color-1);--card-text-color: var(--text-basic-color);--card-text-font-family: var(--text-paragraph-font-family);--card-text-font-size: var(--text-paragraph-font-size);--card-text-font-weight: var(--text-paragraph-font-weight);--card-text-line-height: var(--text-paragraph-line-height);--card-border-width: 0.0625rem;--card-border-style: solid;--card-border-color: var(--border-basic-color-4);--card-border-radius: var(--border-radius);--card-padding: 1rem 1.5rem;--card-shadow: none;--card-divider-color: var(--divider-color);--card-divider-style: var(--divider-style);--card-divider-width: var(--divider-width);--card-header-text-color: var(--text-basic-color);--card-header-text-font-family: var(--text-subtitle-font-family);--card-header-text-font-size: var(--text-subtitle-font-size);--card-header-text-font-weight: var(--text-subtitle-font-weight);--card-header-text-line-height: var(--text-subtitle-line-height);--card-header-basic-background-color: var(--background-basic-color-2);--card-header-basic-text-color: var(--text-basic-color);--card-header-primary-background-color: var(--color-primary-default);--card-header-primary-text-color: var(--text-control-color);--card-header-info-background-color: var(--color-info-default);--card-header-info-text-color: var(--text-control-color);--card-header-success-background-color: var(--color-success-default);--card-header-success-text-color: var(--text-control-color);--card-header-warning-background-color: var(--color-warning-default);--card-header-warning-text-color: var(--text-control-color);--card-header-danger-background-color: var(--color-danger-default);--card-header-danger-text-color: var(--text-control-color);--card-header-control-background-color: var(--color-control-default);--card-header-control-text-color: var(--color-basic-800);--card-height-tiny: 13.5rem;--card-height-small: 21.1875rem;--card-height-medium: 28.875rem;--card-height-large: 36.5625rem;--card-height-giant: 44.25rem;--card-margin-bottom: 1.875rem;--card-scrollbar-color: var(--scrollbar-color);--card-scrollbar-background-color: var(--scrollbar-background-color);--card-scrollbar-width: var(--scrollbar-width);--header-background-color: var(--background-basic-color-1);--header-text-color: var(--text-basic-color);--header-text-font-family: var(--text-paragraph-font-family);--header-text-font-size: var(--text-paragraph-font-size);--header-text-font-weight: var(--text-paragraph-font-weight);--header-text-line-height: var(--text-paragraph-line-height);--header-height: 4.75rem;--header-padding: 1.25rem;--header-shadow: var(--shadow);--footer-background-color: var(--background-basic-color-1);--footer-text-color: var(--text-basic-color);--footer-text-font-family: var(--text-paragraph-font-family);--footer-text-font-size: var(--text-paragraph-font-size);--footer-text-font-weight: var(--text-paragraph-font-weight);--footer-text-line-height: var(--text-paragraph-line-height);--footer-text-highlight-color: var(--color-primary-hover);--footer-height: 4.725rem;--footer-padding: 1.25rem;--footer-divider-color: var(--divider-color);--footer-divider-style: var(--divider-style);--footer-divider-width: var(--divider-width);--footer-shadow: var(--shadow);--layout-background-color: var(--background-basic-color-3);--layout-text-color: var(--text-basic-color);--layout-text-font-family: var(--text-paragraph-font-family);--layout-text-font-size: var(--text-paragraph-font-size);--layout-text-font-weight: var(--text-paragraph-font-weight);--layout-text-line-height: var(--text-paragraph-line-height);--layout-min-height: 100vh;--layout-content-width: 900px;--layout-window-mode-min-width: 300px;--layout-window-mode-background-color: var(--background-basic-color-3);--layout-window-mode-padding-top: 4.75rem;--layout-window-shadow: var(--shadow);--layout-padding: 2.25rem 2.25rem 0.75rem;--layout-medium-padding: 1.5rem 1.5rem 0.5rem;--layout-small-padding: 1rem 1rem 0;--layout-scrollbar-background-color: var(--scrollbar-background-color);--layout-scrollbar-color: var(--scrollbar-color);--layout-scrollbar-width: var(--scrollbar-width);--sidebar-background-color: var(--background-basic-color-1);--sidebar-text-color: var(--text-basic-color);--sidebar-text-font-family: var(--text-paragraph-font-family);--sidebar-text-font-size: var(--text-paragraph-font-size);--sidebar-text-font-weight: var(--text-paragraph-font-weight);--sidebar-text-line-height: var(--text-paragraph-line-height);--sidebar-height: 100vh;--sidebar-width: 16rem;--sidebar-width-compact: 3.5rem;--sidebar-padding: 1.25rem;--sidebar-header-height: 3.5rem;--sidebar-footer-height: 3.5rem;--sidebar-shadow: var(--shadow);--sidebar-menu-item-highlight-color: var(--color-primary-default);--sidebar-scrollbar-background-color: var(--scrollbar-background-color);--sidebar-scrollbar-color: var(--scrollbar-color);--sidebar-scrollbar-width: var(--scrollbar-width);--menu-background-color: transparent;--menu-text-color: var(--text-basic-color);--menu-text-font-family: var(--text-subtitle-2-font-family);--menu-text-font-size: var(--text-subtitle-2-font-size);--menu-text-font-weight: var(--text-subtitle-2-font-weight);--menu-text-line-height: var(--text-subtitle-2-line-height);--menu-group-text-color: var(--text-hint-color);--menu-item-border-radius: 0;--menu-item-padding: 0.75rem 1rem;--menu-item-hover-background-color: var(--menu-background-color);--menu-item-hover-cursor: pointer;--menu-item-hover-text-color: var(--text-primary-hover-color);--menu-item-icon-hover-color: var(--menu-item-hover-text-color);--menu-item-active-background-color: var(--menu-background-color);--menu-item-active-text-color: var(--text-primary-color);--menu-item-icon-active-color: var(--menu-item-active-text-color);--menu-item-icon-color: var(--text-hint-color);--menu-item-icon-margin: 0 0.5rem 0 0;--menu-item-icon-width: 1.25rem;--menu-item-divider-color: var(--divider-color);--menu-item-divider-style: var(--divider-style);--menu-item-divider-width: var(--divider-width);--menu-submenu-background-color: var(--menu-background-color);--menu-submenu-text-color: var(--text-basic-color);--menu-submenu-margin: 0;--menu-submenu-padding: 0 1.25rem;--menu-submenu-item-border-color: var(--menu-submenu-background-color);--menu-submenu-item-border-style: solid;--menu-submenu-item-border-width: 0;--menu-submenu-item-border-radius: 0;--menu-submenu-item-padding: var(--menu-item-padding);--menu-submenu-item-hover-background-color: var(--menu-background-color);--menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);--menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);--menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);--menu-submenu-item-active-background-color: var(--menu-background-color);--menu-submenu-item-active-border-color: var(--color-primary-default);--menu-submenu-item-active-text-color: var(--menu-item-active-text-color);--menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);--menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);--menu-submenu-item-active-hover-border-color: var(--color-primary-hover);--menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);--menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);--tabset-background-color: transparent;--tabset-border-radius: 0;--tabset-shadow: none;--tabset-tab-background-color: transparent;--tabset-tab-padding: 1rem 2rem;--tabset-tab-text-color: var(--text-hint-color);--tabset-tab-text-font-family: var(--text-button-font-family);--tabset-tab-text-font-size: var(--text-button-medium-font-size);--tabset-tab-text-font-weight: var(--text-button-font-weight);--tabset-tab-text-line-height: var(--text-button-medium-line-height);--tabset-tab-text-transform: uppercase;--tabset-tab-underline-width: 0.25rem;--tabset-tab-underline-color: transparent;--tabset-tab-active-background-color: transparent;--tabset-tab-active-text-color: var(--text-primary-color);--tabset-tab-active-underline-color: var(--text-primary-color);--tabset-tab-focus-background-color: transparent;--tabset-tab-focus-text-color: var(--text-primary-focus-color);--tabset-tab-focus-underline-color: var(--text-primary-focus-color);--tabset-tab-hover-background-color: transparent;--tabset-tab-hover-text-color: var(--text-primary-hover-color);--tabset-tab-hover-underline-color: var(--text-primary-hover-color);--tabset-tab-disabled-background-color: transparent;--tabset-tab-disabled-text-color: var(--text-disabled-color);--tabset-tab-disabled-underline-color: transparent;--tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;--tabset-tab-badge-dot-mode-padding: 0.25rem;--tabset-divider-color: var(--divider-color);--tabset-divider-style: var(--divider-style);--tabset-divider-width: var(--divider-width);--tabset-content-background-color: transparent;--tabset-content-padding: 1rem 2rem;--tabset-content-text-color: var(--text-basic-color);--tabset-content-text-font-family: var(--text-paragraph-font-family);--tabset-content-text-font-size: var(--text-paragraph-font-size);--tabset-content-text-font-weight: var(--text-paragraph-font-weight);--tabset-content-text-line-height: var(--text-paragraph-line-height);--tabset-scrollbar-color: var(--scrollbar-color);--tabset-scrollbar-background-color: var(--scrollbar-background-color);--tabset-scrollbar-width: var(--scrollbar-width);--route-tabset-background-color: transparent;--route-tabset-border-radius: 0;--route-tabset-shadow: none;--route-tabset-tab-background-color: transparent;--route-tabset-tab-padding: 1rem 2rem;--route-tabset-tab-text-color: var(--text-hint-color);--route-tabset-tab-text-font-family: var(--text-button-font-family);--route-tabset-tab-text-font-size: var(--text-button-medium-font-size);--route-tabset-tab-text-font-weight: var(--text-button-font-weight);--route-tabset-tab-text-line-height: var(--text-button-medium-line-height);--route-tabset-tab-text-transform: uppercase;--route-tabset-tab-underline-width: 0.25rem;--route-tabset-tab-underline-color: transparent;--route-tabset-tab-active-background-color: transparent;--route-tabset-tab-active-text-color: var(--text-primary-color);--route-tabset-tab-active-underline-color: var(--text-primary-color);--route-tabset-tab-focus-background-color: transparent;--route-tabset-tab-focus-text-color: var(--text-primary-focus-color);--route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);--route-tabset-tab-hover-background-color: transparent;--route-tabset-tab-hover-text-color: var(--text-primary-hover-color);--route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);--route-tabset-tab-disabled-background-color: transparent;--route-tabset-tab-disabled-text-color: var(--text-disabled-color);--route-tabset-tab-disabled-underline-color: transparent;--route-tabset-divider-color: var(--divider-color);--route-tabset-divider-style: var(--divider-style);--route-tabset-divider-width: var(--divider-width);--route-tabset-scrollbar-color: var(--scrollbar-color);--route-tabset-scrollbar-background-color: var(--scrollbar-background-color);--route-tabset-scrollbar-width: var(--scrollbar-width);--user-picture-box-background-color: transparent;--user-picture-box-border-color: var(--border-basic-color-3);--user-picture-box-border-width: 1px;--user-initials-text-color: var(--text-basic-color);--user-initials-text-font-family: var(--text-paragraph-font-family);--user-initials-text-font-weight: var(--text-paragraph-font-weight);--user-name-text-color: var(--text-basic-color);--user-name-text-font-family: var(--text-paragraph-font-family);--user-name-text-font-weight: var(--text-paragraph-font-weight);--user-title-text-color: var(--text-basic-color);--user-title-text-font-family: var(--text-paragraph-2-font-family);--user-title-text-font-weight: var(--text-paragraph-2-font-weight);--user-rectangle-border-radius: 0.5rem;--user-semi-round-border-radius: 0.75rem;--user-round-border-radius: 50%;--user-tiny-height: 1.25rem;--user-tiny-width: 1.25rem;--user-tiny-initials-text-font-size: var(--text-caption-font-size);--user-tiny-initials-text-line-height: var(--text-caption-line-height);--user-tiny-name-text-font-size: var(--text-caption-font-size);--user-tiny-name-text-line-height: var(--text-caption-line-height);--user-tiny-title-text-font-size: var(--text-caption-font-size);--user-tiny-title-text-line-height: var(--text-caption-line-height);--user-small-height: 1.5rem;--user-small-width: 1.5rem;--user-small-initials-text-font-size: var(--text-caption-font-size);--user-small-initials-text-line-height: var(--text-caption-line-height);--user-small-name-text-font-size: var(--text-caption-font-size);--user-small-name-text-line-height: var(--text-caption-line-height);--user-small-title-text-font-size: var(--text-caption-font-size);--user-small-title-text-line-height: var(--text-caption-line-height);--user-medium-height: 2.5rem;--user-medium-width: 2.5rem;--user-medium-initials-text-font-size: var(--text-paragraph-font-size);--user-medium-initials-text-line-height: var(--text-paragraph-line-height);--user-medium-name-text-font-size: var(--text-paragraph-font-size);--user-medium-name-text-line-height: var(--text-paragraph-line-height);--user-medium-title-text-font-size: var(--text-caption-font-size);--user-medium-title-text-line-height: var(--text-caption-line-height);--user-large-height: 3.25rem;--user-large-width: 3.25rem;--user-large-initials-text-font-size: var(--text-paragraph-font-size);--user-large-initials-text-line-height: var(--text-paragraph-line-height);--user-large-name-text-font-size: var(--text-paragraph-font-size);--user-large-name-text-line-height: var(--text-paragraph-line-height);--user-large-title-text-font-size: var(--text-paragraph-2-font-size);--user-large-title-text-line-height: var(--text-paragraph-2-line-height);--user-giant-height: 4rem;--user-giant-width: 4rem;--user-giant-initials-text-font-size: var(--text-paragraph-font-size);--user-giant-initials-text-line-height: var(--text-paragraph-line-height);--user-giant-name-text-font-size: var(--text-paragraph-font-size);--user-giant-name-text-line-height: var(--text-paragraph-line-height);--user-giant-title-text-font-size: var(--text-paragraph-font-size);--user-giant-title-text-line-height: var(--text-paragraph-line-height);--popover-text-color: var(--text-basic-color);--popover-text-font-family: var(--text-paragraph-font-family);--popover-text-font-size: var(--text-paragraph-font-size);--popover-text-font-weight: var(--text-paragraph-font-weight);--popover-text-line-height: var(--text-paragraph-line-height);--popover-background-color: var(--background-basic-color-1);--popover-border-width: 1px;--popover-border-color: transparent;--popover-border-radius: var(--border-radius);--popover-shadow: var(--shadow);--popover-arrow-size: 0.6875rem;--popover-padding: 0.75rem 1rem;--context-menu-background-color: var(--background-basic-color-1);--context-menu-border-color: transparent;--context-menu-border-style: solid;--context-menu-border-width: 0;--context-menu-border-radius: var(--border-radius);--context-menu-text-align: center;--context-menu-min-width: 10rem;--context-menu-max-width: 15rem;--context-menu-shadow: var(--shadow);--actions-background-color: transparent;--actions-divider-color: var(--divider-color);--actions-divider-style: var(--divider-style);--actions-divider-width: var(--divider-width);--actions-icon-color: var(--text-hint-color);--actions-text-color: var(--text-basic-color);--actions-text-font-family: var(--text-button-font-family);--actions-text-font-weight: var(--text-button-font-weight);--actions-text-line-height: var(--text-button-medium-line-height);--actions-disabled-icon-color: var(--text-disabled-color);--actions-disabled-text-color: var(--text-disabled-color);--actions-tiny-height: 1rem;--actions-tiny-icon-height: var(--actions-tiny-height);--actions-tiny-padding: 0 1.25rem;--actions-tiny-text-font-size: var(--text-button-tiny-font-size);--actions-small-height: 1.5rem;--actions-small-icon-height: var(--actions-small-height);--actions-small-padding: 0 1.25rem;--actions-small-text-font-size: var(--text-button-small-font-size);--actions-medium-height: 2.25rem;--actions-medium-icon-height: var(--actions-medium-height);--actions-medium-padding: 0 1.25rem;--actions-medium-text-font-size: var(--text-button-medium-font-size);--actions-large-height: 3.5rem;--actions-large-icon-height: var(--actions-large-height);--actions-large-padding: 0 1.25rem;--actions-large-text-font-size: var(--text-button-large-font-size);--actions-giant-height: 4rem;--actions-giant-icon-height: var(--actions-giant-height);--actions-giant-padding: 0 1.25rem;--actions-giant-text-font-size: var(--text-button-giant-font-size);--search-background-color: var(--background-basic-color-1);--search-divider-color: var(--divider-color);--search-divider-style: var(--divider-style);--search-divider-width: var(--divider-width);--search-extra-background-color: var(--color-primary-default);--search-text-color: var(--text-basic-color);--search-text-font-family: var(--text-heading-1-font-family);--search-text-font-size: var(--text-heading-1-font-size);--search-text-font-weight: var(--text-heading-1-font-weight);--search-text-line-height: var(--text-heading-1-line-height);--search-placeholder-text-color: var(--text-hint-color);--search-info-text-color: var(--text-hint-color);--search-info-text-font-family: var(--text-subtitle-font-family);--search-info-text-font-size: var(--text-subtitle-font-size);--search-info-text-font-weight: var(--text-subtitle-font-weight);--search-info-text-line-height: var(--text-subtitle-line-height);--smart-table-header-font-family: var(--text-paragraph-font-family);--smart-table-header-font-size: var(--text-paragraph-font-size);--smart-table-header-font-weight: var(--text-paragraph-font-weight);--smart-table-header-line-height: var(--text-paragraph-line-height);--smart-table-header-fg: var(--text-basic-color);--smart-table-header-bg: var(--background-basic-color-1);--smart-table-font-family: var(--text-paragraph-font-family);--smart-table-font-size: var(--text-paragraph-font-size);--smart-table-font-weight: var(--text-paragraph-font-weight);--smart-table-line-height: var(--text-paragraph-line-height);--smart-table-fg: var(--text-basic-color);--smart-table-bg: var(--background-basic-color-1);--smart-table-bg-even: var(--background-basic-color-2);--smart-table-fg-secondary: var(--text-basic-color);--smart-table-bg-active: var(--background-basic-color-3);--smart-table-padding: 0.875rem 1.25rem;--smart-table-filter-padding: 0.375rem 0.5rem;--smart-table-separator: var(--divider-color);--smart-table-border-radius: var(--border-radius);--smart-table-action-add-edit-hover-text-color: var(--color-primary-default);--smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);--smart-table-add-button-border-color: var(--button-filled-primary-border-color);--smart-table-add-button-background-color: var(--button-filled-primary-background-color);--smart-table-add-button-text-color: var(--button-filled-primary-text-color);--smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);--smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);--smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);--smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);--smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);--smart-table-paging-font-family: var(--button-text-font-family);--smart-table-paging-font-size: var(--button-medium-text-font-size);--smart-table-paging-line-height: var(--button-medium-text-line-height);--smart-table-paging-border-color: var(--divider-color);--smart-table-paging-border-width: var(--divider-width);--smart-table-paging-fg-active: var(--text-control-color);--smart-table-paging-bg-active: var(--color-primary-default);--smart-table-paging-hover: transparent;--smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);--smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);--smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);--smart-table-paging-page-text-color: var(--button-outline-primary-text-color);--smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);--smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);--toastr-border-style: solid;--toastr-border-width: 1px;--toastr-border-radius: var(--border-radius);--toastr-padding: 1rem;--toastr-shadow: var(--shadow);--toastr-text-font-family: var(--text-paragraph-2-font-family);--toastr-text-font-size: var(--text-paragraph-2-font-size);--toastr-text-font-weight: var(--text-paragraph-2-font-weight);--toastr-text-line-height: var(--text-paragraph-2-line-height);--toastr-title-text-font-family: var(--text-subtitle-font-family);--toastr-title-text-font-size: var(--text-subtitle-font-size);--toastr-title-text-font-weight: var(--text-subtitle-font-weight);--toastr-title-text-line-height: var(--text-subtitle-line-height);--toastr-basic-background-color: var(--background-basic-color-1);--toastr-basic-border-color: var(--border-basic-color-3);--toastr-basic-text-color: var(--text-basic-color);--toastr-icon-basic-background-color: var(--background-basic-color-1);--toastr-icon-basic-color: var(--text-basic-color);--toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);--toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);--toastr-primary-background-color: var(--color-primary-default);--toastr-primary-border-color: var(--color-primary-default);--toastr-primary-text-color: var(--text-control-color);--toastr-icon-primary-background-color: var(--background-basic-color-1);--toastr-icon-primary-color: var(--color-primary-default);--toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);--toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);--toastr-success-background-color: var(--color-success-default);--toastr-success-border-color: var(--color-success-default);--toastr-success-text-color: var(--text-control-color);--toastr-icon-success-background-color: var(--background-basic-color-1);--toastr-icon-success-color: var(--color-success-default);--toastr-destroyable-success-hover-background-color: var(--color-success-hover);--toastr-destroyable-success-hover-border-color: var(--color-success-hover);--toastr-info-background-color: var(--color-info-default);--toastr-info-border-color: var(--color-info-default);--toastr-info-text-color: var(--text-control-color);--toastr-icon-info-background-color: var(--background-basic-color-1);--toastr-icon-info-color: var(--color-info-default);--toastr-destroyable-info-hover-background-color: var(--color-info-hover);--toastr-destroyable-info-hover-border-color: var(--color-info-hover);--toastr-warning-background-color: var(--color-warning-default);--toastr-warning-border-color: var(--color-warning-default);--toastr-warning-text-color: var(--text-control-color);--toastr-icon-warning-background-color: var(--background-basic-color-1);--toastr-icon-warning-color: var(--color-warning-default);--toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);--toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);--toastr-danger-background-color: var(--color-danger-default);--toastr-danger-border-color: var(--color-danger-default);--toastr-danger-text-color: var(--text-control-color);--toastr-icon-danger-background-color: var(--background-basic-color-1);--toastr-icon-danger-color: var(--color-danger-default);--toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);--toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);--toastr-control-background-color: var(--color-control-default);--toastr-control-border-color: var(--color-control-default);--toastr-control-text-color: var(--color-basic-800);--toastr-icon-control-background-color: var(--color-control-default);--toastr-icon-control-color: var(--color-basic-800);--toastr-destroyable-control-hover-background-color: var(--color-control-hover);--toastr-destroyable-control-hover-border-color: var(--color-control-hover);--button-cursor: pointer;--button-outline-width: var(--outline-width);--button-outline-color: var(--outline-color);--button-text-font-family: var(--text-button-font-family);--button-text-font-weight: var(--text-button-font-weight);--button-disabled-cursor: default;--button-tiny-text-font-size: var(--text-button-tiny-font-size);--button-tiny-text-line-height: var(--text-button-tiny-line-height);--button-tiny-icon-size: 0.75rem;--button-tiny-icon-vertical-margin: -0.125rem;--button-tiny-icon-offset: 0.375rem;--button-small-text-font-size: var(--text-button-small-font-size);--button-small-text-line-height: var(--text-button-small-line-height);--button-small-icon-size: 1rem;--button-small-icon-vertical-margin: -0.125rem;--button-small-icon-offset: 0.375rem;--button-medium-text-font-size: var(--text-button-medium-font-size);--button-medium-text-line-height: var(--text-button-medium-line-height);--button-medium-icon-size: 1.25rem;--button-medium-icon-vertical-margin: -0.125rem;--button-medium-icon-offset: 0.5rem;--button-large-text-font-size: var(--text-button-large-font-size);--button-large-text-line-height: var(--text-button-large-line-height);--button-large-icon-size: 1.5rem;--button-large-icon-vertical-margin: -0.125rem;--button-large-icon-offset: 0.75rem;--button-giant-text-font-size: var(--text-button-giant-font-size);--button-giant-text-line-height: var(--text-button-giant-line-height);--button-giant-icon-size: 1.5rem;--button-giant-icon-vertical-margin: -0.125rem;--button-giant-icon-offset: 0.75rem;--button-rectangle-border-radius: var(--border-radius);--button-semi-round-border-radius: 0.75rem;--button-round-border-radius: 1.5rem;--button-filled-border-style: solid;--button-filled-border-width: 0.0625rem;--button-filled-text-transform: uppercase;--button-filled-tiny-padding: 0.3125rem 0.625rem;--button-filled-small-padding: 0.4375rem 0.875rem;--button-filled-medium-padding: 0.6875rem 1.125rem;--button-filled-large-padding: 0.8125rem 1.125rem;--button-filled-giant-padding: 0.9375rem 1.375rem;--button-filled-basic-background-color: var(--color-basic-default);--button-filled-basic-border-color: var(--color-basic-default-border);--button-filled-basic-text-color: var(--color-basic-800);--button-filled-basic-focus-background-color: var(--color-basic-focus);--button-filled-basic-focus-border-color: var(--color-basic-focus-border);--button-filled-basic-hover-background-color: var(--color-basic-hover);--button-filled-basic-hover-border-color: var(--color-basic-hover-border);--button-filled-basic-active-background-color: var(--color-basic-active);--button-filled-basic-active-border-color: var(--color-basic-active-border);--button-filled-basic-disabled-background-color: var(--color-basic-disabled);--button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);--button-filled-basic-disabled-text-color: var(--text-disabled-color);--button-filled-primary-background-color: var(--color-primary-default);--button-filled-primary-border-color: var(--color-primary-default-border);--button-filled-primary-text-color: var(--text-control-color);--button-filled-primary-focus-background-color: var(--color-primary-focus);--button-filled-primary-focus-border-color: var(--color-primary-focus-border);--button-filled-primary-hover-background-color: var(--color-primary-hover);--button-filled-primary-hover-border-color: var(--color-primary-hover-border);--button-filled-primary-active-background-color: var(--color-primary-active);--button-filled-primary-active-border-color: var(--color-primary-active-border);--button-filled-primary-disabled-background-color: var(--color-primary-disabled);--button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);--button-filled-primary-disabled-text-color: var(--text-disabled-color);--button-filled-success-background-color: var(--color-success-default);--button-filled-success-border-color: var(--color-success-default-border);--button-filled-success-text-color: var(--text-control-color);--button-filled-success-focus-background-color: var(--color-success-focus);--button-filled-success-focus-border-color: var(--color-success-focus-border);--button-filled-success-hover-background-color: var(--color-success-hover);--button-filled-success-hover-border-color: var(--color-success-hover-border);--button-filled-success-active-background-color: var(--color-success-active);--button-filled-success-active-border-color: var(--color-success-active-border);--button-filled-success-disabled-background-color: var(--color-success-disabled);--button-filled-success-disabled-border-color: var(--color-success-disabled-border);--button-filled-success-disabled-text-color: var(--text-disabled-color);--button-filled-info-background-color: var(--color-info-default);--button-filled-info-border-color: var(--color-info-default-border);--button-filled-info-text-color: var(--text-control-color);--button-filled-info-focus-background-color: var(--color-info-focus);--button-filled-info-focus-border-color: var(--color-info-focus-border);--button-filled-info-hover-background-color: var(--color-info-hover);--button-filled-info-hover-border-color: var(--color-info-hover-border);--button-filled-info-active-background-color: var(--color-info-active);--button-filled-info-active-border-color: var(--color-info-active-border);--button-filled-info-disabled-background-color: var(--color-info-disabled);--button-filled-info-disabled-border-color: var(--color-info-disabled-border);--button-filled-info-disabled-text-color: var(--text-disabled-color);--button-filled-warning-background-color: var(--color-warning-default);--button-filled-warning-border-color: var(--color-warning-default-border);--button-filled-warning-text-color: var(--text-control-color);--button-filled-warning-focus-background-color: var(--color-warning-focus);--button-filled-warning-focus-border-color: var(--color-warning-focus-border);--button-filled-warning-hover-background-color: var(--color-warning-hover);--button-filled-warning-hover-border-color: var(--color-warning-hover-border);--button-filled-warning-active-background-color: var(--color-warning-active);--button-filled-warning-active-border-color: var(--color-warning-active-border);--button-filled-warning-disabled-background-color: var(--color-warning-disabled);--button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);--button-filled-warning-disabled-text-color: var(--text-disabled-color);--button-filled-danger-background-color: var(--color-danger-default);--button-filled-danger-border-color: var(--color-danger-default-border);--button-filled-danger-text-color: var(--text-control-color);--button-filled-danger-focus-background-color: var(--color-danger-focus);--button-filled-danger-focus-border-color: var(--color-danger-focus-border);--button-filled-danger-hover-background-color: var(--color-danger-hover);--button-filled-danger-hover-border-color: var(--color-danger-hover-border);--button-filled-danger-active-background-color: var(--color-danger-active);--button-filled-danger-active-border-color: var(--color-danger-active-border);--button-filled-danger-disabled-background-color: var(--color-danger-disabled);--button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);--button-filled-danger-disabled-text-color: var(--text-disabled-color);--button-filled-control-background-color: var(--color-control-default);--button-filled-control-border-color: var(--color-control-default-border);--button-filled-control-text-color: var(--color-basic-800);--button-filled-control-focus-background-color: var(--color-control-focus);--button-filled-control-focus-border-color: var(--color-control-focus-border);--button-filled-control-hover-background-color: var(--color-control-hover);--button-filled-control-hover-border-color: var(--color-control-hover-border);--button-filled-control-active-background-color: var(--color-control-active);--button-filled-control-active-border-color: var(--color-control-active-border);--button-filled-control-disabled-background-color: var(--color-control-disabled);--button-filled-control-disabled-border-color: var(--color-control-disabled-border);--button-filled-control-disabled-text-color: var(--text-disabled-color);--button-outline-border-style: solid;--button-outline-border-width: 0.0625rem;--button-outline-text-transform: uppercase;--button-outline-focus-inset-shadow-length: 0 0 0 100vmax;--button-outline-tiny-padding: 0.3125rem 0.625rem;--button-outline-small-padding: 0.4375rem 0.875rem;--button-outline-medium-padding: 0.6875rem 1.125rem;--button-outline-large-padding: 0.8125rem 1.125rem;--button-outline-giant-padding: 0.9375rem 1.375rem;--button-outline-basic-background-color: var(--color-basic-transparent-default);--button-outline-basic-border-color: var(--color-basic-transparent-default-border);--button-outline-basic-text-color: var(--text-hint-color);--button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);--button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);--button-outline-basic-focus-text-color: var(--text-hint-color);--button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);--button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);--button-outline-basic-hover-text-color: var(--text-hint-color);--button-outline-basic-active-background-color: var(--color-basic-transparent-active);--button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);--button-outline-basic-active-text-color: var(--text-hint-color);--button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);--button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--button-outline-basic-disabled-text-color: var(--text-disabled-color);--button-outline-primary-background-color: var(--color-primary-transparent-default);--button-outline-primary-border-color: var(--color-primary-transparent-default-border);--button-outline-primary-text-color: var(--text-primary-color);--button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);--button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);--button-outline-primary-focus-text-color: var(--text-primary-color);--button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);--button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);--button-outline-primary-hover-text-color: var(--text-primary-color);--button-outline-primary-active-background-color: var(--color-primary-transparent-active);--button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);--button-outline-primary-active-text-color: var(--text-primary-color);--button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);--button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);--button-outline-primary-disabled-text-color: var(--text-disabled-color);--button-outline-success-background-color: var(--color-success-transparent-default);--button-outline-success-border-color: var(--color-success-transparent-default-border);--button-outline-success-text-color: var(--text-success-color);--button-outline-success-focus-background-color: var(--color-success-transparent-focus);--button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);--button-outline-success-focus-text-color: var(--text-success-color);--button-outline-success-hover-background-color: var(--color-success-transparent-hover);--button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);--button-outline-success-hover-text-color: var(--text-success-color);--button-outline-success-active-background-color: var(--color-success-transparent-active);--button-outline-success-active-border-color: var(--color-success-transparent-active-border);--button-outline-success-active-text-color: var(--text-success-color);--button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);--button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);--button-outline-success-disabled-text-color: var(--text-disabled-color);--button-outline-info-background-color: var(--color-info-transparent-default);--button-outline-info-border-color: var(--color-info-transparent-default-border);--button-outline-info-text-color: var(--text-info-color);--button-outline-info-focus-background-color: var(--color-info-transparent-focus);--button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);--button-outline-info-focus-text-color: var(--text-info-color);--button-outline-info-hover-background-color: var(--color-info-transparent-hover);--button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);--button-outline-info-hover-text-color: var(--text-info-color);--button-outline-info-active-background-color: var(--color-info-transparent-active);--button-outline-info-active-border-color: var(--color-info-transparent-active-border);--button-outline-info-active-text-color: var(--text-info-color);--button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);--button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);--button-outline-info-disabled-text-color: var(--text-disabled-color);--button-outline-warning-background-color: var(--color-warning-transparent-default);--button-outline-warning-border-color: var(--color-warning-transparent-default-border);--button-outline-warning-text-color: var(--text-warning-color);--button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);--button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);--button-outline-warning-focus-text-color: var(--text-warning-color);--button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);--button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);--button-outline-warning-hover-text-color: var(--text-warning-color);--button-outline-warning-active-background-color: var(--color-warning-transparent-active);--button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);--button-outline-warning-active-text-color: var(--text-warning-color);--button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);--button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);--button-outline-warning-disabled-text-color: var(--text-disabled-color);--button-outline-danger-background-color: var(--color-danger-transparent-default);--button-outline-danger-border-color: var(--color-danger-transparent-default-border);--button-outline-danger-text-color: var(--text-danger-color);--button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);--button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);--button-outline-danger-focus-text-color: var(--text-danger-color);--button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);--button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);--button-outline-danger-hover-text-color: var(--text-danger-color);--button-outline-danger-active-background-color: var(--color-danger-transparent-active);--button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);--button-outline-danger-active-text-color: var(--text-danger-color);--button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);--button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);--button-outline-danger-disabled-text-color: var(--text-disabled-color);--button-outline-control-background-color: var(--color-control-transparent-default);--button-outline-control-border-color: var(--color-control-transparent-default-border);--button-outline-control-text-color: var(--text-control-color);--button-outline-control-focus-background-color: var(--color-control-transparent-focus);--button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);--button-outline-control-focus-text-color: var(--text-control-color);--button-outline-control-hover-background-color: var(--color-control-transparent-hover);--button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--button-outline-control-hover-text-color: var(--text-control-color);--button-outline-control-active-background-color: var(--color-control-transparent-active);--button-outline-control-active-border-color: var(--color-control-transparent-active-border);--button-outline-control-active-text-color: var(--text-control-color);--button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);--button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);--button-outline-control-disabled-text-color: var(--text-disabled-color);--button-ghost-background-color: transparent;--button-ghost-border-color: transparent;--button-ghost-border-style: solid;--button-ghost-border-width: 0.0625rem;--button-ghost-text-transform: uppercase;--button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;--button-ghost-tiny-padding: 0.3125rem 0.625rem;--button-ghost-small-padding: 0.4375rem 0.875rem;--button-ghost-medium-padding: 0.6875rem 1.125rem;--button-ghost-large-padding: 0.8125rem 1.125rem;--button-ghost-giant-padding: 0.9375rem 1.375rem;--button-ghost-basic-text-color: var(--color-basic-600);--button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);--button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);--button-ghost-basic-focus-text-color: var(--color-basic-600);--button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);--button-ghost-basic-hover-border-color: transparent;--button-ghost-basic-hover-text-color: var(--color-basic-600);--button-ghost-basic-active-background-color: var(--color-basic-transparent-200);--button-ghost-basic-active-border-color: transparent;--button-ghost-basic-active-text-color: var(--color-basic-600);--button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-basic-disabled-border-color: transparent;--button-ghost-basic-disabled-text-color: var(--text-disabled-color);--button-ghost-primary-text-color: var(--text-primary-color);--button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);--button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);--button-ghost-primary-focus-text-color: var(--text-primary-color);--button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);--button-ghost-primary-hover-border-color: transparent;--button-ghost-primary-hover-text-color: var(--text-primary-color);--button-ghost-primary-active-background-color: var(--color-basic-transparent-200);--button-ghost-primary-active-border-color: transparent;--button-ghost-primary-active-text-color: var(--text-primary-color);--button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-primary-disabled-border-color: transparent;--button-ghost-primary-disabled-text-color: var(--text-disabled-color);--button-ghost-success-text-color: var(--text-success-color);--button-ghost-success-focus-background-color: var(--color-basic-transparent-200);--button-ghost-success-focus-border-color: var(--color-basic-transparent-500);--button-ghost-success-focus-text-color: var(--text-success-color);--button-ghost-success-hover-background-color: var(--color-basic-transparent-100);--button-ghost-success-hover-border-color: transparent;--button-ghost-success-hover-text-color: var(--text-success-color);--button-ghost-success-active-background-color: var(--color-basic-transparent-200);--button-ghost-success-active-border-color: transparent;--button-ghost-success-active-text-color: var(--text-success-color);--button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-success-disabled-border-color: transparent;--button-ghost-success-disabled-text-color: var(--text-disabled-color);--button-ghost-info-text-color: var(--text-info-color);--button-ghost-info-focus-background-color: var(--color-basic-transparent-200);--button-ghost-info-focus-border-color: var(--color-basic-transparent-500);--button-ghost-info-focus-text-color: var(--text-info-color);--button-ghost-info-hover-background-color: var(--color-basic-transparent-100);--button-ghost-info-hover-border-color: transparent;--button-ghost-info-hover-text-color: var(--text-info-color);--button-ghost-info-active-background-color: var(--color-basic-transparent-200);--button-ghost-info-active-border-color: transparent;--button-ghost-info-active-text-color: var(--text-info-color);--button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-info-disabled-border-color: transparent;--button-ghost-info-disabled-text-color: var(--text-disabled-color);--button-ghost-warning-text-color: var(--text-warning-color);--button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);--button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);--button-ghost-warning-focus-text-color: var(--text-warning-color);--button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);--button-ghost-warning-hover-border-color: transparent;--button-ghost-warning-hover-text-color: var(--text-warning-color);--button-ghost-warning-active-background-color: var(--color-basic-transparent-200);--button-ghost-warning-active-border-color: transparent;--button-ghost-warning-active-text-color: var(--text-warning-color);--button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-warning-disabled-border-color: transparent;--button-ghost-warning-disabled-text-color: var(--text-disabled-color);--button-ghost-danger-text-color: var(--text-danger-color);--button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);--button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);--button-ghost-danger-focus-text-color: var(--text-danger-color);--button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);--button-ghost-danger-hover-border-color: transparent;--button-ghost-danger-hover-text-color: var(--text-danger-color);--button-ghost-danger-active-background-color: var(--color-basic-transparent-200);--button-ghost-danger-active-border-color: transparent;--button-ghost-danger-active-text-color: var(--text-danger-color);--button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-danger-disabled-border-color: transparent;--button-ghost-danger-disabled-text-color: var(--text-disabled-color);--button-ghost-control-text-color: var(--color-basic-100);--button-ghost-control-focus-background-color: var(--color-basic-transparent-200);--button-ghost-control-focus-border-color: var(--color-basic-transparent-500);--button-ghost-control-focus-text-color: var(--color-basic-100);--button-ghost-control-hover-background-color: var(--color-basic-transparent-100);--button-ghost-control-hover-border-color: transparent;--button-ghost-control-hover-text-color: var(--color-basic-100);--button-ghost-control-active-background-color: var(--color-basic-transparent-200);--button-ghost-control-active-border-color: transparent;--button-ghost-control-active-text-color: var(--color-basic-100);--button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-control-disabled-border-color: transparent;--button-ghost-control-disabled-text-color: var(--text-disabled-color);--button-hero-border-color: transparent;--button-hero-border-style: solid;--button-hero-border-width: 0;--button-hero-text-transform: uppercase;--button-hero-tiny-padding: 0.375rem 0.6875rem;--button-hero-small-padding: 0.5rem 0.9375rem;--button-hero-medium-padding: 0.75rem 1.1875rem;--button-hero-large-padding: 0.875rem 1.1875rem;--button-hero-giant-padding: 1rem 1.4375rem;--button-hero-shadow: 0 0 transparent;--button-hero-text-shadow: var(--shadow);--button-hero-bevel-size: 0 0 0 0;--button-hero-glow-size: 0 0 0 0;--button-hero-outline-color: var(--outline-color);--button-hero-outline-width: var(--outline-width);--button-hero-basic-text-color: var(--color-basic-600);--button-hero-basic-bevel-color: var(--color-basic-600);--button-hero-basic-glow-color: var(--color-basic-700);--button-hero-basic-left-background-color: var(--color-basic-200);--button-hero-basic-right-background-color: var(--color-basic-default);--button-hero-basic-focus-left-background-color: var(--color-basic-300);--button-hero-basic-focus-right-background-color: var(--color-basic-focus);--button-hero-basic-hover-left-background-color: var(--color-basic-100);--button-hero-basic-hover-right-background-color: var(--color-basic-hover);--button-hero-basic-active-left-background-color: var(--color-basic-300);--button-hero-basic-active-right-background-color: var(--color-basic-active);--button-hero-basic-disabled-background-color: var(--color-basic-disabled);--button-hero-basic-disabled-text-color: var(--text-disabled-color);--button-hero-primary-text-color: var(--text-control-color);--button-hero-primary-bevel-color: var(--color-primary-600);--button-hero-primary-glow-color: var(--color-primary-700);--button-hero-primary-left-background-color: var(--color-primary-400);--button-hero-primary-right-background-color: var(--color-primary-default);--button-hero-primary-focus-left-background-color: var(--color-primary-500);--button-hero-primary-focus-right-background-color: var(--color-primary-focus);--button-hero-primary-hover-left-background-color: var(--color-primary-300);--button-hero-primary-hover-right-background-color: var(--color-primary-hover);--button-hero-primary-active-left-background-color: var(--color-primary-500);--button-hero-primary-active-right-background-color: var(--color-primary-active);--button-hero-primary-disabled-background-color: var(--color-primary-disabled);--button-hero-primary-disabled-text-color: var(--text-disabled-color);--button-hero-success-text-color: var(--text-control-color);--button-hero-success-bevel-color: var(--color-success-600);--button-hero-success-glow-color: var(--color-success-700);--button-hero-success-left-background-color: var(--color-success-400);--button-hero-success-right-background-color: var(--color-success-default);--button-hero-success-focus-left-background-color: var(--color-success-500);--button-hero-success-focus-right-background-color: var(--color-success-focus);--button-hero-success-hover-left-background-color: var(--color-success-300);--button-hero-success-hover-right-background-color: var(--color-success-hover);--button-hero-success-active-left-background-color: var(--color-success-500);--button-hero-success-active-right-background-color: var(--color-success-active);--button-hero-success-disabled-background-color: var(--color-success-disabled);--button-hero-success-disabled-text-color: var(--text-disabled-color);--button-hero-info-text-color: var(--text-control-color);--button-hero-info-bevel-color: var(--color-info-600);--button-hero-info-glow-color: var(--color-info-700);--button-hero-info-left-background-color: var(--color-info-400);--button-hero-info-right-background-color: var(--color-info-default);--button-hero-info-focus-left-background-color: var(--color-info-500);--button-hero-info-focus-right-background-color: var(--color-info-focus);--button-hero-info-hover-left-background-color: var(--color-info-300);--button-hero-info-hover-right-background-color: var(--color-info-hover);--button-hero-info-active-left-background-color: var(--color-info-500);--button-hero-info-active-right-background-color: var(--color-info-active);--button-hero-info-disabled-background-color: var(--color-info-disabled);--button-hero-info-disabled-text-color: var(--text-disabled-color);--button-hero-warning-text-color: var(--text-control-color);--button-hero-warning-bevel-color: var(--color-warning-600);--button-hero-warning-glow-color: var(--color-warning-700);--button-hero-warning-left-background-color: var(--color-warning-400);--button-hero-warning-right-background-color: var(--color-warning-default);--button-hero-warning-focus-left-background-color: var(--color-warning-500);--button-hero-warning-focus-right-background-color: var(--color-warning-focus);--button-hero-warning-hover-left-background-color: var(--color-warning-300);--button-hero-warning-hover-right-background-color: var(--color-warning-hover);--button-hero-warning-active-left-background-color: var(--color-warning-500);--button-hero-warning-active-right-background-color: var(--color-warning-active);--button-hero-warning-disabled-background-color: var(--color-warning-disabled);--button-hero-warning-disabled-text-color: var(--text-disabled-color);--button-hero-danger-text-color: var(--text-control-color);--button-hero-danger-bevel-color: var(--color-danger-600);--button-hero-danger-glow-color: var(--color-danger-700);--button-hero-danger-left-background-color: var(--color-danger-400);--button-hero-danger-right-background-color: var(--color-danger-default);--button-hero-danger-focus-left-background-color: var(--color-danger-500);--button-hero-danger-focus-right-background-color: var(--color-danger-focus);--button-hero-danger-hover-left-background-color: var(--color-danger-300);--button-hero-danger-hover-right-background-color: var(--color-danger-hover);--button-hero-danger-active-left-background-color: var(--color-danger-500);--button-hero-danger-active-right-background-color: var(--color-danger-active);--button-hero-danger-disabled-background-color: var(--color-danger-disabled);--button-hero-danger-disabled-text-color: var(--text-disabled-color);--button-hero-control-text-color: var(--color-basic-800);--button-hero-control-bevel-color: var(--color-basic-600);--button-hero-control-glow-color: var(--color-basic-700);--button-hero-control-left-background-color: var(--color-control-default);--button-hero-control-right-background-color: var(--color-control-default);--button-hero-control-focus-left-background-color: var(--color-basic-200);--button-hero-control-focus-right-background-color: var(--color-control-focus);--button-hero-control-hover-left-background-color: var(--color-basic-100);--button-hero-control-hover-right-background-color: var(--color-control-hover);--button-hero-control-active-left-background-color: var(--color-basic-200);--button-hero-control-active-right-background-color: var(--color-control-active);--button-hero-control-disabled-background-color: var(--color-basic-transparent-300);--button-hero-control-disabled-text-color: var(--text-disabled-color);--button-group-filled-button-basic-text-color: var(--text-hint-color);--button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color);--button-group-filled-button-success-text-color: var(--button-filled-success-text-color);--button-group-filled-button-info-text-color: var(--button-filled-info-text-color);--button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color);--button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color);--button-group-filled-button-control-text-color: var(--button-filled-control-text-color);--button-group-filled-basic-divider-color: var(--color-basic-focus-border);--button-group-filled-primary-divider-color: var(--color-primary-focus);--button-group-filled-success-divider-color: var(--color-success-focus);--button-group-filled-info-divider-color: var(--color-info-focus);--button-group-filled-warning-divider-color: var(--color-warning-focus);--button-group-filled-danger-divider-color: var(--color-danger-focus);--button-group-filled-control-divider-color: var(--color-control-focus);--button-group-ghost-divider-color: var(--color-basic-focus-border);--icon-button-filled-tiny-padding: 0.4375rem 0.3125rem;--icon-button-filled-small-padding: 0.5625rem 0.4375rem;--icon-button-filled-medium-padding: 0.6875rem 0.5625rem;--icon-button-filled-large-padding: 0.8125rem 0.6875rem;--icon-button-filled-giant-padding: 1.0625rem 0.9375rem;--icon-button-outline-tiny-padding: 0.4375rem 0.3125rem;--icon-button-outline-small-padding: 0.5625rem 0.4375rem;--icon-button-outline-medium-padding: 0.6875rem 0.5625rem;--icon-button-outline-large-padding: 0.8125rem 0.6875rem;--icon-button-outline-giant-padding: 1.0625rem 0.9375rem;--icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem;--icon-button-ghost-small-padding: 0.5625rem 0.4375rem;--icon-button-ghost-medium-padding: 0.6875rem 0.5625rem;--icon-button-ghost-large-padding: 0.8125rem 0.6875rem;--icon-button-ghost-giant-padding: 1.0625rem 0.9375rem;--icon-button-hero-tiny-padding: 0.5rem 0.375rem;--icon-button-hero-small-padding: 0.5625rem 0.5rem;--icon-button-hero-medium-padding: 0.75rem 0.5625rem;--icon-button-hero-large-padding: 0.875rem 0.6875rem;--icon-button-hero-giant-padding: 1.0625rem 1rem;--input-border-style: solid;--input-border-width: 1px;--input-outline-color: var(--outline-color);--input-outline-width: var(--outline-width);--input-placeholder-text-font-family: var(--text-paragraph-font-family);--input-text-font-family: var(--text-subtitle-font-family);--input-basic-text-color: var(--text-basic-color);--input-basic-placeholder-text-color: var(--text-hint-color);--input-basic-background-color: var(--background-basic-color-2);--input-basic-border-color: var(--border-basic-color-4);--input-basic-focus-background-color: var(--background-basic-color-1);--input-basic-focus-border-color: var(--color-primary-default-border);--input-basic-hover-background-color: var(--background-basic-color-3);--input-basic-hover-border-color: var(--border-basic-color-4);--input-basic-disabled-background-color: var(--background-basic-color-2);--input-basic-disabled-border-color: var(--border-basic-color-4);--input-basic-disabled-text-color: var(--text-disabled-color);--input-basic-disabled-placeholder-text-color: var(--text-disabled-color);--input-primary-text-color: var(--text-basic-color);--input-primary-placeholder-text-color: var(--text-hint-color);--input-primary-background-color: var(--background-basic-color-2);--input-primary-border-color: var(--color-primary-default);--input-primary-focus-background-color: var(--background-basic-color-1);--input-primary-focus-border-color: var(--color-primary-focus-border);--input-primary-hover-background-color: var(--background-basic-color-3);--input-primary-hover-border-color: var(--color-primary-hover-border);--input-primary-disabled-background-color: var(--background-basic-color-2);--input-primary-disabled-border-color: var(--border-basic-color-4);--input-primary-disabled-text-color: var(--text-disabled-color);--input-primary-disabled-placeholder-text-color: var(--text-disabled-color);--input-success-text-color: var(--text-basic-color);--input-success-placeholder-text-color: var(--text-hint-color);--input-success-background-color: var(--background-basic-color-2);--input-success-border-color: var(--color-success-default);--input-success-focus-background-color: var(--background-basic-color-1);--input-success-focus-border-color: var(--color-success-focus-border);--input-success-hover-background-color: var(--background-basic-color-3);--input-success-hover-border-color: var(--color-success-hover-border);--input-success-disabled-background-color: var(--background-basic-color-2);--input-success-disabled-border-color: var(--border-basic-color-4);--input-success-disabled-text-color: var(--text-disabled-color);--input-success-disabled-placeholder-text-color: var(--text-disabled-color);--input-info-text-color: var(--text-basic-color);--input-info-placeholder-text-color: var(--text-hint-color);--input-info-background-color: var(--background-basic-color-2);--input-info-border-color: var(--color-info-default);--input-info-focus-background-color: var(--background-basic-color-1);--input-info-focus-border-color: var(--color-info-focus-border);--input-info-hover-background-color: var(--background-basic-color-3);--input-info-hover-border-color: var(--color-info-hover-border);--input-info-disabled-background-color: var(--background-basic-color-2);--input-info-disabled-border-color: var(--border-basic-color-4);--input-info-disabled-text-color: var(--text-disabled-color);--input-info-disabled-placeholder-text-color: var(--text-disabled-color);--input-warning-text-color: var(--text-basic-color);--input-warning-placeholder-text-color: var(--text-hint-color);--input-warning-background-color: var(--background-basic-color-2);--input-warning-border-color: var(--color-warning-default);--input-warning-focus-background-color: var(--background-basic-color-1);--input-warning-focus-border-color: var(--color-warning-focus-border);--input-warning-hover-background-color: var(--background-basic-color-3);--input-warning-hover-border-color: var(--color-warning-hover-border);--input-warning-disabled-background-color: var(--background-basic-color-2);--input-warning-disabled-border-color: var(--border-basic-color-4);--input-warning-disabled-text-color: var(--text-disabled-color);--input-warning-disabled-placeholder-text-color: var(--text-disabled-color);--input-danger-text-color: var(--text-basic-color);--input-danger-placeholder-text-color: var(--text-hint-color);--input-danger-background-color: var(--background-basic-color-2);--input-danger-border-color: var(--color-danger-default);--input-danger-focus-background-color: var(--background-basic-color-1);--input-danger-focus-border-color: var(--color-danger-focus-border);--input-danger-hover-background-color: var(--background-basic-color-3);--input-danger-hover-border-color: var(--color-danger-hover-border);--input-danger-disabled-background-color: var(--background-basic-color-2);--input-danger-disabled-border-color: var(--border-basic-color-4);--input-danger-disabled-text-color: var(--text-disabled-color);--input-danger-disabled-placeholder-text-color: var(--text-disabled-color);--input-control-text-color: var(--text-control-color);--input-control-placeholder-text-color: var(--text-control-color);--input-control-background-color: var(--color-basic-control-transparent-300);--input-control-border-color: var(--color-basic-control-transparent-500);--input-control-focus-background-color: var(--color-basic-control-transparent-500);--input-control-focus-border-color: var(--color-control-transparent-focus-border);--input-control-hover-background-color: var(--color-basic-control-transparent-400);--input-control-hover-border-color: var(--color-control-transparent-hover-border);--input-control-disabled-background-color: var(--color-control-transparent-disabled);--input-control-disabled-border-color: var(--color-control-transparent-disabled-border);--input-control-disabled-text-color: var(--text-control-color);--input-control-disabled-placeholder-text-color: var(--text-control-color);--input-rectangle-border-radius: var(--border-radius);--input-semi-round-border-radius: 0.75rem;--input-round-border-radius: 1.5rem;--input-tiny-text-font-size: var(--text-caption-2-font-size);--input-tiny-text-font-weight: var(--text-caption-2-font-weight);--input-tiny-text-line-height: var(--text-caption-2-line-height);--input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);--input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height);--input-tiny-padding: 0.1875rem 1rem;--input-tiny-max-width: 20rem;--input-small-text-font-size: var(--text-subtitle-2-font-size);--input-small-text-font-weight: var(--text-subtitle-2-font-weight);--input-small-text-line-height: var(--text-subtitle-2-line-height);--input-small-placeholder-text-font-size: var(--text-paragraph-font-size);--input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-small-placeholder-text-line-height: var(--text-paragraph-line-height);--input-small-padding: 0.1875rem 1rem;--input-small-max-width: 20rem;--input-medium-text-font-size: var(--text-subtitle-font-size);--input-medium-text-font-weight: var(--text-subtitle-font-weight);--input-medium-text-line-height: var(--text-subtitle-line-height);--input-medium-placeholder-text-font-size: var(--text-paragraph-font-size);--input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-medium-placeholder-text-line-height: var(--text-paragraph-line-height);--input-medium-padding: 0.4375rem 1rem;--input-medium-max-width: 20rem;--input-large-text-font-size: var(--text-subtitle-font-size);--input-large-text-font-weight: var(--text-subtitle-font-weight);--input-large-text-line-height: var(--text-subtitle-line-height);--input-large-placeholder-text-font-size: var(--text-paragraph-font-size);--input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-large-placeholder-text-line-height: var(--text-paragraph-line-height);--input-large-padding: 0.6875rem 1rem;--input-large-max-width: 30rem;--input-giant-text-font-size: var(--text-heading-6-font-size);--input-giant-text-font-weight: var(--text-heading-6-font-weight);--input-giant-text-line-height: var(--text-heading-6-line-height);--input-giant-placeholder-text-font-size: var(--text-paragraph-font-size);--input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-giant-placeholder-text-line-height: var(--text-paragraph-line-height);--input-giant-padding: 0.9375rem 1rem;--input-giant-max-width: 30rem;--checkbox-height: 1.25rem;--checkbox-width: 1.25rem;--checkbox-border-style: solid;--checkbox-border-width: 1px;--checkbox-border-radius: 3px;--checkbox-outline-width: var(--outline-width);--checkbox-outline-color: var(--outline-color);--checkbox-text-font-family: var(--text-subtitle-2-font-family);--checkbox-text-font-size: var(--text-subtitle-2-font-size);--checkbox-text-font-weight: var(--text-subtitle-2-font-weight);--checkbox-text-line-height: var(--text-subtitle-2-line-height);--checkbox-text-space: 0.6875rem;--checkbox-padding: 0;--checkbox-focus-inset-shadow-length: 0 0 0 100vmax;--checkbox-basic-text-color: var(--text-basic-color);--checkbox-basic-background-color: var(--color-basic-transparent-default);--checkbox-basic-border-color: var(--color-basic-transparent-default-border);--checkbox-basic-checked-background-color: var(--color-primary-default);--checkbox-basic-checked-border-color: var(--color-primary-default-border);--checkbox-basic-checked-checkmark-color: var(--text-control-color);--checkbox-basic-indeterminate-background-color: var(--color-primary-default);--checkbox-basic-indeterminate-border-color: var(--color-primary-default-border);--checkbox-basic-indeterminate-checkmark-color: var(--text-control-color);--checkbox-basic-focus-background-color: var(--color-basic-transparent-focus);--checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border);--checkbox-basic-focus-checked-background-color: var(--color-primary-focus);--checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border);--checkbox-basic-hover-background-color: var(--color-primary-transparent-hover);--checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border);--checkbox-basic-hover-checked-background-color: var(--color-primary-hover);--checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border);--checkbox-basic-active-background-color: var(--color-basic-transparent-active);--checkbox-basic-active-border-color: var(--color-basic-transparent-active-border);--checkbox-basic-active-checked-background-color: var(--color-primary-active);--checkbox-basic-active-checked-border-color: var(--color-primary-active-border);--checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-basic-disabled-checkmark-color: var(--text-control-color);--checkbox-basic-disabled-text-color: var(--text-disabled-color);--checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-primary-text-color: var(--text-basic-color);--checkbox-primary-background-color: var(--color-primary-transparent-default);--checkbox-primary-border-color: var(--color-primary-transparent-default-border);--checkbox-primary-checked-background-color: var(--color-primary-default);--checkbox-primary-checked-border-color: var(--color-primary-default-border);--checkbox-primary-checked-checkmark-color: var(--text-control-color);--checkbox-primary-indeterminate-background-color: var(--color-primary-default);--checkbox-primary-indeterminate-border-color: var(--color-primary-default-border);--checkbox-primary-indeterminate-checkmark-color: var(--text-control-color);--checkbox-primary-focus-background-color: var(--color-primary-transparent-focus);--checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border);--checkbox-primary-focus-checked-background-color: var(--color-primary-focus);--checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border);--checkbox-primary-hover-background-color: var(--color-primary-transparent-hover);--checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border);--checkbox-primary-hover-checked-background-color: var(--color-primary-hover);--checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border);--checkbox-primary-active-background-color: var(--color-primary-transparent-active);--checkbox-primary-active-border-color: var(--color-primary-transparent-active-border);--checkbox-primary-active-checked-background-color: var(--color-primary-active);--checkbox-primary-active-checked-border-color: var(--color-primary-active-border);--checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-primary-disabled-checkmark-color: var(--text-control-color);--checkbox-primary-disabled-text-color: var(--text-disabled-color);--checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-success-text-color: var(--text-basic-color);--checkbox-success-background-color: var(--color-success-transparent-default);--checkbox-success-border-color: var(--color-success-transparent-default-border);--checkbox-success-checked-background-color: var(--color-success-default);--checkbox-success-checked-border-color: var(--color-success-default-border);--checkbox-success-checked-checkmark-color: var(--text-control-color);--checkbox-success-indeterminate-background-color: var(--color-success-default);--checkbox-success-indeterminate-border-color: var(--color-success-default-border);--checkbox-success-indeterminate-checkmark-color: var(--text-control-color);--checkbox-success-focus-background-color: var(--color-success-transparent-focus);--checkbox-success-focus-border-color: var(--color-success-transparent-focus-border);--checkbox-success-focus-checked-background-color: var(--color-success-focus);--checkbox-success-focus-checked-border-color: var(--color-success-focus-border);--checkbox-success-hover-background-color: var(--color-success-transparent-hover);--checkbox-success-hover-border-color: var(--color-success-transparent-hover-border);--checkbox-success-hover-checked-background-color: var(--color-success-hover);--checkbox-success-hover-checked-border-color: var(--color-success-hover-border);--checkbox-success-active-background-color: var(--color-success-transparent-active);--checkbox-success-active-border-color: var(--color-success-transparent-active-border);--checkbox-success-active-checked-background-color: var(--color-success-active);--checkbox-success-active-checked-border-color: var(--color-success-active-border);--checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-success-disabled-checkmark-color: var(--text-control-color);--checkbox-success-disabled-text-color: var(--text-disabled-color);--checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-info-text-color: var(--text-basic-color);--checkbox-info-background-color: var(--color-info-transparent-default);--checkbox-info-border-color: var(--color-info-transparent-default-border);--checkbox-info-checked-background-color: var(--color-info-default);--checkbox-info-checked-border-color: var(--color-info-default-border);--checkbox-info-checked-checkmark-color: var(--text-control-color);--checkbox-info-indeterminate-background-color: var(--color-info-default);--checkbox-info-indeterminate-border-color: var(--color-info-default-border);--checkbox-info-indeterminate-checkmark-color: var(--text-control-color);--checkbox-info-focus-background-color: var(--color-info-transparent-focus);--checkbox-info-focus-border-color: var(--color-info-transparent-focus-border);--checkbox-info-focus-checked-background-color: var(--color-info-focus);--checkbox-info-focus-checked-border-color: var(--color-info-focus-border);--checkbox-info-hover-background-color: var(--color-info-transparent-hover);--checkbox-info-hover-border-color: var(--color-info-transparent-hover-border);--checkbox-info-hover-checked-background-color: var(--color-info-hover);--checkbox-info-hover-checked-border-color: var(--color-info-hover-border);--checkbox-info-active-background-color: var(--color-info-transparent-active);--checkbox-info-active-border-color: var(--color-info-transparent-active-border);--checkbox-info-active-checked-background-color: var(--color-info-active);--checkbox-info-active-checked-border-color: var(--color-info-active-border);--checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-info-disabled-checkmark-color: var(--text-control-color);--checkbox-info-disabled-text-color: var(--text-disabled-color);--checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-warning-text-color: var(--text-basic-color);--checkbox-warning-background-color: var(--color-warning-transparent-default);--checkbox-warning-border-color: var(--color-warning-transparent-default-border);--checkbox-warning-checked-background-color: var(--color-warning-default);--checkbox-warning-checked-border-color: var(--color-warning-default-border);--checkbox-warning-checked-checkmark-color: var(--text-control-color);--checkbox-warning-indeterminate-background-color: var(--color-warning-default);--checkbox-warning-indeterminate-border-color: var(--color-warning-default-border);--checkbox-warning-indeterminate-checkmark-color: var(--text-control-color);--checkbox-warning-focus-background-color: var(--color-warning-transparent-focus);--checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border);--checkbox-warning-focus-checked-background-color: var(--color-warning-focus);--checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border);--checkbox-warning-hover-background-color: var(--color-warning-transparent-hover);--checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border);--checkbox-warning-hover-checked-background-color: var(--color-warning-hover);--checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border);--checkbox-warning-active-background-color: var(--color-warning-transparent-active);--checkbox-warning-active-border-color: var(--color-warning-transparent-active-border);--checkbox-warning-active-checked-background-color: var(--color-warning-active);--checkbox-warning-active-checked-border-color: var(--color-warning-active-border);--checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-warning-disabled-checkmark-color: var(--text-control-color);--checkbox-warning-disabled-text-color: var(--text-disabled-color);--checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-danger-text-color: var(--text-basic-color);--checkbox-danger-background-color: var(--color-danger-transparent-default);--checkbox-danger-border-color: var(--color-danger-transparent-default-border);--checkbox-danger-checked-background-color: var(--color-danger-default);--checkbox-danger-checked-border-color: var(--color-danger-default-border);--checkbox-danger-checked-checkmark-color: var(--text-control-color);--checkbox-danger-indeterminate-background-color: var(--color-danger-default);--checkbox-danger-indeterminate-border-color: var(--color-danger-default-border);--checkbox-danger-indeterminate-checkmark-color: var(--text-control-color);--checkbox-danger-focus-background-color: var(--color-danger-transparent-focus);--checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border);--checkbox-danger-focus-checked-background-color: var(--color-danger-focus);--checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border);--checkbox-danger-hover-background-color: var(--color-danger-transparent-hover);--checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border);--checkbox-danger-hover-checked-background-color: var(--color-danger-hover);--checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border);--checkbox-danger-active-background-color: var(--color-danger-transparent-active);--checkbox-danger-active-border-color: var(--color-danger-transparent-active-border);--checkbox-danger-active-checked-background-color: var(--color-danger-active);--checkbox-danger-active-checked-border-color: var(--color-danger-active-border);--checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-danger-disabled-checkmark-color: var(--text-control-color);--checkbox-danger-disabled-text-color: var(--text-disabled-color);--checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-control-text-color: var(--text-control-color);--checkbox-control-background-color: var(--color-control-transparent-default);--checkbox-control-border-color: var(--color-control-transparent-default-border);--checkbox-control-checked-background-color: var(--color-control-default);--checkbox-control-checked-border-color: var(--color-control-default-border);--checkbox-control-checked-checkmark-color: var(--color-basic-800);--checkbox-control-indeterminate-background-color: var(--color-control-default);--checkbox-control-indeterminate-border-color: var(--color-control-default-border);--checkbox-control-indeterminate-checkmark-color: var(--color-basic-800);--checkbox-control-focus-background-color: var(--color-control-transparent-focus);--checkbox-control-focus-border-color: var(--color-control-transparent-focus-border);--checkbox-control-focus-checked-background-color: var(--color-control-focus);--checkbox-control-focus-checked-border-color: var(--color-control-focus-border);--checkbox-control-hover-background-color: var(--color-control-transparent-hover);--checkbox-control-hover-border-color: var(--color-control-transparent-hover-border);--checkbox-control-hover-checked-background-color: var(--color-control-hover);--checkbox-control-hover-checked-border-color: var(--color-control-hover-border);--checkbox-control-active-background-color: var(--color-control-transparent-active);--checkbox-control-active-border-color: var(--color-control-transparent-active-border);--checkbox-control-active-checked-background-color: var(--color-control-active);--checkbox-control-active-checked-border-color: var(--color-control-active-border);--checkbox-control-disabled-background-color: var(--color-control-transparent-disabled);--checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border);--checkbox-control-disabled-checkmark-color: var(--text-control-color);--checkbox-control-disabled-text-color: var(--text-control-color);--checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600);--badge-dot-mode-border-radius: 0.5rem;--badge-dot-mode-padding: 0.3rem;--badge-border-radius: var(--border-radius);--badge-text-font-family: var(--text-button-font-family);--badge-text-font-size: var(--text-button-tiny-font-size);--badge-text-font-weight: var(--text-button-font-weight);--badge-text-line-height: var(--text-button-tiny-line-height);--badge-padding: 0.25rem 0.4rem;--badge-basic-background-color: var(--background-basic-color-2);--badge-basic-text-color: var(--text-basic-color);--badge-primary-background-color: var(--color-primary-default);--badge-primary-text-color: var(--text-control-color);--badge-success-background-color: var(--color-success-default);--badge-success-text-color: var(--text-control-color);--badge-info-background-color: var(--color-info-default);--badge-info-text-color: var(--text-control-color);--badge-warning-background-color: var(--color-warning-default);--badge-warning-text-color: var(--text-control-color);--badge-danger-background-color: var(--color-danger-default);--badge-danger-text-color: var(--text-control-color);--badge-control-background-color: var(--color-control-default);--badge-control-text-color: var(--color-basic-800);--progress-bar-animation-duration: 400ms;--progress-bar-border-radius: var(--border-radius);--progress-bar-text-font-family: var(--text-subtitle-font-family);--progress-bar-tiny-height: 1rem;--progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size);--progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight);--progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height);--progress-bar-small-height: 1.25rem;--progress-bar-small-text-font-size: var(--text-subtitle-2-font-size);--progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight);--progress-bar-small-text-line-height: var(--text-subtitle-2-line-height);--progress-bar-medium-height: 1.375rem;--progress-bar-medium-text-font-size: var(--text-subtitle-font-size);--progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-medium-text-line-height: var(--text-subtitle-line-height);--progress-bar-large-height: 1.5rem;--progress-bar-large-text-font-size: var(--text-subtitle-font-size);--progress-bar-large-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-large-text-line-height: var(--text-subtitle-line-height);--progress-bar-giant-height: 1.75rem;--progress-bar-giant-text-font-size: var(--text-subtitle-font-size);--progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-giant-text-line-height: var(--text-subtitle-line-height);--progress-bar-basic-background-color: var(--background-basic-color-2);--progress-bar-basic-filled-background-color: var(--background-basic-color-4);--progress-bar-basic-text-color: var(--text-basic-color);--progress-bar-primary-background-color: var(--background-basic-color-3);--progress-bar-primary-filled-background-color: var(--color-primary-default);--progress-bar-primary-text-color: var(--text-control-color);--progress-bar-success-background-color: var(--background-basic-color-3);--progress-bar-success-filled-background-color: var(--color-success-default);--progress-bar-success-text-color: var(--text-control-color);--progress-bar-info-background-color: var(--background-basic-color-3);--progress-bar-info-filled-background-color: var(--color-info-default);--progress-bar-info-text-color: var(--text-control-color);--progress-bar-warning-background-color: var(--background-basic-color-3);--progress-bar-warning-filled-background-color: var(--color-warning-default);--progress-bar-warning-text-color: var(--text-control-color);--progress-bar-danger-background-color: var(--background-basic-color-3);--progress-bar-danger-filled-background-color: var(--color-danger-default);--progress-bar-danger-text-color: var(--text-control-color);--progress-bar-control-background-color: var(--background-basic-color-3);--progress-bar-control-filled-background-color: var(--color-control-default);--progress-bar-control-text-color: var(--color-basic-800);--alert-border-radius: var(--border-radius);--alert-bottom-margin: 1.5rem;--alert-padding: 1rem 1.125rem;--alert-scrollbar-color: var(--scrollbar-color);--alert-scrollbar-background-color: var(--scrollbar-background-color);--alert-scrollbar-width: var(--scrollbar-width);--alert-shadow: none;--alert-text-font-family: var(--text-paragraph-font-family);--alert-text-font-size: var(--text-subtitle-font-size);--alert-text-font-weight: var(--text-subtitle-font-weight);--alert-text-line-height: var(--text-subtitle-line-height);--alert-closable-start-padding: 3rem;--alert-tiny-height: 4.5rem;--alert-small-height: 5.75rem;--alert-medium-height: 7rem;--alert-medium-padding: 1rem 1.125rem;--alert-large-height: 8.25rem;--alert-giant-height: 9.5rem;--alert-basic-background-color: var(--background-basic-color-2);--alert-basic-text-color: var(--text-basic-color);--alert-primary-background-color: var(--color-primary-default);--alert-primary-text-color: var(--text-control-color);--alert-success-background-color: var(--color-success-default);--alert-success-text-color: var(--text-control-color);--alert-info-background-color: var(--color-info-default);--alert-info-text-color: var(--text-control-color);--alert-warning-background-color: var(--color-warning-default);--alert-warning-text-color: var(--text-control-color);--alert-danger-background-color: var(--color-danger-default);--alert-danger-text-color: var(--text-control-color);--alert-control-background-color: var(--color-control-default);--alert-control-text-color: var(--color-basic-800);--alert-accent-basic-color: var(--border-basic-color-3);--alert-accent-primary-color: var(--color-primary-default);--alert-accent-info-color: var(--color-info-default);--alert-accent-success-color: var(--color-success-default);--alert-accent-warning-color: var(--color-warning-default);--alert-accent-danger-color: var(--color-danger-default);--alert-accent-control-color: var(--color-control-default);--alert-outline-width: 1px;--alert-outline-basic-color: var(--color-basic-focus-border);--alert-outline-primary-color: var(--color-primary-focus-border);--alert-outline-info-color: var(--color-info-focus-border);--alert-outline-success-color: var(--color-success-focus-border);--alert-outline-warning-color: var(--color-warning-focus-border);--alert-outline-danger-color: var(--color-danger-focus-border);--alert-outline-control-color: var(--color-control-focus-border);--chat-background-color: var(--background-basic-color-1);--chat-border: none;--chat-border-radius: var(--border-radius);--chat-shadow: var(--shadow);--chat-padding: 1rem 1.25rem;--chat-scrollbar-color: var(--scrollbar-color);--chat-scrollbar-background-color: var(--scrollbar-background-color);--chat-scrollbar-width: var(--scrollbar-width);--chat-text-color: var(--text-basic-color);--chat-text-font-family: var(--text-paragraph-font-family);--chat-text-font-size: var(--text-paragraph-font-size);--chat-text-font-weight: var(--text-paragraph-font-weight);--chat-text-line-height: var(--text-paragraph-line-height);--chat-header-text-font-family: var(--text-subtitle-font-family);--chat-header-text-font-size: var(--text-subtitle-font-size);--chat-header-text-font-weight: var(--text-subtitle-font-weight);--chat-header-text-line-height: var(--text-subtitle-line-height);--chat-tiny-height: 13.5rem;--chat-small-height: 21rem;--chat-medium-height: 28.5rem;--chat-large-height: 36rem;--chat-giant-height: 43.5rem;--chat-basic-background-color: var(--background-basic-color-1);--chat-basic-text-color: var(--text-basic-color);--chat-primary-background-color: var(--color-primary-default);--chat-primary-text-color: var(--text-control-color);--chat-success-background-color: var(--color-success-default);--chat-success-text-color: var(--text-control-color);--chat-info-background-color: var(--color-info-default);--chat-info-text-color: var(--text-control-color);--chat-warning-background-color: var(--color-warning-default);--chat-warning-text-color: var(--text-control-color);--chat-danger-background-color: var(--color-danger-default);--chat-danger-text-color: var(--text-control-color);--chat-control-background-color: var(--color-control-default);--chat-control-text-color: var(--color-basic-800);--chat-divider-color: var(--divider-color);--chat-divider-style: var(--divider-style);--chat-divider-width: var(--divider-width);--chat-message-background: var(--color-primary-default);--chat-message-text-color: var(--text-control-color);--chat-message-reply-background-color: var(--background-basic-color-2);--chat-message-reply-text-color: var(--text-basic-color);--chat-message-avatar-background-color: var(--color-basic-500);--chat-message-sender-text-color: var(--text-hint-color);--chat-message-quote-background-color: var(--background-basic-color-2);--chat-message-quote-text-color: var(--text-hint-color);--chat-message-file-text-color: var(--text-hint-color);--chat-message-file-background-color: transparent;--spinner-text-color: var(--text-basic-color);--spinner-text-font-family: var(--text-button-font-family);--spinner-text-font-size: var(--text-button-medium-font-size);--spinner-text-font-weight: var(--text-button-font-weight);--spinner-text-line-height: var(--text-button-medium-line-height);--spinner-basic-background-color: var(--color-basic-transparent-200);--spinner-basic-circle-filled-color: var(--text-hint-color);--spinner-basic-circle-empty-color: transparent;--spinner-primary-background-color: var(--color-basic-transparent-200);--spinner-primary-circle-filled-color: var(--color-primary-default);--spinner-primary-circle-empty-color: transparent;--spinner-info-background-color: var(--color-basic-transparent-200);--spinner-info-circle-filled-color: var(--color-info-default);--spinner-info-circle-empty-color: transparent;--spinner-success-background-color: var(--color-basic-transparent-200);--spinner-success-circle-filled-color: var(--color-success-default);--spinner-success-circle-empty-color: transparent;--spinner-warning-background-color: var(--color-basic-transparent-200);--spinner-warning-circle-filled-color: var(--color-warning-default);--spinner-warning-circle-empty-color: transparent;--spinner-danger-background-color: var(--color-basic-transparent-200);--spinner-danger-circle-filled-color: var(--color-danger-default);--spinner-danger-circle-empty-color: transparent;--spinner-control-background-color: var(--color-basic-control-transparent-200);--spinner-control-circle-filled-color: var(--color-control-default);--spinner-control-circle-empty-color: transparent;--spinner-height-tiny: 1rem;--spinner-height-small: 1.25rem;--spinner-height-medium: 1.5rem;--spinner-height-large: 1.75rem;--spinner-height-giant: 2rem;--stepper-step-text-color: var(--text-hint-color);--stepper-step-text-font-family: var(--text-paragraph-font-family);--stepper-step-text-font-size: var(--text-paragraph-font-size);--stepper-step-text-font-weight: var(--text-paragraph-font-weight);--stepper-step-text-line-height: var(--text-paragraph-line-height);--stepper-step-active-text-color: var(--text-primary-active-color);--stepper-step-completed-text-color: var(--text-primary-color);--stepper-step-index-border-color: var(--border-basic-color-4);--stepper-step-index-border-style: solid;--stepper-step-index-border-width: 1px;--stepper-step-index-border-radius: 50%;--stepper-step-index-width: 2rem;--stepper-step-index-active-border-color: var(--color-primary-active);--stepper-step-index-completed-background-color: var(--color-primary-default);--stepper-step-index-completed-border-color: var(--color-primary-default);--stepper-step-index-completed-text-color: var(--text-control-color);--stepper-connector-background-color: var(--background-basic-color-3);--stepper-connector-completed-background-color: var(--color-primary-default);--stepper-horizontal-connector-margin: 1rem;--stepper-vertical-connector-margin: 1rem;--stepper-step-content-padding: 1.25rem;--accordion-border-radius: var(--border-radius);--accordion-padding: 1.25rem;--accordion-shadow: var(--shadow);--accordion-header-text-color: var(--text-basic-color);--accordion-header-text-font-family: var(--text-subtitle-font-family);--accordion-header-text-font-size: var(--text-subtitle-font-size);--accordion-header-text-font-weight: var(--text-subtitle-font-weight);--accordion-header-text-line-height: var(--text-subtitle-line-height);--accordion-header-disabled-text-color: var(--text-disabled-color);--accordion-header-border-color: var(--border-basic-color-3);--accordion-header-border-style: solid;--accordion-header-border-width: 1px;--accordion-item-background-color: var(--background-basic-color-1);--accordion-item-text-color: var(--text-basic-color);--accordion-item-text-font-family: var(--text-paragraph-font-family);--accordion-item-text-font-size: var(--text-paragraph-font-size);--accordion-item-text-font-weight: var(--text-paragraph-font-weight);--accordion-item-text-line-height: var(--text-paragraph-line-height);--list-item-divider-color: var(--divider-color);--list-item-divider-style: var(--divider-style);--list-item-divider-width: var(--divider-width);--list-item-padding: 1rem;--list-item-text-color: var(--text-basic-color);--list-item-font-family: var(--text-paragraph-font-family);--list-item-font-size: var(--text-paragraph-font-size);--list-item-font-weight: var(--text-paragraph-font-weight);--list-item-line-height: var(--text-paragraph-line-height);--calendar-width: 20.625rem;--calendar-background-color: var(--background-basic-color-1);--calendar-border-color: var(--border-basic-color-4);--calendar-border-style: solid;--calendar-border-width: 0.0625rem;--calendar-border-radius: var(--border-radius);--calendar-text-color: var(--text-basic-color);--calendar-text-font-family: var(--text-subtitle-font-family);--calendar-text-font-size: var(--text-subtitle-font-size);--calendar-text-font-weight: var(--text-subtitle-font-weight);--calendar-text-line-height: var(--text-subtitle-line-height);--calendar-picker-padding-top: 0.25rem;--calendar-picker-padding-bottom: 0.625rem;--calendar-picker-padding-start: 0.625rem;--calendar-picker-padding-end: 0.625rem;--calendar-navigation-text-color: var(--text-basic-color);--calendar-navigation-text-font-family: var(--text-button-font-family);--calendar-navigation-title-text-font-size: var(--text-button-medium-font-size);--calendar-navigation-title-text-font-weight: var(--text-button-font-weight);--calendar-navigation-title-text-line-height: var(--text-button-medium-line-height);--calendar-navigation-padding: 0.625rem 0.25rem;--calendar-cell-inactive-text-color: var(--text-hint-color);--calendar-cell-disabled-text-color: var(--text-disabled-color);--calendar-cell-hover-background-color: var(--background-basic-color-2);--calendar-cell-hover-border-color: var(--background-basic-color-2);--calendar-cell-hover-text-color: var(--text-basic-color);--calendar-cell-hover-text-font-size: var(--calendar-text-font-size);--calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-hover-text-line-height: var(--calendar-text-line-height);--calendar-cell-active-background-color: var(--color-primary-active);--calendar-cell-active-border-color: var(--color-primary-active-border);--calendar-cell-active-text-color: var(--text-control-color);--calendar-cell-active-text-font-size: var(--calendar-text-font-size);--calendar-cell-active-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-active-text-line-height: var(--calendar-text-line-height);--calendar-cell-today-background-color: var(--color-primary-transparent-default);--calendar-cell-today-border-color: var(--color-primary-transparent-default-border);--calendar-cell-today-text-color: var(--text-basic-color);--calendar-cell-today-text-font-size: var(--calendar-text-font-size);--calendar-cell-today-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-today-text-line-height: var(--calendar-text-line-height);--calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover);--calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border);--calendar-cell-today-active-background-color: var(--color-primary-transparent-active);--calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border);--calendar-cell-today-disabled-border-color: var(--border-basic-color-4);--calendar-cell-today-selected-background-color: var(--color-control-transparent-default);--calendar-cell-today-selected-border-color: transparent;--calendar-cell-today-selected-text-color: var(--text-control-color);--calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover);--calendar-cell-today-selected-hover-border-color: transparent;--calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active);--calendar-cell-today-selected-active-border-color: transparent;--calendar-cell-today-in-range-background-color: var(--color-control-transparent-default);--calendar-cell-today-in-range-border-color: transparent;--calendar-cell-today-in-range-text-color: var(--text-control-color);--calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover);--calendar-cell-today-in-range-hover-border-color: transparent;--calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active);--calendar-cell-today-in-range-active-border-color: transparent;--calendar-cell-selected-background-color: var(--color-primary-default);--calendar-cell-selected-border-color: var(--color-primary-default-border);--calendar-cell-selected-text-color: var(--text-control-color);--calendar-cell-selected-text-font-size: var(--calendar-text-font-size);--calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-selected-text-line-height: var(--calendar-text-line-height);--calendar-cell-selected-hover-background-color: var(--color-primary-hover);--calendar-cell-selected-hover-border-color: var(--color-primary-hover-border);--calendar-cell-selected-active-background-color: var(--color-primary-active);--calendar-cell-selected-active-border-color: var(--color-primary-active-border);--calendar-day-cell-width: 2.75rem;--calendar-day-cell-height: 2.75rem;--calendar-month-cell-width: 4.8125rem;--calendar-month-cell-height: var(--calendar-day-cell-height);--calendar-year-cell-width: var(--calendar-month-cell-width);--calendar-year-cell-height: var(--calendar-month-cell-height);--calendar-weekday-background: transparent;--calendar-weekday-divider-color: var(--divider-color);--calendar-weekday-divider-width: var(--divider-width);--calendar-weekday-text-color: var(--text-hint-color);--calendar-weekday-text-font-size: var(--text-subtitle-font-size);--calendar-weekday-text-font-weight: var(--text-subtitle-font-weight);--calendar-weekday-text-line-height: var(--text-subtitle-line-height);--calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color);--calendar-weekday-height: var(--calendar-day-cell-height);--calendar-weekday-width: var(--calendar-day-cell-width);--calendar-weeknumber-background: transparent;--calendar-weeknumber-divider-color: var(--divider-color);--calendar-weeknumber-divider-width: var(--divider-width);--calendar-weeknumber-text-color: var(--text-hint-color);--calendar-weeknumber-text-font-size: var(--text-subtitle-font-size);--calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight);--calendar-weeknumber-text-line-height: var(--text-subtitle-line-height);--calendar-weeknumber-height: var(--calendar-weekday-height);--calendar-weeknumber-width: var(--calendar-weekday-width);--calendar-large-width: 22.375rem;--calendar-day-cell-large-width: 3rem;--calendar-day-cell-large-height: 3rem;--calendar-weekday-large-height: var(--calendar-day-cell-large-width);--calendar-weekday-large-width: var(--calendar-day-cell-large-height);--calendar-weeknumber-large-height: var(--calendar-weekday-large-height);--calendar-weeknumber-large-width: var(--calendar-weekday-large-width);--calendar-month-cell-large-width: 5.25rem;--calendar-month-cell-large-height: var(--calendar-day-cell-large-height);--calendar-year-cell-large-width: var(--calendar-month-cell-large-width);--calendar-year-cell-large-height: var(--calendar-month-cell-large-height);--overlay-backdrop-background-color: rgba(0, 0, 0, 0.35);--tooltip-background-color: var(--background-alternative-color-3);--tooltip-border-color: transparent;--tooltip-border-style: dashed;--tooltip-border-width: 0;--tooltip-border-radius: var(--border-radius);--tooltip-padding: 0.5rem 1rem;--tooltip-text-color: var(--text-alternate-color);--tooltip-text-font-family: var(--text-caption-font-family);--tooltip-text-font-size: var(--text-caption-font-size);--tooltip-text-font-weight: var(--text-caption-font-weight);--tooltip-text-line-height: var(--text-caption-line-height);--tooltip-icon-height: 1rem;--tooltip-icon-width: 1rem;--tooltip-max-width: 16rem;--tooltip-basic-background-color: var(--background-basic-color-3);--tooltip-basic-border-color: transparent;--tooltip-basic-text-color: var(--text-basic-color);--tooltip-primary-background-color: var(--color-primary-default);--tooltip-primary-border-color: transparent;--tooltip-primary-text-color: var(--text-control-color);--tooltip-info-background-color: var(--color-info-default);--tooltip-info-border-color: transparent;--tooltip-info-text-color: var(--text-control-color);--tooltip-success-background-color: var(--color-success-default);--tooltip-success-border-color: transparent;--tooltip-success-text-color: var(--text-control-color);--tooltip-warning-background-color: var(--color-warning-default);--tooltip-warning-border-color: transparent;--tooltip-warning-text-color: var(--text-control-color);--tooltip-danger-background-color: var(--color-danger-default);--tooltip-danger-border-color: transparent;--tooltip-danger-text-color: var(--text-control-color);--tooltip-control-background-color: var(--color-control-default);--tooltip-control-border-color: transparent;--tooltip-control-text-color: var(--color-basic-800);--tooltip-shadow: var(--shadow);--option-list-max-height: 20rem;--option-list-shadow: none;--option-list-background-color: var(--background-basic-color-1);--option-list-border-style: solid;--option-list-border-width: 0.0625rem;--option-list-border-color: var(--border-basic-color-4);--option-list-border-radius: var(--border-radius);--option-list-adjacent-border-color: var(--option-list-border-color);--option-list-adjacent-border-style: var(--option-list-border-style);--option-list-adjacent-border-width: var(--option-list-border-width);--option-group-text-color: var(--text-hint-color);--option-group-tiny-start-padding: 1.25rem;--option-group-small-start-padding: 1.75rem;--option-group-medium-start-padding: 2.25rem;--option-group-large-start-padding: 2.25rem;--option-group-giant-start-padding: 2.75rem;--option-background-color: var(--background-basic-color-1);--option-text-color: var(--text-basic-color);--option-text-font-family: var(--text-subtitle-font-family);--option-hover-background-color: var(--color-basic-transparent-hover);--option-hover-text-color: var(--text-basic-color);--option-active-background-color: var(--color-basic-transparent-active);--option-active-text-color: var(--text-basic-color);--option-focus-background-color: var(--color-basic-transparent-focus);--option-focus-text-color: var(--text-basic-color);--option-selected-background-color: var(--color-primary-default);--option-selected-text-color: var(--text-control-color);--option-selected-hover-background-color: var(--color-primary-hover);--option-selected-hover-text-color: var(--text-control-color);--option-selected-active-background-color: var(--color-primary-active);--option-selected-active-text-color: var(--text-control-color);--option-selected-focus-background-color: var(--color-primary-focus);--option-selected-focus-text-color: var(--text-control-color);--option-disabled-background-color: var(--background-basic-color-1);--option-disabled-text-color: var(--text-disabled-color);--option-tiny-text-font-size: var(--text-caption-2-font-size);--option-tiny-text-font-weight: var(--text-caption-2-font-weight);--option-tiny-text-line-height: var(--text-caption-2-line-height);--option-tiny-padding: var(--select-outline-tiny-padding);--option-small-text-font-size: var(--text-subtitle-2-font-size);--option-small-text-font-weight: var(--text-subtitle-2-font-weight);--option-small-text-line-height: var(--text-subtitle-2-line-height);--option-small-padding: var(--select-outline-small-padding);--option-medium-text-font-size: var(--text-subtitle-font-size);--option-medium-text-font-weight: var(--text-subtitle-font-weight);--option-medium-text-line-height: var(--text-subtitle-line-height);--option-medium-padding: var(--select-outline-medium-padding);--option-large-text-font-size: var(--text-subtitle-font-size);--option-large-text-font-weight: var(--text-subtitle-font-weight);--option-large-text-line-height: var(--text-subtitle-line-height);--option-large-padding: var(--select-outline-large-padding);--option-giant-text-font-size: var(--text-heading-6-font-size);--option-giant-text-font-weight: var(--text-heading-6-font-weight);--option-giant-text-line-height: var(--text-heading-6-line-height);--option-giant-padding: var(--select-outline-giant-padding);--select-cursor: pointer;--select-disabled-cursor: default;--select-min-width: 13rem;--select-outline-width: var(--outline-width);--select-outline-color: var(--outline-color);--select-icon-offset: 2rem;--select-text-font-family: var(--text-subtitle-font-family);--select-placeholder-text-font-family: var(--text-paragraph-font-family);--select-tiny-text-font-size: var(--text-caption-2-font-size);--select-tiny-text-font-weight: var(--text-caption-2-font-weight);--select-tiny-text-line-height: var(--text-caption-2-line-height);--select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);--select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-tiny-max-width: 20rem;--select-small-text-font-size: var(--text-subtitle-2-font-size);--select-small-text-font-weight: var(--text-subtitle-2-font-weight);--select-small-text-line-height: var(--text-subtitle-2-line-height);--select-small-placeholder-text-font-size: var(--text-paragraph-font-size);--select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-small-max-width: 20rem;--select-medium-text-font-size: var(--text-subtitle-font-size);--select-medium-text-font-weight: var(--text-subtitle-font-weight);--select-medium-text-line-height: var(--text-subtitle-line-height);--select-medium-placeholder-text-font-size: var(--text-paragraph-font-size);--select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-medium-max-width: 20rem;--select-large-text-font-size: var(--text-subtitle-font-size);--select-large-text-font-weight: var(--text-subtitle-font-weight);--select-large-text-line-height: var(--text-subtitle-line-height);--select-large-placeholder-text-font-size: var(--text-paragraph-font-size);--select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-large-max-width: 30rem;--select-giant-text-font-size: var(--text-heading-6-font-size);--select-giant-text-font-weight: var(--text-heading-6-font-weight);--select-giant-text-line-height: var(--text-heading-6-line-height);--select-giant-placeholder-text-font-size: var(--text-paragraph-font-size);--select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-giant-max-width: 30rem;--select-rectangle-border-radius: var(--border-radius);--select-semi-round-border-radius: 0.75rem;--select-round-border-radius: 1.5rem;--select-outline-border-style: solid;--select-outline-border-width: 1px;--select-outline-tiny-padding: 0.1875rem 1rem;--select-outline-small-padding: 0.1875rem 1rem;--select-outline-medium-padding: 0.4375rem 1rem;--select-outline-large-padding: 0.6875rem 1rem;--select-outline-giant-padding: 0.9375rem 1rem;--select-outline-basic-icon-color: var(--text-hint-color);--select-outline-basic-text-color: var(--text-basic-color);--select-outline-basic-placeholder-text-color: var(--text-hint-color);--select-outline-basic-background-color: var(--background-basic-color-2);--select-outline-basic-border-color: var(--border-basic-color-4);--select-outline-basic-focus-background-color: var(--background-basic-color-1);--select-outline-basic-focus-border-color: var(--color-primary-default);--select-outline-basic-hover-background-color: var(--background-basic-color-3);--select-outline-basic-hover-border-color: var(--border-basic-color-4);--select-outline-basic-disabled-background-color: var(--background-basic-color-2);--select-outline-basic-disabled-border-color: var(--border-basic-color-4);--select-outline-basic-disabled-icon-color: var(--text-disabled-color);--select-outline-basic-disabled-text-color: var(--text-disabled-color);--select-outline-primary-icon-color: var(--text-hint-color);--select-outline-primary-text-color: var(--text-basic-color);--select-outline-primary-placeholder-text-color: var(--text-hint-color);--select-outline-primary-background-color: var(--background-basic-color-2);--select-outline-primary-border-color: var(--color-primary-default);--select-outline-primary-focus-background-color: var(--background-basic-color-1);--select-outline-primary-focus-border-color: var(--color-primary-focus);--select-outline-primary-hover-background-color: var(--background-basic-color-3);--select-outline-primary-hover-border-color: var(--color-primary-hover);--select-outline-primary-disabled-background-color: var(--background-basic-color-2);--select-outline-primary-disabled-border-color: var(--border-basic-color-4);--select-outline-primary-disabled-icon-color: var(--text-disabled-color);--select-outline-primary-disabled-text-color: var(--text-disabled-color);--select-outline-success-icon-color: var(--text-hint-color);--select-outline-success-text-color: var(--text-basic-color);--select-outline-success-placeholder-text-color: var(--text-hint-color);--select-outline-success-background-color: var(--background-basic-color-2);--select-outline-success-border-color: var(--color-success-default);--select-outline-success-focus-background-color: var(--background-basic-color-1);--select-outline-success-focus-border-color: var(--color-success-focus);--select-outline-success-hover-background-color: var(--background-basic-color-3);--select-outline-success-hover-border-color: var(--color-success-hover);--select-outline-success-disabled-background-color: var(--background-basic-color-2);--select-outline-success-disabled-border-color: var(--border-basic-color-4);--select-outline-success-disabled-icon-color: var(--text-disabled-color);--select-outline-success-disabled-text-color: var(--text-disabled-color);--select-outline-info-icon-color: var(--text-hint-color);--select-outline-info-text-color: var(--text-basic-color);--select-outline-info-placeholder-text-color: var(--text-hint-color);--select-outline-info-background-color: var(--background-basic-color-2);--select-outline-info-border-color: var(--color-info-default);--select-outline-info-focus-background-color: var(--background-basic-color-1);--select-outline-info-focus-border-color: var(--color-info-focus);--select-outline-info-hover-background-color: var(--background-basic-color-3);--select-outline-info-hover-border-color: var(--color-info-hover);--select-outline-info-disabled-background-color: var(--background-basic-color-2);--select-outline-info-disabled-border-color: var(--border-basic-color-4);--select-outline-info-disabled-icon-color: var(--text-disabled-color);--select-outline-info-disabled-text-color: var(--text-disabled-color);--select-outline-warning-icon-color: var(--text-hint-color);--select-outline-warning-text-color: var(--text-basic-color);--select-outline-warning-placeholder-text-color: var(--text-hint-color);--select-outline-warning-background-color: var(--background-basic-color-2);--select-outline-warning-border-color: var(--color-warning-default);--select-outline-warning-focus-background-color: var(--background-basic-color-1);--select-outline-warning-focus-border-color: var(--color-warning-focus);--select-outline-warning-hover-background-color: var(--background-basic-color-3);--select-outline-warning-hover-border-color: var(--color-warning-hover);--select-outline-warning-disabled-background-color: var(--background-basic-color-2);--select-outline-warning-disabled-border-color: var(--border-basic-color-4);--select-outline-warning-disabled-icon-color: var(--text-disabled-color);--select-outline-warning-disabled-text-color: var(--text-disabled-color);--select-outline-danger-icon-color: var(--text-hint-color);--select-outline-danger-text-color: var(--text-basic-color);--select-outline-danger-placeholder-text-color: var(--text-hint-color);--select-outline-danger-background-color: var(--background-basic-color-2);--select-outline-danger-border-color: var(--color-danger-default);--select-outline-danger-focus-background-color: var(--background-basic-color-1);--select-outline-danger-focus-border-color: var(--color-danger-focus);--select-outline-danger-hover-background-color: var(--background-basic-color-3);--select-outline-danger-hover-border-color: var(--color-danger-hover);--select-outline-danger-disabled-background-color: var(--background-basic-color-2);--select-outline-danger-disabled-border-color: var(--border-basic-color-4);--select-outline-danger-disabled-icon-color: var(--text-disabled-color);--select-outline-danger-disabled-text-color: var(--text-disabled-color);--select-outline-control-icon-color: var(--color-basic-100);--select-outline-control-text-color: var(--color-basic-100);--select-outline-control-placeholder-text-color: var(--color-basic-100);--select-outline-control-background-color: var(--color-basic-control-transparent-300);--select-outline-control-border-color: var(--color-basic-control-transparent-500);--select-outline-control-focus-background-color: var(--color-basic-control-transparent-500);--select-outline-control-focus-border-color: var(--color-control-transparent-focus-border);--select-outline-control-hover-background-color: var(--color-basic-control-transparent-400);--select-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--select-outline-control-disabled-background-color: var(--color-control-transparent-disabled);--select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500);--select-outline-control-disabled-icon-color: var(--color-basic-100);--select-outline-control-disabled-text-color: var(--color-basic-100);--select-outline-adjacent-border-style: var(--select-outline-border-style);--select-outline-adjacent-border-width: var(--select-outline-border-width);--select-outline-basic-open-border-color: var(--select-outline-basic-border-color);--select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color);--select-outline-primary-open-border-color: var(--select-outline-primary-border-color);--select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color);--select-outline-success-open-border-color: var(--select-outline-success-border-color);--select-outline-success-adjacent-border-color: var(--select-outline-success-border-color);--select-outline-info-open-border-color: var(--select-outline-info-border-color);--select-outline-info-adjacent-border-color: var(--select-outline-info-border-color);--select-outline-warning-open-border-color: var(--select-outline-warning-border-color);--select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color);--select-outline-danger-open-border-color: var(--select-outline-danger-border-color);--select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color);--select-outline-control-open-border-color: var(--select-outline-control-border-color);--select-outline-control-adjacent-border-color: var(--select-outline-control-border-color);--select-filled-border-style: solid;--select-filled-border-width: 1px;--select-filled-tiny-padding: 0.1875rem 1rem;--select-filled-small-padding: 0.1875rem 1rem;--select-filled-medium-padding: 0.4375rem 1rem;--select-filled-large-padding: 0.6875rem 1rem;--select-filled-giant-padding: 0.9375rem 1rem;--select-filled-basic-background-color: var(--color-basic-default);--select-filled-basic-border-color: var(--color-basic-default-border);--select-filled-basic-icon-color: var(--color-basic-800);--select-filled-basic-text-color: var(--color-basic-800);--select-filled-basic-placeholder-text-color: var(--text-hint-color);--select-filled-basic-focus-background-color: var(--color-basic-focus);--select-filled-basic-focus-border-color: var(--color-basic-focus-border);--select-filled-basic-hover-background-color: var(--color-basic-hover);--select-filled-basic-hover-border-color: var(--color-basic-hover-border);--select-filled-basic-disabled-background-color: var(--background-basic-color-2);--select-filled-basic-disabled-border-color: var(--border-basic-color-2);--select-filled-basic-disabled-icon-color: var(--text-disabled-color);--select-filled-basic-disabled-text-color: var(--text-disabled-color);--select-filled-primary-background-color: var(--color-primary-default);--select-filled-primary-border-color: var(--color-primary-default-border);--select-filled-primary-icon-color: var(--text-control-color);--select-filled-primary-text-color: var(--text-control-color);--select-filled-primary-placeholder-text-color: var(--text-control-color);--select-filled-primary-focus-background-color: var(--color-primary-focus);--select-filled-primary-focus-border-color: var(--color-primary-focus-border);--select-filled-primary-hover-background-color: var(--color-primary-hover);--select-filled-primary-hover-border-color: var(--color-primary-hover-border);--select-filled-primary-disabled-background-color: var(--background-basic-color-2);--select-filled-primary-disabled-border-color: var(--border-basic-color-2);--select-filled-primary-disabled-icon-color: var(--text-disabled-color);--select-filled-primary-disabled-text-color: var(--text-disabled-color);--select-filled-success-background-color: var(--color-success-default);--select-filled-success-border-color: var(--color-success-default-border);--select-filled-success-icon-color: var(--text-control-color);--select-filled-success-text-color: var(--text-control-color);--select-filled-success-placeholder-text-color: var(--text-control-color);--select-filled-success-focus-background-color: var(--color-success-focus);--select-filled-success-focus-border-color: var(--color-success-focus-border);--select-filled-success-hover-background-color: var(--color-success-hover);--select-filled-success-hover-border-color: var(--color-success-hover-border);--select-filled-success-disabled-background-color: var(--background-basic-color-2);--select-filled-success-disabled-border-color: var(--border-basic-color-2);--select-filled-success-disabled-icon-color: var(--text-disabled-color);--select-filled-success-disabled-text-color: var(--text-disabled-color);--select-filled-info-background-color: var(--color-info-default);--select-filled-info-border-color: var(--color-info-default-border);--select-filled-info-icon-color: var(--text-control-color);--select-filled-info-text-color: var(--text-control-color);--select-filled-info-placeholder-text-color: var(--text-control-color);--select-filled-info-focus-background-color: var(--color-info-focus);--select-filled-info-focus-border-color: var(--color-info-focus-border);--select-filled-info-hover-background-color: var(--color-info-hover);--select-filled-info-hover-border-color: var(--color-info-hover-border);--select-filled-info-disabled-background-color: var(--background-basic-color-2);--select-filled-info-disabled-border-color: var(--border-basic-color-2);--select-filled-info-disabled-icon-color: var(--text-disabled-color);--select-filled-info-disabled-text-color: var(--text-disabled-color);--select-filled-warning-background-color: var(--color-warning-default);--select-filled-warning-border-color: var(--color-warning-default-border);--select-filled-warning-icon-color: var(--text-control-color);--select-filled-warning-text-color: var(--text-control-color);--select-filled-warning-placeholder-text-color: var(--text-control-color);--select-filled-warning-focus-background-color: var(--color-warning-focus);--select-filled-warning-focus-border-color: var(--color-warning-focus-border);--select-filled-warning-hover-background-color: var(--color-warning-hover);--select-filled-warning-hover-border-color: var(--color-warning-hover-border);--select-filled-warning-disabled-background-color: var(--background-basic-color-2);--select-filled-warning-disabled-border-color: var(--border-basic-color-2);--select-filled-warning-disabled-icon-color: var(--text-disabled-color);--select-filled-warning-disabled-text-color: var(--text-disabled-color);--select-filled-danger-background-color: var(--color-danger-default);--select-filled-danger-border-color: var(--color-danger-default-border);--select-filled-danger-icon-color: var(--text-control-color);--select-filled-danger-text-color: var(--text-control-color);--select-filled-danger-placeholder-text-color: var(--text-control-color);--select-filled-danger-focus-background-color: var(--color-danger-focus);--select-filled-danger-focus-border-color: var(--color-danger-focus-border);--select-filled-danger-hover-background-color: var(--color-danger-hover);--select-filled-danger-hover-border-color: var(--color-danger-hover-border);--select-filled-danger-disabled-background-color: var(--background-basic-color-2);--select-filled-danger-disabled-border-color: var(--border-basic-color-2);--select-filled-danger-disabled-icon-color: var(--text-disabled-color);--select-filled-danger-disabled-text-color: var(--text-disabled-color);--select-filled-control-background-color: var(--color-control-default);--select-filled-control-border-color: var(--color-control-default-border);--select-filled-control-icon-color: var(--color-basic-800);--select-filled-control-text-color: var(--color-basic-800);--select-filled-control-placeholder-text-color: var(--text-hint-color);--select-filled-control-focus-background-color: var(--color-control-focus);--select-filled-control-focus-border-color: var(--color-control-focus-border);--select-filled-control-hover-background-color: var(--color-control-hover);--select-filled-control-hover-border-color: var(--color-control-hover-border);--select-filled-control-disabled-background-color: var(--background-basic-color-2);--select-filled-control-disabled-border-color: var(--border-basic-color-2);--select-filled-control-disabled-icon-color: var(--text-disabled-color);--select-filled-control-disabled-text-color: var(--text-disabled-color);--select-hero-tiny-padding: 0.25rem 1rem;--select-hero-small-padding: 0.25rem 1rem;--select-hero-medium-padding: 0.5rem 1rem;--select-hero-large-padding: 0.75rem 1rem;--select-hero-giant-padding: 1rem 1rem;--select-hero-basic-left-background-color: var(--color-basic-200);--select-hero-basic-right-background-color: var(--color-basic-default);--select-hero-basic-icon-color: var(--color-basic-800);--select-hero-basic-text-color: var(--color-basic-800);--select-hero-basic-placeholder-text-color: var(--text-hint-color);--select-hero-basic-focus-left-background-color: var(--color-basic-300);--select-hero-basic-focus-right-background-color: var(--color-basic-400);--select-hero-basic-hover-left-background-color: var(--color-basic-100);--select-hero-basic-hover-right-background-color: var(--color-basic-hover);--select-hero-basic-disabled-background-color: var(--background-basic-color-2);--select-hero-basic-disabled-icon-color: var(--text-disabled-color);--select-hero-basic-disabled-text-color: var(--text-disabled-color);--select-hero-primary-left-background-color: var(--color-primary-400);--select-hero-primary-right-background-color: var(--color-primary-default);--select-hero-primary-icon-color: var(--text-control-color);--select-hero-primary-text-color: var(--text-control-color);--select-hero-primary-placeholder-text-color: var(--text-control-color);--select-hero-primary-focus-left-background-color: var(--color-primary-500);--select-hero-primary-focus-right-background-color: var(--color-primary-focus);--select-hero-primary-hover-left-background-color: var(--color-primary-300);--select-hero-primary-hover-right-background-color: var(--color-primary-hover);--select-hero-primary-disabled-background-color: var(--background-basic-color-2);--select-hero-primary-disabled-icon-color: var(--text-disabled-color);--select-hero-primary-disabled-text-color: var(--text-disabled-color);--select-hero-success-left-background-color: var(--color-success-400);--select-hero-success-right-background-color: var(--color-success-default);--select-hero-success-icon-color: var(--text-control-color);--select-hero-success-text-color: var(--text-control-color);--select-hero-success-placeholder-text-color: var(--text-control-color);--select-hero-success-focus-left-background-color: var(--color-success-500);--select-hero-success-focus-right-background-color: var(--color-success-focus);--select-hero-success-hover-left-background-color: var(--color-success-300);--select-hero-success-hover-right-background-color: var(--color-success-hover);--select-hero-success-disabled-background-color: var(--background-basic-color-2);--select-hero-success-disabled-icon-color: var(--text-disabled-color);--select-hero-success-disabled-text-color: var(--text-disabled-color);--select-hero-info-left-background-color: var(--color-info-400);--select-hero-info-right-background-color: var(--color-info-default);--select-hero-info-icon-color: var(--text-control-color);--select-hero-info-text-color: var(--text-control-color);--select-hero-info-placeholder-text-color: var(--text-control-color);--select-hero-info-focus-left-background-color: var(--color-info-500);--select-hero-info-focus-right-background-color: var(--color-info-focus);--select-hero-info-hover-left-background-color: var(--color-info-300);--select-hero-info-hover-right-background-color: var(--color-info-hover);--select-hero-info-disabled-background-color: var(--background-basic-color-2);--select-hero-info-disabled-icon-color: var(--text-disabled-color);--select-hero-info-disabled-text-color: var(--text-disabled-color);--select-hero-warning-left-background-color: var(--color-warning-400);--select-hero-warning-right-background-color: var(--color-warning-default);--select-hero-warning-icon-color: var(--text-control-color);--select-hero-warning-text-color: var(--text-control-color);--select-hero-warning-placeholder-text-color: var(--text-control-color);--select-hero-warning-focus-left-background-color: var(--color-warning-500);--select-hero-warning-focus-right-background-color: var(--color-warning-focus);--select-hero-warning-hover-left-background-color: var(--color-warning-300);--select-hero-warning-hover-right-background-color: var(--color-warning-hover);--select-hero-warning-disabled-background-color: var(--background-basic-color-2);--select-hero-warning-disabled-icon-color: var(--text-disabled-color);--select-hero-warning-disabled-text-color: var(--text-disabled-color);--select-hero-danger-left-background-color: var(--color-danger-400);--select-hero-danger-right-background-color: var(--color-danger-default);--select-hero-danger-icon-color: var(--text-control-color);--select-hero-danger-text-color: var(--text-control-color);--select-hero-danger-placeholder-text-color: var(--text-control-color);--select-hero-danger-focus-left-background-color: var(--color-danger-500);--select-hero-danger-focus-right-background-color: var(--color-danger-focus);--select-hero-danger-hover-left-background-color: var(--color-danger-300);--select-hero-danger-hover-right-background-color: var(--color-danger-hover);--select-hero-danger-disabled-background-color: var(--background-basic-color-2);--select-hero-danger-disabled-icon-color: var(--text-disabled-color);--select-hero-danger-disabled-text-color: var(--text-disabled-color);--select-hero-control-left-background-color: var(--color-control-default);--select-hero-control-right-background-color: var(--color-control-default);--select-hero-control-icon-color: var(--color-basic-800);--select-hero-control-text-color: var(--color-basic-800);--select-hero-control-placeholder-text-color: var(--text-hint-color);--select-hero-control-focus-left-background-color: var(--color-basic-200);--select-hero-control-focus-right-background-color: var(--color-control-focus);--select-hero-control-hover-left-background-color: var(--color-basic-100);--select-hero-control-hover-right-background-color: var(--color-control-hover);--select-hero-control-disabled-background-color: var(--background-basic-color-2);--select-hero-control-disabled-icon-color: var(--text-disabled-color);--select-hero-control-disabled-text-color: var(--text-disabled-color);--datepicker-background-color: var(--background-basic-color-1);--datepicker-border-color: var(--border-basic-color-4);--datepicker-border-style: solid;--datepicker-border-width: 0.0625rem;--datepicker-border-radius: var(--border-radius);--datepicker-shadow: none;--timepicker-cell-text-color: var(--text-basic-color);--timepicker-cell-hover-background-color: var(--background-basic-color-2);--timepicker-cell-hover-text-color: var(--text-basic-color);--timepicker-cell-focus-background-color: var(--color-basic-focus);--timepicker-cell-focus-text-color: var(--text-basic-color);--timepicker-cell-active-background-color: var(--color-primary-default);--timepicker-cell-active-text-color: var(--text-control-color);--timepicker-cell-text-font-size: var(--text-subtitle-font-size);--timepicker-cell-text-font-family: var(--text-subtitle-font-family);--timepicker-cell-text-line-height: var(--text-subtitle-line-height);--timepicker-cell-text-font-weight: var(--text-subtitle-font-weight);--timepicker-cell-height: 2.75rem;--timepicker-header-cell-text-color: var(--text-hint-color);--timepicker-header-cell-text-font-size: var(--text-subtitle-font-size);--timepicker-header-cell-text-font-family: var(--text-subtitle-font-family);--timepicker-header-cell-height: 2.75rem;--timepicker-header-cell-text-line-height: var(--text-subtitle-line-height);--timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight);--timepicker-border-color: var(--datepicker-border-color);--timepicker-border-style: var(--datepicker-border-style);--timepicker-border-width: var(--datepicker-border-width);--timepicker-scrollbar-color: var(--scrollbar-color);--timepicker-scrollbar-background-color: var(--scrollbar-background-color);--timepicker-scrollbar-width: var(--scrollbar-width);--timepicker-single-column-width: 5rem;--timepicker-multiple-column-width: 13.875rem;--timepicker-title-height: 3.75rem;--timepicker-title-padding: var(--text-paragraph-line-height);--timepicker-container-width: 20rem;--timepicker-container-height: 26.1875rem;--radio-width: 1.25rem;--radio-height: 1.25rem;--radio-border-style: solid;--radio-border-width: 1px;--radio-text-font-family: var(--text-subtitle-2-font-family);--radio-text-font-size: var(--text-subtitle-2-font-size);--radio-text-font-weight: var(--text-subtitle-2-font-weight);--radio-text-line-height: var(--text-subtitle-2-line-height);--radio-outline-color: var(--outline-color);--radio-outline-width: var(--outline-width);--radio-basic-text-color: var(--text-basic-color);--radio-basic-border-color: var(--color-basic-transparent-default-border);--radio-basic-background-color: var(--color-basic-transparent-default);--radio-basic-checked-background-color: transparent;--radio-basic-checked-border-color: var(--color-primary-default-border);--radio-basic-inner-circle-color: var(--color-primary-default);--radio-basic-focus-border-color: var(--color-primary-transparent-focus-border);--radio-basic-focus-background-color: var(--color-primary-transparent-focus);--radio-basic-focus-checked-background-color: transparent;--radio-basic-focus-checked-border-color: var(--color-primary-focus-border);--radio-basic-focus-inner-circle-color: var(--color-primary-focus);--radio-basic-hover-background-color: var(--color-primary-transparent-hover);--radio-basic-hover-border-color: var(--color-primary-transparent-hover-border);--radio-basic-hover-inner-circle-color: var(--color-primary-hover);--radio-basic-hover-checked-background-color: transparent;--radio-basic-hover-checked-border-color: var(--color-primary-hover-border);--radio-basic-active-background-color: var(--color-primary-transparent-active);--radio-basic-active-border-color: var(--color-primary-transparent-active-border);--radio-basic-active-inner-circle-color: var(--color-primary-active);--radio-basic-active-checked-background-color: transparent;--radio-basic-active-checked-border-color: var(--color-primary-active-border);--radio-basic-disabled-background-color: var(--color-basic-transparent-disabled);--radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-basic-disabled-text-color: var(--text-disabled-color);--radio-basic-disabled-checked-background-color: transparent;--radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-primary-text-color: var(--text-basic-color);--radio-primary-border-color: var(--color-primary-transparent-default-border);--radio-primary-background-color: var(--color-primary-transparent-default);--radio-primary-checked-background-color: transparent;--radio-primary-checked-border-color: var(--color-primary-default-border);--radio-primary-inner-circle-color: var(--color-primary-default);--radio-primary-focus-border-color: var(--color-primary-transparent-focus-border);--radio-primary-focus-background-color: var(--color-primary-transparent-focus);--radio-primary-focus-checked-background-color: transparent;--radio-primary-focus-checked-border-color: var(--color-primary-focus-border);--radio-primary-focus-inner-circle-color: var(--color-primary-focus);--radio-primary-hover-background-color: var(--color-primary-transparent-hover);--radio-primary-hover-border-color: var(--color-primary-transparent-hover-border);--radio-primary-hover-inner-circle-color: var(--color-primary-hover);--radio-primary-hover-checked-background-color: transparent;--radio-primary-hover-checked-border-color: var(--color-primary-hover-border);--radio-primary-active-border-color: var(--color-primary-transparent-active-border);--radio-primary-active-background-color: var(--color-primary-transparent-active);--radio-primary-active-checked-background-color: transparent;--radio-primary-active-checked-border-color: var(--color-primary-active-border);--radio-primary-active-inner-circle-color: var(--color-primary-active);--radio-primary-disabled-background-color: var(--color-basic-transparent-disabled);--radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-primary-disabled-text-color: var(--text-disabled-color);--radio-primary-disabled-checked-background-color: transparent;--radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-success-text-color: var(--text-basic-color);--radio-success-border-color: var(--color-success-transparent-default-border);--radio-success-background-color: var(--color-success-transparent-default);--radio-success-checked-background-color: transparent;--radio-success-checked-border-color: var(--color-success-default-border);--radio-success-inner-circle-color: var(--color-success-default);--radio-success-focus-border-color: var(--color-success-transparent-focus-border);--radio-success-focus-background-color: var(--color-success-transparent-focus);--radio-success-focus-checked-background-color: transparent;--radio-success-focus-checked-border-color: var(--color-success-focus-border);--radio-success-focus-inner-circle-color: var(--color-success-focus);--radio-success-hover-background-color: var(--color-success-transparent-hover);--radio-success-hover-border-color: var(--color-success-transparent-hover-border);--radio-success-hover-inner-circle-color: var(--color-success-hover);--radio-success-hover-checked-background-color: transparent;--radio-success-hover-checked-border-color: var(--color-success-hover-border);--radio-success-active-background-color: var(--color-success-transparent-active);--radio-success-active-border-color: var(--color-success-transparent-active-border);--radio-success-active-checked-background-color: transparent;--radio-success-active-checked-border-color: var(--color-success-active-border);--radio-success-active-inner-circle-color: var(--color-success-active);--radio-success-disabled-background-color: var(--color-basic-transparent-disabled);--radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-success-disabled-text-color: var(--text-disabled-color);--radio-success-disabled-checked-background-color: transparent;--radio-success-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-info-text-color: var(--text-basic-color);--radio-info-border-color: var(--color-info-transparent-default-border);--radio-info-background-color: var(--color-info-transparent-default);--radio-info-checked-background-color: transparent;--radio-info-checked-border-color: var(--color-info-default-border);--radio-info-inner-circle-color: var(--color-info-default);--radio-info-focus-background-color: var(--color-info-transparent-focus);--radio-info-focus-border-color: var(--color-info-transparent-focus-border);--radio-info-focus-checked-background-color: transparent;--radio-info-focus-checked-border-color: var(--color-info-focus-border);--radio-info-focus-inner-circle-color: var(--color-info-focus);--radio-info-hover-background-color: var(--color-info-transparent-hover);--radio-info-hover-border-color: var(--color-info-transparent-hover-border);--radio-info-hover-inner-circle-color: var(--color-info-hover);--radio-info-hover-checked-background-color: transparent;--radio-info-hover-checked-border-color: var(--color-info-hover-border);--radio-info-active-background-color: var(--color-info-transparent-active);--radio-info-active-border-color: var(--color-info-transparent-active-border);--radio-info-active-checked-background-color: transparent;--radio-info-active-checked-border-color: var(--color-info-active-border);--radio-info-active-inner-circle-color: var(--color-info-active);--radio-info-disabled-background-color: var(--color-basic-transparent-disabled);--radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-info-disabled-text-color: var(--text-disabled-color);--radio-info-disabled-checked-background-color: transparent;--radio-info-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-warning-text-color: var(--text-basic-color);--radio-warning-border-color: var(--color-warning-transparent-default-border);--radio-warning-background-color: var(--color-warning-transparent-default);--radio-warning-checked-background-color: transparent;--radio-warning-checked-border-color: var(--color-warning-default-border);--radio-warning-inner-circle-color: var(--color-warning-default);--radio-warning-focus-background-color: var(--color-warning-transparent-focus);--radio-warning-focus-border-color: var(--color-warning-transparent-focus-border);--radio-warning-focus-checked-background-color: transparent;--radio-warning-focus-checked-border-color: var(--color-warning-focus-border);--radio-warning-focus-inner-circle-color: var(--color-warning-focus);--radio-warning-hover-background-color: var(--color-warning-transparent-hover);--radio-warning-hover-border-color: var(--color-warning-transparent-hover-border);--radio-warning-hover-inner-circle-color: var(--color-warning-hover);--radio-warning-hover-checked-background-color: transparent;--radio-warning-hover-checked-border-color: var(--color-warning-hover-border);--radio-warning-active-background-color: var(--color-warning-transparent-active);--radio-warning-active-border-color: var(--color-warning-transparent-active-border);--radio-warning-active-checked-background-color: transparent;--radio-warning-active-checked-border-color: var(--color-warning-active-border);--radio-warning-active-inner-circle-color: var(--color-warning-active);--radio-warning-disabled-background-color: var(--color-basic-transparent-disabled);--radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-warning-disabled-text-color: var(--text-disabled-color);--radio-warning-disabled-checked-background-color: transparent;--radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-danger-text-color: var(--text-basic-color);--radio-danger-border-color: var(--color-danger-transparent-default-border);--radio-danger-background-color: var(--color-danger-transparent-default);--radio-danger-checked-background-color: transparent;--radio-danger-checked-border-color: var(--color-danger-default-border);--radio-danger-inner-circle-color: var(--color-danger-default);--radio-danger-focus-background-color: var(--color-danger-transparent-focus);--radio-danger-focus-border-color: var(--color-danger-transparent-focus-border);--radio-danger-focus-checked-background-color: transparent;--radio-danger-focus-checked-border-color: var(--color-danger-focus-border);--radio-danger-focus-inner-circle-color: var(--color-danger-focus);--radio-danger-hover-background-color: var(--color-danger-transparent-hover);--radio-danger-hover-border-color: var(--color-danger-transparent-hover-border);--radio-danger-hover-inner-circle-color: var(--color-danger-hover);--radio-danger-hover-checked-background-color: transparent;--radio-danger-hover-checked-border-color: var(--color-danger-hover-border);--radio-danger-active-background-color: var(--color-danger-transparent-active);--radio-danger-active-border-color: var(--color-danger-transparent-active-border);--radio-danger-active-checked-background-color: transparent;--radio-danger-active-checked-border-color: var(--color-danger-active-border);--radio-danger-active-inner-circle-color: var(--color-danger-active);--radio-danger-disabled-background-color: var(--color-basic-transparent-disabled);--radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-danger-disabled-text-color: var(--text-disabled-color);--radio-danger-disabled-checked-background-color: transparent;--radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-control-text-color: var(--text-control-color);--radio-control-background-color: var(--color-control-transparent-default);--radio-control-border-color: var(--color-control-transparent-default-border);--radio-control-checked-background-color: transparent;--radio-control-checked-border-color: var(--color-control-default-border);--radio-control-inner-circle-color: var(--color-control-default);--radio-control-focus-background-color: var(--color-control-transparent-focus);--radio-control-focus-border-color: var(--color-control-transparent-focus-border);--radio-control-focus-checked-background-color: transparent;--radio-control-focus-checked-border-color: var(--color-control-focus-border);--radio-control-focus-inner-circle-color: var(--color-control-focus);--radio-control-hover-background-color: var(--color-control-transparent-hover);--radio-control-hover-border-color: var(--color-control-transparent-hover-border);--radio-control-hover-inner-circle-color: var(--color-control-hover);--radio-control-hover-checked-background-color: transparent;--radio-control-hover-checked-border-color: var(--color-control-hover-border);--radio-control-active-background-color: var(--color-control-transparent-active);--radio-control-active-border-color: var(--color-control-transparent-active-border);--radio-control-active-checked-background-color: transparent;--radio-control-active-checked-border-color: var(--color-control-active-border);--radio-control-active-inner-circle-color: var(--color-control-active);--radio-control-disabled-background-color: var(--color-control-transparent-disabled);--radio-control-disabled-border-color: var(--color-control-transparent-disabled-border);--radio-control-disabled-text-color: var(--color-basic-100);--radio-control-disabled-checked-background-color: transparent;--radio-control-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--tree-grid-cell-border-width: 1px;--tree-grid-cell-border-style: solid;--tree-grid-cell-border-color: var(--border-basic-color-2);--tree-grid-row-min-height: 2rem;--tree-grid-cell-padding: 0.875rem 1.25rem;--tree-grid-header-background-color: var(--background-basic-color-1);--tree-grid-header-text-color: var(--text-basic-color);--tree-grid-header-text-font-family: var(--text-subtitle-font-family);--tree-grid-header-text-font-size: var(--text-subtitle-font-size);--tree-grid-header-text-font-weight: var(--text-subtitle-font-weight);--tree-grid-header-text-line-height: var(--text-subtitle-line-height);--tree-grid-footer-background-color: var(--background-basic-color-1);--tree-grid-footer-text-color: var(--text-basic-color);--tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family);--tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size);--tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight);--tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height);--tree-grid-row-background-color: var(--background-basic-color-1);--tree-grid-row-even-background-color: var(--background-basic-color-1);--tree-grid-row-hover-background-color: var(--background-basic-color-1);--tree-grid-row-text-color: var(--text-basic-color);--tree-grid-row-text-font-family: var(--text-paragraph-font-family);--tree-grid-row-text-font-size: var(--text-paragraph-font-size);--tree-grid-row-text-font-weight: var(--text-paragraph-font-weight);--tree-grid-row-text-line-height: var(--text-paragraph-line-height);--tree-grid-sort-header-button-background-color: transparent;--tree-grid-sort-header-button-border: none;--tree-grid-sort-header-button-padding: 0;--icon-font-size: 1.25rem;--icon-line-height: 1;--icon-width: 1em;--icon-height: 1em;--icon-svg-vertical-align: top;--icon-basic-color: var(--text-hint-color);--icon-primary-color: var(--color-primary-default);--icon-info-color: var(--color-info-default);--icon-success-color: var(--color-success-default);--icon-warning-color: var(--color-warning-default);--icon-danger-color: var(--color-danger-default);--icon-control-color: var(--color-basic-100);--tag-text-font-family: var(--text-subtitle-font-family);--tag-text-transform: capitalize;--tag-border-width: 0.0625rem;--tag-border-style: solid;--tag-border-radius: 1.5rem;--tag-tiny-text-font-size: var(--input-tiny-text-font-size);--tag-tiny-text-font-weight: var(--input-tiny-text-font-weight);--tag-tiny-text-line-height: var(--input-tiny-text-line-height);--tag-tiny-padding: 0.0625rem 0.9375rem;--tag-tiny-close-offset: 0.625rem;--tag-small-text-font-size: var(--input-small-text-font-size);--tag-small-text-font-weight: var(--input-small-text-font-weight);--tag-small-text-line-height: var(--input-small-text-line-height);--tag-small-padding: 0.0625rem 0.9375rem;--tag-small-close-offset: 0.625rem;--tag-medium-text-font-size: var(--input-medium-text-font-size);--tag-medium-text-font-weight: var(--input-medium-text-font-weight);--tag-medium-text-line-height: var(--input-medium-text-line-height);--tag-medium-padding: 0.1875rem 0.9375rem;--tag-medium-close-offset: 0.625rem;--tag-large-text-font-size: var(--input-large-text-font-size);--tag-large-text-font-weight: var(--input-large-text-font-weight);--tag-large-text-line-height: var(--input-large-text-line-height);--tag-large-padding: 0.3125rem 0.9375rem;--tag-large-close-offset: 0.625rem;--tag-giant-text-font-size: var(--input-giant-text-font-size);--tag-giant-text-font-weight: var(--input-giant-text-font-weight);--tag-giant-text-line-height: var(--input-giant-text-line-height);--tag-giant-padding: 0.4375rem 0.9375rem;--tag-giant-close-offset: 0.625rem;--tag-filled-basic-background-color: var(--color-basic-default);--tag-filled-basic-border-color: var(--color-basic-default-border);--tag-filled-basic-text-color: var(--color-basic-800);--tag-filled-basic-active-background-color: var(--color-basic-focus);--tag-filled-basic-active-border-color: var(--color-basic-focus-border);--tag-filled-basic-hover-background-color: var(--color-basic-hover);--tag-filled-basic-hover-border-color: var(--color-basic-hover-border);--tag-filled-basic-selected-background-color: color-basic-actove;--tag-filled-basic-selected-border-color: var(--color-basic-active-border);--tag-filled-primary-background-color: var(--color-primary-default);--tag-filled-primary-border-color: var(--color-primary-default-border);--tag-filled-primary-text-color: var(--text-control-color);--tag-filled-primary-active-background-color: var(--color-primary-focus);--tag-filled-primary-active-border-color: var(--color-primary-focus-border);--tag-filled-primary-hover-background-color: var(--color-primary-hover);--tag-filled-primary-hover-border-color: var(--color-primary-hover-border);--tag-filled-primary-selected-background-color: color-primary-actove;--tag-filled-primary-selected-border-color: var(--color-primary-active-border);--tag-filled-success-background-color: var(--color-success-default);--tag-filled-success-border-color: var(--color-success-default-border);--tag-filled-success-text-color: var(--text-control-color);--tag-filled-success-active-background-color: var(--color-success-focus);--tag-filled-success-active-border-color: var(--color-success-focus-border);--tag-filled-success-hover-background-color: var(--color-success-hover);--tag-filled-success-hover-border-color: var(--color-success-hover-border);--tag-filled-success-selected-background-color: color-success-actove;--tag-filled-success-selected-border-color: var(--color-success-active-border);--tag-filled-info-background-color: var(--color-info-default);--tag-filled-info-border-color: var(--color-info-default-border);--tag-filled-info-text-color: var(--text-control-color);--tag-filled-info-active-background-color: var(--color-info-focus);--tag-filled-info-active-border-color: var(--color-info-focus-border);--tag-filled-info-hover-background-color: var(--color-info-hover);--tag-filled-info-hover-border-color: var(--color-info-hover-border);--tag-filled-info-selected-background-color: color-info-actove;--tag-filled-info-selected-border-color: var(--color-info-active-border);--tag-filled-warning-background-color: var(--color-warning-default);--tag-filled-warning-border-color: var(--color-warning-default-border);--tag-filled-warning-text-color: var(--text-control-color);--tag-filled-warning-active-background-color: var(--color-warning-focus);--tag-filled-warning-active-border-color: var(--color-warning-focus-border);--tag-filled-warning-hover-background-color: var(--color-warning-hover);--tag-filled-warning-hover-border-color: var(--color-warning-hover-border);--tag-filled-warning-selected-background-color: color-warning-actove;--tag-filled-warning-selected-border-color: var(--color-warning-active-border);--tag-filled-danger-background-color: var(--color-danger-default);--tag-filled-danger-border-color: var(--color-danger-default-border);--tag-filled-danger-text-color: var(--text-control-color);--tag-filled-danger-active-background-color: var(--color-danger-focus);--tag-filled-danger-active-border-color: var(--color-danger-focus-border);--tag-filled-danger-hover-background-color: var(--color-danger-hover);--tag-filled-danger-hover-border-color: var(--color-danger-hover-border);--tag-filled-danger-selected-background-color: color-danger-actove;--tag-filled-danger-selected-border-color: var(--color-danger-active-border);--tag-filled-control-background-color: var(--color-control-default);--tag-filled-control-border-color: var(--color-control-default-border);--tag-filled-control-text-color: var(--color-basic-800);--tag-filled-control-active-background-color: var(--color-control-hover);--tag-filled-control-active-border-color: var(--color-control-hover-border);--tag-filled-control-hover-background-color: var(--color-control-focus);--tag-filled-control-hover-border-color: var(--color-control-focus-border);--tag-filled-control-selected-background-color: color-control-actove;--tag-filled-control-selected-border-color: var(--color-control-active-border);--tag-outline-basic-background-color: var(--color-basic-transparent-default);--tag-outline-basic-border-color: var(--color-basic-transparent-default-border);--tag-outline-basic-text-color: var(--text-hint-color);--tag-outline-basic-active-background-color: var(--color-basic-transparent-focus);--tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border);--tag-outline-basic-active-text-color: var(--text-hint-color);--tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover);--tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);--tag-outline-basic-hover-text-color: var(--text-hint-color);--tag-outline-basic-selected-background-color: var(--color-basic-transparent-active);--tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border);--tag-outline-basic-selected-text-color: var(--text-hint-color);--tag-outline-primary-background-color: var(--color-primary-transparent-default);--tag-outline-primary-border-color: var(--color-primary-transparent-default-border);--tag-outline-primary-text-color: var(--text-primary-color);--tag-outline-primary-active-background-color: var(--color-primary-transparent-focus);--tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border);--tag-outline-primary-active-text-color: var(--text-primary-color);--tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover);--tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);--tag-outline-primary-hover-text-color: var(--text-primary-color);--tag-outline-primary-selected-background-color: var(--color-primary-transparent-active);--tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border);--tag-outline-primary-selected-text-color: var(--text-primary-color);--tag-outline-success-background-color: var(--color-success-transparent-default);--tag-outline-success-border-color: var(--color-success-transparent-default-border);--tag-outline-success-text-color: var(--text-success-color);--tag-outline-success-active-background-color: var(--color-success-transparent-focus);--tag-outline-success-active-border-color: var(--color-success-transparent-focus-border);--tag-outline-success-active-text-color: var(--text-success-color);--tag-outline-success-hover-background-color: var(--color-success-transparent-hover);--tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border);--tag-outline-success-hover-text-color: var(--text-success-color);--tag-outline-success-selected-background-color: var(--color-success-transparent-active);--tag-outline-success-selected-border-color: var(--color-success-transparent-active-border);--tag-outline-success-selected-text-color: var(--text-success-color);--tag-outline-info-background-color: var(--color-info-transparent-default);--tag-outline-info-border-color: var(--color-info-transparent-default-border);--tag-outline-info-text-color: var(--text-info-color);--tag-outline-info-active-background-color: var(--color-info-transparent-focus);--tag-outline-info-active-border-color: var(--color-info-transparent-focus-border);--tag-outline-info-active-text-color: var(--text-info-color);--tag-outline-info-hover-background-color: var(--color-info-transparent-hover);--tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border);--tag-outline-info-hover-text-color: var(--text-info-color);--tag-outline-info-selected-background-color: var(--color-info-transparent-active);--tag-outline-info-selected-border-color: var(--color-info-transparent-active-border);--tag-outline-info-selected-text-color: var(--text-info-color);--tag-outline-warning-background-color: var(--color-warning-transparent-default);--tag-outline-warning-border-color: var(--color-warning-transparent-default-border);--tag-outline-warning-text-color: var(--text-warning-color);--tag-outline-warning-active-background-color: var(--color-warning-transparent-focus);--tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border);--tag-outline-warning-active-text-color: var(--text-warning-color);--tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover);--tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);--tag-outline-warning-hover-text-color: var(--text-warning-color);--tag-outline-warning-selected-background-color: var(--color-warning-transparent-active);--tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border);--tag-outline-warning-selected-text-color: var(--text-warning-color);--tag-outline-danger-background-color: var(--color-danger-transparent-default);--tag-outline-danger-border-color: var(--color-danger-transparent-default-border);--tag-outline-danger-text-color: var(--text-danger-color);--tag-outline-danger-active-background-color: var(--color-danger-transparent-focus);--tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border);--tag-outline-danger-active-text-color: var(--text-danger-color);--tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover);--tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);--tag-outline-danger-hover-text-color: var(--text-danger-color);--tag-outline-danger-selected-background-color: var(--color-danger-transparent-active);--tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border);--tag-outline-danger-selected-text-color: var(--text-danger-color);--tag-outline-control-background-color: var(--color-control-transparent-default);--tag-outline-control-border-color: var(--color-control-transparent-default-border);--tag-outline-control-text-color: var(--text-control-color);--tag-outline-control-active-background-color: var(--color-control-transparent-focus);--tag-outline-control-active-border-color: var(--color-control-transparent-focus-border);--tag-outline-control-active-text-color: var(--text-control-color);--tag-outline-control-hover-background-color: var(--color-control-transparent-hover);--tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--tag-outline-control-hover-text-color: var(--text-control-color);--tag-outline-control-selected-background-color: var(--color-control-transparent-active);--tag-outline-control-selected-border-color: var(--color-control-transparent-active-border);--tag-outline-control-selected-text-color: var(--text-control-color);--tag-list-tiny-tag-offset: 0.0625rem;--tag-list-small-tag-offset: 0.125rem;--tag-list-medium-tag-offset: 0.25rem;--tag-list-large-tag-offset: 0.375rem;--tag-list-giant-tag-offset: 0.5rem;--tag-list-with-input-tiny-padding: 0.0625rem 1rem;--tag-list-with-input-small-padding: 0.0625rem 1rem;--tag-list-with-input-medium-padding: 0.1875rem 1rem;--tag-list-with-input-large-padding: 0.3125rem 1rem;--tag-list-with-input-giant-padding: 0.4375rem 1rem;--tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius);--tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius);--tag-list-with-input-round-border-radius: var(--input-round-border-radius);--tag-input-min-width: 6rem;--tag-input-text-font-family: var(--input-text-font-family);--tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family);--tag-input-basic-background-color: var(--input-basic-background-color);--tag-input-basic-border-color: var(--input-basic-border-color);--tag-input-basic-text-color: var(--input-basic-text-color);--tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color);--tag-input-basic-focus-background-color: var(--input-basic-focus-background-color);--tag-input-basic-focus-border-color: var(--input-basic-focus-border-color);--tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color);--tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color);--tag-input-primary-background-color: var(--input-primary-background-color);--tag-input-primary-border-color: var(--input-primary-border-color);--tag-input-primary-text-color: var(--input-primary-text-color);--tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color);--tag-input-primary-focus-background-color: var(--input-primary-focus-background-color);--tag-input-primary-focus-border-color: var(--input-primary-focus-border-color);--tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color);--tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color);--tag-input-success-background-color: var(--input-success-background-color);--tag-input-success-border-color: var(--input-success-border-color);--tag-input-success-text-color: var(--input-success-text-color);--tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color);--tag-input-success-focus-background-color: var(--input-success-focus-background-color);--tag-input-success-focus-border-color: var(--input-success-focus-border-color);--tag-input-success-disabled-text-color: var(--input-success-disabled-text-color);--tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color);--tag-input-info-background-color: var(--input-info-background-color);--tag-input-info-border-color: var(--input-info-border-color);--tag-input-info-text-color: var(--input-info-text-color);--tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color);--tag-input-info-focus-background-color: var(--input-info-focus-background-color);--tag-input-info-focus-border-color: var(--input-info-focus-border-color);--tag-input-info-disabled-text-color: var(--input-info-disabled-text-color);--tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color);--tag-input-warning-background-color: var(--input-warning-background-color);--tag-input-warning-border-color: var(--input-warning-border-color);--tag-input-warning-text-color: var(--input-warning-text-color);--tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color);--tag-input-warning-focus-background-color: var(--input-warning-focus-background-color);--tag-input-warning-focus-border-color: var(--input-warning-focus-border-color);--tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color);--tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color);--tag-input-danger-background-color: var(--input-danger-background-color);--tag-input-danger-border-color: var(--input-danger-border-color);--tag-input-danger-text-color: var(--input-danger-text-color);--tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color);--tag-input-danger-focus-background-color: var(--input-danger-focus-background-color);--tag-input-danger-focus-border-color: var(--input-danger-focus-border-color);--tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color);--tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color);--tag-input-control-background-color: var(--input-control-background-color);--tag-input-control-border-color: var(--input-control-border-color);--tag-input-control-text-color: var(--input-control-text-color);--tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color);--tag-input-control-focus-background-color: var(--input-control-focus-background-color);--tag-input-control-focus-border-color: var(--input-control-focus-border-color);--tag-input-control-disabled-text-color: var(--input-control-disabled-text-color);--tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color);--tag-input-tiny-text-font-size: var(--input-tiny-text-font-size);--tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight);--tag-input-tiny-text-line-height: var(--input-tiny-text-line-height);--tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size);--tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight);--tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height);--tag-input-tiny-padding: 0.125rem 0;--tag-input-small-text-font-size: var(--input-small-text-font-size);--tag-input-small-text-font-weight: var(--input-small-text-font-weight);--tag-input-small-text-line-height: var(--input-small-text-line-height);--tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size);--tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight);--tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height);--tag-input-small-padding: 0.125rem 0;--tag-input-medium-text-font-size: var(--input-medium-text-font-size);--tag-input-medium-text-font-weight: var(--input-medium-text-font-weight);--tag-input-medium-text-line-height: var(--input-medium-text-line-height);--tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size);--tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight);--tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height);--tag-input-medium-padding: 0.25rem 0;--tag-input-large-text-font-size: var(--input-large-text-font-size);--tag-input-large-text-font-weight: var(--input-large-text-font-weight);--tag-input-large-text-line-height: var(--input-large-text-line-height);--tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size);--tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight);--tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height);--tag-input-large-padding: 0.375rem 0;--tag-input-giant-text-font-size: var(--input-giant-text-font-size);--tag-input-giant-text-font-weight: var(--input-giant-text-font-weight);--tag-input-giant-text-line-height: var(--input-giant-text-line-height);--tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size);--tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight);--tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height);--tag-input-giant-padding: 0.5rem 0;--toggle-height: 1.875rem;--toggle-width: 3.125rem;--toggle-border-width: 1px;--toggle-border-radius: 100px;--toggle-outline-width: var(--outline-width);--toggle-outline-color: var(--outline-color);--toggle-switcher-size: 1.75rem;--toggle-switcher-icon-size: 0.75rem;--toggle-text-font-family: var(--text-subtitle-2-font-family);--toggle-text-font-size: var(--text-subtitle-2-font-size);--toggle-text-font-weight: var(--text-subtitle-2-font-weight);--toggle-text-line-height: var(--text-subtitle-2-line-height);--toggle-cursor: pointer;--toggle-disabled-cursor: default;--toggle-basic-text-color: var(--text-basic-color);--toggle-basic-background-color: var(--color-basic-transparent-default);--toggle-basic-border-color: var(--color-basic-transparent-default-border);--toggle-basic-checked-background-color: var(--color-primary-default);--toggle-basic-checked-border-color: var(--color-primary-default-border);--toggle-basic-checked-switcher-background-color: var(--background-basic-color-1);--toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default);--toggle-basic-focus-background-color: var(--color-primary-transparent-focus);--toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border);--toggle-basic-focus-checked-background-color: var(--color-primary-focus);--toggle-basic-focus-checked-border-color: var(--color-primary-focus-border);--toggle-basic-hover-background-color: var(--color-primary-transparent-hover);--toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border);--toggle-basic-hover-checked-background-color: var(--color-primary-hover);--toggle-basic-hover-checked-border-color: var(--color-primary-hover-border);--toggle-basic-active-background-color: var(--color-primary-transparent-active);--toggle-basic-active-border-color: var(--color-primary-transparent-active-border);--toggle-basic-active-checked-background-color: var(--color-primary-active);--toggle-basic-active-checked-border-color: var(--color-primary-active-border);--toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-basic-disabled-text-color: var(--text-disabled-color);--toggle-primary-text-color: var(--text-basic-color);--toggle-primary-background-color: var(--color-primary-transparent-default);--toggle-primary-border-color: var(--color-primary-transparent-default-border);--toggle-primary-checked-background-color: var(--color-primary-default);--toggle-primary-checked-border-color: var(--color-primary-default-border);--toggle-primary-checked-switcher-background-color: var(--background-basic-color-1);--toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default);--toggle-primary-focus-background-color: var(--color-primary-transparent-focus);--toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border);--toggle-primary-focus-checked-background-color: var(--color-primary-focus);--toggle-primary-focus-checked-border-color: var(--color-primary-focus-border);--toggle-primary-hover-background-color: var(--color-primary-transparent-hover);--toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border);--toggle-primary-hover-checked-background-color: var(--color-primary-hover);--toggle-primary-hover-checked-border-color: var(--color-primary-hover-border);--toggle-primary-active-background-color: var(--color-primary-transparent-active);--toggle-primary-active-border-color: var(--color-primary-transparent-active-border);--toggle-primary-active-checked-background-color: var(--color-primary-active);--toggle-primary-active-checked-border-color: var(--color-primary-active-border);--toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-primary-disabled-text-color: var(--text-disabled-color);--toggle-success-text-color: var(--text-basic-color);--toggle-success-background-color: var(--color-success-transparent-default);--toggle-success-border-color: var(--color-success-transparent-default-border);--toggle-success-checked-background-color: var(--color-success-default);--toggle-success-checked-border-color: var(--color-success-default-border);--toggle-success-checked-switcher-background-color: var(--background-basic-color-1);--toggle-success-checked-switcher-checkmark-color: var(--color-success-default);--toggle-success-focus-background-color: var(--color-success-transparent-focus);--toggle-success-focus-border-color: var(--color-success-transparent-focus-border);--toggle-success-focus-checked-background-color: var(--color-success-focus);--toggle-success-focus-checked-border-color: var(--color-success-focus-border);--toggle-success-hover-background-color: var(--color-success-transparent-hover);--toggle-success-hover-border-color: var(--color-success-transparent-hover-border);--toggle-success-hover-checked-background-color: var(--color-success-hover);--toggle-success-hover-checked-border-color: var(--color-success-hover-border);--toggle-success-active-background-color: var(--color-success-transparent-active);--toggle-success-active-border-color: var(--color-success-transparent-active-border);--toggle-success-active-checked-background-color: var(--color-success-active);--toggle-success-active-checked-border-color: var(--color-success-active-border);--toggle-success-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-success-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-success-disabled-text-color: var(--text-disabled-color);--toggle-info-text-color: var(--text-basic-color);--toggle-info-background-color: var(--color-info-transparent-default);--toggle-info-border-color: var(--color-info-transparent-default-border);--toggle-info-checked-background-color: var(--color-info-default);--toggle-info-checked-border-color: var(--color-info-default-border);--toggle-info-checked-switcher-background-color: var(--background-basic-color-1);--toggle-info-checked-switcher-checkmark-color: var(--color-info-default);--toggle-info-focus-background-color: var(--color-info-transparent-focus);--toggle-info-focus-border-color: var(--color-info-transparent-focus-border);--toggle-info-focus-checked-background-color: var(--color-info-focus);--toggle-info-focus-checked-border-color: var(--color-info-focus-border);--toggle-info-hover-background-color: var(--color-info-transparent-hover);--toggle-info-hover-border-color: var(--color-info-transparent-hover-border);--toggle-info-hover-checked-background-color: var(--color-info-hover);--toggle-info-hover-checked-border-color: var(--color-info-hover-border);--toggle-info-active-background-color: var(--color-info-transparent-active);--toggle-info-active-border-color: var(--color-info-transparent-active-border);--toggle-info-active-checked-background-color: var(--color-info-active);--toggle-info-active-checked-border-color: var(--color-info-active-border);--toggle-info-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-info-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-info-disabled-text-color: var(--text-disabled-color);--toggle-warning-text-color: var(--text-basic-color);--toggle-warning-background-color: var(--color-warning-transparent-default);--toggle-warning-border-color: var(--color-warning-transparent-default-border);--toggle-warning-checked-background-color: var(--color-warning-default);--toggle-warning-checked-border-color: var(--color-warning-default-border);--toggle-warning-checked-switcher-background-color: var(--background-basic-color-1);--toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default);--toggle-warning-focus-background-color: var(--color-warning-transparent-focus);--toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border);--toggle-warning-focus-checked-background-color: var(--color-warning-focus);--toggle-warning-focus-checked-border-color: var(--color-warning-focus-border);--toggle-warning-hover-background-color: var(--color-warning-transparent-hover);--toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border);--toggle-warning-hover-checked-background-color: var(--color-warning-hover);--toggle-warning-hover-checked-border-color: var(--color-warning-hover-border);--toggle-warning-active-background-color: var(--color-warning-transparent-active);--toggle-warning-active-border-color: var(--color-warning-transparent-active-border);--toggle-warning-active-checked-background-color: var(--color-warning-active);--toggle-warning-active-checked-border-color: var(--color-warning-active-border);--toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-warning-disabled-text-color: var(--text-disabled-color);--toggle-danger-text-color: var(--text-basic-color);--toggle-danger-background-color: var(--color-danger-transparent-default);--toggle-danger-border-color: var(--color-danger-transparent-default-border);--toggle-danger-checked-background-color: var(--color-danger-default);--toggle-danger-checked-border-color: var(--color-danger-default-border);--toggle-danger-checked-switcher-background-color: var(--background-basic-color-1);--toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default);--toggle-danger-focus-background-color: var(--color-danger-transparent-focus);--toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border);--toggle-danger-focus-checked-background-color: var(--color-danger-focus);--toggle-danger-focus-checked-border-color: var(--color-danger-focus-border);--toggle-danger-hover-background-color: var(--color-danger-transparent-hover);--toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border);--toggle-danger-hover-checked-background-color: var(--color-danger-hover);--toggle-danger-hover-checked-border-color: var(--color-danger-hover-border);--toggle-danger-active-background-color: var(--color-danger-transparent-active);--toggle-danger-active-border-color: var(--color-danger-transparent-active-border);--toggle-danger-active-checked-background-color: var(--color-danger-active);--toggle-danger-active-checked-border-color: var(--color-danger-active-border);--toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-danger-disabled-text-color: var(--text-disabled-color);--toggle-control-text-color: var(--color-basic-100);--toggle-control-background-color: var(--color-control-transparent-default);--toggle-control-border-color: var(--color-control-transparent-default-border);--toggle-control-checked-background-color: var(--color-control-transparent-default);--toggle-control-checked-border-color: var(--color-control-transparent-default-border);--toggle-control-checked-switcher-background-color: var(--color-control-default);--toggle-control-checked-switcher-checkmark-color: var(--color-basic-800);--toggle-control-focus-background-color: var(--color-control-transparent-focus);--toggle-control-focus-border-color: var(--color-control-transparent-focus-border);--toggle-control-focus-checked-background-color: var(--color-control-transparent-focus);--toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border);--toggle-control-hover-background-color: var(--color-control-transparent-hover);--toggle-control-hover-border-color: var(--color-control-transparent-hover-border);--toggle-control-hover-checked-background-color: var(--color-control-transparent-hover);--toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border);--toggle-control-active-background-color: var(--color-control-transparent-active);--toggle-control-active-border-color: var(--color-control-transparent-active-border);--toggle-control-active-checked-background-color: var(--color-control-transparent-active);--toggle-control-active-checked-border-color: var(--color-control-transparent-active-border);--toggle-control-disabled-background-color: var(--color-control-transparent-disabled);--toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border);--toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600);--toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100);--toggle-control-disabled-text-color: var(--text-control-color);--form-field-tiny-max-width: var(--input-tiny-max-width);--form-field-small-max-width: var(--input-small-max-width);--form-field-medium-max-width: var(--input-medium-max-width);--form-field-large-max-width: var(--input-large-max-width);--form-field-giant-max-width: var(--input-giant-max-width);--form-field-addon-basic-text-color: var(--color-basic-600);--form-field-addon-basic-highlight-text-color: var(--color-primary-500);--form-field-addon-primary-text-color: var(--color-primary-500);--form-field-addon-primary-highlight-text-color: var(--color-primary-600);--form-field-addon-success-text-color: var(--color-success-500);--form-field-addon-success-highlight-text-color: var(--color-success-600);--form-field-addon-info-text-color: var(--color-info-500);--form-field-addon-info-highlight-text-color: var(--color-info-600);--form-field-addon-warning-text-color: var(--color-warning-500);--form-field-addon-warning-highlight-text-color: var(--color-warning-600);--form-field-addon-danger-text-color: var(--color-danger-500);--form-field-addon-danger-highlight-text-color: var(--color-danger-600);--form-field-addon-control-text-color: var(--color-control-default);--form-field-addon-control-highlight-text-color: var(--color-control-default);--form-field-addon-disabled-text-color: var(--text-disabled-color);--form-field-addon-tiny-height: 1.5rem;--form-field-addon-tiny-width: var(--form-field-addon-tiny-height);--form-field-addon-tiny-icon-size: var(--button-tiny-icon-size);--form-field-addon-tiny-font-size: var(--text-button-tiny-font-size);--form-field-addon-tiny-line-height: var(--text-button-tiny-line-height);--form-field-addon-tiny-font-weight: var(--text-button-font-weight);--form-field-addon-small-height: 2rem;--form-field-addon-small-width: var(--form-field-addon-small-height);--form-field-addon-small-icon-size: var(--button-small-icon-size);--form-field-addon-small-font-size: var(--text-button-small-font-size);--form-field-addon-small-line-height: var(--text-button-small-line-height);--form-field-addon-small-font-weight: var(--text-button-font-weight);--form-field-addon-medium-height: 2.5rem;--form-field-addon-medium-width: var(--form-field-addon-medium-height);--form-field-addon-medium-icon-size: var(--button-medium-icon-size);--form-field-addon-medium-font-size: var(--text-button-medium-font-size);--form-field-addon-medium-line-height: var(--text-button-medium-line-height);--form-field-addon-medium-font-weight: var(--text-button-font-weight);--form-field-addon-large-height: 3rem;--form-field-addon-large-width: var(--form-field-addon-large-height);--form-field-addon-large-icon-size: var(--button-large-icon-size);--form-field-addon-large-font-size: var(--text-button-large-font-size);--form-field-addon-large-line-height: var(--text-button-large-line-height);--form-field-addon-large-font-weight: var(--text-button-font-weight);--form-field-addon-giant-height: 3.5rem;--form-field-addon-giant-width: var(--form-field-addon-giant-height);--form-field-addon-giant-icon-size: var(--button-giant-icon-size);--form-field-addon-giant-font-size: var(--text-button-giant-font-size);--form-field-addon-giant-line-height: var(--text-button-giant-line-height);--form-field-addon-giant-font-weight: var(--text-button-font-weight);--color-primary-100: #f2f6ff;--color-primary-200: #d9e4ff;--color-primary-300: #a6c1ff;--color-primary-400: #598bff;--color-primary-500: #3366ff;--color-primary-600: #274bdb;--color-primary-700: #1a34b8;--color-primary-800: #102694;--color-primary-900: #091c7a;--color-primary-transparent-100: rgba(51, 102, 255, 0.08);--color-primary-transparent-200: rgba(51, 102, 255, 0.16);--color-primary-transparent-300: rgba(51, 102, 255, 0.24);--color-primary-transparent-400: rgba(51, 102, 255, 0.32);--color-primary-transparent-500: rgba(51, 102, 255, 0.4);--color-primary-transparent-600: rgba(51, 102, 255, 0.48);--color-success-100: #f0fff5;--color-success-200: #ccfce3;--color-success-300: #8cfac7;--color-success-400: #2ce69b;--color-success-500: #00d68f;--color-success-600: #00b887;--color-success-700: #00997a;--color-success-800: #007d6c;--color-success-900: #004a45;--color-success-transparent-100: rgba(0, 214, 143, 0.08);--color-success-transparent-200: rgba(0, 214, 143, 0.16);--color-success-transparent-300: rgba(0, 214, 143, 0.24);--color-success-transparent-400: rgba(0, 214, 143, 0.32);--color-success-transparent-500: rgba(0, 214, 143, 0.4);--color-success-transparent-600: rgba(0, 214, 143, 0.48);--color-info-100: #f2f8ff;--color-info-200: #c7e2ff;--color-info-300: #94cbff;--color-info-400: #42aaff;--color-info-500: #0095ff;--color-info-600: #006fd6;--color-info-700: #0057c2;--color-info-800: #0041a8;--color-info-900: #002885;--color-info-transparent-100: rgba(0, 149, 255, 0.08);--color-info-transparent-200: rgba(0, 149, 255, 0.16);--color-info-transparent-300: rgba(0, 149, 255, 0.24);--color-info-transparent-400: rgba(0, 149, 255, 0.32);--color-info-transparent-500: rgba(0, 149, 255, 0.4);--color-info-transparent-600: rgba(0, 149, 255, 0.48);--color-warning-100: #fffdf2;--color-warning-200: #fff1c2;--color-warning-300: #ffe59e;--color-warning-400: #ffc94d;--color-warning-500: #ffaa00;--color-warning-600: #db8b00;--color-warning-700: #b86e00;--color-warning-800: #945400;--color-warning-900: #703c00;--color-warning-transparent-100: rgba(255, 170, 0, 0.08);--color-warning-transparent-200: rgba(255, 170, 0, 0.16);--color-warning-transparent-300: rgba(255, 170, 0, 0.24);--color-warning-transparent-400: rgba(255, 170, 0, 0.32);--color-warning-transparent-500: rgba(255, 170, 0, 0.4);--color-warning-transparent-600: rgba(255, 170, 0, 0.48);--color-danger-100: #fff2f2;--color-danger-200: #ffd6d9;--color-danger-300: #ffa8b4;--color-danger-400: #ff708d;--color-danger-500: #ff3d71;--color-danger-600: #db2c66;--color-danger-700: #b81d5b;--color-danger-800: #94124e;--color-danger-900: #700940;--color-danger-transparent-100: rgba(255, 61, 113, 0.08);--color-danger-transparent-200: rgba(255, 61, 113, 0.16);--color-danger-transparent-300: rgba(255, 61, 113, 0.24);--color-danger-transparent-400: rgba(255, 61, 113, 0.32);--color-danger-transparent-500: rgba(255, 61, 113, 0.4);--color-danger-transparent-600: rgba(255, 61, 113, 0.48);--color-basic-100: #ffffff;--color-basic-200: #f7f9fc;--color-basic-300: #edf1f7;--color-basic-400: #e4e9f2;--color-basic-500: #c5cee0;--color-basic-600: #8f9bb3;--color-basic-700: #2e3a59;--color-basic-800: #222b45;--color-basic-900: #192038;--color-basic-1000: #151a30;--color-basic-1100: #101426;--color-basic-transparent-100: rgba(143, 155, 179, 0.08);--color-basic-transparent-200: rgba(143, 155, 179, 0.16);--color-basic-transparent-300: rgba(143, 155, 179, 0.24);--color-basic-transparent-400: rgba(143, 155, 179, 0.32);--color-basic-transparent-500: rgba(143, 155, 179, 0.4);--color-basic-transparent-600: rgba(143, 155, 179, 0.48);--color-basic-control-transparent-100: rgba(255, 255, 255, 0.08);--color-basic-control-transparent-200: rgba(255, 255, 255, 0.16);--color-basic-control-transparent-300: rgba(255, 255, 255, 0.24);--color-basic-control-transparent-400: rgba(255, 255, 255, 0.32);--color-basic-control-transparent-500: rgba(255, 255, 255, 0.4);--color-basic-control-transparent-600: rgba(255, 255, 255, 0.48);--color-basic-focus: var(--color-basic-400);--color-basic-hover: var(--color-basic-200);--color-basic-default: var(--color-basic-300);--color-basic-active: var(--color-basic-400);--color-basic-disabled: var(--color-basic-transparent-300);--color-basic-focus-border: var(--color-basic-500);--color-basic-hover-border: var(--color-basic-hover);--color-basic-default-border: var(--color-basic-default);--color-basic-active-border: var(--color-basic-active);--color-basic-disabled-border: var(--color-basic-disabled);--color-basic-transparent-focus: var(--color-basic-transparent-300);--color-basic-transparent-hover: var(--color-basic-transparent-200);--color-basic-transparent-default: var(--color-basic-transparent-100);--color-basic-transparent-active: var(--color-basic-transparent-300);--color-basic-transparent-disabled: var(--color-basic-transparent-200);--color-basic-transparent-focus-border: var(--color-basic-600);--color-basic-transparent-hover-border: var(--color-basic-600);--color-basic-transparent-default-border: var(--color-basic-600);--color-basic-transparent-active-border: var(--color-basic-600);--color-basic-transparent-disabled-border: var(--color-basic-transparent-300);--color-primary-focus: var(--color-primary-600);--color-primary-hover: var(--color-primary-400);--color-primary-default: var(--color-primary-500);--color-primary-active: var(--color-primary-600);--color-primary-disabled: var(--color-basic-transparent-300);--color-primary-focus-border: var(--color-primary-700);--color-primary-hover-border: var(--color-primary-hover);--color-primary-default-border: var(--color-primary-default);--color-primary-active-border: var(--color-primary-active);--color-primary-disabled-border: var(--color-primary-disabled);--color-primary-transparent-focus: var(--color-primary-transparent-300);--color-primary-transparent-hover: var(--color-primary-transparent-200);--color-primary-transparent-default: var(--color-primary-transparent-100);--color-primary-transparent-active: var(--color-primary-transparent-300);--color-primary-transparent-disabled: var(--color-basic-transparent-200);--color-primary-transparent-focus-border: var(--color-primary-500);--color-primary-transparent-hover-border: var(--color-primary-500);--color-primary-transparent-default-border: var(--color-primary-500);--color-primary-transparent-active-border: var(--color-primary-500);--color-primary-transparent-disabled-border: var(--color-basic-transparent-300);--color-success-focus: var(--color-success-600);--color-success-hover: var(--color-success-400);--color-success-default: var(--color-success-500);--color-success-active: var(--color-success-600);--color-success-disabled: var(--color-basic-transparent-300);--color-success-focus-border: var(--color-success-700);--color-success-hover-border: var(--color-success-hover);--color-success-default-border: var(--color-success-default);--color-success-active-border: var(--color-success-active);--color-success-disabled-border: var(--color-success-disabled);--color-success-transparent-focus: var(--color-success-transparent-300);--color-success-transparent-focus-border: var(--color-success-500);--color-success-transparent-hover: var(--color-success-transparent-200);--color-success-transparent-hover-border: var(--color-success-500);--color-success-transparent-default: var(--color-success-transparent-100);--color-success-transparent-default-border: var(--color-success-500);--color-success-transparent-active: var(--color-success-transparent-300);--color-success-transparent-active-border: var(--color-success-500);--color-success-transparent-disabled: var(--color-basic-transparent-200);--color-success-transparent-disabled-border: var(--color-basic-transparent-300);--color-info-focus: var(--color-info-600);--color-info-hover: var(--color-info-400);--color-info-default: var(--color-info-500);--color-info-active: var(--color-info-600);--color-info-disabled: var(--color-basic-transparent-300);--color-info-focus-border: var(--color-info-700);--color-info-hover-border: var(--color-info-hover);--color-info-default-border: var(--color-info-default);--color-info-active-border: var(--color-info-active);--color-info-disabled-border: var(--color-info-disabled);--color-info-transparent-focus: var(--color-info-transparent-300);--color-info-transparent-hover: var(--color-info-transparent-200);--color-info-transparent-default: var(--color-info-transparent-100);--color-info-transparent-active: var(--color-info-transparent-300);--color-info-transparent-disabled: var(--color-basic-transparent-200);--color-info-transparent-focus-border: var(--color-info-500);--color-info-transparent-hover-border: var(--color-info-500);--color-info-transparent-default-border: var(--color-info-500);--color-info-transparent-active-border: var(--color-info-500);--color-info-transparent-disabled-border: var(--color-basic-transparent-300);--color-warning-focus: var(--color-warning-600);--color-warning-hover: var(--color-warning-400);--color-warning-default: var(--color-warning-500);--color-warning-active: var(--color-warning-600);--color-warning-disabled: var(--color-basic-transparent-300);--color-warning-focus-border: var(--color-warning-700);--color-warning-hover-border: var(--color-warning-hover);--color-warning-default-border: var(--color-warning-default);--color-warning-active-border: var(--color-warning-active);--color-warning-disabled-border: var(--color-warning-disabled);--color-warning-transparent-focus: var(--color-warning-transparent-300);--color-warning-transparent-hover: var(--color-warning-transparent-200);--color-warning-transparent-default: var(--color-warning-transparent-100);--color-warning-transparent-active: var(--color-warning-transparent-300);--color-warning-transparent-disabled: var(--color-basic-transparent-200);--color-warning-transparent-focus-border: var(--color-warning-500);--color-warning-transparent-hover-border: var(--color-warning-500);--color-warning-transparent-default-border: var(--color-warning-500);--color-warning-transparent-active-border: var(--color-warning-500);--color-warning-transparent-disabled-border: var(--color-basic-transparent-300);--color-danger-focus: var(--color-danger-600);--color-danger-hover: var(--color-danger-400);--color-danger-default: var(--color-danger-500);--color-danger-active: var(--color-danger-600);--color-danger-disabled: var(--color-basic-transparent-300);--color-danger-focus-border: var(--color-danger-700);--color-danger-hover-border: var(--color-danger-hover);--color-danger-default-border: var(--color-danger-default);--color-danger-active-border: var(--color-danger-active);--color-danger-disabled-border: var(--color-danger-disabled);--color-danger-transparent-focus: var(--color-danger-transparent-300);--color-danger-transparent-hover: var(--color-danger-transparent-200);--color-danger-transparent-default: var(--color-danger-transparent-100);--color-danger-transparent-active: var(--color-danger-transparent-300);--color-danger-transparent-disabled: var(--color-basic-transparent-200);--color-danger-transparent-focus-border: var(--color-danger-500);--color-danger-transparent-hover-border: var(--color-danger-500);--color-danger-transparent-default-border: var(--color-danger-500);--color-danger-transparent-active-border: var(--color-danger-500);--color-danger-transparent-disabled-border: var(--color-basic-transparent-300);--color-control-focus: var(--color-basic-300);--color-control-hover: var(--color-basic-200);--color-control-default: var(--color-basic-100);--color-control-active: var(--color-basic-300);--color-control-disabled: var(--color-basic-transparent-300);--color-control-focus-border: var(--color-basic-500);--color-control-hover-border: var(--color-control-hover);--color-control-default-border: var(--color-control-default);--color-control-active-border: var(--color-control-active);--color-control-disabled-border: var(--color-control-disabled);--color-control-transparent-focus: var(--color-basic-control-transparent-300);--color-control-transparent-hover: var(--color-basic-control-transparent-200);--color-control-transparent-default: var(--color-basic-control-transparent-100);--color-control-transparent-active: var(--color-basic-control-transparent-300);--color-control-transparent-disabled: var(--color-basic-transparent-200);--color-control-transparent-focus-border: var(--color-basic-100);--color-control-transparent-hover-border: var(--color-basic-100);--color-control-transparent-default-border: var(--color-basic-100);--color-control-transparent-active-border: var(--color-basic-100);--color-control-transparent-disabled-border: var(--color-basic-transparent-300);--background-basic-color-1: var(--color-basic-100);--background-basic-color-2: var(--color-basic-200);--background-basic-color-3: var(--color-basic-300);--background-basic-color-4: var(--color-basic-400);--border-basic-color-1: var(--color-basic-100);--border-basic-color-2: var(--color-basic-200);--border-basic-color-3: var(--color-basic-300);--border-basic-color-4: var(--color-basic-400);--border-basic-color-5: var(--color-basic-500);--background-alternative-color-1: var(--color-basic-800);--background-alternative-color-2: var(--color-basic-900);--background-alternative-color-3: var(--color-basic-1000);--background-alternative-color-4: var(--color-basic-1100);--border-alternative-color-1: var(--color-basic-800);--border-alternative-color-2: var(--color-basic-900);--border-alternative-color-3: var(--color-basic-1000);--border-alternative-color-4: var(--color-basic-1100);--border-alternative-color-5: var(--color-basic-1100);--background-primary-color-1: var(--color-primary-500);--background-primary-color-2: var(--color-primary-600);--background-primary-color-3: var(--color-primary-700);--background-primary-color-4: var(--color-primary-800);--border-primary-color-1: var(--color-basic-500);--border-primary-color-2: var(--color-basic-600);--border-primary-color-3: var(--color-basic-700);--border-primary-color-4: var(--color-basic-800);--border-primary-color-5: var(--color-basic-900);--text-basic-color: var(--color-basic-800);--text-alternate-color: var(--color-basic-100);--text-control-color: var(--color-basic-100);--text-disabled-color: var(--color-basic-transparent-600);--text-hint-color: var(--color-basic-600);--text-primary-color: var(--color-primary-default);--text-primary-focus-color: var(--color-primary-focus);--text-primary-hover-color: var(--color-primary-hover);--text-primary-active-color: var(--color-primary-active);--text-primary-disabled-color: var(--color-primary-400);--text-success-color: var(--color-success-default);--text-success-focus-color: var(--color-success-focus);--text-success-hover-color: var(--color-success-hover);--text-success-active-color: var(--color-success-active);--text-success-disabled-color: var(--color-success-400);--text-info-color: var(--color-info-default);--text-info-focus-color: var(--color-info-focus);--text-info-hover-color: var(--color-info-hover);--text-info-active-color: var(--color-info-active);--text-info-disabled-color: var(--color-info-400);--text-warning-color: var(--color-warning-default);--text-warning-focus-color: var(--color-warning-focus);--text-warning-hover-color: var(--color-warning-hover);--text-warning-active-color: var(--color-warning-active);--text-warning-disabled-color: var(--color-warning-400);--text-danger-color: var(--color-danger-default);--text-danger-focus-color: var(--color-danger-focus);--text-danger-hover-color: var(--color-danger-hover);--text-danger-active-color: var(--color-danger-active);--text-danger-disabled-color: var(--color-danger-400);--font-family-primary: Open Sans, sans-serif;--font-family-secondary: var(--font-family-primary);--text-heading-1-font-family: var(--font-family-secondary);--text-heading-1-font-size: 2.25rem;--text-heading-1-font-weight: 700;--text-heading-1-line-height: 3rem;--text-heading-2-font-family: var(--font-family-secondary);--text-heading-2-font-size: 2rem;--text-heading-2-font-weight: 700;--text-heading-2-line-height: 2.5rem;--text-heading-3-font-family: var(--font-family-secondary);--text-heading-3-font-size: 1.875rem;--text-heading-3-font-weight: 700;--text-heading-3-line-height: 2.5rem;--text-heading-4-font-family: var(--font-family-secondary);--text-heading-4-font-size: 1.625rem;--text-heading-4-font-weight: 700;--text-heading-4-line-height: 2rem;--text-heading-5-font-family: var(--font-family-secondary);--text-heading-5-font-size: 1.375rem;--text-heading-5-font-weight: 700;--text-heading-5-line-height: 2rem;--text-heading-6-font-family: var(--font-family-secondary);--text-heading-6-font-size: 1.125rem;--text-heading-6-font-weight: 700;--text-heading-6-line-height: 1.5rem;--text-subtitle-font-family: var(--font-family-primary);--text-subtitle-font-size: 0.9375rem;--text-subtitle-font-weight: 600;--text-subtitle-line-height: 1.5rem;--text-subtitle-2-font-family: var(--font-family-primary);--text-subtitle-2-font-size: 0.8125rem;--text-subtitle-2-font-weight: 600;--text-subtitle-2-line-height: 1.5rem;--text-paragraph-font-family: var(--font-family-primary);--text-paragraph-font-size: 0.9375rem;--text-paragraph-font-weight: 400;--text-paragraph-line-height: 1.25rem;--text-paragraph-2-font-family: var(--font-family-primary);--text-paragraph-2-font-size: 0.8125rem;--text-paragraph-2-font-weight: 400;--text-paragraph-2-line-height: 1.125rem;--text-label-font-family: var(--font-family-primary);--text-label-font-size: 0.75rem;--text-label-font-weight: 700;--text-label-line-height: 1rem;--text-caption-font-family: var(--font-family-primary);--text-caption-font-size: 0.75rem;--text-caption-font-weight: 400;--text-caption-line-height: 1rem;--text-caption-2-font-family: var(--font-family-primary);--text-caption-2-font-size: 0.75rem;--text-caption-2-font-weight: 600;--text-caption-2-line-height: 1rem;--text-button-font-family: var(--font-family-primary);--text-button-font-weight: 700;--text-button-tiny-font-size: 0.625rem;--text-button-tiny-line-height: 0.75rem;--text-button-small-font-size: 0.75rem;--text-button-small-line-height: 1rem;--text-button-medium-font-size: 0.875rem;--text-button-medium-line-height: 1rem;--text-button-large-font-size: 1rem;--text-button-large-line-height: 1.25rem;--text-button-giant-font-size: 1.125rem;--text-button-giant-line-height: 1.5rem;--border-radius: 0.25rem;--outline-width: 0.375rem;--outline-color: var(--color-basic-transparent-200);--scrollbar-color: var(--background-basic-color-4);--scrollbar-background-color: var(--background-basic-color-2);--scrollbar-width: 0.3125rem;--shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);--divider-color: var(--border-basic-color-3);--divider-style: solid;--divider-width: 1px}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@nebular/theme/styles/prebuilt/components-custom-properties.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0, 0, 0, 0.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.nb-global-scrollblock{position:static;width:auto;overflow:hidden}/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 *//*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}nb-layout .scrollable-container{scrollbar-face-color:var(--layout-scrollbar-color);scrollbar-track-color:var(--layout-scrollbar-background-color)}nb-layout .scrollable-container::-webkit-scrollbar{width:var(--layout-scrollbar-width);height:var(--layout-scrollbar-width)}nb-layout .scrollable-container::-webkit-scrollbar-thumb{background:var(--layout-scrollbar-color);cursor:pointer;border-radius:calc(var(--layout-scrollbar-width) * 0.5)}nb-layout .scrollable-container::-webkit-scrollbar-track{background:var(--layout-scrollbar-background-color)}nb-layout .scrollable-container::-webkit-scrollbar-corner{background:var(--layout-scrollbar-background-color)}nb-layout.with-scroll .scrollable-container{overflow:auto;height:100vh;display:block}@media(max-width: 767.98px){nb-layout.with-scroll .scrollable-container{overflow-y:scroll;-webkit-overflow-scrolling:touch}}.layout{min-width:var(--layout-window-mode-min-width)}nb-layout.window-mode{background:var(--layout-window-mode-background-color);display:block}nb-layout.window-mode .scrollable-container{max-width:1920px;margin:0 auto}nb-layout.window-mode .layout nb-layout-header{max-width:1920px;margin-left:auto;margin-right:auto;width:100%}nb-layout.window-mode .layout nb-layout-header nav{max-width:1920px;margin:0 auto}@media screen and (min-width: 1940px){nb-layout.window-mode{padding-top:calc(var(--layout-window-mode-padding-top) * 0.25)}nb-layout.window-mode nb-layout-header.fixed{top:calc(var(--layout-window-mode-padding-top) * 0.25)}nb-layout.window-mode nb-layout-header.fixed~.layout-container nb-sidebar .main-container-fixed{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25) - var(--header-height));top:calc(calc(var(--layout-window-mode-padding-top) * 0.25) + var(--header-height))}nb-layout.window-mode nb-sidebar.fixed{left:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right{right:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed{top:calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.25))}nb-layout.window-mode .scrollable-container{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25));box-shadow:var(--layout-window-shadow)}nb-layout.window-mode nb-layout.with-scroll .scrollable-container{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25))}}@media screen and (min-width: 2070px){nb-layout.window-mode{padding-top:calc(var(--layout-window-mode-padding-top) * 0.5)}nb-layout.window-mode nb-layout-header.fixed{top:calc(var(--layout-window-mode-padding-top) * 0.5)}nb-layout.window-mode nb-layout-header.fixed~.layout-container nb-sidebar .main-container-fixed{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5) - var(--header-height));top:calc(calc(var(--layout-window-mode-padding-top) * 0.5) + var(--header-height))}nb-layout.window-mode nb-sidebar.fixed{left:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right{right:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed{top:calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.5))}nb-layout.window-mode .scrollable-container{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5));box-shadow:var(--layout-window-shadow)}nb-layout.window-mode nb-layout.with-scroll .scrollable-container{height:calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5))}}@media screen and (min-width: 2220px){nb-layout.window-mode{padding-top:var(--layout-window-mode-padding-top)}nb-layout.window-mode nb-layout-header.fixed{top:var(--layout-window-mode-padding-top)}nb-layout.window-mode nb-layout-header.fixed~.layout-container nb-sidebar .main-container-fixed{height:calc(100vh - var(--layout-window-mode-padding-top) - var(--header-height));top:calc(var(--layout-window-mode-padding-top) + var(--header-height))}nb-layout.window-mode nb-sidebar.fixed{left:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right{right:calc((100vw - 1920px)/2)}nb-layout.window-mode .layout .layout-container nb-sidebar.fixed{top:calc(var(--header-height) + var(--layout-window-mode-padding-top))}nb-layout.window-mode .scrollable-container{height:calc(100vh - var(--layout-window-mode-padding-top));box-shadow:var(--layout-window-shadow)}nb-layout.window-mode nb-layout.with-scroll .scrollable-container{height:calc(100vh - var(--layout-window-mode-padding-top))}}nb-layout .layout{background-color:var(--layout-background-color);color:var(--layout-text-color);font-family:var(--layout-text-font-family);font-size:var(--layout-text-font-size);font-weight:var(--layout-text-font-weight);line-height:var(--layout-text-line-height);min-height:var(--layout-min-height)}nb-layout .layout .layout-container nb-sidebar.fixed,nb-layout .layout .layout-container nb-sidebar .main-container-fixed{top:var(--header-height)}nb-layout .layout .layout-container .content nb-layout-footer{box-shadow:var(--footer-shadow)}nb-layout .layout .layout-container .content nb-layout-footer nav{background-color:var(--footer-background-color);border-top:var(--footer-divider-width) var(--footer-divider-style) var(--footer-divider-color);color:var(--footer-text-color);font-family:var(--footer-text-font-family);font-size:var(--footer-text-font-size);font-weight:var(--footer-text-font-weight);line-height:var(--footer-text-line-height);padding:var(--footer-padding)}nb-layout .layout .layout-container .content nb-layout-footer nav a{color:var(--footer-text-highlight-color)}nb-layout .layout .layout-container .content nb-layout-footer nav a:focus,nb-layout .layout .layout-container .content nb-layout-footer nav a:active,nb-layout .layout .layout-container .content nb-layout-footer nav a:hover{color:var(--footer-text-highlight-color)}nb-layout .layout .layout-container .content.center{width:var(--layout-content-width);flex:0 100 var(--layout-content-width) !important}nb-layout .layout .layout-container .content .columns nb-layout-column{padding:var(--layout-padding)}@media(max-width: 991.98px){nb-layout .layout .layout-container .content .columns nb-layout-column{padding:var(--layout-medium-padding)}}@media(max-width: 767.98px){nb-layout .layout .layout-container .content .columns nb-layout-column{padding:var(--layout-small-padding)}}nb-layout-header{background-color:var(--header-background-color);color:var(--header-text-color);font-family:var(--header-text-font-family);font-size:var(--header-text-font-size);font-weight:var(--header-text-font-weight);line-height:var(--header-text-line-height)}nb-layout-header nav{color:var(--header-text-color);box-shadow:var(--header-shadow);height:var(--header-height);padding:var(--header-padding)}nb-layout-header nav a{color:var(--header-text-color)}nb-layout-header nav a:focus,nb-layout-header nav a:active,nb-layout-header nav a:hover{color:var(--header-text-color)}nb-layout-header~.layout-container{min-height:calc(var(--layout-min-height) - var(--header-height))}nb-layout-header.fixed~.layout-container{padding-top:var(--header-height);min-height:var(--layout-min-height)}nb-layout-header.fixed~.layout-container nb-sidebar .main-container{height:calc(var(--sidebar-height) - var(--header-height))}nb-layout.with-subheader nb-sidebar .main-container{box-shadow:none}nb-sidebar{background-color:var(--sidebar-background-color);box-shadow:var(--sidebar-shadow);color:var(--sidebar-text-color);font-family:var(--sidebar-text-font-family);font-size:var(--sidebar-text-font-size);font-weight:var(--sidebar-text-font-weight);line-height:var(--sidebar-text-line-height);width:var(--sidebar-width)}nb-sidebar .main-container{height:var(--sidebar-height);width:var(--sidebar-width)}nb-sidebar .scrollable{padding:var(--sidebar-padding);position:relative;-webkit-transform:translate3d(0, 0, 0);scrollbar-face-color:var(--sidebar-scrollbar-color);scrollbar-track-color:var(--sidebar-scrollbar-background-color)}@media(max-width: 767.98px){nb-sidebar .scrollable{overflow-y:scroll;-webkit-overflow-scrolling:touch}}nb-sidebar .scrollable::-webkit-scrollbar{width:var(--sidebar-scrollbar-width);height:var(--sidebar-scrollbar-width)}nb-sidebar .scrollable::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar-color);cursor:pointer;border-radius:calc(var(--sidebar-scrollbar-width) * 0.5)}nb-sidebar .scrollable::-webkit-scrollbar-track{background:var(--sidebar-scrollbar-background-color)}nb-sidebar .scrollable::-webkit-scrollbar-corner{background:var(--sidebar-scrollbar-background-color)}nb-sidebar.collapsed{width:0;padding:0}nb-sidebar.collapsed .main-container{width:0;padding:0}nb-sidebar.collapsed .scrollable{width:0;padding:0;overflow:hidden}nb-sidebar.collapsed nb-sidebar-header,nb-sidebar.collapsed nb-sidebar-footer{width:0;padding:0;overflow:hidden}nb-sidebar.compacted{width:var(--sidebar-width-compact)}nb-sidebar.compacted .main-container{width:var(--sidebar-width-compact)}nb-sidebar.compacted nb-menu{width:var(--sidebar-width-compact)}nb-sidebar.compacted nb-menu .menu-item a.active{position:relative}nb-sidebar.compacted nb-menu .menu-item a.active::before{position:absolute;content:"";top:0;height:100%;width:4px;background:var(--sidebar-menu-item-highlight-color)}[dir=ltr] nb-sidebar.compacted nb-menu .menu-item a.active::before{left:0}[dir=rtl] nb-sidebar.compacted nb-menu .menu-item a.active::before{right:0}nb-sidebar.compacted nb-menu>.menu-items>.menu-item>a span,nb-sidebar.compacted nb-menu>.menu-items>.menu-item>a nb-badge,nb-sidebar.compacted nb-menu>.menu-items>.menu-item>a .expand-state{display:none}nb-sidebar.compacted nb-menu .menu-items>.menu-item{transition:border-color 1s ease}nb-sidebar.compacted nb-menu .menu-items>.menu-item.menu-group{display:block;color:transparent;width:0;padding:0;overflow:hidden}nb-sidebar.compacted nb-menu .menu-items>.menu-item i{margin-right:0}nb-sidebar.compacted nb-menu .menu-items>.menu-item a{justify-content:center}nb-sidebar.compacted nb-menu .menu-items>.menu-item>.expanded{display:none}nb-sidebar.compacted.left.fixed~.content{margin-left:var(--sidebar-width-compact)}nb-sidebar.compacted.fixed.right~.content{margin-left:0;margin-right:var(--sidebar-width-compact)}nb-sidebar.compacted.left.fixed~.content.center{padding-left:var(--sidebar-width-compact)}nb-sidebar.compacted.fixed.right~.content.center{padding-left:0;padding-right:var(--sidebar-width-compact)}[dir=ltr] nb-sidebar.compacted.start.fixed~.content{margin-left:var(--sidebar-width-compact)}[dir=rtl] nb-sidebar.compacted.start.fixed~.content{margin-right:var(--sidebar-width-compact)}[dir=ltr] nb-sidebar.compacted.fixed.end~.content{margin-right:var(--sidebar-width-compact)}[dir=rtl] nb-sidebar.compacted.fixed.end~.content{margin-left:var(--sidebar-width-compact)}[dir=ltr] nb-sidebar.compacted.start.fixed~.content.center{padding-left:var(--sidebar-width-compact)}[dir=rtl] nb-sidebar.compacted.start.fixed~.content.center{padding-right:var(--sidebar-width-compact)}[dir=ltr] nb-sidebar.compacted.fixed.end~.content.center{padding-right:var(--sidebar-width-compact)}[dir=rtl] nb-sidebar.compacted.fixed.end~.content.center{padding-left:var(--sidebar-width-compact)}nb-sidebar.fixed.left.collapsed+.content,nb-sidebar.fixed.start.collapsed+.content{margin-left:0}nb-sidebar.fixed.right.collapsed+.content,nb-sidebar.fixed.end.collapsed+.content{margin-right:0}nb-sidebar.expanded{width:var(--sidebar-width)}nb-sidebar.expanded>.scrollable{width:var(--sidebar-width)}nb-sidebar nb-sidebar-header{padding:var(--sidebar-padding);height:var(--sidebar-header-height)}nb-sidebar nb-sidebar-footer{padding:var(--sidebar-padding);height:var(--sidebar-footer-height)}nb-sidebar nb-menu{margin:0 calc(var(--sidebar-padding) * -1) calc(var(--sidebar-padding) * -1)}nb-calendar-view-mode [nbButton].appearance-ghost.status-basic,nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle],nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover,nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus,nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active,nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic,nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle],nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover,nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active{color:var(--calendar-navigation-text-color);font-family:var(--calendar-navigation-text-font-family);font-size:var(--calendar-navigation-title-text-font-size);font-weight:var(--calendar-navigation-title-text-font-weight);line-height:var(--calendar-navigation-title-text-line-height)}nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus,nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus,nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active),nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus,nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active){box-shadow:none}[dir=ltr] nb-calendar-pageable-navigation{margin-left:auto}[dir=rtl] nb-calendar-pageable-navigation{margin-right:auto}nb-calendar-picker{display:block;padding-top:var(--calendar-picker-padding-top);padding-bottom:var(--calendar-picker-padding-bottom)}[dir=ltr] nb-calendar-picker{padding-right:var(--calendar-picker-padding-end);padding-left:var(--calendar-picker-padding-start)}[dir=rtl] nb-calendar-picker{padding-right:var(--calendar-picker-padding-start);padding-left:var(--calendar-picker-padding-end)}nb-calendar-days-names{background:var(--calendar-weekday-background);border-top:var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color);border-bottom:var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color)}[dir=ltr] nb-calendar-days-names{padding-left:var(--calendar-picker-padding-start);padding-right:var(--calendar-picker-padding-end)}[dir=rtl] nb-calendar-days-names{padding-left:var(--calendar-picker-padding-end);padding-right:var(--calendar-picker-padding-start)}nb-calendar-days-names .day{width:var(--calendar-weekday-width);height:var(--calendar-weekday-height);color:var(--calendar-weekday-text-color);font-size:var(--calendar-weekday-text-font-size);font-weight:var(--calendar-weekday-text-font-weight);line-height:var(--calendar-weekday-text-line-height)}nb-calendar-days-names .day.holiday{color:var(--calendar-weekday-holiday-text-color)}nb-calendar-days-names.size-large .day{width:var(--calendar-weekday-large-width);height:var(--calendar-weekday-large-height)}nb-calendar-week-numbers{background:var(--calendar-weeknumber-background);font-size:var(--calendar-weeknumber-text-font-size);font-weight:var(--calendar-weeknumber-text-font-weight);line-height:var(--calendar-weeknumber-text-line-height);color:var(--calendar-weeknumber-text-color);padding-bottom:var(--calendar-picker-padding-bottom)}nb-calendar-week-numbers .sign-container{display:flex;flex-direction:column;border-top:var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);border-bottom:var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);margin-bottom:var(--calendar-picker-padding-top)}nb-calendar-week-numbers .sign,nb-calendar-week-numbers .week-number{display:flex;align-items:center;justify-content:center;height:var(--calendar-weeknumber-height);width:var(--calendar-weeknumber-width)}nb-calendar-week-numbers.size-large .sign,nb-calendar-week-numbers.size-large .week-number{height:var(--calendar-weeknumber-large-height);width:var(--calendar-weeknumber-large-width)}[dir=ltr] nb-calendar-day-picker nb-calendar-week-numbers{border-right:var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color)}[dir=rtl] nb-calendar-day-picker nb-calendar-week-numbers{border-left:var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color)}nb-calendar-picker .day-cell{width:var(--calendar-day-cell-width);height:var(--calendar-day-cell-height)}nb-calendar-picker .day-cell.size-large{width:var(--calendar-day-cell-large-width);height:var(--calendar-day-cell-large-height)}nb-calendar-picker .month-cell{width:var(--calendar-month-cell-width);height:var(--calendar-month-cell-height)}nb-calendar-picker .month-cell.size-large{width:var(--calendar-month-cell-large-width);height:var(--calendar-month-cell-large-height)}nb-calendar-picker .year-cell{width:var(--calendar-year-cell-width);height:var(--calendar-year-cell-height)}nb-calendar-picker .year-cell.size-large{width:var(--calendar-year-cell-large-width);height:var(--calendar-year-cell-large-height)}nb-calendar-picker .cell-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;border-radius:var(--calendar-border-radius)}nb-calendar-picker .day-cell,nb-calendar-picker .month-cell,nb-calendar-picker .year-cell{display:flex;align-items:center;justify-content:center;font-family:var(--calendar-text-font-family);font-size:var(--calendar-text-font-size);font-weight:var(--calendar-text-font-weight);line-height:var(--calendar-text-line-height);color:var(--calendar-text-color);text-transform:uppercase;cursor:pointer}nb-calendar-picker .day-cell,nb-calendar-picker .day-cell .cell-content,nb-calendar-picker .month-cell,nb-calendar-picker .month-cell .cell-content,nb-calendar-picker .year-cell,nb-calendar-picker .year-cell .cell-content{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-in}nb-calendar-picker .day-cell.empty,nb-calendar-picker .day-cell.disabled,nb-calendar-picker .month-cell.empty,nb-calendar-picker .month-cell.disabled,nb-calendar-picker .year-cell.empty,nb-calendar-picker .year-cell.disabled{cursor:default}nb-calendar-picker .day-cell.bounding-month,nb-calendar-picker .month-cell.bounding-month,nb-calendar-picker .year-cell.bounding-month{color:var(--calendar-cell-inactive-text-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content,nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content,nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content{background-color:var(--calendar-cell-hover-background-color);border-color:var(--calendar-cell-hover-border-color);color:var(--calendar-cell-hover-text-color);font-size:var(--calendar-cell-hover-text-font-size);font-weight:var(--calendar-cell-hover-text-font-weight);line-height:var(--calendar-cell-hover-text-line-height)}nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content,nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content,nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content{background-color:var(--calendar-cell-active-background-color);border-color:var(--calendar-cell-active-border-color);color:var(--calendar-cell-active-text-color);font-size:var(--calendar-cell-active-text-font-size);font-weight:var(--calendar-cell-active-text-font-weight);line-height:var(--calendar-cell-active-text-line-height)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content{background-color:var(--calendar-cell-today-background-color);border:1px solid var(--calendar-cell-today-border-color);color:var(--calendar-cell-today-text-color);font-size:var(--calendar-cell-today-text-font-size);font-weight:var(--calendar-cell-today-text-font-weight);line-height:var(--calendar-cell-today-text-line-height)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover{background-color:var(--calendar-cell-today-hover-background-color);border-color:var(--calendar-cell-today-hover-border-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active{background-color:var(--calendar-cell-today-active-background-color);border-color:var(--calendar-cell-today-active-border-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content,nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content,nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content{background-color:var(--calendar-cell-selected-background-color);border-color:var(--calendar-cell-selected-border-color);color:var(--calendar-cell-selected-text-color);font-size:var(--calendar-cell-selected-text-font-size);font-weight:var(--calendar-cell-selected-text-font-weight);line-height:var(--calendar-cell-selected-text-line-height)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover,nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover,nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover{background-color:var(--calendar-cell-selected-hover-background-color);border-color:var(--calendar-cell-selected-hover-border-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active,nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active,nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active{background-color:var(--calendar-cell-selected-active-background-color);border-color:var(--calendar-cell-selected-active-border-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected{background-color:var(--calendar-cell-selected-background-color);border-radius:var(--calendar-border-radius)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content{background-color:var(--calendar-cell-today-selected-background-color);border-color:var(--calendar-cell-today-selected-border-color);color:var(--calendar-cell-today-selected-text-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover{background-color:var(--calendar-cell-today-selected-hover-background-color);border-color:var(--calendar-cell-today-selected-hover-border-color)}nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus{background-color:var(--calendar-cell-today-selected-active-background-color);border-color:var(--calendar-cell-today-selected-active-border-color)}nb-calendar-picker .day-cell.disabled,nb-calendar-picker .month-cell.disabled,nb-calendar-picker .year-cell.disabled{color:var(--calendar-cell-disabled-text-color)}nb-calendar-picker .day-cell.disabled.today .cell-content,nb-calendar-picker .month-cell.disabled.today .cell-content,nb-calendar-picker .year-cell.disabled.today .cell-content{border:1px solid var(--calendar-cell-today-disabled-border-color)}nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty){background-color:var(--calendar-cell-selected-background-color);border-radius:0}[dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start{border-top-left-radius:var(--calendar-border-radius);border-bottom-left-radius:var(--calendar-border-radius)}[dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start{border-top-right-radius:var(--calendar-border-radius);border-bottom-right-radius:var(--calendar-border-radius)}[dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end{border-top-right-radius:var(--calendar-border-radius);border-bottom-right-radius:var(--calendar-border-radius)}[dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end{border-top-left-radius:var(--calendar-border-radius);border-bottom-left-radius:var(--calendar-border-radius)}nb-base-calendar nb-card{background-color:var(--calendar-background-color);border:var(--calendar-border-width) var(--calendar-border-style) var(--calendar-border-color);box-shadow:none;margin:0;width:var(--calendar-width);overflow:hidden}nb-base-calendar nb-card-body{padding:0}nb-base-calendar .calendar-navigation{border:none;display:flex;padding:var(--calendar-navigation-padding);color:var(--calendar-navigation-text-color);font-family:var(--calendar-navigation-text-font-family);font-size:var(--calendar-navigation-title-text-font-size);font-weight:var(--calendar-navigation-title-text-font-weight);line-height:var(--calendar-navigation-title-text-line-height)}nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container,nb-base-calendar:not(.has-navigation) nb-calendar-days-names{border-top:0}nb-base-calendar.has-week-number nb-card{width:calc(var(--calendar-width) + var(--calendar-weeknumber-width) + var(--calendar-weeknumber-divider-width))}nb-base-calendar.has-week-number .month-cell,nb-base-calendar.has-week-number .year-cell{flex:1 0 auto}nb-base-calendar.size-large nb-card{width:var(--calendar-large-width)}nb-base-calendar.size-large.has-week-number nb-card{width:calc(var(--calendar-large-width) + var(--calendar-weeknumber-large-width) + var(--calendar-weeknumber-divider-width))}nb-card{background-color:var(--card-background-color);border:var(--card-border-width) var(--card-border-style) var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);color:var(--card-text-color);font-family:var(--card-text-font-family);font-size:var(--card-text-font-size);font-weight:var(--card-text-font-weight);line-height:var(--card-text-line-height);margin-bottom:var(--card-margin-bottom);scrollbar-face-color:var(--card-scrollbar-color);scrollbar-track-color:var(--card-scrollbar-background-color)}nb-card::-webkit-scrollbar{width:var(--card-scrollbar-width);height:var(--card-scrollbar-width)}nb-card::-webkit-scrollbar-thumb{background:var(--card-scrollbar-color);cursor:pointer;border-radius:calc(var(--card-scrollbar-width) * 0.5)}nb-card::-webkit-scrollbar-track{background:var(--card-scrollbar-background-color)}nb-card::-webkit-scrollbar-corner{background:var(--card-scrollbar-background-color)}nb-card.size-tiny{height:var(--card-height-tiny)}nb-card.size-small{height:var(--card-height-small)}nb-card.size-medium{height:var(--card-height-medium)}nb-card.size-large{height:var(--card-height-large)}nb-card.size-giant{height:var(--card-height-giant)}nb-card.status-basic nb-card-header{background-color:var(--card-header-basic-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-basic-background-color);color:var(--card-header-basic-text-color)}nb-card.status-basic nb-card-header a,nb-card.status-basic nb-card-header a:hover{color:var(--card-header-basic-text-color)}nb-card.status-primary nb-card-header{background-color:var(--card-header-primary-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-primary-background-color);color:var(--card-header-primary-text-color)}nb-card.status-primary nb-card-header a,nb-card.status-primary nb-card-header a:hover{color:var(--card-header-primary-text-color)}nb-card.status-success nb-card-header{background-color:var(--card-header-success-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-success-background-color);color:var(--card-header-success-text-color)}nb-card.status-success nb-card-header a,nb-card.status-success nb-card-header a:hover{color:var(--card-header-success-text-color)}nb-card.status-warning nb-card-header{background-color:var(--card-header-warning-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-warning-background-color);color:var(--card-header-warning-text-color)}nb-card.status-warning nb-card-header a,nb-card.status-warning nb-card-header a:hover{color:var(--card-header-warning-text-color)}nb-card.status-danger nb-card-header{background-color:var(--card-header-danger-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-danger-background-color);color:var(--card-header-danger-text-color)}nb-card.status-danger nb-card-header a,nb-card.status-danger nb-card-header a:hover{color:var(--card-header-danger-text-color)}nb-card.status-info nb-card-header{background-color:var(--card-header-info-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-info-background-color);color:var(--card-header-info-text-color)}nb-card.status-info nb-card-header a,nb-card.status-info nb-card-header a:hover{color:var(--card-header-info-text-color)}nb-card.status-control nb-card-header{background-color:var(--card-header-control-background-color);border-bottom-width:0;border-bottom-color:var(--card-header-control-background-color);color:var(--card-header-control-text-color)}nb-card.status-control nb-card-header a,nb-card.status-control nb-card-header a:hover{color:var(--card-header-control-text-color)}nb-card.accent-basic{border-top-color:var(--card-header-basic-background-color)}nb-card.accent-primary{border-top-color:var(--card-header-primary-background-color)}nb-card.accent-success{border-top-color:var(--card-header-success-background-color)}nb-card.accent-warning{border-top-color:var(--card-header-warning-background-color)}nb-card.accent-danger{border-top-color:var(--card-header-danger-background-color)}nb-card.accent-info{border-top-color:var(--card-header-info-background-color)}nb-card.accent-control{border-top-color:var(--card-header-control-background-color)}nb-card.accent{border-top-style:var(--card-border-style);border-top-width:var(--card-border-radius)}nb-card.accent nb-card-header{border-radius:0}nb-card-body{flex:1;-ms-flex:1 1 auto;overflow:auto;padding:var(--card-padding);position:relative;scrollbar-face-color:var(--card-scrollbar-color);scrollbar-track-color:var(--card-scrollbar-background-color)}nb-card-body::-webkit-scrollbar{width:var(--card-scrollbar-width);height:var(--card-scrollbar-width)}nb-card-body::-webkit-scrollbar-thumb{background:var(--card-scrollbar-color);cursor:pointer;border-radius:calc(var(--card-scrollbar-width) * 0.5)}nb-card-body::-webkit-scrollbar-track{background:var(--card-scrollbar-background-color)}nb-card-body::-webkit-scrollbar-corner{background:var(--card-scrollbar-background-color)}nb-card-footer{padding:var(--card-padding);border-top:var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);border-bottom-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius)}nb-card-header{padding:var(--card-padding);border-bottom:var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);border-top-left-radius:var(--card-border-radius);border-top-right-radius:var(--card-border-radius);color:var(--card-header-text-color);font-family:var(--card-header-text-font-family);font-size:var(--card-header-text-font-size);font-weight:var(--card-header-text-font-weight);line-height:var(--card-header-text-line-height)}nb-card-header h1{margin:0}nb-card-header h2{margin:0}nb-card-header h3{margin:0}nb-card-header h4{margin:0}nb-card-header h5{margin:0}nb-card-header h6{margin:0}nb-reveal-card{box-shadow:var(--card-shadow);margin-bottom:var(--card-margin-bottom)}.second-card-container{height:100%;border-radius:var(--card-border-radius)}.reveal-button{line-height:var(--card-text-line-height);padding:var(--card-padding)}.flip-button{line-height:var(--card-text-line-height);margin-bottom:var(--card-margin-bottom);padding:var(--card-padding)}[dir=ltr] .flipcard-body .front-container{margin-right:-100%}[dir=rtl] .flipcard-body .front-container{margin-left:-100%}nb-tabset{background-color:var(--tabset-background-color);border-radius:var(--tabset-border-radius);box-shadow:var(--tabset-shadow)}nb-tabset .tabset{border-bottom:var(--tabset-divider-width) var(--tabset-divider-style) var(--tabset-divider-color)}nb-tabset .tab-link{background-color:var(--tabset-tab-background-color);cursor:pointer;padding:var(--tabset-tab-padding);color:var(--tabset-tab-text-color);font-family:var(--tabset-tab-text-font-family);font-size:var(--tabset-tab-text-font-size);font-weight:var(--tabset-tab-text-font-weight);line-height:var(--tabset-tab-text-line-height);text-transform:var(--tabset-tab-text-transform)}nb-tabset .tab-link::before{background-color:var(--tabset-tab-underline-color);height:var(--tabset-tab-underline-width)}nb-tabset nb-badge.dot-mode.position-left{left:var(--tabset-tab–badge-dot-mode-horizontal-offset)}nb-tabset nb-badge.dot-mode.position-right{right:var(--tabset-tab–badge-dot-mode-horizontal-offset)}[dir=ltr] nb-tabset nb-badge.dot-mode.position-start{left:var(--tabset-tab–badge-dot-mode-horizontal-offset)}[dir=rtl] nb-tabset nb-badge.dot-mode.position-start{right:var(--tabset-tab–badge-dot-mode-horizontal-offset)}[dir=ltr] nb-tabset nb-badge.dot-mode.position-end{right:var(--tabset-tab–badge-dot-mode-horizontal-offset)}[dir=rtl] nb-tabset nb-badge.dot-mode.position-end{left:var(--tabset-tab–badge-dot-mode-horizontal-offset)}nb-tabset .tab.active .tab-link{background-color:var(--tabset-tab-active-background-color);color:var(--tabset-tab-active-text-color)}nb-tabset .tab.active .tab-link::before{background-color:var(--tabset-tab-active-underline-color)}nb-tabset .tab:focus .tab-link{background-color:var(--tabset-tab-focus-background-color);color:var(--tabset-tab-focus-text-color)}nb-tabset .tab:focus .tab-link::before{background-color:var(--tabset-tab-focus-underline-color)}nb-tabset .tab:hover .tab-link{color:var(--tabset-tab-hover-text-color);background-color:var(--tabset-tab-hover-background-color)}nb-tabset .tab:hover .tab-link::before{background-color:var(--tabset-tab-hover-underline-color)}nb-tabset .tab.disabled{cursor:default;pointer-events:none}nb-tabset .tab.disabled .tab-link{background-color:var(--tabset-tab-disabled-background-color);color:var(--tabset-tab-disabled-text-color);cursor:default;pointer-events:none}nb-tabset .tab.disabled .tab-link::before{background-color:var(--tabset-tab-disabled-underline-color)}@media screen and (max-width: 36rem){nb-tabset .tab.responsive .tab-text{display:none}}nb-tabset nb-tab{background-color:var(--tabset-content-background-color);color:var(--tabset-content-text-color);font-family:var(--tabset-content-text-font-family);font-size:var(--tabset-content-text-font-size);font-weight:var(--tabset-content-text-font-weight);line-height:var(--tabset-content-text-line-height);padding:var(--tabset-content-padding);scrollbar-face-color:var(--tabset-scrollbar-color);scrollbar-track-color:var(--tabset-scrollbar-background-color)}nb-tabset nb-tab::-webkit-scrollbar{width:var(--tabset-scrollbar-width);height:var(--tabset-scrollbar-width)}nb-tabset nb-tab::-webkit-scrollbar-thumb{background:var(--tabset-scrollbar-color);cursor:pointer;border-radius:calc(var(--tabset-scrollbar-width) * 0.5)}nb-tabset nb-tab::-webkit-scrollbar-track{background:var(--tabset-scrollbar-background-color)}nb-tabset nb-tab::-webkit-scrollbar-corner{background:var(--tabset-scrollbar-background-color)}nb-route-tabset{scrollbar-face-color:var(--route-tabset-scrollbar-color);scrollbar-track-color:var(--route-tabset-scrollbar-background-color);background-color:var(--route-tabset-background-color);border-radius:var(--route-tabset-border-radius);box-shadow:var(--route-tabset-shadow)}nb-route-tabset::-webkit-scrollbar{width:var(--route-tabset-scrollbar-width);height:var(--route-tabset-scrollbar-width)}nb-route-tabset::-webkit-scrollbar-thumb{background:var(--route-tabset-scrollbar-color);cursor:pointer;border-radius:calc(var(--route-tabset-scrollbar-width) * 0.5)}nb-route-tabset::-webkit-scrollbar-track{background:var(--route-tabset-scrollbar-background-color)}nb-route-tabset::-webkit-scrollbar-corner{background:var(--route-tabset-scrollbar-background-color)}nb-route-tabset .route-tabset{border-bottom:var(--route-tabset-divider-width) var(--route-tabset-divider-style) var(--route-tabset-divider-color)}nb-route-tabset .tab-link{background-color:var(--route-tabset-tab-background-color);cursor:pointer;padding:var(--route-tabset-tab-padding);color:var(--route-tabset-tab-text-color);font-family:var(--route-tabset-tab-text-font-family);font-size:var(--route-tabset-tab-text-font-size);font-weight:var(--route-tabset-tab-text-font-weight);line-height:var(--route-tabset-tab-text-line-height);text-transform:var(--route-tabset-tab-text-transform)}nb-route-tabset .tab-link::before{background-color:var(--route-tabset-tab-underline-color);height:var(--route-tabset-tab-underline-width)}nb-route-tabset .route-tab.active .tab-link{background-color:var(--tabset-tab-active-background-color);color:var(--tabset-tab-active-text-color)}nb-route-tabset .route-tab.active .tab-link::before{background-color:var(--tabset-tab-active-underline-color)}nb-route-tabset .tab-link:focus{background-color:var(--route-tabset-tab-focus-background-color);color:var(--route-tabset-tab-focus-text-color)}nb-route-tabset .tab-link:focus::before{background-color:var(--route-tabset-tab-focus-underline-color)}nb-route-tabset .tab-link:hover{background-color:var(--route-tabset-tab-hover-background-color);color:var(--route-tabset-tab-hover-text-color)}nb-route-tabset .tab-link:hover::before{background-color:var(--route-tabset-tab-hover-underline-color)}nb-route-tabset .route-tab.disabled{cursor:default;pointer-events:none}nb-route-tabset .route-tab.disabled .tab-link{background-color:var(--route-tabset-tab-disabled-background-color);color:var(--route-tabset-tab-disabled-text-color);cursor:default;pointer-events:none}nb-route-tabset .route-tab.disabled .tab-link::before{background-color:var(--route-tabset-tab-disabled-underline-color)}@media screen and (max-width: 36rem){nb-route-tabset .route-tab.responsive .tab-text{display:none}}nb-menu{background-color:var(--menu-background-color)}nb-menu ul.menu-items{margin:0;padding:0}nb-menu .menu-group,nb-menu .menu-item a{font-family:var(--menu-text-font-family);font-size:var(--menu-text-font-size);font-weight:var(--menu-text-font-weight);line-height:var(--menu-text-line-height);padding:var(--menu-item-padding)}nb-menu .menu-group,nb-menu .menu-group nb-icon.menu-icon{color:var(--menu-group-text-color)}nb-menu .menu-item a{color:var(--menu-text-color);border-radius:var(--menu-item-border-radius)}nb-menu .menu-item a.active{background-color:var(--menu-item-active-background-color);color:var(--menu-item-active-text-color)}nb-menu .menu-item a.active .menu-icon{color:var(--menu-item-icon-active-color)}nb-menu .menu-item a:hover{background-color:var(--menu-item-hover-background-color);color:var(--menu-item-hover-text-color);cursor:var(--menu-item-hover-cursor)}nb-menu .menu-item a:hover .menu-icon{color:var(--menu-item-icon-hover-color)}nb-menu .menu-item .menu-icon{color:var(--menu-item-icon-color);font-size:var(--menu-item-icon-width);margin:var(--menu-item-icon-margin);width:1em;text-align:center}nb-menu .menu-item .expand-state{color:var(--menu-item-icon-color)}nb-menu .menu-item{border-bottom:var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color)}nb-menu .menu-item:first-child{border-top:none}nb-menu .menu-item:last-child{border-bottom:none}nb-menu .menu-item .menu-item:first-child{border-top:var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color)}nb-menu .menu-item>.menu-items{background-color:var(--menu-submenu-background-color);margin:var(--menu-submenu-margin);padding:var(--menu-submenu-padding)}nb-menu .menu-item>.menu-items>.menu-item{background:var(--menu-submenu-background-color);color:var(--menu-submenu-text-color)}nb-menu .menu-item>.menu-items>.menu-item a{border-color:var(--menu-submenu-item-border-color);border-style:var(--menu-submenu-item-border-style);border-width:var(--menu-submenu-item-border-width);padding:var(--menu-submenu-item-padding)}nb-menu .menu-item>.menu-items>.menu-item a.active{background-color:var(--menu-submenu-item-active-background-color);border-color:var(--menu-submenu-item-active-border-color);color:var(--menu-submenu-item-active-text-color)}nb-menu .menu-item>.menu-items>.menu-item a.active .menu-icon{color:var(--menu-submenu-item-icon-active-color)}nb-menu .menu-item>.menu-items>.menu-item a:hover{background-color:var(--menu-submenu-item-hover-background-color);border-color:var(--menu-submenu-item-hover-border-color);color:var(--menu-submenu-item-hover-text-color)}nb-menu .menu-item>.menu-items>.menu-item a:hover .menu-icon{color:var(--menu-submenu-item-icon-hover-color)}nb-menu .menu-item>.menu-items>.menu-item a.active:hover{background-color:var(--menu-submenu-item-active-hover-background-color);border-color:var(--menu-submenu-item-active-hover-border-color);color:var(--menu-submenu-item-active-hover-text-color)}nb-menu .menu-item>.menu-items>.menu-item a.active:hover .menu-icon{color:var(--menu-submenu-item-icon-active-hover-color)}nb-menu .menu-item>.menu-items>.menu-group,nb-menu .menu-item>.menu-items>.menu-group nb-icon.menu-icon{color:var(--menu-group-text-color)}nb-user .user-picture{background-color:var(--user-picture-box-background-color);border:var(--user-picture-box-border-width) solid var(--user-picture-box-border-color)}nb-user .initials{color:var(--user-initials-text-color);font-family:var(--user-initials-text-font-family);font-weight:var(--user-initials-text-font-weight)}nb-user .user-name{color:var(--user-name-text-color);font-family:var(--user-name-text-font-family);font-weight:var(--user-name-text-font-weight)}nb-user .user-title{color:var(--user-title-text-color);font-family:var(--user-title-text-font-family);font-weight:var(--user-title-text-font-weight)}nb-user.size-tiny .user-picture{height:var(--user-tiny-height);width:var(--user-tiny-width)}nb-user.size-tiny .initials{font-size:var(--user-tiny-initials-text-font-size);line-height:var(--user-tiny-initials-text-line-height)}nb-user.size-tiny .user-name{font-size:var(--user-tiny-name-text-font-size);line-height:var(--user-tiny-name-text-line-height)}nb-user.size-tiny .user-title{font-size:var(--user-tiny-title-text-font-size);line-height:var(--user-tiny-title-text-line-height)}nb-user.size-small .user-picture{height:var(--user-small-height);width:var(--user-small-width)}nb-user.size-small .initials{font-size:var(--user-small-initials-text-font-size);line-height:var(--user-small-initials-text-line-height)}nb-user.size-small .user-name{font-size:var(--user-small-name-text-font-size);line-height:var(--user-small-name-text-line-height)}nb-user.size-small .user-title{font-size:var(--user-small-title-text-font-size);line-height:var(--user-small-title-text-line-height)}nb-user.size-medium .user-picture{height:var(--user-medium-height);width:var(--user-medium-width)}nb-user.size-medium .initials{font-size:var(--user-medium-initials-text-font-size);line-height:var(--user-medium-initials-text-line-height)}nb-user.size-medium .user-name{font-size:var(--user-medium-name-text-font-size);line-height:var(--user-medium-name-text-line-height)}nb-user.size-medium .user-title{font-size:var(--user-medium-title-text-font-size);line-height:var(--user-medium-title-text-line-height)}nb-user.size-large .user-picture{height:var(--user-large-height);width:var(--user-large-width)}nb-user.size-large .initials{font-size:var(--user-large-initials-text-font-size);line-height:var(--user-large-initials-text-line-height)}nb-user.size-large .user-name{font-size:var(--user-large-name-text-font-size);line-height:var(--user-large-name-text-line-height)}nb-user.size-large .user-title{font-size:var(--user-large-title-text-font-size);line-height:var(--user-large-title-text-line-height)}nb-user.size-giant .user-picture{height:var(--user-giant-height);width:var(--user-giant-width)}nb-user.size-giant .initials{font-size:var(--user-giant-initials-text-font-size);line-height:var(--user-giant-initials-text-line-height)}nb-user.size-giant .user-name{font-size:var(--user-giant-name-text-font-size);line-height:var(--user-giant-name-text-line-height)}nb-user.size-giant .user-title{font-size:var(--user-giant-title-text-font-size);line-height:var(--user-giant-title-text-line-height)}nb-user.shape-rectangle .user-picture{border-radius:var(--user-rectangle-border-radius)}nb-user.shape-semi-round .user-picture{border-radius:var(--user-semi-round-border-radius)}nb-user.shape-round .user-picture{border-radius:var(--user-round-border-radius)}nb-actions{background-color:var(--actions-background-color);color:var(--actions-text-color);font-family:var(--actions-text-font-family);font-weight:var(--actions-text-font-weight);line-height:var(--actions-text-line-height)}nb-actions.size-tiny nb-action{font-size:var(--actions-tiny-text-font-size);height:var(--actions-tiny-height);padding:var(--actions-tiny-padding)}nb-actions.size-tiny nb-action nb-icon{font-size:var(--actions-tiny-icon-height)}nb-actions.size-small nb-action{font-size:var(--actions-small-text-font-size);height:var(--actions-small-height);padding:var(--actions-small-padding)}nb-actions.size-small nb-action nb-icon{font-size:var(--actions-small-icon-height)}nb-actions.size-medium nb-action{font-size:var(--actions-medium-text-font-size);height:var(--actions-medium-height);padding:var(--actions-medium-padding)}nb-actions.size-medium nb-action nb-icon{font-size:var(--actions-medium-icon-height)}nb-actions.size-large nb-action{font-size:var(--actions-large-text-font-size);height:var(--actions-large-height);padding:var(--actions-large-padding)}nb-actions.size-large nb-action nb-icon{font-size:var(--actions-large-icon-height)}nb-actions.size-giant nb-action{font-size:var(--actions-giant-text-font-size);height:var(--actions-giant-height);padding:var(--actions-giant-padding)}nb-actions.size-giant nb-action nb-icon{font-size:var(--actions-giant-icon-height)}[dir=ltr] nb-action{border-left:var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color)}[dir=rtl] nb-action{border-right:var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color)}[dir=ltr] nb-action:first-child{border-left:none !important}[dir=rtl] nb-action:first-child{border-right:none !important}nb-action nb-icon{color:var(--actions-icon-color)}nb-action.disabled{color:var(--actions-disabled-text-color)}nb-action.disabled nb-icon{color:var(--actions-disabled-icon-color)}nb-search-field .close-button{z-index:1}nb-search-field .search{background:var(--search-background-color)}nb-search-field .search span.info{color:var(--search-info-text-color);font-family:var(--search-info-text-font-family);font-size:var(--search-info-text-font-size);font-weight:var(--search-info-text-font-weight);line-height:var(--search-info-text-line-height)}nb-search-field .search input{border-bottom:var(--search-divider-width) var(--search-divider-style) var(--search-divider-color);color:var(--search-text-color);font-family:var(--search-text-font-family);font-size:var(--search-text-font-size);font-weight:var(--search-text-font-weight);line-height:var(--search-text-line-height)}nb-search-field .search input::-moz-placeholder{color:var(--search-placeholder-text-color)}nb-search-field .search input::placeholder{color:var(--search-placeholder-text-color)}nb-search-field .search input::-ms-clear{display:none}nb-search-field.rotate-layout{opacity:0;background:var(--search-background-color)}nb-search-field.modal-zoomin .search::before,nb-search-field.modal-zoomin .search::after{border:1.5rem solid var(--search-extra-background-color)}nb-search-field.modal-half .form-wrapper{background:var(--search-background-color)}nb-search-field.modal-half .search::before{background:var(--search-extra-background-color)}nb-search-field.modal-drop .form-content::after{background:var(--search-divider-color)}nb-search-field.modal-drop .search::before{background:var(--search-background-color)}nb-search-field.curtain .search::after{background:var(--search-background-color)}nb-search-field.curtain .search{background:var(--search-background-color)}nb-search-field.column-curtain::before{background:var(--search-background-color)}nb-search-field.column-curtain::after{background:transparent}nb-search-field.column-curtain.show::after{background:var(--search-extra-background-color)}.nb-spinner-container{position:relative}nb-spinner .message{color:var(--spinner-text-color);font-family:var(--spinner-text-font-family);font-size:var(--spinner-text-font-size);font-weight:var(--spinner-text-font-weight);line-height:var(--spinner-text-line-height)}nb-spinner.status-basic{background-color:var(--spinner-basic-background-color)}nb-spinner.status-basic .spin-circle{border-top-color:var(--spinner-basic-circle-filled-color);border-right-color:var(--spinner-basic-circle-empty-color);border-bottom-color:var(--spinner-basic-circle-filled-color);border-left-color:var(--spinner-basic-circle-filled-color)}nb-spinner.status-primary{background-color:var(--spinner-primary-background-color)}nb-spinner.status-primary .spin-circle{border-top-color:var(--spinner-primary-circle-filled-color);border-right-color:var(--spinner-primary-circle-empty-color);border-bottom-color:var(--spinner-primary-circle-filled-color);border-left-color:var(--spinner-primary-circle-filled-color)}nb-spinner.status-success{background-color:var(--spinner-success-background-color)}nb-spinner.status-success .spin-circle{border-top-color:var(--spinner-success-circle-filled-color);border-right-color:var(--spinner-success-circle-empty-color);border-bottom-color:var(--spinner-success-circle-filled-color);border-left-color:var(--spinner-success-circle-filled-color)}nb-spinner.status-warning{background-color:var(--spinner-warning-background-color)}nb-spinner.status-warning .spin-circle{border-top-color:var(--spinner-warning-circle-filled-color);border-right-color:var(--spinner-warning-circle-empty-color);border-bottom-color:var(--spinner-warning-circle-filled-color);border-left-color:var(--spinner-warning-circle-filled-color)}nb-spinner.status-danger{background-color:var(--spinner-danger-background-color)}nb-spinner.status-danger .spin-circle{border-top-color:var(--spinner-danger-circle-filled-color);border-right-color:var(--spinner-danger-circle-empty-color);border-bottom-color:var(--spinner-danger-circle-filled-color);border-left-color:var(--spinner-danger-circle-filled-color)}nb-spinner.status-info{background-color:var(--spinner-info-background-color)}nb-spinner.status-info .spin-circle{border-top-color:var(--spinner-info-circle-filled-color);border-right-color:var(--spinner-info-circle-empty-color);border-bottom-color:var(--spinner-info-circle-filled-color);border-left-color:var(--spinner-info-circle-filled-color)}nb-spinner.status-control{background-color:var(--spinner-control-background-color)}nb-spinner.status-control .spin-circle{border-top-color:var(--spinner-control-circle-filled-color);border-right-color:var(--spinner-control-circle-empty-color);border-bottom-color:var(--spinner-control-circle-filled-color);border-left-color:var(--spinner-control-circle-filled-color)}nb-spinner.size-tiny{font-size:var(--spinner-height-tiny)}nb-spinner.size-small{font-size:var(--spinner-height-small)}nb-spinner.size-medium{font-size:var(--spinner-height-medium)}nb-spinner.size-large{font-size:var(--spinner-height-large)}nb-spinner.size-giant{font-size:var(--spinner-height-giant)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}40%{transform:rotate(230deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}40%{transform:rotate(230deg)}100%{transform:rotate(360deg)}}.nb-timepicker-container{width:var(--timepicker-container-width);height:var(--timepicker-container-height)}.nb-timepicker-container .list-item{color:var(--timepicker-cell-text-color);font-size:var(--timepicker-cell-text-font-size);font-family:var(--timepicker-cell-text-font-family);height:var(--timepicker-cell-height);line-height:var(--timepicker-cell-text-line-height);font-weight:var(--timepicker-cell-text-font-weight)}.nb-timepicker-container .list-item:first-child{border-top:none}.nb-timepicker-container .list-item:hover{background-color:var(--timepicker-cell-hover-background-color);color:var(--timepicker-cell-hover-text-color)}.nb-timepicker-container .list-item:focus{background-color:var(--timepicker-cell-focus-background-color);color:var(--timepicker-cell-focus-text-color)}.nb-timepicker-container .list-item.selected{background-color:var(--timepicker-cell-active-background-color);color:var(--timepicker-cell-active-text-color)}.nb-timepicker-container .values-list{scrollbar-face-color:var(--timepicker-scrollbar-color);scrollbar-track-color:var(--timepicker-scrollbar-background-color)}[dir=ltr] .nb-timepicker-container .values-list:not(:last-of-type){border-right:var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color)}[dir=rtl] .nb-timepicker-container .values-list:not(:last-of-type){border-left:var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color)}.nb-timepicker-container .values-list::-webkit-scrollbar{width:var(--timepicker-scrollbar-width);height:var(--timepicker-scrollbar-width)}.nb-timepicker-container .values-list::-webkit-scrollbar-thumb{background:var(--timepicker-scrollbar-color);cursor:pointer;border-radius:calc(var(--timepicker-scrollbar-width) * 0.5)}.nb-timepicker-container .values-list::-webkit-scrollbar-track{background:var(--timepicker-scrollbar-background-color)}.nb-timepicker-container .values-list::-webkit-scrollbar-corner{background:var(--timepicker-scrollbar-background-color)}[dir=ltr] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item){margin-right:calc(var(--timepicker-scrollbar-width) * -1)}[dir=rtl] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item){margin-left:calc(var(--timepicker-scrollbar-width) * -1)}.nb-timepicker-container .header-cell{color:var(--timepicker-header-cell-text-color);font-size:var(--timepicker-header-cell-text-font-size);font-family:var(--timepicker-header-cell-text-font-family);height:var(--timepicker-header-cell-height);line-height:var(--timepicker-header-cell-text-line-height);font-weight:var(--timepicker-header-cell-text-font-weight)}[dir=ltr] .nb-timepicker-container .header-cell:not(:last-child){border-right:var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color)}[dir=rtl] .nb-timepicker-container .header-cell:not(:last-child){border-left:var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color)}.nb-timepicker-container .column-header{border-bottom:var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color)}[dir=ltr] .nb-timepicker-container .actions-footer{padding-left:.625rem}[dir=rtl] .nb-timepicker-container .actions-footer{padding-right:.625rem}nb-checkbox .label{padding:var(--checkbox-padding)}nb-checkbox .custom-checkbox{width:var(--checkbox-width);height:var(--checkbox-height);border-style:var(--checkbox-border-style);border-width:var(--checkbox-border-width);border-radius:var(--checkbox-border-radius);position:relative}nb-checkbox .native-input:focus:not(:checked)+.custom-checkbox{box-shadow:0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color)}nb-checkbox .native-input:focus:not(:checked)+.custom-checkbox:not(:hover):not(:active){box-shadow:0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color),inset var(--checkbox-focus-inset-shadow-length) var(--checkbox-outline-color)}nb-checkbox .native-input:focus:checked+.custom-checkbox{box-shadow:0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color)}nb-checkbox .custom-checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%}nb-checkbox .text{font-family:var(--checkbox-text-font-family);font-size:var(--checkbox-text-font-size);font-weight:var(--checkbox-text-font-weight);line-height:var(--checkbox-text-line-height)}[dir=ltr] nb-checkbox .text:not(:empty){padding-left:var(--checkbox-text-space)}[dir=rtl] nb-checkbox .text:not(:empty){padding-right:var(--checkbox-text-space)}nb-checkbox.status-basic .custom-checkbox{background-color:var(--checkbox-basic-background-color);border-color:var(--checkbox-basic-border-color)}nb-checkbox.status-basic .text{color:var(--checkbox-basic-text-color)}nb-checkbox.status-basic .custom-checkbox.checked{background-color:var(--checkbox-basic-checked-background-color);border-color:var(--checkbox-basic-checked-border-color)}nb-checkbox.status-basic .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-basic-checked-checkmark-color)}nb-checkbox.status-basic .custom-checkbox.indeterminate{background-color:var(--checkbox-basic-indeterminate-background-color);border-color:var(--checkbox-basic-indeterminate-border-color)}nb-checkbox.status-basic .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-basic-indeterminate-checkmark-color)}nb-checkbox.status-basic .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-basic-focus-background-color);border-color:var(--checkbox-basic-focus-border-color)}nb-checkbox.status-basic .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-basic .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-basic-focus-checked-background-color);border-color:var(--checkbox-basic-focus-checked-border-color)}nb-checkbox.status-basic .custom-checkbox:hover{background-color:var(--checkbox-basic-hover-background-color);border-color:var(--checkbox-basic-hover-border-color)}nb-checkbox.status-basic .custom-checkbox:hover.indeterminate,nb-checkbox.status-basic .custom-checkbox:hover.checked{background-color:var(--checkbox-basic-hover-checked-background-color);border-color:var(--checkbox-basic-hover-checked-border-color)}nb-checkbox.status-basic .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-basic-active-background-color);border-color:var(--checkbox-basic-active-border-color)}nb-checkbox.status-basic .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-basic .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-basic-active-checked-background-color);border-color:var(--checkbox-basic-active-checked-border-color)}nb-checkbox.status-basic .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-basic-disabled-background-color);border-color:var(--checkbox-basic-disabled-border-color)}nb-checkbox.status-basic .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-basic-disabled-checkmark-color)}nb-checkbox.status-basic .native-input:disabled~.text{color:var(--checkbox-basic-disabled-text-color)}nb-checkbox.status-basic .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-basic .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-basic-disabled-checked-background-color);border-color:var(--checkbox-basic-disabled-checked-border-color)}nb-checkbox.status-primary .custom-checkbox{background-color:var(--checkbox-primary-background-color);border-color:var(--checkbox-primary-border-color)}nb-checkbox.status-primary .text{color:var(--checkbox-primary-text-color)}nb-checkbox.status-primary .custom-checkbox.checked{background-color:var(--checkbox-primary-checked-background-color);border-color:var(--checkbox-primary-checked-border-color)}nb-checkbox.status-primary .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-primary-checked-checkmark-color)}nb-checkbox.status-primary .custom-checkbox.indeterminate{background-color:var(--checkbox-primary-indeterminate-background-color);border-color:var(--checkbox-primary-indeterminate-border-color)}nb-checkbox.status-primary .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-primary-indeterminate-checkmark-color)}nb-checkbox.status-primary .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-primary-focus-background-color);border-color:var(--checkbox-primary-focus-border-color)}nb-checkbox.status-primary .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-primary .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-primary-focus-checked-background-color);border-color:var(--checkbox-primary-focus-checked-border-color)}nb-checkbox.status-primary .custom-checkbox:hover{background-color:var(--checkbox-primary-hover-background-color);border-color:var(--checkbox-primary-hover-border-color)}nb-checkbox.status-primary .custom-checkbox:hover.indeterminate,nb-checkbox.status-primary .custom-checkbox:hover.checked{background-color:var(--checkbox-primary-hover-checked-background-color);border-color:var(--checkbox-primary-hover-checked-border-color)}nb-checkbox.status-primary .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-primary-active-background-color);border-color:var(--checkbox-primary-active-border-color)}nb-checkbox.status-primary .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-primary .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-primary-active-checked-background-color);border-color:var(--checkbox-primary-active-checked-border-color)}nb-checkbox.status-primary .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-primary-disabled-background-color);border-color:var(--checkbox-primary-disabled-border-color)}nb-checkbox.status-primary .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-primary-disabled-checkmark-color)}nb-checkbox.status-primary .native-input:disabled~.text{color:var(--checkbox-primary-disabled-text-color)}nb-checkbox.status-primary .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-primary .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-primary-disabled-checked-background-color);border-color:var(--checkbox-primary-disabled-checked-border-color)}nb-checkbox.status-success .custom-checkbox{background-color:var(--checkbox-success-background-color);border-color:var(--checkbox-success-border-color)}nb-checkbox.status-success .text{color:var(--checkbox-success-text-color)}nb-checkbox.status-success .custom-checkbox.checked{background-color:var(--checkbox-success-checked-background-color);border-color:var(--checkbox-success-checked-border-color)}nb-checkbox.status-success .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-success-checked-checkmark-color)}nb-checkbox.status-success .custom-checkbox.indeterminate{background-color:var(--checkbox-success-indeterminate-background-color);border-color:var(--checkbox-success-indeterminate-border-color)}nb-checkbox.status-success .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-success-indeterminate-checkmark-color)}nb-checkbox.status-success .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-success-focus-background-color);border-color:var(--checkbox-success-focus-border-color)}nb-checkbox.status-success .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-success .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-success-focus-checked-background-color);border-color:var(--checkbox-success-focus-checked-border-color)}nb-checkbox.status-success .custom-checkbox:hover{background-color:var(--checkbox-success-hover-background-color);border-color:var(--checkbox-success-hover-border-color)}nb-checkbox.status-success .custom-checkbox:hover.indeterminate,nb-checkbox.status-success .custom-checkbox:hover.checked{background-color:var(--checkbox-success-hover-checked-background-color);border-color:var(--checkbox-success-hover-checked-border-color)}nb-checkbox.status-success .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-success-active-background-color);border-color:var(--checkbox-success-active-border-color)}nb-checkbox.status-success .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-success .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-success-active-checked-background-color);border-color:var(--checkbox-success-active-checked-border-color)}nb-checkbox.status-success .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-success-disabled-background-color);border-color:var(--checkbox-success-disabled-border-color)}nb-checkbox.status-success .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-success-disabled-checkmark-color)}nb-checkbox.status-success .native-input:disabled~.text{color:var(--checkbox-success-disabled-text-color)}nb-checkbox.status-success .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-success .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-success-disabled-checked-background-color);border-color:var(--checkbox-success-disabled-checked-border-color)}nb-checkbox.status-warning .custom-checkbox{background-color:var(--checkbox-warning-background-color);border-color:var(--checkbox-warning-border-color)}nb-checkbox.status-warning .text{color:var(--checkbox-warning-text-color)}nb-checkbox.status-warning .custom-checkbox.checked{background-color:var(--checkbox-warning-checked-background-color);border-color:var(--checkbox-warning-checked-border-color)}nb-checkbox.status-warning .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-warning-checked-checkmark-color)}nb-checkbox.status-warning .custom-checkbox.indeterminate{background-color:var(--checkbox-warning-indeterminate-background-color);border-color:var(--checkbox-warning-indeterminate-border-color)}nb-checkbox.status-warning .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-warning-indeterminate-checkmark-color)}nb-checkbox.status-warning .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-warning-focus-background-color);border-color:var(--checkbox-warning-focus-border-color)}nb-checkbox.status-warning .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-warning .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-warning-focus-checked-background-color);border-color:var(--checkbox-warning-focus-checked-border-color)}nb-checkbox.status-warning .custom-checkbox:hover{background-color:var(--checkbox-warning-hover-background-color);border-color:var(--checkbox-warning-hover-border-color)}nb-checkbox.status-warning .custom-checkbox:hover.indeterminate,nb-checkbox.status-warning .custom-checkbox:hover.checked{background-color:var(--checkbox-warning-hover-checked-background-color);border-color:var(--checkbox-warning-hover-checked-border-color)}nb-checkbox.status-warning .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-warning-active-background-color);border-color:var(--checkbox-warning-active-border-color)}nb-checkbox.status-warning .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-warning .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-warning-active-checked-background-color);border-color:var(--checkbox-warning-active-checked-border-color)}nb-checkbox.status-warning .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-warning-disabled-background-color);border-color:var(--checkbox-warning-disabled-border-color)}nb-checkbox.status-warning .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-warning-disabled-checkmark-color)}nb-checkbox.status-warning .native-input:disabled~.text{color:var(--checkbox-warning-disabled-text-color)}nb-checkbox.status-warning .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-warning .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-warning-disabled-checked-background-color);border-color:var(--checkbox-warning-disabled-checked-border-color)}nb-checkbox.status-danger .custom-checkbox{background-color:var(--checkbox-danger-background-color);border-color:var(--checkbox-danger-border-color)}nb-checkbox.status-danger .text{color:var(--checkbox-danger-text-color)}nb-checkbox.status-danger .custom-checkbox.checked{background-color:var(--checkbox-danger-checked-background-color);border-color:var(--checkbox-danger-checked-border-color)}nb-checkbox.status-danger .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-danger-checked-checkmark-color)}nb-checkbox.status-danger .custom-checkbox.indeterminate{background-color:var(--checkbox-danger-indeterminate-background-color);border-color:var(--checkbox-danger-indeterminate-border-color)}nb-checkbox.status-danger .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-danger-indeterminate-checkmark-color)}nb-checkbox.status-danger .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-danger-focus-background-color);border-color:var(--checkbox-danger-focus-border-color)}nb-checkbox.status-danger .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-danger .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-danger-focus-checked-background-color);border-color:var(--checkbox-danger-focus-checked-border-color)}nb-checkbox.status-danger .custom-checkbox:hover{background-color:var(--checkbox-danger-hover-background-color);border-color:var(--checkbox-danger-hover-border-color)}nb-checkbox.status-danger .custom-checkbox:hover.indeterminate,nb-checkbox.status-danger .custom-checkbox:hover.checked{background-color:var(--checkbox-danger-hover-checked-background-color);border-color:var(--checkbox-danger-hover-checked-border-color)}nb-checkbox.status-danger .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-danger-active-background-color);border-color:var(--checkbox-danger-active-border-color)}nb-checkbox.status-danger .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-danger .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-danger-active-checked-background-color);border-color:var(--checkbox-danger-active-checked-border-color)}nb-checkbox.status-danger .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-danger-disabled-background-color);border-color:var(--checkbox-danger-disabled-border-color)}nb-checkbox.status-danger .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-danger-disabled-checkmark-color)}nb-checkbox.status-danger .native-input:disabled~.text{color:var(--checkbox-danger-disabled-text-color)}nb-checkbox.status-danger .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-danger .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-danger-disabled-checked-background-color);border-color:var(--checkbox-danger-disabled-checked-border-color)}nb-checkbox.status-info .custom-checkbox{background-color:var(--checkbox-info-background-color);border-color:var(--checkbox-info-border-color)}nb-checkbox.status-info .text{color:var(--checkbox-info-text-color)}nb-checkbox.status-info .custom-checkbox.checked{background-color:var(--checkbox-info-checked-background-color);border-color:var(--checkbox-info-checked-border-color)}nb-checkbox.status-info .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-info-checked-checkmark-color)}nb-checkbox.status-info .custom-checkbox.indeterminate{background-color:var(--checkbox-info-indeterminate-background-color);border-color:var(--checkbox-info-indeterminate-border-color)}nb-checkbox.status-info .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-info-indeterminate-checkmark-color)}nb-checkbox.status-info .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-info-focus-background-color);border-color:var(--checkbox-info-focus-border-color)}nb-checkbox.status-info .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-info .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-info-focus-checked-background-color);border-color:var(--checkbox-info-focus-checked-border-color)}nb-checkbox.status-info .custom-checkbox:hover{background-color:var(--checkbox-info-hover-background-color);border-color:var(--checkbox-info-hover-border-color)}nb-checkbox.status-info .custom-checkbox:hover.indeterminate,nb-checkbox.status-info .custom-checkbox:hover.checked{background-color:var(--checkbox-info-hover-checked-background-color);border-color:var(--checkbox-info-hover-checked-border-color)}nb-checkbox.status-info .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-info-active-background-color);border-color:var(--checkbox-info-active-border-color)}nb-checkbox.status-info .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-info .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-info-active-checked-background-color);border-color:var(--checkbox-info-active-checked-border-color)}nb-checkbox.status-info .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-info-disabled-background-color);border-color:var(--checkbox-info-disabled-border-color)}nb-checkbox.status-info .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-info-disabled-checkmark-color)}nb-checkbox.status-info .native-input:disabled~.text{color:var(--checkbox-info-disabled-text-color)}nb-checkbox.status-info .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-info .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-info-disabled-checked-background-color);border-color:var(--checkbox-info-disabled-checked-border-color)}nb-checkbox.status-control .custom-checkbox{background-color:var(--checkbox-control-background-color);border-color:var(--checkbox-control-border-color)}nb-checkbox.status-control .text{color:var(--checkbox-control-text-color)}nb-checkbox.status-control .custom-checkbox.checked{background-color:var(--checkbox-control-checked-background-color);border-color:var(--checkbox-control-checked-border-color)}nb-checkbox.status-control .custom-checkbox.checked .custom-checkbox-icon{color:var(--checkbox-control-checked-checkmark-color)}nb-checkbox.status-control .custom-checkbox.indeterminate{background-color:var(--checkbox-control-indeterminate-background-color);border-color:var(--checkbox-control-indeterminate-border-color)}nb-checkbox.status-control .custom-checkbox.indeterminate .custom-checkbox-icon{color:var(--checkbox-control-indeterminate-checkmark-color)}nb-checkbox.status-control .native-input:enabled:focus+.custom-checkbox{background-color:var(--checkbox-control-focus-background-color);border-color:var(--checkbox-control-focus-border-color)}nb-checkbox.status-control .native-input:enabled:focus+.custom-checkbox.indeterminate,nb-checkbox.status-control .native-input:enabled:focus+.custom-checkbox.checked{background-color:var(--checkbox-control-focus-checked-background-color);border-color:var(--checkbox-control-focus-checked-border-color)}nb-checkbox.status-control .custom-checkbox:hover{background-color:var(--checkbox-control-hover-background-color);border-color:var(--checkbox-control-hover-border-color)}nb-checkbox.status-control .custom-checkbox:hover.indeterminate,nb-checkbox.status-control .custom-checkbox:hover.checked{background-color:var(--checkbox-control-hover-checked-background-color);border-color:var(--checkbox-control-hover-checked-border-color)}nb-checkbox.status-control .native-input:enabled:active+.custom-checkbox{background-color:var(--checkbox-control-active-background-color);border-color:var(--checkbox-control-active-border-color)}nb-checkbox.status-control .native-input:enabled:active+.custom-checkbox.indeterminate,nb-checkbox.status-control .native-input:enabled:active+.custom-checkbox.checked{background-color:var(--checkbox-control-active-checked-background-color);border-color:var(--checkbox-control-active-checked-border-color)}nb-checkbox.status-control .native-input:disabled+.custom-checkbox{background-color:var(--checkbox-control-disabled-background-color);border-color:var(--checkbox-control-disabled-border-color)}nb-checkbox.status-control .native-input:disabled+.custom-checkbox .custom-checkbox-icon{color:var(--checkbox-control-disabled-checkmark-color)}nb-checkbox.status-control .native-input:disabled~.text{color:var(--checkbox-control-disabled-text-color)}nb-checkbox.status-control .native-input:disabled:indeterminate+.custom-checkbox,nb-checkbox.status-control .native-input:disabled:checked+.custom-checkbox{background-color:var(--checkbox-control-disabled-checked-background-color);border-color:var(--checkbox-control-disabled-checked-border-color)}nb-toggle .toggle{height:var(--toggle-height);width:var(--toggle-width);border-width:var(--toggle-border-width);border-style:solid;border-radius:var(--toggle-border-radius);cursor:var(--toggle-cursor)}[dir=ltr] nb-toggle .toggle.checked .toggle-switcher{left:calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width))}[dir=ltr] nb-toggle .toggle:not(.checked) .toggle-switcher{right:0}[dir=rtl] nb-toggle .toggle.checked .toggle-switcher{right:calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width))}[dir=rtl] nb-toggle .toggle:not(.checked) .toggle-switcher{left:0}nb-toggle .native-input:enabled:focus+.toggle{box-shadow:0 0 0 var(--toggle-outline-width) var(--toggle-outline-color)}nb-toggle .native-input:disabled+.toggle{cursor:var(--toggle-disabled-cursor)}nb-toggle .toggle-switcher{width:var(--toggle-switcher-size);height:var(--toggle-switcher-size)}nb-toggle .toggle-switcher nb-icon{height:var(--toggle-switcher-icon-size);width:var(--toggle-switcher-icon-size)}nb-toggle .text{font-family:var(--toggle-text-font-family);font-size:var(--toggle-text-font-size);font-weight:var(--toggle-text-font-weight);line-height:var(--toggle-text-line-height)}nb-toggle.status-basic .text{color:var(--toggle-basic-text-color)}nb-toggle.status-basic .toggle{background-color:var(--toggle-basic-background-color);border-color:var(--toggle-basic-border-color)}nb-toggle.status-basic .toggle.checked{background-color:var(--toggle-basic-checked-background-color);border-color:var(--toggle-basic-checked-border-color)}nb-toggle.status-basic .native-input:enabled:focus+.toggle{background-color:var(--toggle-basic-focus-background-color);border-color:var(--toggle-basic-focus-border-color)}nb-toggle.status-basic .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-basic-focus-checked-background-color);border-color:var(--toggle-basic-focus-checked-border-color)}nb-toggle.status-basic .native-input:enabled:active+.toggle{background-color:var(--toggle-basic-active-background-color);border-color:var(--toggle-basic-active-border-color)}nb-toggle.status-basic .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-basic-active-checked-background-color);border-color:var(--toggle-basic-active-checked-border-color)}nb-toggle.status-basic .native-input:enabled+.toggle:hover{background-color:var(--toggle-basic-hover-background-color);border-color:var(--toggle-basic-hover-border-color)}nb-toggle.status-basic .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-basic-hover-checked-background-color);border-color:var(--toggle-basic-hover-checked-border-color)}nb-toggle.status-basic .toggle-switcher{background-color:var(--toggle-basic-checked-switcher-background-color)}nb-toggle.status-basic .toggle-switcher nb-icon{color:var(--toggle-basic-checked-switcher-checkmark-color)}nb-toggle.status-basic .native-input:disabled+.toggle{background-color:var(--toggle-basic-disabled-background-color);border-color:var(--toggle-basic-disabled-border-color)}nb-toggle.status-basic .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-basic-disabled-switcher-background-color)}nb-toggle.status-basic .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-basic-disabled-checked-switcher-checkmark-color)}nb-toggle.status-basic .native-input:disabled~.text{color:var(--toggle-basic-disabled-text-color)}nb-toggle.status-primary .text{color:var(--toggle-primary-text-color)}nb-toggle.status-primary .toggle{background-color:var(--toggle-primary-background-color);border-color:var(--toggle-primary-border-color)}nb-toggle.status-primary .toggle.checked{background-color:var(--toggle-primary-checked-background-color);border-color:var(--toggle-primary-checked-border-color)}nb-toggle.status-primary .native-input:enabled:focus+.toggle{background-color:var(--toggle-primary-focus-background-color);border-color:var(--toggle-primary-focus-border-color)}nb-toggle.status-primary .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-primary-focus-checked-background-color);border-color:var(--toggle-primary-focus-checked-border-color)}nb-toggle.status-primary .native-input:enabled:active+.toggle{background-color:var(--toggle-primary-active-background-color);border-color:var(--toggle-primary-active-border-color)}nb-toggle.status-primary .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-primary-active-checked-background-color);border-color:var(--toggle-primary-active-checked-border-color)}nb-toggle.status-primary .native-input:enabled+.toggle:hover{background-color:var(--toggle-primary-hover-background-color);border-color:var(--toggle-primary-hover-border-color)}nb-toggle.status-primary .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-primary-hover-checked-background-color);border-color:var(--toggle-primary-hover-checked-border-color)}nb-toggle.status-primary .toggle-switcher{background-color:var(--toggle-primary-checked-switcher-background-color)}nb-toggle.status-primary .toggle-switcher nb-icon{color:var(--toggle-primary-checked-switcher-checkmark-color)}nb-toggle.status-primary .native-input:disabled+.toggle{background-color:var(--toggle-primary-disabled-background-color);border-color:var(--toggle-primary-disabled-border-color)}nb-toggle.status-primary .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-primary-disabled-switcher-background-color)}nb-toggle.status-primary .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-primary-disabled-checked-switcher-checkmark-color)}nb-toggle.status-primary .native-input:disabled~.text{color:var(--toggle-primary-disabled-text-color)}nb-toggle.status-success .text{color:var(--toggle-success-text-color)}nb-toggle.status-success .toggle{background-color:var(--toggle-success-background-color);border-color:var(--toggle-success-border-color)}nb-toggle.status-success .toggle.checked{background-color:var(--toggle-success-checked-background-color);border-color:var(--toggle-success-checked-border-color)}nb-toggle.status-success .native-input:enabled:focus+.toggle{background-color:var(--toggle-success-focus-background-color);border-color:var(--toggle-success-focus-border-color)}nb-toggle.status-success .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-success-focus-checked-background-color);border-color:var(--toggle-success-focus-checked-border-color)}nb-toggle.status-success .native-input:enabled:active+.toggle{background-color:var(--toggle-success-active-background-color);border-color:var(--toggle-success-active-border-color)}nb-toggle.status-success .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-success-active-checked-background-color);border-color:var(--toggle-success-active-checked-border-color)}nb-toggle.status-success .native-input:enabled+.toggle:hover{background-color:var(--toggle-success-hover-background-color);border-color:var(--toggle-success-hover-border-color)}nb-toggle.status-success .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-success-hover-checked-background-color);border-color:var(--toggle-success-hover-checked-border-color)}nb-toggle.status-success .toggle-switcher{background-color:var(--toggle-success-checked-switcher-background-color)}nb-toggle.status-success .toggle-switcher nb-icon{color:var(--toggle-success-checked-switcher-checkmark-color)}nb-toggle.status-success .native-input:disabled+.toggle{background-color:var(--toggle-success-disabled-background-color);border-color:var(--toggle-success-disabled-border-color)}nb-toggle.status-success .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-success-disabled-switcher-background-color)}nb-toggle.status-success .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-success-disabled-checked-switcher-checkmark-color)}nb-toggle.status-success .native-input:disabled~.text{color:var(--toggle-success-disabled-text-color)}nb-toggle.status-warning .text{color:var(--toggle-warning-text-color)}nb-toggle.status-warning .toggle{background-color:var(--toggle-warning-background-color);border-color:var(--toggle-warning-border-color)}nb-toggle.status-warning .toggle.checked{background-color:var(--toggle-warning-checked-background-color);border-color:var(--toggle-warning-checked-border-color)}nb-toggle.status-warning .native-input:enabled:focus+.toggle{background-color:var(--toggle-warning-focus-background-color);border-color:var(--toggle-warning-focus-border-color)}nb-toggle.status-warning .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-warning-focus-checked-background-color);border-color:var(--toggle-warning-focus-checked-border-color)}nb-toggle.status-warning .native-input:enabled:active+.toggle{background-color:var(--toggle-warning-active-background-color);border-color:var(--toggle-warning-active-border-color)}nb-toggle.status-warning .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-warning-active-checked-background-color);border-color:var(--toggle-warning-active-checked-border-color)}nb-toggle.status-warning .native-input:enabled+.toggle:hover{background-color:var(--toggle-warning-hover-background-color);border-color:var(--toggle-warning-hover-border-color)}nb-toggle.status-warning .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-warning-hover-checked-background-color);border-color:var(--toggle-warning-hover-checked-border-color)}nb-toggle.status-warning .toggle-switcher{background-color:var(--toggle-warning-checked-switcher-background-color)}nb-toggle.status-warning .toggle-switcher nb-icon{color:var(--toggle-warning-checked-switcher-checkmark-color)}nb-toggle.status-warning .native-input:disabled+.toggle{background-color:var(--toggle-warning-disabled-background-color);border-color:var(--toggle-warning-disabled-border-color)}nb-toggle.status-warning .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-warning-disabled-switcher-background-color)}nb-toggle.status-warning .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-warning-disabled-checked-switcher-checkmark-color)}nb-toggle.status-warning .native-input:disabled~.text{color:var(--toggle-warning-disabled-text-color)}nb-toggle.status-danger .text{color:var(--toggle-danger-text-color)}nb-toggle.status-danger .toggle{background-color:var(--toggle-danger-background-color);border-color:var(--toggle-danger-border-color)}nb-toggle.status-danger .toggle.checked{background-color:var(--toggle-danger-checked-background-color);border-color:var(--toggle-danger-checked-border-color)}nb-toggle.status-danger .native-input:enabled:focus+.toggle{background-color:var(--toggle-danger-focus-background-color);border-color:var(--toggle-danger-focus-border-color)}nb-toggle.status-danger .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-danger-focus-checked-background-color);border-color:var(--toggle-danger-focus-checked-border-color)}nb-toggle.status-danger .native-input:enabled:active+.toggle{background-color:var(--toggle-danger-active-background-color);border-color:var(--toggle-danger-active-border-color)}nb-toggle.status-danger .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-danger-active-checked-background-color);border-color:var(--toggle-danger-active-checked-border-color)}nb-toggle.status-danger .native-input:enabled+.toggle:hover{background-color:var(--toggle-danger-hover-background-color);border-color:var(--toggle-danger-hover-border-color)}nb-toggle.status-danger .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-danger-hover-checked-background-color);border-color:var(--toggle-danger-hover-checked-border-color)}nb-toggle.status-danger .toggle-switcher{background-color:var(--toggle-danger-checked-switcher-background-color)}nb-toggle.status-danger .toggle-switcher nb-icon{color:var(--toggle-danger-checked-switcher-checkmark-color)}nb-toggle.status-danger .native-input:disabled+.toggle{background-color:var(--toggle-danger-disabled-background-color);border-color:var(--toggle-danger-disabled-border-color)}nb-toggle.status-danger .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-danger-disabled-switcher-background-color)}nb-toggle.status-danger .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-danger-disabled-checked-switcher-checkmark-color)}nb-toggle.status-danger .native-input:disabled~.text{color:var(--toggle-danger-disabled-text-color)}nb-toggle.status-info .text{color:var(--toggle-info-text-color)}nb-toggle.status-info .toggle{background-color:var(--toggle-info-background-color);border-color:var(--toggle-info-border-color)}nb-toggle.status-info .toggle.checked{background-color:var(--toggle-info-checked-background-color);border-color:var(--toggle-info-checked-border-color)}nb-toggle.status-info .native-input:enabled:focus+.toggle{background-color:var(--toggle-info-focus-background-color);border-color:var(--toggle-info-focus-border-color)}nb-toggle.status-info .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-info-focus-checked-background-color);border-color:var(--toggle-info-focus-checked-border-color)}nb-toggle.status-info .native-input:enabled:active+.toggle{background-color:var(--toggle-info-active-background-color);border-color:var(--toggle-info-active-border-color)}nb-toggle.status-info .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-info-active-checked-background-color);border-color:var(--toggle-info-active-checked-border-color)}nb-toggle.status-info .native-input:enabled+.toggle:hover{background-color:var(--toggle-info-hover-background-color);border-color:var(--toggle-info-hover-border-color)}nb-toggle.status-info .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-info-hover-checked-background-color);border-color:var(--toggle-info-hover-checked-border-color)}nb-toggle.status-info .toggle-switcher{background-color:var(--toggle-info-checked-switcher-background-color)}nb-toggle.status-info .toggle-switcher nb-icon{color:var(--toggle-info-checked-switcher-checkmark-color)}nb-toggle.status-info .native-input:disabled+.toggle{background-color:var(--toggle-info-disabled-background-color);border-color:var(--toggle-info-disabled-border-color)}nb-toggle.status-info .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-info-disabled-switcher-background-color)}nb-toggle.status-info .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-info-disabled-checked-switcher-checkmark-color)}nb-toggle.status-info .native-input:disabled~.text{color:var(--toggle-info-disabled-text-color)}nb-toggle.status-control .text{color:var(--toggle-control-text-color)}nb-toggle.status-control .toggle{background-color:var(--toggle-control-background-color);border-color:var(--toggle-control-border-color)}nb-toggle.status-control .toggle.checked{background-color:var(--toggle-control-checked-background-color);border-color:var(--toggle-control-checked-border-color)}nb-toggle.status-control .native-input:enabled:focus+.toggle{background-color:var(--toggle-control-focus-background-color);border-color:var(--toggle-control-focus-border-color)}nb-toggle.status-control .native-input:enabled:focus+.toggle.checked{background-color:var(--toggle-control-focus-checked-background-color);border-color:var(--toggle-control-focus-checked-border-color)}nb-toggle.status-control .native-input:enabled:active+.toggle{background-color:var(--toggle-control-active-background-color);border-color:var(--toggle-control-active-border-color)}nb-toggle.status-control .native-input:enabled:active+.toggle.checked{background-color:var(--toggle-control-active-checked-background-color);border-color:var(--toggle-control-active-checked-border-color)}nb-toggle.status-control .native-input:enabled+.toggle:hover{background-color:var(--toggle-control-hover-background-color);border-color:var(--toggle-control-hover-border-color)}nb-toggle.status-control .native-input:enabled+.toggle:hover.checked{background-color:var(--toggle-control-hover-checked-background-color);border-color:var(--toggle-control-hover-checked-border-color)}nb-toggle.status-control .toggle-switcher{background-color:var(--toggle-control-checked-switcher-background-color)}nb-toggle.status-control .toggle-switcher nb-icon{color:var(--toggle-control-checked-switcher-checkmark-color)}nb-toggle.status-control .native-input:disabled+.toggle{background-color:var(--toggle-control-disabled-background-color);border-color:var(--toggle-control-disabled-border-color)}nb-toggle.status-control .native-input:disabled+.toggle .toggle-switcher{background-color:var(--toggle-control-disabled-switcher-background-color)}nb-toggle.status-control .native-input:disabled+.toggle .toggle-switcher nb-icon{color:var(--toggle-control-disabled-checked-switcher-checkmark-color)}nb-toggle.status-control .native-input:disabled~.text{color:var(--toggle-control-disabled-text-color)}nb-progress-bar .progress-container{border-radius:var(--progress-bar-border-radius)}nb-progress-bar .progress-value{display:flex;align-items:center;justify-content:center;font-family:var(--progress-bar-text-font-family);transition-duration:var(--progress-bar-animation-duration);transition-property:width,background-color}nb-progress-bar.size-tiny .progress-container{height:var(--progress-bar-tiny-height)}nb-progress-bar.size-tiny .progress-value{font-size:var(--progress-bar-tiny-text-font-size);font-weight:var(--progress-bar-tiny-text-font-weight);line-height:var(--progress-bar-tiny-text-line-height)}nb-progress-bar.size-small .progress-container{height:var(--progress-bar-small-height)}nb-progress-bar.size-small .progress-value{font-size:var(--progress-bar-small-text-font-size);font-weight:var(--progress-bar-small-text-font-weight);line-height:var(--progress-bar-small-text-line-height)}nb-progress-bar.size-medium .progress-container{height:var(--progress-bar-medium-height)}nb-progress-bar.size-medium .progress-value{font-size:var(--progress-bar-medium-text-font-size);font-weight:var(--progress-bar-medium-text-font-weight);line-height:var(--progress-bar-medium-text-line-height)}nb-progress-bar.size-large .progress-container{height:var(--progress-bar-large-height)}nb-progress-bar.size-large .progress-value{font-size:var(--progress-bar-large-text-font-size);font-weight:var(--progress-bar-large-text-font-weight);line-height:var(--progress-bar-large-text-line-height)}nb-progress-bar.size-giant .progress-container{height:var(--progress-bar-giant-height)}nb-progress-bar.size-giant .progress-value{font-size:var(--progress-bar-giant-text-font-size);font-weight:var(--progress-bar-giant-text-font-weight);line-height:var(--progress-bar-giant-text-line-height)}nb-progress-bar.status-basic .progress-container{background-color:var(--progress-bar-basic-background-color)}nb-progress-bar.status-basic .progress-value{background-color:var(--progress-bar-basic-filled-background-color);color:var(--progress-bar-basic-text-color)}nb-progress-bar.status-primary .progress-container{background-color:var(--progress-bar-primary-background-color)}nb-progress-bar.status-primary .progress-value{background-color:var(--progress-bar-primary-filled-background-color);color:var(--progress-bar-primary-text-color)}nb-progress-bar.status-success .progress-container{background-color:var(--progress-bar-success-background-color)}nb-progress-bar.status-success .progress-value{background-color:var(--progress-bar-success-filled-background-color);color:var(--progress-bar-success-text-color)}nb-progress-bar.status-warning .progress-container{background-color:var(--progress-bar-warning-background-color)}nb-progress-bar.status-warning .progress-value{background-color:var(--progress-bar-warning-filled-background-color);color:var(--progress-bar-warning-text-color)}nb-progress-bar.status-danger .progress-container{background-color:var(--progress-bar-danger-background-color)}nb-progress-bar.status-danger .progress-value{background-color:var(--progress-bar-danger-filled-background-color);color:var(--progress-bar-danger-text-color)}nb-progress-bar.status-info .progress-container{background-color:var(--progress-bar-info-background-color)}nb-progress-bar.status-info .progress-value{background-color:var(--progress-bar-info-filled-background-color);color:var(--progress-bar-info-text-color)}nb-progress-bar.status-control .progress-container{background-color:var(--progress-bar-control-background-color)}nb-progress-bar.status-control .progress-value{background-color:var(--progress-bar-control-filled-background-color);color:var(--progress-bar-control-text-color)}nb-badge{border-radius:var(--badge-border-radius);font-family:var(--badge-text-font-family);font-size:var(--badge-text-font-size);font-weight:var(--badge-text-font-weight);line-height:var(--badge-text-line-height);padding:var(--badge-padding)}nb-badge.dot-mode{padding:var(--badge-dot-mode-padding);border-radius:var(--badge-dot-mode-border-radius)}nb-badge.status-basic{color:var(--badge-basic-text-color);background-color:var(--badge-basic-background-color)}nb-badge.status-primary{color:var(--badge-primary-text-color);background-color:var(--badge-primary-background-color)}nb-badge.status-success{color:var(--badge-success-text-color);background-color:var(--badge-success-background-color)}nb-badge.status-warning{color:var(--badge-warning-text-color);background-color:var(--badge-warning-background-color)}nb-badge.status-danger{color:var(--badge-danger-text-color);background-color:var(--badge-danger-background-color)}nb-badge.status-info{color:var(--badge-info-text-color);background-color:var(--badge-info-background-color)}nb-badge.status-control{color:var(--badge-control-text-color);background-color:var(--badge-control-background-color)}nb-stepper.horizontal .header .step{width:var(--stepper-step-index-width);margin:0 calc(var(--stepper-step-index-width) * 0.5)}nb-stepper.horizontal .header .connector{margin:var(--stepper-horizontal-connector-margin)}nb-stepper.vertical .header .connector{margin:var(--stepper-vertical-connector-margin)}nb-stepper .header .connector{background-color:var(--stepper-connector-background-color)}nb-stepper .header .connector-past{background-color:var(--stepper-connector-completed-background-color)}nb-stepper .header .label-index{border-radius:var(--stepper-step-index-border-radius);border-color:var(--stepper-step-index-border-color);border-style:var(--stepper-step-index-border-style);border-width:var(--stepper-step-index-border-width);width:var(--stepper-step-index-width);height:var(--stepper-step-index-width)}nb-stepper .header .step{color:var(--stepper-step-text-color);font-family:var(--stepper-step-text-font-family);font-size:var(--stepper-step-text-font-size);font-weight:var(--stepper-step-text-font-weight);line-height:var(--stepper-step-text-line-height)}nb-stepper .header .step.label-index{border-color:var(--stepper-step-index-border-color)}nb-stepper .header .step.selected{color:var(--stepper-step-active-text-color)}nb-stepper .header .step.selected .label-index{border-color:var(--stepper-step-index-active-border-color)}nb-stepper .header .step.completed{color:var(--stepper-step-completed-text-color)}nb-stepper .header .step.completed .label-index{background-color:var(--stepper-step-index-completed-background-color);border-color:var(--stepper-step-index-completed-border-color);color:var(--stepper-step-index-completed-text-color)}nb-stepper .step-content{padding:var(--stepper-step-content-padding)}nb-alert{border-radius:var(--alert-border-radius);box-shadow:var(--alert-shadow);font-family:var(--alert-text-font-family);font-size:var(--alert-text-font-size);font-weight:var(--alert-text-font-weight);line-height:var(--alert-text-line-height);padding:var(--alert-padding);margin-bottom:var(--alert-bottom-margin);scrollbar-face-color:var(--alert-scrollbar-color);scrollbar-track-color:var(--alert-scrollbar-background-color)}nb-alert::-webkit-scrollbar{width:var(--alert-scrollbar-width);height:var(--alert-scrollbar-width)}nb-alert::-webkit-scrollbar-thumb{background:var(--alert-scrollbar-color);cursor:pointer;border-radius:calc(var(--alert-scrollbar-width) * 0.5)}nb-alert::-webkit-scrollbar-track{background:var(--alert-scrollbar-background-color)}nb-alert::-webkit-scrollbar-corner{background:var(--alert-scrollbar-background-color)}[dir=ltr] nb-alert.closable{padding-right:var(--alert-closable-start-padding)}[dir=rtl] nb-alert.closable{padding-left:var(--alert-closable-start-padding)}nb-alert .close{padding:var(--alert-padding);font-size:1.5rem;line-height:1;cursor:pointer;font-family:monospace}nb-alert.size-tiny{height:var(--alert-tiny-height)}nb-alert.size-small{height:var(--alert-small-height)}nb-alert.size-medium{height:var(--alert-medium-height)}nb-alert.size-large{height:var(--alert-large-height)}nb-alert.size-giant{height:var(--alert-giant-height)}nb-alert.status-basic{color:var(--alert-basic-text-color);background-color:var(--alert-basic-background-color)}nb-alert.status-basic a,nb-alert.status-basic a:hover{color:var(--alert-basic-text-color)}nb-alert.accent-basic{border-top:var(--alert-border-radius) solid var(--alert-accent-basic-color)}nb-alert.outline-basic{border:var(--alert-outline-width) solid var(--alert-outline-basic-color)}nb-alert.status-primary{color:var(--alert-primary-text-color);background-color:var(--alert-primary-background-color)}nb-alert.status-primary a,nb-alert.status-primary a:hover{color:var(--alert-primary-text-color)}nb-alert.accent-primary{border-top:var(--alert-border-radius) solid var(--alert-accent-primary-color)}nb-alert.outline-primary{border:var(--alert-outline-width) solid var(--alert-outline-primary-color)}nb-alert.status-success{color:var(--alert-success-text-color);background-color:var(--alert-success-background-color)}nb-alert.status-success a,nb-alert.status-success a:hover{color:var(--alert-success-text-color)}nb-alert.accent-success{border-top:var(--alert-border-radius) solid var(--alert-accent-success-color)}nb-alert.outline-success{border:var(--alert-outline-width) solid var(--alert-outline-success-color)}nb-alert.status-warning{color:var(--alert-warning-text-color);background-color:var(--alert-warning-background-color)}nb-alert.status-warning a,nb-alert.status-warning a:hover{color:var(--alert-warning-text-color)}nb-alert.accent-warning{border-top:var(--alert-border-radius) solid var(--alert-accent-warning-color)}nb-alert.outline-warning{border:var(--alert-outline-width) solid var(--alert-outline-warning-color)}nb-alert.status-danger{color:var(--alert-danger-text-color);background-color:var(--alert-danger-background-color)}nb-alert.status-danger a,nb-alert.status-danger a:hover{color:var(--alert-danger-text-color)}nb-alert.accent-danger{border-top:var(--alert-border-radius) solid var(--alert-accent-danger-color)}nb-alert.outline-danger{border:var(--alert-outline-width) solid var(--alert-outline-danger-color)}nb-alert.status-info{color:var(--alert-info-text-color);background-color:var(--alert-info-background-color)}nb-alert.status-info a,nb-alert.status-info a:hover{color:var(--alert-info-text-color)}nb-alert.accent-info{border-top:var(--alert-border-radius) solid var(--alert-accent-info-color)}nb-alert.outline-info{border:var(--alert-outline-width) solid var(--alert-outline-info-color)}nb-alert.status-control{color:var(--alert-control-text-color);background-color:var(--alert-control-background-color)}nb-alert.status-control a,nb-alert.status-control a:hover{color:var(--alert-control-text-color)}nb-alert.accent-control{border-top:var(--alert-border-radius) solid var(--alert-accent-control-color)}nb-alert.outline-control{border:var(--alert-outline-width) solid var(--alert-outline-control-color)}nb-chat{background-color:var(--chat-background-color);border:var(--chat-border);border-radius:var(--chat-border-radius);box-shadow:var(--chat-shadow);color:var(--chat-text-color);font-family:var(--chat-text-font-family);font-size:var(--chat-text-font-size);font-weight:var(--chat-text-font-weight);line-height:var(--chat-text-line-height)}nb-chat nb-icon{font-size:inherit}nb-chat .header{border-bottom:var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color);border-top-left-radius:var(--chat-border-radius);border-top-right-radius:var(--chat-border-radius);padding:var(--chat-padding);font-family:var(--chat-header-text-font-family);font-size:var(--chat-header-text-font-size);font-weight:var(--chat-header-text-font-weight);line-height:var(--chat-header-text-line-height)}nb-chat .scrollable{overflow:auto;flex:1;scrollbar-face-color:var(--chat-scrollbar-color);scrollbar-track-color:var(--chat-scrollbar-background-color)}nb-chat .scrollable::-webkit-scrollbar{width:var(--chat-scrollbar-width);height:var(--chat-scrollbar-width)}nb-chat .scrollable::-webkit-scrollbar-thumb{background:var(--chat-scrollbar-color);cursor:pointer;border-radius:calc(var(--chat-scrollbar-width) * 0.5)}nb-chat .scrollable::-webkit-scrollbar-track{background:var(--chat-scrollbar-background-color)}nb-chat .scrollable::-webkit-scrollbar-corner{background:var(--chat-scrollbar-background-color)}nb-chat .messages{padding:var(--chat-padding);overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column}nb-chat .no-messages{text-align:center}nb-chat.size-tiny{height:var(--chat-tiny-height)}nb-chat.size-small{height:var(--chat-small-height)}nb-chat.size-medium{height:var(--chat-medium-height)}nb-chat.size-large{height:var(--chat-large-height)}nb-chat.size-giant{height:var(--chat-giant-height)}nb-chat.status-basic .header{background-color:var(--chat-basic-background-color);color:var(--chat-basic-text-color)}nb-chat.status-primary .header{background-color:var(--chat-primary-background-color);color:var(--chat-primary-text-color)}nb-chat.status-success .header{background-color:var(--chat-success-background-color);color:var(--chat-success-text-color)}nb-chat.status-warning .header{background-color:var(--chat-warning-background-color);color:var(--chat-warning-text-color)}nb-chat.status-danger .header{background-color:var(--chat-danger-background-color);color:var(--chat-danger-text-color)}nb-chat.status-info .header{background-color:var(--chat-info-background-color);color:var(--chat-info-text-color)}nb-chat.status-control .header{background-color:var(--chat-control-background-color);color:var(--chat-control-text-color)}nb-chat-message{margin-bottom:1.5rem;display:flex;flex-direction:row}nb-chat-message .message{flex:1}nb-chat-message .avatar{display:block;border-radius:50%;flex-shrink:0;background:var(--chat-message-avatar-background-color);background-position:center;background-size:cover;background-repeat:no-repeat;width:2.5rem;height:2.5rem;text-align:center;line-height:2.5rem;font-size:.875rem;color:#fff}nb-chat-message nb-chat-message-text{display:flex;flex-direction:column}nb-chat-message nb-chat-message-text .sender{font-size:.875rem;color:var(--chat-message-sender-text-color);margin-top:0;margin-bottom:.5rem}nb-chat-message nb-chat-message-text p{word-break:break-word;white-space:pre-wrap;max-width:100%;margin-top:0;margin-bottom:0}nb-chat-message nb-chat-message-text .text{padding:1rem;border-radius:.5rem}nb-chat-message nb-chat-message-file{display:flex;flex-direction:column}nb-chat-message nb-chat-message-file a{color:var(--chat-message-file-text-color);background:var(--chat-message-file-background-color);font-size:4rem;text-align:center;border:1px solid var(--chat-message-file-text-color);width:10rem;height:10rem;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:.5rem}nb-chat-message nb-chat-message-file a:hover,nb-chat-message nb-chat-message-file a:focus{text-decoration:none;color:var(--chat-message-file-text-color)}nb-chat-message nb-chat-message-file a div{background-size:cover;width:100%;height:100%}nb-chat-message nb-chat-message-file nb-chat-message-text{display:block;margin-bottom:.5rem}nb-chat-message nb-chat-message-file .message-content-group{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap}nb-chat-message nb-chat-message-file .message-content-group a{margin-bottom:1rem;width:5rem;height:5rem}[dir=ltr] nb-chat-message nb-chat-message-file .message-content-group a{margin-right:1rem}[dir=rtl] nb-chat-message nb-chat-message-file .message-content-group a{margin-left:1rem}nb-chat-message nb-chat-message-quote p.quote{font-style:italic;font-size:.875rem;background:var(--chat-message-quote-background-color);color:var(--chat-message-quote-text-color);padding:1rem;border-radius:.5rem;margin-top:0;margin-bottom:.5rem}nb-chat-message nb-chat-message-quote .sender{font-size:.875rem;color:var(--chat-message-sender-text-color);margin-bottom:.5rem}[dir=ltr] nb-chat-message.not-reply .message{margin-left:.5rem}[dir=rtl] nb-chat-message.not-reply .message{margin-right:.5rem}[dir=ltr] nb-chat-message.not-reply .message{margin-right:3rem}[dir=rtl] nb-chat-message.not-reply .message{margin-left:3rem}nb-chat-message.not-reply nb-chat-message-text{align-items:flex-start}nb-chat-message.not-reply nb-chat-message-text .text{background:var(--chat-message-background);color:var(--chat-message-text-color)}[dir=ltr] nb-chat-message.not-reply nb-chat-message-text .text{border-top-left-radius:0}[dir=rtl] nb-chat-message.not-reply nb-chat-message-text .text{border-top-right-radius:0}nb-chat-message.not-reply nb-chat-message-file{align-items:flex-start}nb-chat-message.reply{flex-direction:row-reverse}nb-chat-message.reply .message{display:flex;flex-direction:column;align-items:flex-end;margin-left:0}[dir=ltr] nb-chat-message.reply .message{margin-right:.5rem}[dir=rtl] nb-chat-message.reply .message{margin-left:.5rem}[dir=ltr] nb-chat-message.reply .message{margin-left:3rem}[dir=rtl] nb-chat-message.reply .message{margin-right:3rem}nb-chat-message.reply nb-chat-message-text{align-items:flex-end}[dir=ltr] nb-chat-message.reply nb-chat-message-text .sender{text-align:right}[dir=rtl] nb-chat-message.reply nb-chat-message-text .sender{text-align:left}nb-chat-message.reply nb-chat-message-text .text{background:var(--chat-message-reply-background-color);color:var(--chat-message-reply-text-color)}[dir=ltr] nb-chat-message.reply nb-chat-message-text .text{border-top-right-radius:0}[dir=rtl] nb-chat-message.reply nb-chat-message-text .text{border-top-left-radius:0}nb-chat-message.reply nb-chat-message-file{align-items:flex-end}nb-chat-form{display:flex;flex-direction:column;padding:var(--chat-padding);border-top:var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color)}nb-chat-form .message-row{flex-direction:row;display:flex}nb-chat-form input{flex:1}nb-chat-form input.with-button{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] nb-chat-form input.with-button{border-bottom-right-radius:0}[dir=ltr] nb-chat-form input.with-button{border-top-right-radius:0}[dir=rtl] nb-chat-form input.with-button{border-bottom-left-radius:0}[dir=rtl] nb-chat-form input.with-button{border-top-left-radius:0}nb-chat-form .send-button nb-icon{font-size:1.5rem}[dir=ltr] nb-chat-form .send-button{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] nb-chat-form .send-button{border-bottom-right-radius:0;border-top-right-radius:0}nb-chat-form .dropped-files{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap}nb-chat-form .dropped-files div{background-size:cover;width:3rem;height:3rem;border-radius:.5rem;margin-bottom:.5rem;border:1px solid currentColor;text-align:center;font-size:2rem;position:relative}[dir=ltr] nb-chat-form .dropped-files div{margin-right:.5rem}[dir=rtl] nb-chat-form .dropped-files div{margin-left:.5rem}nb-chat-form .dropped-files div .remove{position:absolute;right:-0.5rem;top:-0.875rem;font-size:.875rem;line-height:1;cursor:pointer}nb-chat-form .dropped-files div nb-icon{width:65%;height:100%}.nb-custom-message{display:inline-block;padding:var(--chat-padding);margin-top:.5rem;border-radius:.5rem}.nb-custom-message-full-width{width:100%}.nb-custom-message-no-space{margin-top:0}.nb-custom-message-not-reply{background:var(--chat-message-background);color:var(--chat-message-text-color)}[dir=ltr] .nb-custom-message-not-reply{border-top-left-radius:0}[dir=rtl] .nb-custom-message-not-reply{border-top-right-radius:0}.nb-custom-message-not-reply a,.nb-custom-message-not-reply a:hover,.nb-custom-message-not-reply a:focus{color:var(--chat-message-text-color)}.nb-custom-message-reply{background:var(--chat-message-reply-background-color);color:var(--chat-message-reply-text-color)}[dir=ltr] .nb-custom-message-reply{border-top-right-radius:0}[dir=rtl] .nb-custom-message-reply{border-top-left-radius:0}nb-accordion{display:block;box-shadow:var(--accordion-shadow);border-radius:var(--accordion-border-radius)}nb-accordion-item-header{position:relative;border-bottom-width:var(--accordion-header-border-width);border-bottom-style:var(--accordion-header-border-style);border-bottom-color:var(--accordion-header-border-color);color:var(--accordion-header-text-color);font-family:var(--accordion-header-text-font-family);font-size:var(--accordion-header-text-font-size);font-weight:var(--accordion-header-text-font-weight);line-height:var(--accordion-header-text-line-height);padding:var(--accordion-padding)}nb-accordion-item-header h1{margin:0}nb-accordion-item-header h2{margin:0}nb-accordion-item-header h3{margin:0}nb-accordion-item-header h4{margin:0}nb-accordion-item-header h5{margin:0}nb-accordion-item-header h6{margin:0}nb-accordion-item-header .expansion-indicator{position:absolute}[dir=ltr] nb-accordion-item-header .expansion-indicator{right:1rem}[dir=rtl] nb-accordion-item-header .expansion-indicator{left:1rem}nb-accordion-item{background-color:var(--accordion-item-background-color);color:var(--accordion-item-text-color);font-family:var(--accordion-item-text-font-family);font-size:var(--accordion-item-text-font-size);font-weight:var(--accordion-item-text-font-weight);line-height:var(--accordion-item-text-line-height)}nb-accordion-item.disabled nb-accordion-item-header{color:var(--accordion-header-disabled-text-color);cursor:default}nb-accordion-item:first-child{border-top-left-radius:var(--accordion-border-radius);border-top-right-radius:var(--accordion-border-radius)}nb-accordion-item:last-child{border-bottom-left-radius:var(--accordion-border-radius);border-bottom-right-radius:var(--accordion-border-radius)}nb-accordion-item:last-child.collapsed nb-accordion-item-header{border-bottom:none}nb-accordion-item:not(.collapsed)+nb-accordion-item nb-accordion-item-header{border-top-color:var(--accordion-header-border-color);border-top-style:var(--accordion-header-border-style);border-top-width:var(--accordion-header-border-width)}nb-accordion-item-body .item-body{flex:1;-ms-flex:1 1 auto;overflow:auto;padding:var(--accordion-padding);position:relative}[nbButton],[nbButtonToggle]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:var(--button-cursor);font-family:var(--button-text-font-family);font-weight:var(--button-text-font-weight)}[nbButton]:hover,[nbButtonToggle]:hover,[nbButton]:focus,[nbButtonToggle]:focus{text-decoration:none}[nbButton].full-width,.full-width[nbButtonToggle]{width:100%}[nbButton] nb-icon,[nbButtonToggle] nb-icon{vertical-align:top}[nbButton].nb-transition,.nb-transition[nbButtonToggle]{transition-duration:.15s;transition-property:background-color,border-color,box-shadow,color;transition-timing-function:ease-in}[nbButton]:focus,[nbButtonToggle]:focus{position:relative;outline:none;box-shadow:0 0 0 var(--button-outline-width) var(--button-outline-color)}[nbButton][disabled],[disabled][nbButtonToggle],[nbButton].btn-disabled,.btn-disabled[nbButtonToggle]{cursor:var(--button-disabled-cursor)}[nbButton].size-tiny,.size-tiny[nbButtonToggle]{font-size:var(--button-tiny-text-font-size);line-height:var(--button-tiny-text-line-height)}[nbButton].size-tiny nb-icon,.size-tiny[nbButtonToggle] nb-icon{font-size:var(--button-tiny-text-font-size);height:var(--button-tiny-icon-size);width:var(--button-tiny-icon-size);margin-top:var(--button-tiny-icon-vertical-margin);margin-bottom:var(--button-tiny-icon-vertical-margin)}[dir=ltr] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon,[dir=ltr] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-right:var(--button-tiny-icon-offset)}[dir=rtl] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon,[dir=rtl] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-left:var(--button-tiny-icon-offset)}[dir=ltr] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon,[dir=ltr] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-left:var(--button-tiny-icon-offset)}[dir=rtl] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon,[dir=rtl] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-right:var(--button-tiny-icon-offset)}[nbButton].size-tiny.icon-start.icon-end.appearance-filled,.size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle]{padding:var(--icon-button-filled-tiny-padding)}[nbButton].size-tiny.icon-start.icon-end.appearance-outline,.size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle]{padding:var(--icon-button-outline-tiny-padding)}[nbButton].size-tiny.icon-start.icon-end.appearance-ghost,.size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle]{padding:var(--icon-button-ghost-tiny-padding)}[nbButton].size-tiny.icon-start.icon-end.appearance-hero,.size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle]{padding:var(--icon-button-hero-tiny-padding)}[nbButton].size-small,.size-small[nbButtonToggle]{font-size:var(--button-small-text-font-size);line-height:var(--button-small-text-line-height)}[nbButton].size-small nb-icon,.size-small[nbButtonToggle] nb-icon{font-size:var(--button-small-text-font-size);height:var(--button-small-icon-size);width:var(--button-small-icon-size);margin-top:var(--button-small-icon-vertical-margin);margin-bottom:var(--button-small-icon-vertical-margin)}[dir=ltr] [nbButton].size-small.icon-start:not(.icon-end) nb-icon,[dir=ltr] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-right:var(--button-small-icon-offset)}[dir=rtl] [nbButton].size-small.icon-start:not(.icon-end) nb-icon,[dir=rtl] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-left:var(--button-small-icon-offset)}[dir=ltr] [nbButton].size-small.icon-end:not(.icon-start) nb-icon,[dir=ltr] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-left:var(--button-small-icon-offset)}[dir=rtl] [nbButton].size-small.icon-end:not(.icon-start) nb-icon,[dir=rtl] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-right:var(--button-small-icon-offset)}[nbButton].size-small.icon-start.icon-end.appearance-filled,.size-small.icon-start.icon-end.appearance-filled[nbButtonToggle]{padding:var(--icon-button-filled-small-padding)}[nbButton].size-small.icon-start.icon-end.appearance-outline,.size-small.icon-start.icon-end.appearance-outline[nbButtonToggle]{padding:var(--icon-button-outline-small-padding)}[nbButton].size-small.icon-start.icon-end.appearance-ghost,.size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle]{padding:var(--icon-button-ghost-small-padding)}[nbButton].size-small.icon-start.icon-end.appearance-hero,.size-small.icon-start.icon-end.appearance-hero[nbButtonToggle]{padding:var(--icon-button-hero-small-padding)}[nbButton].size-medium,.size-medium[nbButtonToggle]{font-size:var(--button-medium-text-font-size);line-height:var(--button-medium-text-line-height)}[nbButton].size-medium nb-icon,.size-medium[nbButtonToggle] nb-icon{font-size:var(--button-medium-text-font-size);height:var(--button-medium-icon-size);width:var(--button-medium-icon-size);margin-top:var(--button-medium-icon-vertical-margin);margin-bottom:var(--button-medium-icon-vertical-margin)}[dir=ltr] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon,[dir=ltr] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-right:var(--button-medium-icon-offset)}[dir=rtl] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon,[dir=rtl] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-left:var(--button-medium-icon-offset)}[dir=ltr] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon,[dir=ltr] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-left:var(--button-medium-icon-offset)}[dir=rtl] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon,[dir=rtl] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-right:var(--button-medium-icon-offset)}[nbButton].size-medium.icon-start.icon-end.appearance-filled,.size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle]{padding:var(--icon-button-filled-medium-padding)}[nbButton].size-medium.icon-start.icon-end.appearance-outline,.size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle]{padding:var(--icon-button-outline-medium-padding)}[nbButton].size-medium.icon-start.icon-end.appearance-ghost,.size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle]{padding:var(--icon-button-ghost-medium-padding)}[nbButton].size-medium.icon-start.icon-end.appearance-hero,.size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle]{padding:var(--icon-button-hero-medium-padding)}[nbButton].size-large,.size-large[nbButtonToggle]{font-size:var(--button-large-text-font-size);line-height:var(--button-large-text-line-height)}[nbButton].size-large nb-icon,.size-large[nbButtonToggle] nb-icon{font-size:var(--button-large-text-font-size);height:var(--button-large-icon-size);width:var(--button-large-icon-size);margin-top:var(--button-large-icon-vertical-margin);margin-bottom:var(--button-large-icon-vertical-margin)}[dir=ltr] [nbButton].size-large.icon-start:not(.icon-end) nb-icon,[dir=ltr] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-right:var(--button-large-icon-offset)}[dir=rtl] [nbButton].size-large.icon-start:not(.icon-end) nb-icon,[dir=rtl] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-left:var(--button-large-icon-offset)}[dir=ltr] [nbButton].size-large.icon-end:not(.icon-start) nb-icon,[dir=ltr] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-left:var(--button-large-icon-offset)}[dir=rtl] [nbButton].size-large.icon-end:not(.icon-start) nb-icon,[dir=rtl] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-right:var(--button-large-icon-offset)}[nbButton].size-large.icon-start.icon-end.appearance-filled,.size-large.icon-start.icon-end.appearance-filled[nbButtonToggle]{padding:var(--icon-button-filled-large-padding)}[nbButton].size-large.icon-start.icon-end.appearance-outline,.size-large.icon-start.icon-end.appearance-outline[nbButtonToggle]{padding:var(--icon-button-outline-large-padding)}[nbButton].size-large.icon-start.icon-end.appearance-ghost,.size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle]{padding:var(--icon-button-ghost-large-padding)}[nbButton].size-large.icon-start.icon-end.appearance-hero,.size-large.icon-start.icon-end.appearance-hero[nbButtonToggle]{padding:var(--icon-button-hero-large-padding)}[nbButton].size-giant,.size-giant[nbButtonToggle]{font-size:var(--button-giant-text-font-size);line-height:var(--button-giant-text-line-height)}[nbButton].size-giant nb-icon,.size-giant[nbButtonToggle] nb-icon{font-size:var(--button-giant-text-font-size);height:var(--button-giant-icon-size);width:var(--button-giant-icon-size);margin-top:var(--button-giant-icon-vertical-margin);margin-bottom:var(--button-giant-icon-vertical-margin)}[dir=ltr] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon,[dir=ltr] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-right:var(--button-giant-icon-offset)}[dir=rtl] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon,[dir=rtl] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon{margin-left:var(--button-giant-icon-offset)}[dir=ltr] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon,[dir=ltr] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-left:var(--button-giant-icon-offset)}[dir=rtl] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon,[dir=rtl] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon{margin-right:var(--button-giant-icon-offset)}[nbButton].size-giant.icon-start.icon-end.appearance-filled,.size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle]{padding:var(--icon-button-filled-giant-padding)}[nbButton].size-giant.icon-start.icon-end.appearance-outline,.size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle]{padding:var(--icon-button-outline-giant-padding)}[nbButton].size-giant.icon-start.icon-end.appearance-ghost,.size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle]{padding:var(--icon-button-ghost-giant-padding)}[nbButton].size-giant.icon-start.icon-end.appearance-hero,.size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle]{padding:var(--icon-button-hero-giant-padding)}[nbButton].shape-rectangle,.shape-rectangle[nbButtonToggle]{border-radius:var(--button-rectangle-border-radius)}[nbButton].shape-semi-round,.shape-semi-round[nbButtonToggle]{border-radius:var(--button-semi-round-border-radius)}[nbButton].shape-round,.shape-round[nbButtonToggle]{border-radius:var(--button-round-border-radius)}a[nbButton],a[nbButtonToggle]{text-decoration:none}[nbButton].appearance-filled,.appearance-filled[nbButtonToggle]{border-style:var(--button-filled-border-style);border-width:var(--button-filled-border-width);text-transform:var(--button-filled-text-transform)}[nbButton].appearance-filled.size-tiny,.appearance-filled.size-tiny[nbButtonToggle]{padding:var(--button-filled-tiny-padding)}[nbButton].appearance-filled.size-small,.appearance-filled.size-small[nbButtonToggle]{padding:var(--button-filled-small-padding)}[nbButton].appearance-filled.size-medium,.appearance-filled.size-medium[nbButtonToggle]{padding:var(--button-filled-medium-padding)}[nbButton].appearance-filled.size-large,.appearance-filled.size-large[nbButtonToggle]{padding:var(--button-filled-large-padding)}[nbButton].appearance-filled.size-giant,.appearance-filled.size-giant[nbButtonToggle]{padding:var(--button-filled-giant-padding)}[nbButton].appearance-filled.status-basic,.appearance-filled.status-basic[nbButtonToggle]{background-color:var(--button-filled-basic-background-color);border-color:var(--button-filled-basic-border-color);color:var(--button-filled-basic-text-color)}[nbButton].appearance-filled.status-basic:focus,.appearance-filled.status-basic[nbButtonToggle]:focus{background-color:var(--button-filled-basic-focus-background-color);border-color:var(--button-filled-basic-focus-border-color)}[nbButton].appearance-filled.status-basic:hover,.appearance-filled.status-basic[nbButtonToggle]:hover{background-color:var(--button-filled-basic-hover-background-color);border-color:var(--button-filled-basic-hover-border-color)}[nbButton].appearance-filled.status-basic:active,.appearance-filled.status-basic[nbButtonToggle]:active{background-color:var(--button-filled-basic-active-background-color);border-color:var(--button-filled-basic-active-border-color)}[nbButton].appearance-filled.status-basic[disabled],.appearance-filled.status-basic[disabled][nbButtonToggle],[nbButton].appearance-filled.status-basic.btn-disabled,.appearance-filled.status-basic.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-basic-disabled-background-color);border-color:var(--button-filled-basic-disabled-border-color);color:var(--button-filled-basic-disabled-text-color)}[nbButton].appearance-filled.status-primary,.appearance-filled.status-primary[nbButtonToggle]{background-color:var(--button-filled-primary-background-color);border-color:var(--button-filled-primary-border-color);color:var(--button-filled-primary-text-color)}[nbButton].appearance-filled.status-primary:focus,.appearance-filled.status-primary[nbButtonToggle]:focus{background-color:var(--button-filled-primary-focus-background-color);border-color:var(--button-filled-primary-focus-border-color)}[nbButton].appearance-filled.status-primary:hover,.appearance-filled.status-primary[nbButtonToggle]:hover{background-color:var(--button-filled-primary-hover-background-color);border-color:var(--button-filled-primary-hover-border-color)}[nbButton].appearance-filled.status-primary:active,.appearance-filled.status-primary[nbButtonToggle]:active{background-color:var(--button-filled-primary-active-background-color);border-color:var(--button-filled-primary-active-border-color)}[nbButton].appearance-filled.status-primary[disabled],.appearance-filled.status-primary[disabled][nbButtonToggle],[nbButton].appearance-filled.status-primary.btn-disabled,.appearance-filled.status-primary.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-primary-disabled-background-color);border-color:var(--button-filled-primary-disabled-border-color);color:var(--button-filled-primary-disabled-text-color)}[nbButton].appearance-filled.status-success,.appearance-filled.status-success[nbButtonToggle]{background-color:var(--button-filled-success-background-color);border-color:var(--button-filled-success-border-color);color:var(--button-filled-success-text-color)}[nbButton].appearance-filled.status-success:focus,.appearance-filled.status-success[nbButtonToggle]:focus{background-color:var(--button-filled-success-focus-background-color);border-color:var(--button-filled-success-focus-border-color)}[nbButton].appearance-filled.status-success:hover,.appearance-filled.status-success[nbButtonToggle]:hover{background-color:var(--button-filled-success-hover-background-color);border-color:var(--button-filled-success-hover-border-color)}[nbButton].appearance-filled.status-success:active,.appearance-filled.status-success[nbButtonToggle]:active{background-color:var(--button-filled-success-active-background-color);border-color:var(--button-filled-success-active-border-color)}[nbButton].appearance-filled.status-success[disabled],.appearance-filled.status-success[disabled][nbButtonToggle],[nbButton].appearance-filled.status-success.btn-disabled,.appearance-filled.status-success.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-success-disabled-background-color);border-color:var(--button-filled-success-disabled-border-color);color:var(--button-filled-success-disabled-text-color)}[nbButton].appearance-filled.status-warning,.appearance-filled.status-warning[nbButtonToggle]{background-color:var(--button-filled-warning-background-color);border-color:var(--button-filled-warning-border-color);color:var(--button-filled-warning-text-color)}[nbButton].appearance-filled.status-warning:focus,.appearance-filled.status-warning[nbButtonToggle]:focus{background-color:var(--button-filled-warning-focus-background-color);border-color:var(--button-filled-warning-focus-border-color)}[nbButton].appearance-filled.status-warning:hover,.appearance-filled.status-warning[nbButtonToggle]:hover{background-color:var(--button-filled-warning-hover-background-color);border-color:var(--button-filled-warning-hover-border-color)}[nbButton].appearance-filled.status-warning:active,.appearance-filled.status-warning[nbButtonToggle]:active{background-color:var(--button-filled-warning-active-background-color);border-color:var(--button-filled-warning-active-border-color)}[nbButton].appearance-filled.status-warning[disabled],.appearance-filled.status-warning[disabled][nbButtonToggle],[nbButton].appearance-filled.status-warning.btn-disabled,.appearance-filled.status-warning.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-warning-disabled-background-color);border-color:var(--button-filled-warning-disabled-border-color);color:var(--button-filled-warning-disabled-text-color)}[nbButton].appearance-filled.status-danger,.appearance-filled.status-danger[nbButtonToggle]{background-color:var(--button-filled-danger-background-color);border-color:var(--button-filled-danger-border-color);color:var(--button-filled-danger-text-color)}[nbButton].appearance-filled.status-danger:focus,.appearance-filled.status-danger[nbButtonToggle]:focus{background-color:var(--button-filled-danger-focus-background-color);border-color:var(--button-filled-danger-focus-border-color)}[nbButton].appearance-filled.status-danger:hover,.appearance-filled.status-danger[nbButtonToggle]:hover{background-color:var(--button-filled-danger-hover-background-color);border-color:var(--button-filled-danger-hover-border-color)}[nbButton].appearance-filled.status-danger:active,.appearance-filled.status-danger[nbButtonToggle]:active{background-color:var(--button-filled-danger-active-background-color);border-color:var(--button-filled-danger-active-border-color)}[nbButton].appearance-filled.status-danger[disabled],.appearance-filled.status-danger[disabled][nbButtonToggle],[nbButton].appearance-filled.status-danger.btn-disabled,.appearance-filled.status-danger.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-danger-disabled-background-color);border-color:var(--button-filled-danger-disabled-border-color);color:var(--button-filled-danger-disabled-text-color)}[nbButton].appearance-filled.status-info,.appearance-filled.status-info[nbButtonToggle]{background-color:var(--button-filled-info-background-color);border-color:var(--button-filled-info-border-color);color:var(--button-filled-info-text-color)}[nbButton].appearance-filled.status-info:focus,.appearance-filled.status-info[nbButtonToggle]:focus{background-color:var(--button-filled-info-focus-background-color);border-color:var(--button-filled-info-focus-border-color)}[nbButton].appearance-filled.status-info:hover,.appearance-filled.status-info[nbButtonToggle]:hover{background-color:var(--button-filled-info-hover-background-color);border-color:var(--button-filled-info-hover-border-color)}[nbButton].appearance-filled.status-info:active,.appearance-filled.status-info[nbButtonToggle]:active{background-color:var(--button-filled-info-active-background-color);border-color:var(--button-filled-info-active-border-color)}[nbButton].appearance-filled.status-info[disabled],.appearance-filled.status-info[disabled][nbButtonToggle],[nbButton].appearance-filled.status-info.btn-disabled,.appearance-filled.status-info.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-info-disabled-background-color);border-color:var(--button-filled-info-disabled-border-color);color:var(--button-filled-info-disabled-text-color)}[nbButton].appearance-filled.status-control,.appearance-filled.status-control[nbButtonToggle]{background-color:var(--button-filled-control-background-color);border-color:var(--button-filled-control-border-color);color:var(--button-filled-control-text-color)}[nbButton].appearance-filled.status-control:focus,.appearance-filled.status-control[nbButtonToggle]:focus{background-color:var(--button-filled-control-focus-background-color);border-color:var(--button-filled-control-focus-border-color)}[nbButton].appearance-filled.status-control:hover,.appearance-filled.status-control[nbButtonToggle]:hover{background-color:var(--button-filled-control-hover-background-color);border-color:var(--button-filled-control-hover-border-color)}[nbButton].appearance-filled.status-control:active,.appearance-filled.status-control[nbButtonToggle]:active{background-color:var(--button-filled-control-active-background-color);border-color:var(--button-filled-control-active-border-color)}[nbButton].appearance-filled.status-control[disabled],.appearance-filled.status-control[disabled][nbButtonToggle],[nbButton].appearance-filled.status-control.btn-disabled,.appearance-filled.status-control.btn-disabled[nbButtonToggle]{background-color:var(--button-filled-control-disabled-background-color);border-color:var(--button-filled-control-disabled-border-color);color:var(--button-filled-control-disabled-text-color)}[nbButton].appearance-outline,.appearance-outline[nbButtonToggle]{border-style:var(--button-outline-border-style);border-width:var(--button-outline-border-width);text-transform:var(--button-outline-text-transform)}[nbButton].appearance-outline:focus,.appearance-outline[nbButtonToggle]:focus{box-shadow:0 0 0 var(--button-outline-width) var(--button-outline-color)}[nbButton].appearance-outline:focus:not(:hover):not(:active),.appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active){box-shadow:0 0 0 var(--button-outline-width) var(--button-outline-color),inset var(--button-outline-focus-inset-shadow-length) var(--button-outline-color)}[nbButton].appearance-outline.size-tiny,.appearance-outline.size-tiny[nbButtonToggle]{padding:var(--button-outline-tiny-padding)}[nbButton].appearance-outline.size-small,.appearance-outline.size-small[nbButtonToggle]{padding:var(--button-outline-small-padding)}[nbButton].appearance-outline.size-medium,.appearance-outline.size-medium[nbButtonToggle]{padding:var(--button-outline-medium-padding)}[nbButton].appearance-outline.size-large,.appearance-outline.size-large[nbButtonToggle]{padding:var(--button-outline-large-padding)}[nbButton].appearance-outline.size-giant,.appearance-outline.size-giant[nbButtonToggle]{padding:var(--button-outline-giant-padding)}[nbButton].appearance-outline.status-basic,.appearance-outline.status-basic[nbButtonToggle]{background-color:var(--button-outline-basic-background-color);border-color:var(--button-outline-basic-border-color);color:var(--button-outline-basic-text-color)}[nbButton].appearance-outline.status-basic:focus,.appearance-outline.status-basic[nbButtonToggle]:focus{background-color:var(--button-outline-basic-focus-background-color);border-color:var(--button-outline-basic-focus-border-color);color:var(--button-outline-basic-focus-text-color)}[nbButton].appearance-outline.status-basic:hover,.appearance-outline.status-basic[nbButtonToggle]:hover{background-color:var(--button-outline-basic-hover-background-color);border-color:var(--button-outline-basic-hover-border-color);color:var(--button-outline-basic-hover-text-color)}[nbButton].appearance-outline.status-basic:active,.appearance-outline.status-basic[nbButtonToggle]:active{background-color:var(--button-outline-basic-active-background-color);border-color:var(--button-outline-basic-active-border-color);color:var(--button-outline-basic-active-text-color)}[nbButton].appearance-outline.status-basic[disabled],.appearance-outline.status-basic[disabled][nbButtonToggle],[nbButton].appearance-outline.status-basic.btn-disabled,.appearance-outline.status-basic.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-basic-disabled-background-color);border-color:var(--button-outline-basic-disabled-border-color);color:var(--button-outline-basic-disabled-text-color)}[nbButton].appearance-outline.status-primary,.appearance-outline.status-primary[nbButtonToggle]{background-color:var(--button-outline-primary-background-color);border-color:var(--button-outline-primary-border-color);color:var(--button-outline-primary-text-color)}[nbButton].appearance-outline.status-primary:focus,.appearance-outline.status-primary[nbButtonToggle]:focus{background-color:var(--button-outline-primary-focus-background-color);border-color:var(--button-outline-primary-focus-border-color);color:var(--button-outline-primary-focus-text-color)}[nbButton].appearance-outline.status-primary:hover,.appearance-outline.status-primary[nbButtonToggle]:hover{background-color:var(--button-outline-primary-hover-background-color);border-color:var(--button-outline-primary-hover-border-color);color:var(--button-outline-primary-hover-text-color)}[nbButton].appearance-outline.status-primary:active,.appearance-outline.status-primary[nbButtonToggle]:active{background-color:var(--button-outline-primary-active-background-color);border-color:var(--button-outline-primary-active-border-color);color:var(--button-outline-primary-active-text-color)}[nbButton].appearance-outline.status-primary[disabled],.appearance-outline.status-primary[disabled][nbButtonToggle],[nbButton].appearance-outline.status-primary.btn-disabled,.appearance-outline.status-primary.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-primary-disabled-background-color);border-color:var(--button-outline-primary-disabled-border-color);color:var(--button-outline-primary-disabled-text-color)}[nbButton].appearance-outline.status-success,.appearance-outline.status-success[nbButtonToggle]{background-color:var(--button-outline-success-background-color);border-color:var(--button-outline-success-border-color);color:var(--button-outline-success-text-color)}[nbButton].appearance-outline.status-success:focus,.appearance-outline.status-success[nbButtonToggle]:focus{background-color:var(--button-outline-success-focus-background-color);border-color:var(--button-outline-success-focus-border-color);color:var(--button-outline-success-focus-text-color)}[nbButton].appearance-outline.status-success:hover,.appearance-outline.status-success[nbButtonToggle]:hover{background-color:var(--button-outline-success-hover-background-color);border-color:var(--button-outline-success-hover-border-color);color:var(--button-outline-success-hover-text-color)}[nbButton].appearance-outline.status-success:active,.appearance-outline.status-success[nbButtonToggle]:active{background-color:var(--button-outline-success-active-background-color);border-color:var(--button-outline-success-active-border-color);color:var(--button-outline-success-active-text-color)}[nbButton].appearance-outline.status-success[disabled],.appearance-outline.status-success[disabled][nbButtonToggle],[nbButton].appearance-outline.status-success.btn-disabled,.appearance-outline.status-success.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-success-disabled-background-color);border-color:var(--button-outline-success-disabled-border-color);color:var(--button-outline-success-disabled-text-color)}[nbButton].appearance-outline.status-warning,.appearance-outline.status-warning[nbButtonToggle]{background-color:var(--button-outline-warning-background-color);border-color:var(--button-outline-warning-border-color);color:var(--button-outline-warning-text-color)}[nbButton].appearance-outline.status-warning:focus,.appearance-outline.status-warning[nbButtonToggle]:focus{background-color:var(--button-outline-warning-focus-background-color);border-color:var(--button-outline-warning-focus-border-color);color:var(--button-outline-warning-focus-text-color)}[nbButton].appearance-outline.status-warning:hover,.appearance-outline.status-warning[nbButtonToggle]:hover{background-color:var(--button-outline-warning-hover-background-color);border-color:var(--button-outline-warning-hover-border-color);color:var(--button-outline-warning-hover-text-color)}[nbButton].appearance-outline.status-warning:active,.appearance-outline.status-warning[nbButtonToggle]:active{background-color:var(--button-outline-warning-active-background-color);border-color:var(--button-outline-warning-active-border-color);color:var(--button-outline-warning-active-text-color)}[nbButton].appearance-outline.status-warning[disabled],.appearance-outline.status-warning[disabled][nbButtonToggle],[nbButton].appearance-outline.status-warning.btn-disabled,.appearance-outline.status-warning.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-warning-disabled-background-color);border-color:var(--button-outline-warning-disabled-border-color);color:var(--button-outline-warning-disabled-text-color)}[nbButton].appearance-outline.status-danger,.appearance-outline.status-danger[nbButtonToggle]{background-color:var(--button-outline-danger-background-color);border-color:var(--button-outline-danger-border-color);color:var(--button-outline-danger-text-color)}[nbButton].appearance-outline.status-danger:focus,.appearance-outline.status-danger[nbButtonToggle]:focus{background-color:var(--button-outline-danger-focus-background-color);border-color:var(--button-outline-danger-focus-border-color);color:var(--button-outline-danger-focus-text-color)}[nbButton].appearance-outline.status-danger:hover,.appearance-outline.status-danger[nbButtonToggle]:hover{background-color:var(--button-outline-danger-hover-background-color);border-color:var(--button-outline-danger-hover-border-color);color:var(--button-outline-danger-hover-text-color)}[nbButton].appearance-outline.status-danger:active,.appearance-outline.status-danger[nbButtonToggle]:active{background-color:var(--button-outline-danger-active-background-color);border-color:var(--button-outline-danger-active-border-color);color:var(--button-outline-danger-active-text-color)}[nbButton].appearance-outline.status-danger[disabled],.appearance-outline.status-danger[disabled][nbButtonToggle],[nbButton].appearance-outline.status-danger.btn-disabled,.appearance-outline.status-danger.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-danger-disabled-background-color);border-color:var(--button-outline-danger-disabled-border-color);color:var(--button-outline-danger-disabled-text-color)}[nbButton].appearance-outline.status-info,.appearance-outline.status-info[nbButtonToggle]{background-color:var(--button-outline-info-background-color);border-color:var(--button-outline-info-border-color);color:var(--button-outline-info-text-color)}[nbButton].appearance-outline.status-info:focus,.appearance-outline.status-info[nbButtonToggle]:focus{background-color:var(--button-outline-info-focus-background-color);border-color:var(--button-outline-info-focus-border-color);color:var(--button-outline-info-focus-text-color)}[nbButton].appearance-outline.status-info:hover,.appearance-outline.status-info[nbButtonToggle]:hover{background-color:var(--button-outline-info-hover-background-color);border-color:var(--button-outline-info-hover-border-color);color:var(--button-outline-info-hover-text-color)}[nbButton].appearance-outline.status-info:active,.appearance-outline.status-info[nbButtonToggle]:active{background-color:var(--button-outline-info-active-background-color);border-color:var(--button-outline-info-active-border-color);color:var(--button-outline-info-active-text-color)}[nbButton].appearance-outline.status-info[disabled],.appearance-outline.status-info[disabled][nbButtonToggle],[nbButton].appearance-outline.status-info.btn-disabled,.appearance-outline.status-info.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-info-disabled-background-color);border-color:var(--button-outline-info-disabled-border-color);color:var(--button-outline-info-disabled-text-color)}[nbButton].appearance-outline.status-control,.appearance-outline.status-control[nbButtonToggle]{background-color:var(--button-outline-control-background-color);border-color:var(--button-outline-control-border-color);color:var(--button-outline-control-text-color)}[nbButton].appearance-outline.status-control:focus,.appearance-outline.status-control[nbButtonToggle]:focus{background-color:var(--button-outline-control-focus-background-color);border-color:var(--button-outline-control-focus-border-color);color:var(--button-outline-control-focus-text-color)}[nbButton].appearance-outline.status-control:hover,.appearance-outline.status-control[nbButtonToggle]:hover{background-color:var(--button-outline-control-hover-background-color);border-color:var(--button-outline-control-hover-border-color);color:var(--button-outline-control-hover-text-color)}[nbButton].appearance-outline.status-control:active,.appearance-outline.status-control[nbButtonToggle]:active{background-color:var(--button-outline-control-active-background-color);border-color:var(--button-outline-control-active-border-color);color:var(--button-outline-control-active-text-color)}[nbButton].appearance-outline.status-control[disabled],.appearance-outline.status-control[disabled][nbButtonToggle],[nbButton].appearance-outline.status-control.btn-disabled,.appearance-outline.status-control.btn-disabled[nbButtonToggle]{background-color:var(--button-outline-control-disabled-background-color);border-color:var(--button-outline-control-disabled-border-color);color:var(--button-outline-control-disabled-text-color)}[nbButton].appearance-ghost,.appearance-ghost[nbButtonToggle]{background-color:var(--button-ghost-background-color);border-color:var(--button-ghost-border-color);border-style:var(--button-ghost-border-style);border-width:var(--button-ghost-border-width);text-transform:var(--button-ghost-text-transform)}[nbButton].appearance-ghost:focus,.appearance-ghost[nbButtonToggle]:focus{box-shadow:0 0 0 var(--button-outline-width) var(--button-outline-color)}[nbButton].appearance-ghost:focus:not(:hover):not(:active),.appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active){box-shadow:0 0 0 var(--button-outline-width) var(--button-outline-color),inset var(--button-ghost-focus-inset-shadow-length) var(--button-outline-color)}[nbButton].appearance-ghost.size-tiny,.appearance-ghost.size-tiny[nbButtonToggle]{padding:var(--button-ghost-tiny-padding)}[nbButton].appearance-ghost.size-small,.appearance-ghost.size-small[nbButtonToggle]{padding:var(--button-ghost-small-padding)}[nbButton].appearance-ghost.size-medium,.appearance-ghost.size-medium[nbButtonToggle]{padding:var(--button-ghost-medium-padding)}[nbButton].appearance-ghost.size-large,.appearance-ghost.size-large[nbButtonToggle]{padding:var(--button-ghost-large-padding)}[nbButton].appearance-ghost.size-giant,.appearance-ghost.size-giant[nbButtonToggle]{padding:var(--button-ghost-giant-padding)}[nbButton].appearance-ghost.status-basic,.appearance-ghost.status-basic[nbButtonToggle]{color:var(--button-ghost-basic-text-color)}[nbButton].appearance-ghost.status-basic:focus,.appearance-ghost.status-basic[nbButtonToggle]:focus{background-color:var(--button-ghost-basic-focus-background-color);border-color:var(--button-ghost-basic-focus-border-color);color:var(--button-ghost-basic-focus-text-color)}[nbButton].appearance-ghost.status-basic:hover,.appearance-ghost.status-basic[nbButtonToggle]:hover{background-color:var(--button-ghost-basic-hover-background-color);border-color:var(--button-ghost-basic-hover-border-color);color:var(--button-ghost-basic-hover-text-color)}[nbButton].appearance-ghost.status-basic:active,.appearance-ghost.status-basic[nbButtonToggle]:active{background-color:var(--button-ghost-basic-active-background-color);border-color:var(--button-ghost-basic-active-border-color);color:var(--button-ghost-basic-active-text-color)}[nbButton].appearance-ghost.status-basic[disabled],.appearance-ghost.status-basic[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-basic.btn-disabled,.appearance-ghost.status-basic.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-basic-disabled-background-color);border-color:var(--button-ghost-basic-disabled-border-color);color:var(--button-ghost-basic-disabled-text-color)}[nbButton].appearance-ghost.status-primary,.appearance-ghost.status-primary[nbButtonToggle]{color:var(--button-ghost-primary-text-color)}[nbButton].appearance-ghost.status-primary:focus,.appearance-ghost.status-primary[nbButtonToggle]:focus{background-color:var(--button-ghost-primary-focus-background-color);border-color:var(--button-ghost-primary-focus-border-color);color:var(--button-ghost-primary-focus-text-color)}[nbButton].appearance-ghost.status-primary:hover,.appearance-ghost.status-primary[nbButtonToggle]:hover{background-color:var(--button-ghost-primary-hover-background-color);border-color:var(--button-ghost-primary-hover-border-color);color:var(--button-ghost-primary-hover-text-color)}[nbButton].appearance-ghost.status-primary:active,.appearance-ghost.status-primary[nbButtonToggle]:active{background-color:var(--button-ghost-primary-active-background-color);border-color:var(--button-ghost-primary-active-border-color);color:var(--button-ghost-primary-active-text-color)}[nbButton].appearance-ghost.status-primary[disabled],.appearance-ghost.status-primary[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-primary.btn-disabled,.appearance-ghost.status-primary.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-primary-disabled-background-color);border-color:var(--button-ghost-primary-disabled-border-color);color:var(--button-ghost-primary-disabled-text-color)}[nbButton].appearance-ghost.status-success,.appearance-ghost.status-success[nbButtonToggle]{color:var(--button-ghost-success-text-color)}[nbButton].appearance-ghost.status-success:focus,.appearance-ghost.status-success[nbButtonToggle]:focus{background-color:var(--button-ghost-success-focus-background-color);border-color:var(--button-ghost-success-focus-border-color);color:var(--button-ghost-success-focus-text-color)}[nbButton].appearance-ghost.status-success:hover,.appearance-ghost.status-success[nbButtonToggle]:hover{background-color:var(--button-ghost-success-hover-background-color);border-color:var(--button-ghost-success-hover-border-color);color:var(--button-ghost-success-hover-text-color)}[nbButton].appearance-ghost.status-success:active,.appearance-ghost.status-success[nbButtonToggle]:active{background-color:var(--button-ghost-success-active-background-color);border-color:var(--button-ghost-success-active-border-color);color:var(--button-ghost-success-active-text-color)}[nbButton].appearance-ghost.status-success[disabled],.appearance-ghost.status-success[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-success.btn-disabled,.appearance-ghost.status-success.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-success-disabled-background-color);border-color:var(--button-ghost-success-disabled-border-color);color:var(--button-ghost-success-disabled-text-color)}[nbButton].appearance-ghost.status-warning,.appearance-ghost.status-warning[nbButtonToggle]{color:var(--button-ghost-warning-text-color)}[nbButton].appearance-ghost.status-warning:focus,.appearance-ghost.status-warning[nbButtonToggle]:focus{background-color:var(--button-ghost-warning-focus-background-color);border-color:var(--button-ghost-warning-focus-border-color);color:var(--button-ghost-warning-focus-text-color)}[nbButton].appearance-ghost.status-warning:hover,.appearance-ghost.status-warning[nbButtonToggle]:hover{background-color:var(--button-ghost-warning-hover-background-color);border-color:var(--button-ghost-warning-hover-border-color);color:var(--button-ghost-warning-hover-text-color)}[nbButton].appearance-ghost.status-warning:active,.appearance-ghost.status-warning[nbButtonToggle]:active{background-color:var(--button-ghost-warning-active-background-color);border-color:var(--button-ghost-warning-active-border-color);color:var(--button-ghost-warning-active-text-color)}[nbButton].appearance-ghost.status-warning[disabled],.appearance-ghost.status-warning[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-warning.btn-disabled,.appearance-ghost.status-warning.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-warning-disabled-background-color);border-color:var(--button-ghost-warning-disabled-border-color);color:var(--button-ghost-warning-disabled-text-color)}[nbButton].appearance-ghost.status-danger,.appearance-ghost.status-danger[nbButtonToggle]{color:var(--button-ghost-danger-text-color)}[nbButton].appearance-ghost.status-danger:focus,.appearance-ghost.status-danger[nbButtonToggle]:focus{background-color:var(--button-ghost-danger-focus-background-color);border-color:var(--button-ghost-danger-focus-border-color);color:var(--button-ghost-danger-focus-text-color)}[nbButton].appearance-ghost.status-danger:hover,.appearance-ghost.status-danger[nbButtonToggle]:hover{background-color:var(--button-ghost-danger-hover-background-color);border-color:var(--button-ghost-danger-hover-border-color);color:var(--button-ghost-danger-hover-text-color)}[nbButton].appearance-ghost.status-danger:active,.appearance-ghost.status-danger[nbButtonToggle]:active{background-color:var(--button-ghost-danger-active-background-color);border-color:var(--button-ghost-danger-active-border-color);color:var(--button-ghost-danger-active-text-color)}[nbButton].appearance-ghost.status-danger[disabled],.appearance-ghost.status-danger[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-danger.btn-disabled,.appearance-ghost.status-danger.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-danger-disabled-background-color);border-color:var(--button-ghost-danger-disabled-border-color);color:var(--button-ghost-danger-disabled-text-color)}[nbButton].appearance-ghost.status-info,.appearance-ghost.status-info[nbButtonToggle]{color:var(--button-ghost-info-text-color)}[nbButton].appearance-ghost.status-info:focus,.appearance-ghost.status-info[nbButtonToggle]:focus{background-color:var(--button-ghost-info-focus-background-color);border-color:var(--button-ghost-info-focus-border-color);color:var(--button-ghost-info-focus-text-color)}[nbButton].appearance-ghost.status-info:hover,.appearance-ghost.status-info[nbButtonToggle]:hover{background-color:var(--button-ghost-info-hover-background-color);border-color:var(--button-ghost-info-hover-border-color);color:var(--button-ghost-info-hover-text-color)}[nbButton].appearance-ghost.status-info:active,.appearance-ghost.status-info[nbButtonToggle]:active{background-color:var(--button-ghost-info-active-background-color);border-color:var(--button-ghost-info-active-border-color);color:var(--button-ghost-info-active-text-color)}[nbButton].appearance-ghost.status-info[disabled],.appearance-ghost.status-info[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-info.btn-disabled,.appearance-ghost.status-info.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-info-disabled-background-color);border-color:var(--button-ghost-info-disabled-border-color);color:var(--button-ghost-info-disabled-text-color)}[nbButton].appearance-ghost.status-control,.appearance-ghost.status-control[nbButtonToggle]{color:var(--button-ghost-control-text-color)}[nbButton].appearance-ghost.status-control:focus,.appearance-ghost.status-control[nbButtonToggle]:focus{background-color:var(--button-ghost-control-focus-background-color);border-color:var(--button-ghost-control-focus-border-color);color:var(--button-ghost-control-focus-text-color)}[nbButton].appearance-ghost.status-control:hover,.appearance-ghost.status-control[nbButtonToggle]:hover{background-color:var(--button-ghost-control-hover-background-color);border-color:var(--button-ghost-control-hover-border-color);color:var(--button-ghost-control-hover-text-color)}[nbButton].appearance-ghost.status-control:active,.appearance-ghost.status-control[nbButtonToggle]:active{background-color:var(--button-ghost-control-active-background-color);border-color:var(--button-ghost-control-active-border-color);color:var(--button-ghost-control-active-text-color)}[nbButton].appearance-ghost.status-control[disabled],.appearance-ghost.status-control[disabled][nbButtonToggle],[nbButton].appearance-ghost.status-control.btn-disabled,.appearance-ghost.status-control.btn-disabled[nbButtonToggle]{background-color:var(--button-ghost-control-disabled-background-color);border-color:var(--button-ghost-control-disabled-border-color);color:var(--button-ghost-control-disabled-text-color)}[nbButton].appearance-hero,.appearance-hero[nbButtonToggle]{text-shadow:var(--button-hero-text-shadow);text-transform:var(--button-hero-text-transform)}[nbButton].appearance-hero.size-tiny,.appearance-hero.size-tiny[nbButtonToggle]{padding:var(--button-hero-tiny-padding)}[nbButton].appearance-hero.size-small,.appearance-hero.size-small[nbButtonToggle]{padding:var(--button-hero-small-padding)}[nbButton].appearance-hero.size-medium,.appearance-hero.size-medium[nbButtonToggle]{padding:var(--button-hero-medium-padding)}[nbButton].appearance-hero.size-large,.appearance-hero.size-large[nbButtonToggle]{padding:var(--button-hero-large-padding)}[nbButton].appearance-hero.size-giant,.appearance-hero.size-giant[nbButtonToggle]{padding:var(--button-hero-giant-padding)}[nbButton].appearance-hero.status-basic,.appearance-hero.status-basic[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-basic-left-background-color), var(--button-hero-basic-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color),var(--button-hero-glow-size) var(--button-hero-basic-glow-color),var(--button-hero-shadow);color:var(--button-hero-basic-text-color)}[nbButton].appearance-hero.status-basic:focus,.appearance-hero.status-basic[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-basic-focus-left-background-color), var(--button-hero-basic-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color),var(--button-hero-glow-size) var(--button-hero-basic-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-basic:hover,.appearance-hero.status-basic[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-basic-hover-left-background-color), var(--button-hero-basic-hover-right-background-color))}[nbButton].appearance-hero.status-basic:active,.appearance-hero.status-basic[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-basic-active-left-background-color), var(--button-hero-basic-active-right-background-color))}[nbButton].appearance-hero.status-basic[disabled],.appearance-hero.status-basic[disabled][nbButtonToggle],[nbButton].appearance-hero.status-basic.btn-disabled,.appearance-hero.status-basic.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-basic-disabled-background-color);background-image:none;color:var(--button-hero-basic-disabled-text-color)}[nbButton].appearance-hero.status-basic.button-pulse,.appearance-hero.status-basic.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-basic-pulse .75s infinite alternate;animation:button-hero-basic-pulse .75s infinite alternate}@-webkit-keyframes button-hero-basic-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-basic-left-background-color);opacity:.8}}@keyframes button-hero-basic-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-basic-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-primary,.appearance-hero.status-primary[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-primary-left-background-color), var(--button-hero-primary-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color),var(--button-hero-glow-size) var(--button-hero-primary-glow-color),var(--button-hero-shadow);color:var(--button-hero-primary-text-color)}[nbButton].appearance-hero.status-primary:focus,.appearance-hero.status-primary[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-primary-focus-left-background-color), var(--button-hero-primary-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color),var(--button-hero-glow-size) var(--button-hero-primary-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-primary:hover,.appearance-hero.status-primary[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-primary-hover-left-background-color), var(--button-hero-primary-hover-right-background-color))}[nbButton].appearance-hero.status-primary:active,.appearance-hero.status-primary[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-primary-active-left-background-color), var(--button-hero-primary-active-right-background-color))}[nbButton].appearance-hero.status-primary[disabled],.appearance-hero.status-primary[disabled][nbButtonToggle],[nbButton].appearance-hero.status-primary.btn-disabled,.appearance-hero.status-primary.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-primary-disabled-background-color);background-image:none;color:var(--button-hero-primary-disabled-text-color)}[nbButton].appearance-hero.status-primary.button-pulse,.appearance-hero.status-primary.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-primary-pulse .75s infinite alternate;animation:button-hero-primary-pulse .75s infinite alternate}@-webkit-keyframes button-hero-primary-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-primary-left-background-color);opacity:.8}}@keyframes button-hero-primary-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-primary-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-success,.appearance-hero.status-success[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-success-left-background-color), var(--button-hero-success-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-success-bevel-color),var(--button-hero-glow-size) var(--button-hero-success-glow-color),var(--button-hero-shadow);color:var(--button-hero-success-text-color)}[nbButton].appearance-hero.status-success:focus,.appearance-hero.status-success[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-success-focus-left-background-color), var(--button-hero-success-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-success-bevel-color),var(--button-hero-glow-size) var(--button-hero-success-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-success:hover,.appearance-hero.status-success[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-success-hover-left-background-color), var(--button-hero-success-hover-right-background-color))}[nbButton].appearance-hero.status-success:active,.appearance-hero.status-success[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-success-active-left-background-color), var(--button-hero-success-active-right-background-color))}[nbButton].appearance-hero.status-success[disabled],.appearance-hero.status-success[disabled][nbButtonToggle],[nbButton].appearance-hero.status-success.btn-disabled,.appearance-hero.status-success.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-success-disabled-background-color);background-image:none;color:var(--button-hero-success-disabled-text-color)}[nbButton].appearance-hero.status-success.button-pulse,.appearance-hero.status-success.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-success-pulse .75s infinite alternate;animation:button-hero-success-pulse .75s infinite alternate}@-webkit-keyframes button-hero-success-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-success-left-background-color);opacity:.8}}@keyframes button-hero-success-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-success-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-warning,.appearance-hero.status-warning[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-warning-left-background-color), var(--button-hero-warning-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color),var(--button-hero-glow-size) var(--button-hero-warning-glow-color),var(--button-hero-shadow);color:var(--button-hero-warning-text-color)}[nbButton].appearance-hero.status-warning:focus,.appearance-hero.status-warning[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-warning-focus-left-background-color), var(--button-hero-warning-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color),var(--button-hero-glow-size) var(--button-hero-warning-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-warning:hover,.appearance-hero.status-warning[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-warning-hover-left-background-color), var(--button-hero-warning-hover-right-background-color))}[nbButton].appearance-hero.status-warning:active,.appearance-hero.status-warning[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-warning-active-left-background-color), var(--button-hero-warning-active-right-background-color))}[nbButton].appearance-hero.status-warning[disabled],.appearance-hero.status-warning[disabled][nbButtonToggle],[nbButton].appearance-hero.status-warning.btn-disabled,.appearance-hero.status-warning.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-warning-disabled-background-color);background-image:none;color:var(--button-hero-warning-disabled-text-color)}[nbButton].appearance-hero.status-warning.button-pulse,.appearance-hero.status-warning.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-warning-pulse .75s infinite alternate;animation:button-hero-warning-pulse .75s infinite alternate}@-webkit-keyframes button-hero-warning-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-warning-left-background-color);opacity:.8}}@keyframes button-hero-warning-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-warning-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-danger,.appearance-hero.status-danger[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-danger-left-background-color), var(--button-hero-danger-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color),var(--button-hero-glow-size) var(--button-hero-danger-glow-color),var(--button-hero-shadow);color:var(--button-hero-danger-text-color)}[nbButton].appearance-hero.status-danger:focus,.appearance-hero.status-danger[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-danger-focus-left-background-color), var(--button-hero-danger-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color),var(--button-hero-glow-size) var(--button-hero-danger-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-danger:hover,.appearance-hero.status-danger[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-danger-hover-left-background-color), var(--button-hero-danger-hover-right-background-color))}[nbButton].appearance-hero.status-danger:active,.appearance-hero.status-danger[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-danger-active-left-background-color), var(--button-hero-danger-active-right-background-color))}[nbButton].appearance-hero.status-danger[disabled],.appearance-hero.status-danger[disabled][nbButtonToggle],[nbButton].appearance-hero.status-danger.btn-disabled,.appearance-hero.status-danger.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-danger-disabled-background-color);background-image:none;color:var(--button-hero-danger-disabled-text-color)}[nbButton].appearance-hero.status-danger.button-pulse,.appearance-hero.status-danger.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-danger-pulse .75s infinite alternate;animation:button-hero-danger-pulse .75s infinite alternate}@-webkit-keyframes button-hero-danger-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-danger-left-background-color);opacity:.8}}@keyframes button-hero-danger-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-danger-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-info,.appearance-hero.status-info[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-info-left-background-color), var(--button-hero-info-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-info-bevel-color),var(--button-hero-glow-size) var(--button-hero-info-glow-color),var(--button-hero-shadow);color:var(--button-hero-info-text-color)}[nbButton].appearance-hero.status-info:focus,.appearance-hero.status-info[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-info-focus-left-background-color), var(--button-hero-info-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-info-bevel-color),var(--button-hero-glow-size) var(--button-hero-info-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-info:hover,.appearance-hero.status-info[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-info-hover-left-background-color), var(--button-hero-info-hover-right-background-color))}[nbButton].appearance-hero.status-info:active,.appearance-hero.status-info[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-info-active-left-background-color), var(--button-hero-info-active-right-background-color))}[nbButton].appearance-hero.status-info[disabled],.appearance-hero.status-info[disabled][nbButtonToggle],[nbButton].appearance-hero.status-info.btn-disabled,.appearance-hero.status-info.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-info-disabled-background-color);background-image:none;color:var(--button-hero-info-disabled-text-color)}[nbButton].appearance-hero.status-info.button-pulse,.appearance-hero.status-info.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-info-pulse .75s infinite alternate;animation:button-hero-info-pulse .75s infinite alternate}@-webkit-keyframes button-hero-info-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-info-left-background-color);opacity:.8}}@keyframes button-hero-info-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-info-left-background-color);opacity:.8}}[nbButton].appearance-hero.status-control,.appearance-hero.status-control[nbButtonToggle]{background-image:linear-gradient(to right, var(--button-hero-control-left-background-color), var(--button-hero-control-right-background-color));border:none;box-shadow:var(--button-hero-bevel-size) var(--button-hero-control-bevel-color),var(--button-hero-glow-size) var(--button-hero-control-glow-color),var(--button-hero-shadow);color:var(--button-hero-control-text-color)}[nbButton].appearance-hero.status-control:focus,.appearance-hero.status-control[nbButtonToggle]:focus{background-image:linear-gradient(to right, var(--button-hero-control-focus-left-background-color), var(--button-hero-control-focus-right-background-color));box-shadow:var(--button-hero-bevel-size) var(--button-hero-control-bevel-color),var(--button-hero-glow-size) var(--button-hero-control-glow-color),var(--button-hero-shadow),0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color)}[nbButton].appearance-hero.status-control:hover,.appearance-hero.status-control[nbButtonToggle]:hover{background-image:linear-gradient(to right, var(--button-hero-control-hover-left-background-color), var(--button-hero-control-hover-right-background-color))}[nbButton].appearance-hero.status-control:active,.appearance-hero.status-control[nbButtonToggle]:active{background-image:linear-gradient(to right, var(--button-hero-control-active-left-background-color), var(--button-hero-control-active-right-background-color))}[nbButton].appearance-hero.status-control[disabled],.appearance-hero.status-control[disabled][nbButtonToggle],[nbButton].appearance-hero.status-control.btn-disabled,.appearance-hero.status-control.btn-disabled[nbButtonToggle]{background-color:var(--button-hero-control-disabled-background-color);background-image:none;color:var(--button-hero-control-disabled-text-color)}[nbButton].appearance-hero.status-control.button-pulse,.appearance-hero.status-control.button-pulse[nbButtonToggle]{-webkit-animation:button-hero-control-pulse .75s infinite alternate;animation:button-hero-control-pulse .75s infinite alternate}@-webkit-keyframes button-hero-control-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-control-left-background-color);opacity:.8}}@keyframes button-hero-control-pulse{0%{box-shadow:none;opacity:.3}100%{box-shadow:0 0 1rem 0 var(--button-hero-control-left-background-color);opacity:.8}}nb-button-group{display:inline-flex}[dir=ltr] nb-button-group [nbButton]:first-child:not(:last-child),[dir=ltr] nb-button-group [nbButtonToggle]:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}[dir=ltr] nb-button-group [nbButton]:last-child:not(:first-child),[dir=ltr] nb-button-group [nbButtonToggle]:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] nb-button-group [nbButton]:first-child:not(:last-child),[dir=rtl] nb-button-group [nbButtonToggle]:first-child:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] nb-button-group [nbButton]:last-child:not(:first-child),[dir=rtl] nb-button-group [nbButtonToggle]:last-child:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}nb-button-group [nbButton]:not(:first-child):not(:last-child),nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child){border-radius:0}nb-button-group [nbButton].appearance-filled,nb-button-group [nbButton].appearance-ghost,nb-button-group [nbButtonToggle].appearance-filled,nb-button-group [nbButtonToggle].appearance-ghost{border-color:transparent}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-basic-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-basic-divider-color)}nb-button-group [nbButton].appearance-filled.status-basic,nb-button-group [nbButtonToggle].appearance-filled.status-basic{color:var(--button-group-filled-button-basic-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-primary-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-primary-divider-color)}nb-button-group [nbButton].appearance-filled.status-primary,nb-button-group [nbButtonToggle].appearance-filled.status-primary{color:var(--button-group-filled-button-primary-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-success-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-success-divider-color)}nb-button-group [nbButton].appearance-filled.status-success,nb-button-group [nbButtonToggle].appearance-filled.status-success{color:var(--button-group-filled-button-success-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-warning-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-warning-divider-color)}nb-button-group [nbButton].appearance-filled.status-warning,nb-button-group [nbButtonToggle].appearance-filled.status-warning{color:var(--button-group-filled-button-warning-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-danger-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-danger-divider-color)}nb-button-group [nbButton].appearance-filled.status-danger,nb-button-group [nbButtonToggle].appearance-filled.status-danger{color:var(--button-group-filled-button-danger-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-info-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-info-divider-color)}nb-button-group [nbButton].appearance-filled.status-info,nb-button-group [nbButtonToggle].appearance-filled.status-info{color:var(--button-group-filled-button-info-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-filled-control-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-filled-control-divider-color)}nb-button-group [nbButton].appearance-filled.status-control,nb-button-group [nbButtonToggle].appearance-filled.status-control{color:var(--button-group-filled-button-control-text-color)}[dir=ltr] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=ltr] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-left-color:var(--button-group-ghost-divider-color)}[dir=rtl] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),[dir=rtl] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]){border-right-color:var(--button-group-ghost-divider-color)}nb-list-item{border-bottom:var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color);color:var(--list-item-text-color);font-family:var(--list-item-font-family);font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);line-height:var(--list-item-line-height);padding:var(--list-item-padding)}nb-list-item:first-child{border-top:var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color)}[nbInput]{border-style:var(--input-border-style);border-width:var(--input-border-width);font-family:var(--input-text-font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none}[nbInput].nb-transition{transition-duration:.15s;transition-property:border,background-color,color,box-shadow;transition-timing-function:ease-in}[nbInput]::-moz-placeholder{font-family:var(--input-placeholder-text-font-family);text-overflow:ellipsis}[nbInput]::placeholder{font-family:var(--input-placeholder-text-font-family);text-overflow:ellipsis}[nbInput]:focus{outline:none}[nbInput].input-full-width{width:100%}[nbInput].status-basic{background-color:var(--input-basic-background-color);border-color:var(--input-basic-border-color);color:var(--input-basic-text-color)}[nbInput].status-basic::-moz-placeholder{color:var(--input-basic-placeholder-text-color)}[nbInput].status-basic::placeholder{color:var(--input-basic-placeholder-text-color)}[nbInput].status-basic:focus{background-color:var(--input-basic-focus-background-color);border-color:var(--input-basic-focus-border-color)}[nbInput].status-basic:hover{background-color:var(--input-basic-hover-background-color);border-color:var(--input-basic-hover-border-color)}[nbInput].status-basic:disabled{background-color:var(--input-basic-disabled-background-color);border-color:var(--input-basic-disabled-border-color);color:var(--input-basic-disabled-text-color)}[nbInput].status-basic:disabled::-moz-placeholder{color:var(--input-basic-disabled-placeholder-text-color)}[nbInput].status-basic:disabled::placeholder{color:var(--input-basic-disabled-placeholder-text-color)}[nbInput].status-primary{background-color:var(--input-primary-background-color);border-color:var(--input-primary-border-color);color:var(--input-primary-text-color)}[nbInput].status-primary::-moz-placeholder{color:var(--input-primary-placeholder-text-color)}[nbInput].status-primary::placeholder{color:var(--input-primary-placeholder-text-color)}[nbInput].status-primary:focus{background-color:var(--input-primary-focus-background-color);border-color:var(--input-primary-focus-border-color)}[nbInput].status-primary:hover{background-color:var(--input-primary-hover-background-color);border-color:var(--input-primary-hover-border-color)}[nbInput].status-primary:disabled{background-color:var(--input-primary-disabled-background-color);border-color:var(--input-primary-disabled-border-color);color:var(--input-primary-disabled-text-color)}[nbInput].status-primary:disabled::-moz-placeholder{color:var(--input-primary-disabled-placeholder-text-color)}[nbInput].status-primary:disabled::placeholder{color:var(--input-primary-disabled-placeholder-text-color)}[nbInput].status-success{background-color:var(--input-success-background-color);border-color:var(--input-success-border-color);color:var(--input-success-text-color)}[nbInput].status-success::-moz-placeholder{color:var(--input-success-placeholder-text-color)}[nbInput].status-success::placeholder{color:var(--input-success-placeholder-text-color)}[nbInput].status-success:focus{background-color:var(--input-success-focus-background-color);border-color:var(--input-success-focus-border-color)}[nbInput].status-success:hover{background-color:var(--input-success-hover-background-color);border-color:var(--input-success-hover-border-color)}[nbInput].status-success:disabled{background-color:var(--input-success-disabled-background-color);border-color:var(--input-success-disabled-border-color);color:var(--input-success-disabled-text-color)}[nbInput].status-success:disabled::-moz-placeholder{color:var(--input-success-disabled-placeholder-text-color)}[nbInput].status-success:disabled::placeholder{color:var(--input-success-disabled-placeholder-text-color)}[nbInput].status-warning{background-color:var(--input-warning-background-color);border-color:var(--input-warning-border-color);color:var(--input-warning-text-color)}[nbInput].status-warning::-moz-placeholder{color:var(--input-warning-placeholder-text-color)}[nbInput].status-warning::placeholder{color:var(--input-warning-placeholder-text-color)}[nbInput].status-warning:focus{background-color:var(--input-warning-focus-background-color);border-color:var(--input-warning-focus-border-color)}[nbInput].status-warning:hover{background-color:var(--input-warning-hover-background-color);border-color:var(--input-warning-hover-border-color)}[nbInput].status-warning:disabled{background-color:var(--input-warning-disabled-background-color);border-color:var(--input-warning-disabled-border-color);color:var(--input-warning-disabled-text-color)}[nbInput].status-warning:disabled::-moz-placeholder{color:var(--input-warning-disabled-placeholder-text-color)}[nbInput].status-warning:disabled::placeholder{color:var(--input-warning-disabled-placeholder-text-color)}[nbInput].status-danger{background-color:var(--input-danger-background-color);border-color:var(--input-danger-border-color);color:var(--input-danger-text-color)}[nbInput].status-danger::-moz-placeholder{color:var(--input-danger-placeholder-text-color)}[nbInput].status-danger::placeholder{color:var(--input-danger-placeholder-text-color)}[nbInput].status-danger:focus{background-color:var(--input-danger-focus-background-color);border-color:var(--input-danger-focus-border-color)}[nbInput].status-danger:hover{background-color:var(--input-danger-hover-background-color);border-color:var(--input-danger-hover-border-color)}[nbInput].status-danger:disabled{background-color:var(--input-danger-disabled-background-color);border-color:var(--input-danger-disabled-border-color);color:var(--input-danger-disabled-text-color)}[nbInput].status-danger:disabled::-moz-placeholder{color:var(--input-danger-disabled-placeholder-text-color)}[nbInput].status-danger:disabled::placeholder{color:var(--input-danger-disabled-placeholder-text-color)}[nbInput].status-info{background-color:var(--input-info-background-color);border-color:var(--input-info-border-color);color:var(--input-info-text-color)}[nbInput].status-info::-moz-placeholder{color:var(--input-info-placeholder-text-color)}[nbInput].status-info::placeholder{color:var(--input-info-placeholder-text-color)}[nbInput].status-info:focus{background-color:var(--input-info-focus-background-color);border-color:var(--input-info-focus-border-color)}[nbInput].status-info:hover{background-color:var(--input-info-hover-background-color);border-color:var(--input-info-hover-border-color)}[nbInput].status-info:disabled{background-color:var(--input-info-disabled-background-color);border-color:var(--input-info-disabled-border-color);color:var(--input-info-disabled-text-color)}[nbInput].status-info:disabled::-moz-placeholder{color:var(--input-info-disabled-placeholder-text-color)}[nbInput].status-info:disabled::placeholder{color:var(--input-info-disabled-placeholder-text-color)}[nbInput].status-control{background-color:var(--input-control-background-color);border-color:var(--input-control-border-color);color:var(--input-control-text-color)}[nbInput].status-control::-moz-placeholder{color:var(--input-control-placeholder-text-color)}[nbInput].status-control::placeholder{color:var(--input-control-placeholder-text-color)}[nbInput].status-control:focus{background-color:var(--input-control-focus-background-color);border-color:var(--input-control-focus-border-color)}[nbInput].status-control:hover{background-color:var(--input-control-hover-background-color);border-color:var(--input-control-hover-border-color)}[nbInput].status-control:disabled{background-color:var(--input-control-disabled-background-color);border-color:var(--input-control-disabled-border-color);color:var(--input-control-disabled-text-color)}[nbInput].status-control:disabled::-moz-placeholder{color:var(--input-control-disabled-placeholder-text-color)}[nbInput].status-control:disabled::placeholder{color:var(--input-control-disabled-placeholder-text-color)}[nbInput].size-tiny{font-size:var(--input-tiny-text-font-size);font-weight:var(--input-tiny-text-font-weight);line-height:var(--input-tiny-text-line-height);padding:var(--input-tiny-padding)}[nbInput].size-tiny:not(.input-full-width){max-width:var(--input-tiny-max-width)}[nbInput].size-tiny::-moz-placeholder{font-size:var(--input-tiny-placeholder-text-font-size);font-weight:var(--input-tiny-placeholder-text-font-weight);line-height:var(--input-tiny-placeholder-text-line-height)}[nbInput].size-tiny::placeholder{font-size:var(--input-tiny-placeholder-text-font-size);font-weight:var(--input-tiny-placeholder-text-font-weight);line-height:var(--input-tiny-placeholder-text-line-height)}[nbInput].size-small{font-size:var(--input-small-text-font-size);font-weight:var(--input-small-text-font-weight);line-height:var(--input-small-text-line-height);padding:var(--input-small-padding)}[nbInput].size-small:not(.input-full-width){max-width:var(--input-small-max-width)}[nbInput].size-small::-moz-placeholder{font-size:var(--input-small-placeholder-text-font-size);font-weight:var(--input-small-placeholder-text-font-weight);line-height:var(--input-small-placeholder-text-line-height)}[nbInput].size-small::placeholder{font-size:var(--input-small-placeholder-text-font-size);font-weight:var(--input-small-placeholder-text-font-weight);line-height:var(--input-small-placeholder-text-line-height)}[nbInput].size-medium{font-size:var(--input-medium-text-font-size);font-weight:var(--input-medium-text-font-weight);line-height:var(--input-medium-text-line-height);padding:var(--input-medium-padding)}[nbInput].size-medium:not(.input-full-width){max-width:var(--input-medium-max-width)}[nbInput].size-medium::-moz-placeholder{font-size:var(--input-medium-placeholder-text-font-size);font-weight:var(--input-medium-placeholder-text-font-weight);line-height:var(--input-medium-placeholder-text-line-height)}[nbInput].size-medium::placeholder{font-size:var(--input-medium-placeholder-text-font-size);font-weight:var(--input-medium-placeholder-text-font-weight);line-height:var(--input-medium-placeholder-text-line-height)}[nbInput].size-large{font-size:var(--input-large-text-font-size);font-weight:var(--input-large-text-font-weight);line-height:var(--input-large-text-line-height);padding:var(--input-large-padding)}[nbInput].size-large:not(.input-full-width){max-width:var(--input-large-max-width)}[nbInput].size-large::-moz-placeholder{font-size:var(--input-large-placeholder-text-font-size);font-weight:var(--input-large-placeholder-text-font-weight);line-height:var(--input-large-placeholder-text-line-height)}[nbInput].size-large::placeholder{font-size:var(--input-large-placeholder-text-font-size);font-weight:var(--input-large-placeholder-text-font-weight);line-height:var(--input-large-placeholder-text-line-height)}[nbInput].size-giant{font-size:var(--input-giant-text-font-size);font-weight:var(--input-giant-text-font-weight);line-height:var(--input-giant-text-line-height);padding:var(--input-giant-padding)}[nbInput].size-giant:not(.input-full-width){max-width:var(--input-giant-max-width)}[nbInput].size-giant::-moz-placeholder{font-size:var(--input-giant-placeholder-text-font-size);font-weight:var(--input-giant-placeholder-text-font-weight);line-height:var(--input-giant-placeholder-text-line-height)}[nbInput].size-giant::placeholder{font-size:var(--input-giant-placeholder-text-font-size);font-weight:var(--input-giant-placeholder-text-font-weight);line-height:var(--input-giant-placeholder-text-line-height)}[nbInput].shape-rectangle{border-radius:var(--input-rectangle-border-radius)}[nbInput].shape-semi-round{border-radius:var(--input-semi-round-border-radius)}[nbInput].shape-round{border-radius:var(--input-round-border-radius)}nb-form-field [nbInput]{width:100%}[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-tiny{padding-left:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-tiny{padding-right:var(--form-field-addon-tiny-width)}[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-tiny{padding-right:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-tiny{padding-left:var(--form-field-addon-tiny-width)}[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-small{padding-left:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-small{padding-right:var(--form-field-addon-small-width)}[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-small{padding-right:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-small{padding-left:var(--form-field-addon-small-width)}[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-medium{padding-left:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-medium{padding-right:var(--form-field-addon-medium-width)}[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-medium{padding-right:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-medium{padding-left:var(--form-field-addon-medium-width)}[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-large{padding-left:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-large{padding-right:var(--form-field-addon-large-width)}[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-large{padding-right:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-large{padding-left:var(--form-field-addon-large-width)}[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-giant{padding-left:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-giant{padding-right:var(--form-field-addon-giant-width)}[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-giant{padding-right:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-giant{padding-left:var(--form-field-addon-giant-width)}.overlay-backdrop{background:var(--overlay-backdrop-background-color)}.cdk-overlay-container{z-index:1040}nb-popover{border:var(--popover-border-width) solid var(--popover-border-color);border-radius:var(--popover-border-radius);background:var(--popover-background-color);box-shadow:var(--popover-shadow);color:var(--popover-text-color)}nb-popover .primitive-overlay{font-family:var(--popover-text-font-family);font-size:var(--popover-text-font-size);font-weight:var(--popover-text-font-weight);line-height:var(--popover-text-line-height);padding:var(--popover-padding)}nb-popover .arrow{border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-border-color)}nb-popover .arrow::after{position:absolute;content:" ";width:0;height:0;top:3px;left:calc(50% - var(--popover-arrow-size));border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background-color);-webkit-clip-path:inset(0 0 2px);clip-path:inset(0 0 2px)}nb-popover.nb-overlay-bottom .arrow{top:calc(-1 * var(--popover-arrow-size) + 1px);left:calc(50% - var(--popover-arrow-size))}nb-popover.nb-overlay-bottom-start .arrow{top:calc(-1 * var(--popover-arrow-size) + 1px)}[dir=ltr] nb-popover.nb-overlay-bottom-start .arrow{right:var(--popover-arrow-size)}[dir=rtl] nb-popover.nb-overlay-bottom-start .arrow{left:var(--popover-arrow-size)}nb-popover.nb-overlay-bottom-end .arrow{top:calc(-1 * var(--popover-arrow-size) + 1px)}[dir=ltr] nb-popover.nb-overlay-bottom-end .arrow{left:var(--popover-arrow-size)}[dir=rtl] nb-popover.nb-overlay-bottom-end .arrow{right:var(--popover-arrow-size)}nb-popover.nb-overlay-left .arrow{right:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);top:calc(50% - var(--popover-arrow-size) * 0.5);transform:rotate(90deg)}nb-popover.nb-overlay-start-top .arrow{right:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);bottom:var(--popover-arrow-size);transform:rotate(90deg)}nb-popover.nb-overlay-start-bottom .arrow{right:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);top:var(--popover-arrow-size);transform:rotate(90deg)}nb-popover.nb-overlay-top .arrow{bottom:calc(-1 * var(--popover-arrow-size) + 1px);left:calc(50% - var(--popover-arrow-size));transform:rotate(180deg)}nb-popover.nb-overlay-top-start .arrow{bottom:calc(-1 * var(--popover-arrow-size) + 1px);transform:rotate(180deg)}[dir=ltr] nb-popover.nb-overlay-top-start .arrow{right:var(--popover-arrow-size)}[dir=rtl] nb-popover.nb-overlay-top-start .arrow{left:var(--popover-arrow-size)}nb-popover.nb-overlay-top-end .arrow{bottom:calc(-1 * var(--popover-arrow-size) + 1px);transform:rotate(180deg)}[dir=ltr] nb-popover.nb-overlay-top-end .arrow{left:var(--popover-arrow-size)}[dir=rtl] nb-popover.nb-overlay-top-end .arrow{right:var(--popover-arrow-size)}nb-popover.nb-overlay-right .arrow{left:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);top:calc(50% - var(--popover-arrow-size) * 0.5);transform:rotate(270deg)}nb-popover.nb-overlay-end-top .arrow{left:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);bottom:var(--popover-arrow-size);transform:rotate(270deg)}nb-popover.nb-overlay-end-bottom .arrow{left:calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);top:var(--popover-arrow-size);transform:rotate(270deg)}.context-menu-host{cursor:pointer}nb-context-menu{background-color:var(--context-menu-background-color);border-color:var(--context-menu-border-color);border-style:var(--context-menu-border-style);border-width:var(--context-menu-border-width);border-radius:var(--context-menu-border-radius);box-shadow:var(--context-menu-shadow);min-width:var(--context-menu-min-width);max-width:var(--context-menu-max-width)}nb-context-menu nb-menu{border-radius:var(--context-menu-border-radius);overflow:hidden;text-align:var(--context-menu-text-align)}nb-context-menu nb-menu nb-icon.expand-state svg{pointer-events:none}nb-select .select-button{min-width:var(--select-min-width);cursor:var(--select-cursor);font-family:var(--select-text-font-family)}nb-select .select-button.placeholder{font-family:var(--select-placeholder-text-font-family)}nb-select .select-button:focus{outline:none}nb-select .select-button[disabled]{cursor:var(--select-disabled-cursor)}nb-select.size-tiny .select-button{font-size:var(--select-tiny-text-font-size);font-weight:var(--select-tiny-text-font-weight);line-height:var(--select-tiny-text-line-height)}nb-select.size-tiny .select-button.placeholder{font-size:var(--select-tiny-placeholder-text-font-size);font-weight:var(--select-tiny-placeholder-text-font-weight)}nb-select.size-tiny .select-button.empty::before{content:" ";display:block;height:var(--select-tiny-text-line-height)}nb-select.size-tiny:not(.full-width){max-width:var(--select-tiny-max-width)}nb-select.size-small .select-button{font-size:var(--select-small-text-font-size);font-weight:var(--select-small-text-font-weight);line-height:var(--select-small-text-line-height)}nb-select.size-small .select-button.placeholder{font-size:var(--select-small-placeholder-text-font-size);font-weight:var(--select-small-placeholder-text-font-weight)}nb-select.size-small .select-button.empty::before{content:" ";display:block;height:var(--select-small-text-line-height)}nb-select.size-small:not(.full-width){max-width:var(--select-small-max-width)}nb-select.size-medium .select-button{font-size:var(--select-medium-text-font-size);font-weight:var(--select-medium-text-font-weight);line-height:var(--select-medium-text-line-height)}nb-select.size-medium .select-button.placeholder{font-size:var(--select-medium-placeholder-text-font-size);font-weight:var(--select-medium-placeholder-text-font-weight)}nb-select.size-medium .select-button.empty::before{content:" ";display:block;height:var(--select-medium-text-line-height)}nb-select.size-medium:not(.full-width){max-width:var(--select-medium-max-width)}nb-select.size-large .select-button{font-size:var(--select-large-text-font-size);font-weight:var(--select-large-text-font-weight);line-height:var(--select-large-text-line-height)}nb-select.size-large .select-button.placeholder{font-size:var(--select-large-placeholder-text-font-size);font-weight:var(--select-large-placeholder-text-font-weight)}nb-select.size-large .select-button.empty::before{content:" ";display:block;height:var(--select-large-text-line-height)}nb-select.size-large:not(.full-width){max-width:var(--select-large-max-width)}nb-select.size-giant .select-button{font-size:var(--select-giant-text-font-size);font-weight:var(--select-giant-text-font-weight);line-height:var(--select-giant-text-line-height)}nb-select.size-giant .select-button.placeholder{font-size:var(--select-giant-placeholder-text-font-size);font-weight:var(--select-giant-placeholder-text-font-weight)}nb-select.size-giant .select-button.empty::before{content:" ";display:block;height:var(--select-giant-text-line-height)}nb-select.size-giant:not(.full-width){max-width:var(--select-giant-max-width)}nb-select.shape-rectangle .select-button{border-radius:var(--select-rectangle-border-radius)}nb-select.shape-semi-round .select-button{border-radius:var(--select-semi-round-border-radius)}nb-select.shape-round .select-button{border-radius:var(--select-round-border-radius)}nb-select.appearance-outline .select-button{border-style:var(--select-outline-border-style);border-width:var(--select-outline-border-width)}nb-select.appearance-outline .select-button.top{border-top-style:var(--select-outline-adjacent-border-style);border-top-width:var(--select-outline-adjacent-border-width)}nb-select.appearance-outline .select-button.bottom{border-bottom-style:var(--select-outline-adjacent-border-style);border-bottom-width:var(--select-outline-adjacent-border-width)}nb-select.appearance-outline.status-basic .select-button{background-color:var(--select-outline-basic-background-color);border-color:var(--select-outline-basic-border-color);color:var(--select-outline-basic-text-color)}nb-select.appearance-outline.status-basic .select-button.placeholder{color:var(--select-outline-basic-placeholder-text-color)}nb-select.appearance-outline.status-basic .select-button nb-icon{color:var(--select-outline-basic-icon-color)}nb-select.appearance-outline.status-basic .select-button:focus{background-color:var(--select-outline-basic-focus-background-color);border-color:var(--select-outline-basic-focus-border-color)}nb-select.appearance-outline.status-basic .select-button:hover{background-color:var(--select-outline-basic-hover-background-color);border-color:var(--select-outline-basic-hover-border-color)}nb-select.appearance-outline.status-basic .select-button[disabled]{color:var(--select-outline-basic-disabled-text-color);background-color:var(--select-outline-basic-disabled-background-color);border-color:var(--select-outline-basic-disabled-border-color)}nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon{color:var(--select-outline-basic-disabled-icon-color)}nb-select.appearance-outline.status-basic .select-button.bottom,nb-select.appearance-outline.status-basic .select-button.top{border-color:var(--select-outline-basic-open-border-color)}nb-select.appearance-outline.status-basic .select-button.top{border-top-color:var(--select-outline-basic-adjacent-border-color)}nb-select.appearance-outline.status-basic .select-button.bottom{border-bottom-color:var(--select-outline-basic-adjacent-border-color)}nb-select.appearance-outline.status-primary .select-button{background-color:var(--select-outline-primary-background-color);border-color:var(--select-outline-primary-border-color);color:var(--select-outline-primary-text-color)}nb-select.appearance-outline.status-primary .select-button.placeholder{color:var(--select-outline-primary-placeholder-text-color)}nb-select.appearance-outline.status-primary .select-button nb-icon{color:var(--select-outline-primary-icon-color)}nb-select.appearance-outline.status-primary .select-button:focus{background-color:var(--select-outline-primary-focus-background-color);border-color:var(--select-outline-primary-focus-border-color)}nb-select.appearance-outline.status-primary .select-button:hover{background-color:var(--select-outline-primary-hover-background-color);border-color:var(--select-outline-primary-hover-border-color)}nb-select.appearance-outline.status-primary .select-button[disabled]{color:var(--select-outline-primary-disabled-text-color);background-color:var(--select-outline-primary-disabled-background-color);border-color:var(--select-outline-primary-disabled-border-color)}nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon{color:var(--select-outline-primary-disabled-icon-color)}nb-select.appearance-outline.status-primary .select-button.bottom,nb-select.appearance-outline.status-primary .select-button.top{border-color:var(--select-outline-primary-open-border-color)}nb-select.appearance-outline.status-primary .select-button.top{border-top-color:var(--select-outline-primary-adjacent-border-color)}nb-select.appearance-outline.status-primary .select-button.bottom{border-bottom-color:var(--select-outline-primary-adjacent-border-color)}nb-select.appearance-outline.status-success .select-button{background-color:var(--select-outline-success-background-color);border-color:var(--select-outline-success-border-color);color:var(--select-outline-success-text-color)}nb-select.appearance-outline.status-success .select-button.placeholder{color:var(--select-outline-success-placeholder-text-color)}nb-select.appearance-outline.status-success .select-button nb-icon{color:var(--select-outline-success-icon-color)}nb-select.appearance-outline.status-success .select-button:focus{background-color:var(--select-outline-success-focus-background-color);border-color:var(--select-outline-success-focus-border-color)}nb-select.appearance-outline.status-success .select-button:hover{background-color:var(--select-outline-success-hover-background-color);border-color:var(--select-outline-success-hover-border-color)}nb-select.appearance-outline.status-success .select-button[disabled]{color:var(--select-outline-success-disabled-text-color);background-color:var(--select-outline-success-disabled-background-color);border-color:var(--select-outline-success-disabled-border-color)}nb-select.appearance-outline.status-success .select-button[disabled] nb-icon{color:var(--select-outline-success-disabled-icon-color)}nb-select.appearance-outline.status-success .select-button.bottom,nb-select.appearance-outline.status-success .select-button.top{border-color:var(--select-outline-success-open-border-color)}nb-select.appearance-outline.status-success .select-button.top{border-top-color:var(--select-outline-success-adjacent-border-color)}nb-select.appearance-outline.status-success .select-button.bottom{border-bottom-color:var(--select-outline-success-adjacent-border-color)}nb-select.appearance-outline.status-warning .select-button{background-color:var(--select-outline-warning-background-color);border-color:var(--select-outline-warning-border-color);color:var(--select-outline-warning-text-color)}nb-select.appearance-outline.status-warning .select-button.placeholder{color:var(--select-outline-warning-placeholder-text-color)}nb-select.appearance-outline.status-warning .select-button nb-icon{color:var(--select-outline-warning-icon-color)}nb-select.appearance-outline.status-warning .select-button:focus{background-color:var(--select-outline-warning-focus-background-color);border-color:var(--select-outline-warning-focus-border-color)}nb-select.appearance-outline.status-warning .select-button:hover{background-color:var(--select-outline-warning-hover-background-color);border-color:var(--select-outline-warning-hover-border-color)}nb-select.appearance-outline.status-warning .select-button[disabled]{color:var(--select-outline-warning-disabled-text-color);background-color:var(--select-outline-warning-disabled-background-color);border-color:var(--select-outline-warning-disabled-border-color)}nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon{color:var(--select-outline-warning-disabled-icon-color)}nb-select.appearance-outline.status-warning .select-button.bottom,nb-select.appearance-outline.status-warning .select-button.top{border-color:var(--select-outline-warning-open-border-color)}nb-select.appearance-outline.status-warning .select-button.top{border-top-color:var(--select-outline-warning-adjacent-border-color)}nb-select.appearance-outline.status-warning .select-button.bottom{border-bottom-color:var(--select-outline-warning-adjacent-border-color)}nb-select.appearance-outline.status-danger .select-button{background-color:var(--select-outline-danger-background-color);border-color:var(--select-outline-danger-border-color);color:var(--select-outline-danger-text-color)}nb-select.appearance-outline.status-danger .select-button.placeholder{color:var(--select-outline-danger-placeholder-text-color)}nb-select.appearance-outline.status-danger .select-button nb-icon{color:var(--select-outline-danger-icon-color)}nb-select.appearance-outline.status-danger .select-button:focus{background-color:var(--select-outline-danger-focus-background-color);border-color:var(--select-outline-danger-focus-border-color)}nb-select.appearance-outline.status-danger .select-button:hover{background-color:var(--select-outline-danger-hover-background-color);border-color:var(--select-outline-danger-hover-border-color)}nb-select.appearance-outline.status-danger .select-button[disabled]{color:var(--select-outline-danger-disabled-text-color);background-color:var(--select-outline-danger-disabled-background-color);border-color:var(--select-outline-danger-disabled-border-color)}nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon{color:var(--select-outline-danger-disabled-icon-color)}nb-select.appearance-outline.status-danger .select-button.bottom,nb-select.appearance-outline.status-danger .select-button.top{border-color:var(--select-outline-danger-open-border-color)}nb-select.appearance-outline.status-danger .select-button.top{border-top-color:var(--select-outline-danger-adjacent-border-color)}nb-select.appearance-outline.status-danger .select-button.bottom{border-bottom-color:var(--select-outline-danger-adjacent-border-color)}nb-select.appearance-outline.status-info .select-button{background-color:var(--select-outline-info-background-color);border-color:var(--select-outline-info-border-color);color:var(--select-outline-info-text-color)}nb-select.appearance-outline.status-info .select-button.placeholder{color:var(--select-outline-info-placeholder-text-color)}nb-select.appearance-outline.status-info .select-button nb-icon{color:var(--select-outline-info-icon-color)}nb-select.appearance-outline.status-info .select-button:focus{background-color:var(--select-outline-info-focus-background-color);border-color:var(--select-outline-info-focus-border-color)}nb-select.appearance-outline.status-info .select-button:hover{background-color:var(--select-outline-info-hover-background-color);border-color:var(--select-outline-info-hover-border-color)}nb-select.appearance-outline.status-info .select-button[disabled]{color:var(--select-outline-info-disabled-text-color);background-color:var(--select-outline-info-disabled-background-color);border-color:var(--select-outline-info-disabled-border-color)}nb-select.appearance-outline.status-info .select-button[disabled] nb-icon{color:var(--select-outline-info-disabled-icon-color)}nb-select.appearance-outline.status-info .select-button.bottom,nb-select.appearance-outline.status-info .select-button.top{border-color:var(--select-outline-info-open-border-color)}nb-select.appearance-outline.status-info .select-button.top{border-top-color:var(--select-outline-info-adjacent-border-color)}nb-select.appearance-outline.status-info .select-button.bottom{border-bottom-color:var(--select-outline-info-adjacent-border-color)}nb-select.appearance-outline.status-control .select-button{background-color:var(--select-outline-control-background-color);border-color:var(--select-outline-control-border-color);color:var(--select-outline-control-text-color)}nb-select.appearance-outline.status-control .select-button.placeholder{color:var(--select-outline-control-placeholder-text-color)}nb-select.appearance-outline.status-control .select-button nb-icon{color:var(--select-outline-control-icon-color)}nb-select.appearance-outline.status-control .select-button:focus{background-color:var(--select-outline-control-focus-background-color);border-color:var(--select-outline-control-focus-border-color)}nb-select.appearance-outline.status-control .select-button:hover{background-color:var(--select-outline-control-hover-background-color);border-color:var(--select-outline-control-hover-border-color)}nb-select.appearance-outline.status-control .select-button[disabled]{color:var(--select-outline-control-disabled-text-color);background-color:var(--select-outline-control-disabled-background-color);border-color:var(--select-outline-control-disabled-border-color)}nb-select.appearance-outline.status-control .select-button[disabled] nb-icon{color:var(--select-outline-control-disabled-icon-color)}nb-select.appearance-outline.status-control .select-button.bottom,nb-select.appearance-outline.status-control .select-button.top{border-color:var(--select-outline-control-open-border-color)}nb-select.appearance-outline.status-control .select-button.top{border-top-color:var(--select-outline-control-adjacent-border-color)}nb-select.appearance-outline.status-control .select-button.bottom{border-bottom-color:var(--select-outline-control-adjacent-border-color)}nb-select.appearance-outline.size-tiny .select-button{padding:var(--select-outline-tiny-padding)}[dir=ltr] nb-select.appearance-outline.size-tiny .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-outline.size-tiny .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button{padding-left:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button{padding-right:var(--form-field-addon-tiny-width)}nb-select.appearance-outline.size-small .select-button{padding:var(--select-outline-small-padding)}[dir=ltr] nb-select.appearance-outline.size-small .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-outline.size-small .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button{padding-left:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button{padding-right:var(--form-field-addon-small-width)}nb-select.appearance-outline.size-medium .select-button{padding:var(--select-outline-medium-padding)}[dir=ltr] nb-select.appearance-outline.size-medium .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-outline.size-medium .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button{padding-left:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button{padding-right:var(--form-field-addon-medium-width)}nb-select.appearance-outline.size-large .select-button{padding:var(--select-outline-large-padding)}[dir=ltr] nb-select.appearance-outline.size-large .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-outline.size-large .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button{padding-left:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button{padding-right:var(--form-field-addon-large-width)}nb-select.appearance-outline.size-giant .select-button{padding:var(--select-outline-giant-padding)}[dir=ltr] nb-select.appearance-outline.size-giant .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-outline.size-giant .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button{padding-left:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button{padding-right:var(--form-field-addon-giant-width)}nb-select.appearance-filled .select-button{border-style:var(--select-filled-border-style);border-width:var(--select-filled-border-width)}nb-select.appearance-filled.size-tiny .select-button{padding:var(--select-filled-tiny-padding)}[dir=ltr] nb-select.appearance-filled.size-tiny .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-filled.size-tiny .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button{padding-left:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button{padding-right:var(--form-field-addon-tiny-width)}nb-select.appearance-filled.size-small .select-button{padding:var(--select-filled-small-padding)}[dir=ltr] nb-select.appearance-filled.size-small .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-filled.size-small .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button{padding-left:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button{padding-right:var(--form-field-addon-small-width)}nb-select.appearance-filled.size-medium .select-button{padding:var(--select-filled-medium-padding)}[dir=ltr] nb-select.appearance-filled.size-medium .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-filled.size-medium .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button{padding-left:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button{padding-right:var(--form-field-addon-medium-width)}nb-select.appearance-filled.size-large .select-button{padding:var(--select-filled-large-padding)}[dir=ltr] nb-select.appearance-filled.size-large .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-filled.size-large .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button{padding-left:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button{padding-right:var(--form-field-addon-large-width)}nb-select.appearance-filled.size-giant .select-button{padding:var(--select-filled-giant-padding)}[dir=ltr] nb-select.appearance-filled.size-giant .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-filled.size-giant .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button{padding-left:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button{padding-right:var(--form-field-addon-giant-width)}nb-select.appearance-filled.status-basic .select-button{background-color:var(--select-filled-basic-background-color);border-color:var(--select-filled-basic-border-color);color:var(--select-filled-basic-text-color)}nb-select.appearance-filled.status-basic .select-button.placeholder{color:var(--select-filled-basic-placeholder-text-color)}nb-select.appearance-filled.status-basic .select-button:focus{background-color:var(--select-filled-basic-focus-background-color);border-color:var(--select-filled-basic-focus-border-color)}nb-select.appearance-filled.status-basic .select-button:hover{background-color:var(--select-filled-basic-hover-background-color);border-color:var(--select-filled-basic-hover-border-color)}nb-select.appearance-filled.status-basic .select-button[disabled]{background-color:var(--select-filled-basic-disabled-background-color);border-color:var(--select-filled-basic-disabled-border-color);color:var(--select-filled-basic-disabled-text-color)}nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon{color:var(--select-filled-basic-disabled-icon-color)}nb-select.appearance-filled.status-basic .select-button nb-icon{color:var(--select-filled-basic-icon-color)}nb-select.appearance-filled.status-primary .select-button{background-color:var(--select-filled-primary-background-color);border-color:var(--select-filled-primary-border-color);color:var(--select-filled-primary-text-color)}nb-select.appearance-filled.status-primary .select-button.placeholder{color:var(--select-filled-primary-placeholder-text-color)}nb-select.appearance-filled.status-primary .select-button:focus{background-color:var(--select-filled-primary-focus-background-color);border-color:var(--select-filled-primary-focus-border-color)}nb-select.appearance-filled.status-primary .select-button:hover{background-color:var(--select-filled-primary-hover-background-color);border-color:var(--select-filled-primary-hover-border-color)}nb-select.appearance-filled.status-primary .select-button[disabled]{background-color:var(--select-filled-primary-disabled-background-color);border-color:var(--select-filled-primary-disabled-border-color);color:var(--select-filled-primary-disabled-text-color)}nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon{color:var(--select-filled-primary-disabled-icon-color)}nb-select.appearance-filled.status-primary .select-button nb-icon{color:var(--select-filled-primary-icon-color)}nb-select.appearance-filled.status-success .select-button{background-color:var(--select-filled-success-background-color);border-color:var(--select-filled-success-border-color);color:var(--select-filled-success-text-color)}nb-select.appearance-filled.status-success .select-button.placeholder{color:var(--select-filled-success-placeholder-text-color)}nb-select.appearance-filled.status-success .select-button:focus{background-color:var(--select-filled-success-focus-background-color);border-color:var(--select-filled-success-focus-border-color)}nb-select.appearance-filled.status-success .select-button:hover{background-color:var(--select-filled-success-hover-background-color);border-color:var(--select-filled-success-hover-border-color)}nb-select.appearance-filled.status-success .select-button[disabled]{background-color:var(--select-filled-success-disabled-background-color);border-color:var(--select-filled-success-disabled-border-color);color:var(--select-filled-success-disabled-text-color)}nb-select.appearance-filled.status-success .select-button[disabled] nb-icon{color:var(--select-filled-success-disabled-icon-color)}nb-select.appearance-filled.status-success .select-button nb-icon{color:var(--select-filled-success-icon-color)}nb-select.appearance-filled.status-warning .select-button{background-color:var(--select-filled-warning-background-color);border-color:var(--select-filled-warning-border-color);color:var(--select-filled-warning-text-color)}nb-select.appearance-filled.status-warning .select-button.placeholder{color:var(--select-filled-warning-placeholder-text-color)}nb-select.appearance-filled.status-warning .select-button:focus{background-color:var(--select-filled-warning-focus-background-color);border-color:var(--select-filled-warning-focus-border-color)}nb-select.appearance-filled.status-warning .select-button:hover{background-color:var(--select-filled-warning-hover-background-color);border-color:var(--select-filled-warning-hover-border-color)}nb-select.appearance-filled.status-warning .select-button[disabled]{background-color:var(--select-filled-warning-disabled-background-color);border-color:var(--select-filled-warning-disabled-border-color);color:var(--select-filled-warning-disabled-text-color)}nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon{color:var(--select-filled-warning-disabled-icon-color)}nb-select.appearance-filled.status-warning .select-button nb-icon{color:var(--select-filled-warning-icon-color)}nb-select.appearance-filled.status-danger .select-button{background-color:var(--select-filled-danger-background-color);border-color:var(--select-filled-danger-border-color);color:var(--select-filled-danger-text-color)}nb-select.appearance-filled.status-danger .select-button.placeholder{color:var(--select-filled-danger-placeholder-text-color)}nb-select.appearance-filled.status-danger .select-button:focus{background-color:var(--select-filled-danger-focus-background-color);border-color:var(--select-filled-danger-focus-border-color)}nb-select.appearance-filled.status-danger .select-button:hover{background-color:var(--select-filled-danger-hover-background-color);border-color:var(--select-filled-danger-hover-border-color)}nb-select.appearance-filled.status-danger .select-button[disabled]{background-color:var(--select-filled-danger-disabled-background-color);border-color:var(--select-filled-danger-disabled-border-color);color:var(--select-filled-danger-disabled-text-color)}nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon{color:var(--select-filled-danger-disabled-icon-color)}nb-select.appearance-filled.status-danger .select-button nb-icon{color:var(--select-filled-danger-icon-color)}nb-select.appearance-filled.status-info .select-button{background-color:var(--select-filled-info-background-color);border-color:var(--select-filled-info-border-color);color:var(--select-filled-info-text-color)}nb-select.appearance-filled.status-info .select-button.placeholder{color:var(--select-filled-info-placeholder-text-color)}nb-select.appearance-filled.status-info .select-button:focus{background-color:var(--select-filled-info-focus-background-color);border-color:var(--select-filled-info-focus-border-color)}nb-select.appearance-filled.status-info .select-button:hover{background-color:var(--select-filled-info-hover-background-color);border-color:var(--select-filled-info-hover-border-color)}nb-select.appearance-filled.status-info .select-button[disabled]{background-color:var(--select-filled-info-disabled-background-color);border-color:var(--select-filled-info-disabled-border-color);color:var(--select-filled-info-disabled-text-color)}nb-select.appearance-filled.status-info .select-button[disabled] nb-icon{color:var(--select-filled-info-disabled-icon-color)}nb-select.appearance-filled.status-info .select-button nb-icon{color:var(--select-filled-info-icon-color)}nb-select.appearance-filled.status-control .select-button{background-color:var(--select-filled-control-background-color);border-color:var(--select-filled-control-border-color);color:var(--select-filled-control-text-color)}nb-select.appearance-filled.status-control .select-button.placeholder{color:var(--select-filled-control-placeholder-text-color)}nb-select.appearance-filled.status-control .select-button:focus{background-color:var(--select-filled-control-focus-background-color);border-color:var(--select-filled-control-focus-border-color)}nb-select.appearance-filled.status-control .select-button:hover{background-color:var(--select-filled-control-hover-background-color);border-color:var(--select-filled-control-hover-border-color)}nb-select.appearance-filled.status-control .select-button[disabled]{background-color:var(--select-filled-control-disabled-background-color);border-color:var(--select-filled-control-disabled-border-color);color:var(--select-filled-control-disabled-text-color)}nb-select.appearance-filled.status-control .select-button[disabled] nb-icon{color:var(--select-filled-control-disabled-icon-color)}nb-select.appearance-filled.status-control .select-button nb-icon{color:var(--select-filled-control-icon-color)}nb-select.appearance-hero .select-button{border:none}nb-select.appearance-hero.size-tiny .select-button{padding:var(--select-hero-tiny-padding)}[dir=ltr] nb-select.appearance-hero.size-tiny .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-hero.size-tiny .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button{padding-left:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button{padding-right:var(--form-field-addon-tiny-width)}nb-select.appearance-hero.size-small .select-button{padding:var(--select-hero-small-padding)}[dir=ltr] nb-select.appearance-hero.size-small .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-hero.size-small .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button{padding-left:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button{padding-right:var(--form-field-addon-small-width)}nb-select.appearance-hero.size-medium .select-button{padding:var(--select-hero-medium-padding)}[dir=ltr] nb-select.appearance-hero.size-medium .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-hero.size-medium .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button{padding-left:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button{padding-right:var(--form-field-addon-medium-width)}nb-select.appearance-hero.size-large .select-button{padding:var(--select-hero-large-padding)}[dir=ltr] nb-select.appearance-hero.size-large .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-hero.size-large .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button{padding-left:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button{padding-right:var(--form-field-addon-large-width)}nb-select.appearance-hero.size-giant .select-button{padding:var(--select-hero-giant-padding)}[dir=ltr] nb-select.appearance-hero.size-giant .select-button{padding-right:var(--select-icon-offset)}[dir=rtl] nb-select.appearance-hero.size-giant .select-button{padding-left:var(--select-icon-offset)}[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button{padding-left:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button{padding-right:var(--form-field-addon-giant-width)}nb-select.appearance-hero.status-basic .select-button{background-image:linear-gradient(to right, var(--select-hero-basic-left-background-color), var(--select-hero-basic-right-background-color));color:var(--select-hero-basic-text-color)}nb-select.appearance-hero.status-basic .select-button.placeholder{color:var(--select-hero-basic-placeholder-text-color)}nb-select.appearance-hero.status-basic .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-basic-focus-left-background-color), var(--select-hero-basic-focus-right-background-color))}nb-select.appearance-hero.status-basic .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-basic-hover-left-background-color), var(--select-hero-basic-hover-right-background-color))}nb-select.appearance-hero.status-basic .select-button[disabled]{color:var(--select-hero-basic-disabled-text-color);background-color:var(--select-hero-basic-disabled-background-color);background-image:none}nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon{color:var(--select-hero-basic-disabled-icon-color)}nb-select.appearance-hero.status-basic .select-button nb-icon{color:var(--select-hero-basic-icon-color)}nb-select.appearance-hero.status-primary .select-button{background-image:linear-gradient(to right, var(--select-hero-primary-left-background-color), var(--select-hero-primary-right-background-color));color:var(--select-hero-primary-text-color)}nb-select.appearance-hero.status-primary .select-button.placeholder{color:var(--select-hero-primary-placeholder-text-color)}nb-select.appearance-hero.status-primary .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-primary-focus-left-background-color), var(--select-hero-primary-focus-right-background-color))}nb-select.appearance-hero.status-primary .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-primary-hover-left-background-color), var(--select-hero-primary-hover-right-background-color))}nb-select.appearance-hero.status-primary .select-button[disabled]{color:var(--select-hero-primary-disabled-text-color);background-color:var(--select-hero-primary-disabled-background-color);background-image:none}nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon{color:var(--select-hero-primary-disabled-icon-color)}nb-select.appearance-hero.status-primary .select-button nb-icon{color:var(--select-hero-primary-icon-color)}nb-select.appearance-hero.status-success .select-button{background-image:linear-gradient(to right, var(--select-hero-success-left-background-color), var(--select-hero-success-right-background-color));color:var(--select-hero-success-text-color)}nb-select.appearance-hero.status-success .select-button.placeholder{color:var(--select-hero-success-placeholder-text-color)}nb-select.appearance-hero.status-success .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-success-focus-left-background-color), var(--select-hero-success-focus-right-background-color))}nb-select.appearance-hero.status-success .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-success-hover-left-background-color), var(--select-hero-success-hover-right-background-color))}nb-select.appearance-hero.status-success .select-button[disabled]{color:var(--select-hero-success-disabled-text-color);background-color:var(--select-hero-success-disabled-background-color);background-image:none}nb-select.appearance-hero.status-success .select-button[disabled] nb-icon{color:var(--select-hero-success-disabled-icon-color)}nb-select.appearance-hero.status-success .select-button nb-icon{color:var(--select-hero-success-icon-color)}nb-select.appearance-hero.status-warning .select-button{background-image:linear-gradient(to right, var(--select-hero-warning-left-background-color), var(--select-hero-warning-right-background-color));color:var(--select-hero-warning-text-color)}nb-select.appearance-hero.status-warning .select-button.placeholder{color:var(--select-hero-warning-placeholder-text-color)}nb-select.appearance-hero.status-warning .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-warning-focus-left-background-color), var(--select-hero-warning-focus-right-background-color))}nb-select.appearance-hero.status-warning .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-warning-hover-left-background-color), var(--select-hero-warning-hover-right-background-color))}nb-select.appearance-hero.status-warning .select-button[disabled]{color:var(--select-hero-warning-disabled-text-color);background-color:var(--select-hero-warning-disabled-background-color);background-image:none}nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon{color:var(--select-hero-warning-disabled-icon-color)}nb-select.appearance-hero.status-warning .select-button nb-icon{color:var(--select-hero-warning-icon-color)}nb-select.appearance-hero.status-danger .select-button{background-image:linear-gradient(to right, var(--select-hero-danger-left-background-color), var(--select-hero-danger-right-background-color));color:var(--select-hero-danger-text-color)}nb-select.appearance-hero.status-danger .select-button.placeholder{color:var(--select-hero-danger-placeholder-text-color)}nb-select.appearance-hero.status-danger .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-danger-focus-left-background-color), var(--select-hero-danger-focus-right-background-color))}nb-select.appearance-hero.status-danger .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-danger-hover-left-background-color), var(--select-hero-danger-hover-right-background-color))}nb-select.appearance-hero.status-danger .select-button[disabled]{color:var(--select-hero-danger-disabled-text-color);background-color:var(--select-hero-danger-disabled-background-color);background-image:none}nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon{color:var(--select-hero-danger-disabled-icon-color)}nb-select.appearance-hero.status-danger .select-button nb-icon{color:var(--select-hero-danger-icon-color)}nb-select.appearance-hero.status-info .select-button{background-image:linear-gradient(to right, var(--select-hero-info-left-background-color), var(--select-hero-info-right-background-color));color:var(--select-hero-info-text-color)}nb-select.appearance-hero.status-info .select-button.placeholder{color:var(--select-hero-info-placeholder-text-color)}nb-select.appearance-hero.status-info .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-info-focus-left-background-color), var(--select-hero-info-focus-right-background-color))}nb-select.appearance-hero.status-info .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-info-hover-left-background-color), var(--select-hero-info-hover-right-background-color))}nb-select.appearance-hero.status-info .select-button[disabled]{color:var(--select-hero-info-disabled-text-color);background-color:var(--select-hero-info-disabled-background-color);background-image:none}nb-select.appearance-hero.status-info .select-button[disabled] nb-icon{color:var(--select-hero-info-disabled-icon-color)}nb-select.appearance-hero.status-info .select-button nb-icon{color:var(--select-hero-info-icon-color)}nb-select.appearance-hero.status-control .select-button{background-image:linear-gradient(to right, var(--select-hero-control-left-background-color), var(--select-hero-control-right-background-color));color:var(--select-hero-control-text-color)}nb-select.appearance-hero.status-control .select-button.placeholder{color:var(--select-hero-control-placeholder-text-color)}nb-select.appearance-hero.status-control .select-button:focus{background-image:linear-gradient(to right, var(--select-hero-control-focus-left-background-color), var(--select-hero-control-focus-right-background-color))}nb-select.appearance-hero.status-control .select-button:hover{background-image:linear-gradient(to right, var(--select-hero-control-hover-left-background-color), var(--select-hero-control-hover-right-background-color))}nb-select.appearance-hero.status-control .select-button[disabled]{color:var(--select-hero-control-disabled-text-color);background-color:var(--select-hero-control-disabled-background-color);background-image:none}nb-select.appearance-hero.status-control .select-button[disabled] nb-icon{color:var(--select-hero-control-disabled-icon-color)}nb-select.appearance-hero.status-control .select-button nb-icon{color:var(--select-hero-control-icon-color)}nb-form-field nb-select{width:100%}nb-option-list{background-color:var(--option-list-background-color);border-color:var(--option-list-border-color);border-style:var(--option-list-border-style);border-width:var(--option-list-border-width);border-radius:var(--option-list-border-radius);box-shadow:var(--option-list-shadow);overflow:hidden}nb-option-list .option-list{height:100%;max-height:var(--option-list-max-height);margin:0;padding:0;overflow:auto}nb-option-list.position-top{border-bottom:var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color)}nb-option-list.position-bottom{border-top:var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color)}nb-option-group{color:var(--option-group-text-color);font-family:var(--option-text-font-family)}nb-option-list.size-tiny nb-option-group{font-size:var(--option-tiny-text-font-size);font-weight:var(--option-tiny-text-font-weight);line-height:var(--option-tiny-text-line-height)}nb-option-list.size-tiny nb-option-group .option-group-title{padding:var(--option-tiny-padding)}nb-option-list.size-tiny nb-option-group nb-option{padding-left:var(--option-group-tiny-start-padding)}nb-option-list.size-small nb-option-group{font-size:var(--option-small-text-font-size);font-weight:var(--option-small-text-font-weight);line-height:var(--option-small-text-line-height)}nb-option-list.size-small nb-option-group .option-group-title{padding:var(--option-small-padding)}nb-option-list.size-small nb-option-group nb-option{padding-left:var(--option-group-small-start-padding)}nb-option-list.size-medium nb-option-group{font-size:var(--option-medium-text-font-size);font-weight:var(--option-medium-text-font-weight);line-height:var(--option-medium-text-line-height)}nb-option-list.size-medium nb-option-group .option-group-title{padding:var(--option-medium-padding)}nb-option-list.size-medium nb-option-group nb-option{padding-left:var(--option-group-medium-start-padding)}nb-option-list.size-large nb-option-group{font-size:var(--option-large-text-font-size);font-weight:var(--option-large-text-font-weight);line-height:var(--option-large-text-line-height)}nb-option-list.size-large nb-option-group .option-group-title{padding:var(--option-large-padding)}nb-option-list.size-large nb-option-group nb-option{padding-left:var(--option-group-large-start-padding)}nb-option-list.size-giant nb-option-group{font-size:var(--option-giant-text-font-size);font-weight:var(--option-giant-text-font-weight);line-height:var(--option-giant-text-line-height)}nb-option-list.size-giant nb-option-group .option-group-title{padding:var(--option-giant-padding)}nb-option-list.size-giant nb-option-group nb-option{padding-left:var(--option-group-giant-start-padding)}nb-option{background-color:var(--option-background-color);color:var(--option-text-color);font-family:var(--option-text-font-family)}nb-option.active{background-color:var(--option-active-background-color);color:var(--option-active-text-color)}nb-option.selected{background-color:var(--option-selected-background-color);color:var(--option-selected-text-color)}nb-option:focus{background-color:var(--option-focus-background-color);color:var(--option-focus-text-color);outline:none}nb-option:focus.selected{background-color:var(--option-selected-focus-background-color);color:var(--option-selected-focus-text-color)}nb-option:hover{background-color:var(--option-hover-background-color);color:var(--option-hover-text-color)}nb-option:hover.selected{background-color:var(--option-selected-hover-background-color);color:var(--option-selected-hover-text-color)}nb-option.multiple.selected{background-color:var(--option-background-color);color:var(--option-text-color)}nb-option.multiple:focus{background-color:var(--option-focus-background-color);color:var(--option-focus-text-color)}nb-option-list.size-tiny nb-option{font-size:var(--option-tiny-text-font-size);font-weight:var(--option-tiny-text-font-weight);line-height:var(--option-tiny-text-line-height);padding:var(--option-tiny-padding)}nb-option-list.size-small nb-option{font-size:var(--option-small-text-font-size);font-weight:var(--option-small-text-font-weight);line-height:var(--option-small-text-line-height);padding:var(--option-small-padding)}nb-option-list.size-medium nb-option{font-size:var(--option-medium-text-font-size);font-weight:var(--option-medium-text-font-weight);line-height:var(--option-medium-text-line-height);padding:var(--option-medium-padding)}nb-option-list.size-large nb-option{font-size:var(--option-large-text-font-size);font-weight:var(--option-large-text-font-weight);line-height:var(--option-large-text-line-height);padding:var(--option-large-padding)}nb-option-list.size-giant nb-option{font-size:var(--option-giant-text-font-size);font-weight:var(--option-giant-text-font-weight);line-height:var(--option-giant-text-line-height);padding:var(--option-giant-padding)}nb-option,nb-option-group{-webkit-user-select:none;-moz-user-select:none;user-select:none}nb-option[disabled],nb-option-group[disabled]{background-color:var(--option-disabled-background-color);color:var(--option-disabled-text-color)}nb-toast{border-style:var(--toastr-border-style);border-width:var(--toastr-border-width);border-radius:var(--toastr-border-radius);padding:var(--toastr-padding);box-shadow:var(--toastr-shadow)}nb-toast .title{font-family:var(--toastr-title-text-font-family);font-size:var(--toastr-title-text-font-size);font-weight:var(--toastr-title-text-font-weight);line-height:var(--toastr-title-text-line-height)}nb-toast .message{font-family:var(--toastr-text-font-family);font-size:var(--toastr-text-font-size);font-weight:var(--toastr-text-font-weight);line-height:var(--toastr-text-line-height)}nb-toast .icon-container{border-radius:var(--toastr-border-radius);min-width:2.5rem;min-height:2.5rem;display:flex;justify-content:center;align-items:center}[dir=ltr] nb-toast .icon-container{margin-right:1.25rem}[dir=rtl] nb-toast .icon-container{margin-left:1.25rem}nb-toast .icon-container nb-icon{font-size:1.5rem}nb-toast.status-basic{background:var(--toastr-basic-background-color);border-color:var(--toastr-basic-border-color);color:var(--toastr-basic-text-color)}nb-toast.status-basic .title{color:var(--toastr-basic-text-color)}nb-toast.status-basic.destroy-by-click:hover{background:var(--toastr-destroyable-basic-hover-background-color);border-color:var(--toastr-destroyable-basic-hover-border-color)}nb-toast.status-basic .icon-container{background:var(--toastr-icon-basic-background-color);color:var(--toastr-icon-basic-color)}nb-toast.status-primary{background:var(--toastr-primary-background-color);border-color:var(--toastr-primary-border-color);color:var(--toastr-primary-text-color)}nb-toast.status-primary .title{color:var(--toastr-primary-text-color)}nb-toast.status-primary.destroy-by-click:hover{background:var(--toastr-destroyable-primary-hover-background-color);border-color:var(--toastr-destroyable-primary-hover-border-color)}nb-toast.status-primary .icon-container{background:var(--toastr-icon-primary-background-color);color:var(--toastr-icon-primary-color)}nb-toast.status-success{background:var(--toastr-success-background-color);border-color:var(--toastr-success-border-color);color:var(--toastr-success-text-color)}nb-toast.status-success .title{color:var(--toastr-success-text-color)}nb-toast.status-success.destroy-by-click:hover{background:var(--toastr-destroyable-success-hover-background-color);border-color:var(--toastr-destroyable-success-hover-border-color)}nb-toast.status-success .icon-container{background:var(--toastr-icon-success-background-color);color:var(--toastr-icon-success-color)}nb-toast.status-warning{background:var(--toastr-warning-background-color);border-color:var(--toastr-warning-border-color);color:var(--toastr-warning-text-color)}nb-toast.status-warning .title{color:var(--toastr-warning-text-color)}nb-toast.status-warning.destroy-by-click:hover{background:var(--toastr-destroyable-warning-hover-background-color);border-color:var(--toastr-destroyable-warning-hover-border-color)}nb-toast.status-warning .icon-container{background:var(--toastr-icon-warning-background-color);color:var(--toastr-icon-warning-color)}nb-toast.status-danger{background:var(--toastr-danger-background-color);border-color:var(--toastr-danger-border-color);color:var(--toastr-danger-text-color)}nb-toast.status-danger .title{color:var(--toastr-danger-text-color)}nb-toast.status-danger.destroy-by-click:hover{background:var(--toastr-destroyable-danger-hover-background-color);border-color:var(--toastr-destroyable-danger-hover-border-color)}nb-toast.status-danger .icon-container{background:var(--toastr-icon-danger-background-color);color:var(--toastr-icon-danger-color)}nb-toast.status-info{background:var(--toastr-info-background-color);border-color:var(--toastr-info-border-color);color:var(--toastr-info-text-color)}nb-toast.status-info .title{color:var(--toastr-info-text-color)}nb-toast.status-info.destroy-by-click:hover{background:var(--toastr-destroyable-info-hover-background-color);border-color:var(--toastr-destroyable-info-hover-border-color)}nb-toast.status-info .icon-container{background:var(--toastr-icon-info-background-color);color:var(--toastr-icon-info-color)}nb-toast.status-control{background:var(--toastr-control-background-color);border-color:var(--toastr-control-border-color);color:var(--toastr-control-text-color)}nb-toast.status-control .title{color:var(--toastr-control-text-color)}nb-toast.status-control.destroy-by-click:hover{background:var(--toastr-destroyable-control-hover-background-color);border-color:var(--toastr-destroyable-control-hover-border-color)}nb-toast.status-control .icon-container{background:var(--toastr-icon-control-background-color);color:var(--toastr-icon-control-color)}.toastr-overlay-container{z-index:1041}nb-tooltip{box-shadow:var(--tooltip-shadow);background:var(--tooltip-background-color);border:var(--tooltip-border-width) var(--tooltip-border-style) var(--tooltip-border-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);max-width:var(--tooltip-max-width)}nb-tooltip nb-icon:only-child{height:var(--tooltip-icon-height);width:var(--tooltip-icon-width)}nb-tooltip nb-icon:not(:only-child){height:var(--tooltip-text-font-size);width:var(--tooltip-text-font-size)}nb-tooltip .content{color:var(--tooltip-text-color);font-family:var(--tooltip-text-font-family);font-size:var(--tooltip-text-font-size);font-weight:var(--tooltip-text-font-weight);line-height:var(--tooltip-text-line-height)}nb-tooltip .arrow{border-bottom:6px var(--tooltip-border-style) var(--tooltip-background-color)}nb-tooltip.status-basic{background:var(--tooltip-basic-background-color);border-color:var(--tooltip-basic-border-color)}nb-tooltip.status-basic .arrow{border-bottom-color:var(--tooltip-basic-background-color)}nb-tooltip.status-basic .content{color:var(--tooltip-basic-text-color)}nb-tooltip.status-primary{background:var(--tooltip-primary-background-color);border-color:var(--tooltip-primary-border-color)}nb-tooltip.status-primary .arrow{border-bottom-color:var(--tooltip-primary-background-color)}nb-tooltip.status-primary .content{color:var(--tooltip-primary-text-color)}nb-tooltip.status-success{background:var(--tooltip-success-background-color);border-color:var(--tooltip-success-border-color)}nb-tooltip.status-success .arrow{border-bottom-color:var(--tooltip-success-background-color)}nb-tooltip.status-success .content{color:var(--tooltip-success-text-color)}nb-tooltip.status-warning{background:var(--tooltip-warning-background-color);border-color:var(--tooltip-warning-border-color)}nb-tooltip.status-warning .arrow{border-bottom-color:var(--tooltip-warning-background-color)}nb-tooltip.status-warning .content{color:var(--tooltip-warning-text-color)}nb-tooltip.status-danger{background:var(--tooltip-danger-background-color);border-color:var(--tooltip-danger-border-color)}nb-tooltip.status-danger .arrow{border-bottom-color:var(--tooltip-danger-background-color)}nb-tooltip.status-danger .content{color:var(--tooltip-danger-text-color)}nb-tooltip.status-info{background:var(--tooltip-info-background-color);border-color:var(--tooltip-info-border-color)}nb-tooltip.status-info .arrow{border-bottom-color:var(--tooltip-info-background-color)}nb-tooltip.status-info .content{color:var(--tooltip-info-text-color)}nb-tooltip.status-control{background:var(--tooltip-control-background-color);border-color:var(--tooltip-control-border-color)}nb-tooltip.status-control .arrow{border-bottom-color:var(--tooltip-control-background-color)}nb-tooltip.status-control .content{color:var(--tooltip-control-text-color)}nb-datepicker-container nb-card{border-color:var(--datepicker-border-color);border-style:var(--datepicker-border-style);border-width:var(--datepicker-border-width);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background-color);box-shadow:var(--datepicker-shadow)}nb-calendar-with-time .nb-timepicker-container,nb-calendar-with-time nb-base-calendar nb-card{border:none}nb-calendar-with-time .column-header{border-top:var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color);border-radius:0}nb-calendar-with-time .timepicker-section.size-large nb-list-item{height:var(--calendar-day-cell-large-height)}nb-calendar-with-time .timepicker-section.size-large .header-cell{height:var(--calendar-weekday-large-height)}[dir=ltr] nb-calendar-with-time .timepicker-section{border-left:var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color)}[dir=rtl] nb-calendar-with-time .timepicker-section{border-right:var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color)}nb-calendar-with-time .timepicker-single-column-width{width:var(--timepicker-single-column-width)}nb-calendar-with-time .timepicker-multiple-column-width{width:var(--timepicker-multiple-column-width)}nb-calendar-with-time .picker-title{height:var(--timepicker-title-height);padding:var(--timepicker-title-padding)}nb-radio .outer-circle,nb-radio .inner-circle{height:var(--radio-height);width:var(--radio-width)}nb-radio .outer-circle{border-style:var(--radio-border-style);border-width:var(--radio-border-width)}nb-radio .native-input:enabled:focus+.outer-circle{box-shadow:0 0 0 var(--radio-outline-width) var(--radio-outline-color)}nb-radio.status-basic .native-input:enabled+.outer-circle{background-color:var(--radio-basic-background-color);border-color:var(--radio-basic-border-color)}nb-radio.status-basic .native-input:enabled:checked+.outer-circle{background-color:var(--radio-basic-checked-background-color);border-color:var(--radio-basic-checked-border-color)}nb-radio.status-basic .native-input:enabled:checked~.inner-circle{background-color:var(--radio-basic-inner-circle-color)}nb-radio.status-basic .native-input:enabled:focus+.outer-circle{background-color:var(--radio-basic-focus-background-color);border-color:var(--radio-basic-focus-border-color)}nb-radio.status-basic .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-basic-focus-checked-background-color);border-color:var(--radio-basic-focus-checked-border-color)}nb-radio.status-basic .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-basic-focus-inner-circle-color)}nb-radio.status-basic label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-basic-hover-background-color);border-color:var(--radio-basic-hover-border-color)}nb-radio.status-basic label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-basic-hover-checked-background-color);border-color:var(--radio-basic-hover-checked-border-color)}nb-radio.status-basic label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-basic-hover-inner-circle-color)}nb-radio.status-basic label .native-input:enabled:active+.outer-circle{background-color:var(--radio-basic-active-background-color);border-color:var(--radio-basic-active-border-color)}nb-radio.status-basic label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-basic-active-checked-background-color);border-color:var(--radio-basic-active-checked-border-color)}nb-radio.status-basic label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-basic-active-inner-circle-color)}nb-radio.status-basic .text{color:var(--radio-basic-text-color)}nb-radio.status-basic .native-input:disabled+.outer-circle{background-color:var(--radio-basic-disabled-background-color);border-color:var(--radio-basic-disabled-border-color)}nb-radio.status-basic .native-input:disabled~.text{color:var(--radio-basic-disabled-text-color)}nb-radio.status-basic .native-input:disabled:checked+.outer-circle{background-color:var(--radio-basic-disabled-checked-background-color);border-color:var(--radio-basic-disabled-checked-border-color)}nb-radio.status-basic .native-input:disabled:checked~.inner-circle{background-color:var(--radio-basic-disabled-checked-inner-circle-color)}nb-radio.status-primary .native-input:enabled+.outer-circle{background-color:var(--radio-primary-background-color);border-color:var(--radio-primary-border-color)}nb-radio.status-primary .native-input:enabled:checked+.outer-circle{background-color:var(--radio-primary-checked-background-color);border-color:var(--radio-primary-checked-border-color)}nb-radio.status-primary .native-input:enabled:checked~.inner-circle{background-color:var(--radio-primary-inner-circle-color)}nb-radio.status-primary .native-input:enabled:focus+.outer-circle{background-color:var(--radio-primary-focus-background-color);border-color:var(--radio-primary-focus-border-color)}nb-radio.status-primary .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-primary-focus-checked-background-color);border-color:var(--radio-primary-focus-checked-border-color)}nb-radio.status-primary .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-primary-focus-inner-circle-color)}nb-radio.status-primary label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-primary-hover-background-color);border-color:var(--radio-primary-hover-border-color)}nb-radio.status-primary label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-primary-hover-checked-background-color);border-color:var(--radio-primary-hover-checked-border-color)}nb-radio.status-primary label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-primary-hover-inner-circle-color)}nb-radio.status-primary label .native-input:enabled:active+.outer-circle{background-color:var(--radio-primary-active-background-color);border-color:var(--radio-primary-active-border-color)}nb-radio.status-primary label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-primary-active-checked-background-color);border-color:var(--radio-primary-active-checked-border-color)}nb-radio.status-primary label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-primary-active-inner-circle-color)}nb-radio.status-primary .text{color:var(--radio-primary-text-color)}nb-radio.status-primary .native-input:disabled+.outer-circle{background-color:var(--radio-primary-disabled-background-color);border-color:var(--radio-primary-disabled-border-color)}nb-radio.status-primary .native-input:disabled~.text{color:var(--radio-primary-disabled-text-color)}nb-radio.status-primary .native-input:disabled:checked+.outer-circle{background-color:var(--radio-primary-disabled-checked-background-color);border-color:var(--radio-primary-disabled-checked-border-color)}nb-radio.status-primary .native-input:disabled:checked~.inner-circle{background-color:var(--radio-primary-disabled-checked-inner-circle-color)}nb-radio.status-success .native-input:enabled+.outer-circle{background-color:var(--radio-success-background-color);border-color:var(--radio-success-border-color)}nb-radio.status-success .native-input:enabled:checked+.outer-circle{background-color:var(--radio-success-checked-background-color);border-color:var(--radio-success-checked-border-color)}nb-radio.status-success .native-input:enabled:checked~.inner-circle{background-color:var(--radio-success-inner-circle-color)}nb-radio.status-success .native-input:enabled:focus+.outer-circle{background-color:var(--radio-success-focus-background-color);border-color:var(--radio-success-focus-border-color)}nb-radio.status-success .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-success-focus-checked-background-color);border-color:var(--radio-success-focus-checked-border-color)}nb-radio.status-success .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-success-focus-inner-circle-color)}nb-radio.status-success label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-success-hover-background-color);border-color:var(--radio-success-hover-border-color)}nb-radio.status-success label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-success-hover-checked-background-color);border-color:var(--radio-success-hover-checked-border-color)}nb-radio.status-success label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-success-hover-inner-circle-color)}nb-radio.status-success label .native-input:enabled:active+.outer-circle{background-color:var(--radio-success-active-background-color);border-color:var(--radio-success-active-border-color)}nb-radio.status-success label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-success-active-checked-background-color);border-color:var(--radio-success-active-checked-border-color)}nb-radio.status-success label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-success-active-inner-circle-color)}nb-radio.status-success .text{color:var(--radio-success-text-color)}nb-radio.status-success .native-input:disabled+.outer-circle{background-color:var(--radio-success-disabled-background-color);border-color:var(--radio-success-disabled-border-color)}nb-radio.status-success .native-input:disabled~.text{color:var(--radio-success-disabled-text-color)}nb-radio.status-success .native-input:disabled:checked+.outer-circle{background-color:var(--radio-success-disabled-checked-background-color);border-color:var(--radio-success-disabled-checked-border-color)}nb-radio.status-success .native-input:disabled:checked~.inner-circle{background-color:var(--radio-success-disabled-checked-inner-circle-color)}nb-radio.status-warning .native-input:enabled+.outer-circle{background-color:var(--radio-warning-background-color);border-color:var(--radio-warning-border-color)}nb-radio.status-warning .native-input:enabled:checked+.outer-circle{background-color:var(--radio-warning-checked-background-color);border-color:var(--radio-warning-checked-border-color)}nb-radio.status-warning .native-input:enabled:checked~.inner-circle{background-color:var(--radio-warning-inner-circle-color)}nb-radio.status-warning .native-input:enabled:focus+.outer-circle{background-color:var(--radio-warning-focus-background-color);border-color:var(--radio-warning-focus-border-color)}nb-radio.status-warning .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-warning-focus-checked-background-color);border-color:var(--radio-warning-focus-checked-border-color)}nb-radio.status-warning .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-warning-focus-inner-circle-color)}nb-radio.status-warning label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-warning-hover-background-color);border-color:var(--radio-warning-hover-border-color)}nb-radio.status-warning label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-warning-hover-checked-background-color);border-color:var(--radio-warning-hover-checked-border-color)}nb-radio.status-warning label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-warning-hover-inner-circle-color)}nb-radio.status-warning label .native-input:enabled:active+.outer-circle{background-color:var(--radio-warning-active-background-color);border-color:var(--radio-warning-active-border-color)}nb-radio.status-warning label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-warning-active-checked-background-color);border-color:var(--radio-warning-active-checked-border-color)}nb-radio.status-warning label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-warning-active-inner-circle-color)}nb-radio.status-warning .text{color:var(--radio-warning-text-color)}nb-radio.status-warning .native-input:disabled+.outer-circle{background-color:var(--radio-warning-disabled-background-color);border-color:var(--radio-warning-disabled-border-color)}nb-radio.status-warning .native-input:disabled~.text{color:var(--radio-warning-disabled-text-color)}nb-radio.status-warning .native-input:disabled:checked+.outer-circle{background-color:var(--radio-warning-disabled-checked-background-color);border-color:var(--radio-warning-disabled-checked-border-color)}nb-radio.status-warning .native-input:disabled:checked~.inner-circle{background-color:var(--radio-warning-disabled-checked-inner-circle-color)}nb-radio.status-danger .native-input:enabled+.outer-circle{background-color:var(--radio-danger-background-color);border-color:var(--radio-danger-border-color)}nb-radio.status-danger .native-input:enabled:checked+.outer-circle{background-color:var(--radio-danger-checked-background-color);border-color:var(--radio-danger-checked-border-color)}nb-radio.status-danger .native-input:enabled:checked~.inner-circle{background-color:var(--radio-danger-inner-circle-color)}nb-radio.status-danger .native-input:enabled:focus+.outer-circle{background-color:var(--radio-danger-focus-background-color);border-color:var(--radio-danger-focus-border-color)}nb-radio.status-danger .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-danger-focus-checked-background-color);border-color:var(--radio-danger-focus-checked-border-color)}nb-radio.status-danger .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-danger-focus-inner-circle-color)}nb-radio.status-danger label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-danger-hover-background-color);border-color:var(--radio-danger-hover-border-color)}nb-radio.status-danger label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-danger-hover-checked-background-color);border-color:var(--radio-danger-hover-checked-border-color)}nb-radio.status-danger label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-danger-hover-inner-circle-color)}nb-radio.status-danger label .native-input:enabled:active+.outer-circle{background-color:var(--radio-danger-active-background-color);border-color:var(--radio-danger-active-border-color)}nb-radio.status-danger label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-danger-active-checked-background-color);border-color:var(--radio-danger-active-checked-border-color)}nb-radio.status-danger label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-danger-active-inner-circle-color)}nb-radio.status-danger .text{color:var(--radio-danger-text-color)}nb-radio.status-danger .native-input:disabled+.outer-circle{background-color:var(--radio-danger-disabled-background-color);border-color:var(--radio-danger-disabled-border-color)}nb-radio.status-danger .native-input:disabled~.text{color:var(--radio-danger-disabled-text-color)}nb-radio.status-danger .native-input:disabled:checked+.outer-circle{background-color:var(--radio-danger-disabled-checked-background-color);border-color:var(--radio-danger-disabled-checked-border-color)}nb-radio.status-danger .native-input:disabled:checked~.inner-circle{background-color:var(--radio-danger-disabled-checked-inner-circle-color)}nb-radio.status-info .native-input:enabled+.outer-circle{background-color:var(--radio-info-background-color);border-color:var(--radio-info-border-color)}nb-radio.status-info .native-input:enabled:checked+.outer-circle{background-color:var(--radio-info-checked-background-color);border-color:var(--radio-info-checked-border-color)}nb-radio.status-info .native-input:enabled:checked~.inner-circle{background-color:var(--radio-info-inner-circle-color)}nb-radio.status-info .native-input:enabled:focus+.outer-circle{background-color:var(--radio-info-focus-background-color);border-color:var(--radio-info-focus-border-color)}nb-radio.status-info .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-info-focus-checked-background-color);border-color:var(--radio-info-focus-checked-border-color)}nb-radio.status-info .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-info-focus-inner-circle-color)}nb-radio.status-info label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-info-hover-background-color);border-color:var(--radio-info-hover-border-color)}nb-radio.status-info label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-info-hover-checked-background-color);border-color:var(--radio-info-hover-checked-border-color)}nb-radio.status-info label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-info-hover-inner-circle-color)}nb-radio.status-info label .native-input:enabled:active+.outer-circle{background-color:var(--radio-info-active-background-color);border-color:var(--radio-info-active-border-color)}nb-radio.status-info label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-info-active-checked-background-color);border-color:var(--radio-info-active-checked-border-color)}nb-radio.status-info label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-info-active-inner-circle-color)}nb-radio.status-info .text{color:var(--radio-info-text-color)}nb-radio.status-info .native-input:disabled+.outer-circle{background-color:var(--radio-info-disabled-background-color);border-color:var(--radio-info-disabled-border-color)}nb-radio.status-info .native-input:disabled~.text{color:var(--radio-info-disabled-text-color)}nb-radio.status-info .native-input:disabled:checked+.outer-circle{background-color:var(--radio-info-disabled-checked-background-color);border-color:var(--radio-info-disabled-checked-border-color)}nb-radio.status-info .native-input:disabled:checked~.inner-circle{background-color:var(--radio-info-disabled-checked-inner-circle-color)}nb-radio.status-control .native-input:enabled+.outer-circle{background-color:var(--radio-control-background-color);border-color:var(--radio-control-border-color)}nb-radio.status-control .native-input:enabled:checked+.outer-circle{background-color:var(--radio-control-checked-background-color);border-color:var(--radio-control-checked-border-color)}nb-radio.status-control .native-input:enabled:checked~.inner-circle{background-color:var(--radio-control-inner-circle-color)}nb-radio.status-control .native-input:enabled:focus+.outer-circle{background-color:var(--radio-control-focus-background-color);border-color:var(--radio-control-focus-border-color)}nb-radio.status-control .native-input:enabled:checked:focus+.outer-circle{background-color:var(--radio-control-focus-checked-background-color);border-color:var(--radio-control-focus-checked-border-color)}nb-radio.status-control .native-input:enabled:checked:focus~.inner-circle{background-color:var(--radio-control-focus-inner-circle-color)}nb-radio.status-control label:hover .native-input:enabled+.outer-circle{background-color:var(--radio-control-hover-background-color);border-color:var(--radio-control-hover-border-color)}nb-radio.status-control label:hover .native-input:checked:enabled+.outer-circle{background-color:var(--radio-control-hover-checked-background-color);border-color:var(--radio-control-hover-checked-border-color)}nb-radio.status-control label:hover .native-input:checked:enabled~.inner-circle{background-color:var(--radio-control-hover-inner-circle-color)}nb-radio.status-control label .native-input:enabled:active+.outer-circle{background-color:var(--radio-control-active-background-color);border-color:var(--radio-control-active-border-color)}nb-radio.status-control label .native-input:enabled:checked:active+.outer-circle{background-color:var(--radio-control-active-checked-background-color);border-color:var(--radio-control-active-checked-border-color)}nb-radio.status-control label .native-input:enabled:checked:active~.inner-circle{background-color:var(--radio-control-active-inner-circle-color)}nb-radio.status-control .text{color:var(--radio-control-text-color)}nb-radio.status-control .native-input:disabled+.outer-circle{background-color:var(--radio-control-disabled-background-color);border-color:var(--radio-control-disabled-border-color)}nb-radio.status-control .native-input:disabled~.text{color:var(--radio-control-disabled-text-color)}nb-radio.status-control .native-input:disabled:checked+.outer-circle{background-color:var(--radio-control-disabled-checked-background-color);border-color:var(--radio-control-disabled-checked-border-color)}nb-radio.status-control .native-input:disabled:checked~.inner-circle{background-color:var(--radio-control-disabled-checked-inner-circle-color)}nb-radio .text{font-family:var(--radio-text-font-family);font-size:var(--radio-text-font-size);font-weight:var(--radio-text-font-weight);line-height:var(--radio-text-line-height)}[dir=ltr] nb-radio .text{margin-left:var(--radio-width)}[dir=rtl] nb-radio .text{margin-right:var(--radio-width)}.nb-tree-grid-header-cell,.nb-tree-grid-cell,.nb-tree-grid-footer-cell{height:var(--tree-grid-row-min-height);padding:var(--tree-grid-cell-padding);border:var(--tree-grid-cell-border-width) var(--tree-grid-cell-border-style) var(--tree-grid-cell-border-color)}.nb-tree-grid-header-row{background:var(--tree-grid-header-background-color);color:var(--tree-grid-header-text-color);font-family:var(--tree-grid-header-text-font-family);font-size:var(--tree-grid-header-text-font-size);font-weight:var(--tree-grid-header-text-font-weight);line-height:var(--tree-grid-header-text-line-height)}.nb-tree-grid-footer-row{background:var(--tree-grid-footer-background-color);color:var(--tree-grid-footer-text-color);font-family:var(--tree-grid-footer-text-font-family);font-size:var(--tree-grid-footer-text-font-size);font-weight:var(--tree-grid-footer-text-font-weight);line-height:var(--tree-grid-footer-text-line-height)}.nb-tree-grid-row{background:var(--tree-grid-row-background-color);color:var(--tree-grid-row-text-color);font-family:var(--tree-grid-row-text-font-family);font-size:var(--tree-grid-row-text-font-size);font-weight:var(--tree-grid-row-text-font-weight);line-height:var(--tree-grid-row-text-line-height)}.nb-tree-grid-row:hover{background:var(--tree-grid-row-hover-background-color)}.nb-tree-grid-row:nth-child(2n):not(:hover){background-color:var(--tree-grid-row-even-background-color)}.nb-tree-grid-header-cell button{vertical-align:middle}nb-tree-grid-row-toggle nb-icon,nb-sort-icon nb-icon{font-size:inherit;vertical-align:middle;color:currentColor}.nb-tree-grid-header-change-sort-button{background:var(--tree-grid-sort-header-button-background-color);border:var(--tree-grid-sort-header-button-border);padding:var(--tree-grid-sort-header-button-padding);color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit}nb-icon{font-size:var(--icon-font-size);line-height:var(--icon-line-height);width:var(--icon-width);height:var(--icon-height)}nb-icon svg{vertical-align:var(--icon-svg-vertical-align)}nb-icon.status-basic{color:var(--icon-basic-color)}nb-icon.status-primary{color:var(--icon-primary-color)}nb-icon.status-success{color:var(--icon-success-color)}nb-icon.status-warning{color:var(--icon-warning-color)}nb-icon.status-danger{color:var(--icon-danger-color)}nb-icon.status-info{color:var(--icon-info-color)}nb-icon.status-control{color:var(--icon-control-color)}.nb-form-control-container{max-width:inherit}.nb-form-field-addon{display:flex;justify-content:center;align-items:center;z-index:1}.nb-form-field-addon-disabled{color:var(--form-field-addon-disabled-text-color)}nb-form-field.nb-transition .nb-form-field-addon{transition-duration:.15s;transition-property:color;transition-timing-function:ease-in}.nb-form-field-addon-basic{color:var(--form-field-addon-basic-text-color)}.nb-form-field-addon-basic-highlight{color:var(--form-field-addon-basic-highlight-text-color)}.nb-form-field-addon-primary{color:var(--form-field-addon-primary-text-color)}.nb-form-field-addon-primary-highlight{color:var(--form-field-addon-primary-highlight-text-color)}.nb-form-field-addon-success{color:var(--form-field-addon-success-text-color)}.nb-form-field-addon-success-highlight{color:var(--form-field-addon-success-highlight-text-color)}.nb-form-field-addon-warning{color:var(--form-field-addon-warning-text-color)}.nb-form-field-addon-warning-highlight{color:var(--form-field-addon-warning-highlight-text-color)}.nb-form-field-addon-danger{color:var(--form-field-addon-danger-text-color)}.nb-form-field-addon-danger-highlight{color:var(--form-field-addon-danger-highlight-text-color)}.nb-form-field-addon-info{color:var(--form-field-addon-info-text-color)}.nb-form-field-addon-info-highlight{color:var(--form-field-addon-info-highlight-text-color)}.nb-form-field-addon-control{color:var(--form-field-addon-control-text-color)}.nb-form-field-addon-control-highlight{color:var(--form-field-addon-control-highlight-text-color)}.nb-form-field-limited-width.nb-form-field-size-tiny{max-width:var(--form-field-tiny-max-width)}.nb-form-field-prefix-tiny,.nb-form-field-suffix-tiny{height:var(--form-field-addon-tiny-height);width:var(--form-field-addon-tiny-width);font-size:var(--form-field-addon-tiny-font-size);line-height:var(--form-field-addon-tiny-line-height);font-weight:var(--form-field-addon-tiny-font-weight)}.nb-form-field-prefix-tiny nb-icon,.nb-form-field-suffix-tiny nb-icon{font-size:var(--form-field-addon-tiny-icon-size);line-height:var(--form-field-addon-tiny-icon-size)}[dir=ltr] .nb-form-field-prefix-tiny{margin-right:calc(var(--form-field-addon-tiny-width) * -1)}[dir=rtl] .nb-form-field-prefix-tiny{margin-left:calc(var(--form-field-addon-tiny-width) * -1)}[dir=ltr] .nb-form-field-suffix-tiny{margin-left:calc(var(--form-field-addon-tiny-width) * -1)}[dir=rtl] .nb-form-field-suffix-tiny{margin-right:calc(var(--form-field-addon-tiny-width) * -1)}.nb-form-field-limited-width.nb-form-field-size-small{max-width:var(--form-field-small-max-width)}.nb-form-field-prefix-small,.nb-form-field-suffix-small{height:var(--form-field-addon-small-height);width:var(--form-field-addon-small-width);font-size:var(--form-field-addon-small-font-size);line-height:var(--form-field-addon-small-line-height);font-weight:var(--form-field-addon-small-font-weight)}.nb-form-field-prefix-small nb-icon,.nb-form-field-suffix-small nb-icon{font-size:var(--form-field-addon-small-icon-size);line-height:var(--form-field-addon-small-icon-size)}[dir=ltr] .nb-form-field-prefix-small{margin-right:calc(var(--form-field-addon-small-width) * -1)}[dir=rtl] .nb-form-field-prefix-small{margin-left:calc(var(--form-field-addon-small-width) * -1)}[dir=ltr] .nb-form-field-suffix-small{margin-left:calc(var(--form-field-addon-small-width) * -1)}[dir=rtl] .nb-form-field-suffix-small{margin-right:calc(var(--form-field-addon-small-width) * -1)}.nb-form-field-limited-width.nb-form-field-size-medium{max-width:var(--form-field-medium-max-width)}.nb-form-field-prefix-medium,.nb-form-field-suffix-medium{height:var(--form-field-addon-medium-height);width:var(--form-field-addon-medium-width);font-size:var(--form-field-addon-medium-font-size);line-height:var(--form-field-addon-medium-line-height);font-weight:var(--form-field-addon-medium-font-weight)}.nb-form-field-prefix-medium nb-icon,.nb-form-field-suffix-medium nb-icon{font-size:var(--form-field-addon-medium-icon-size);line-height:var(--form-field-addon-medium-icon-size)}[dir=ltr] .nb-form-field-prefix-medium{margin-right:calc(var(--form-field-addon-medium-width) * -1)}[dir=rtl] .nb-form-field-prefix-medium{margin-left:calc(var(--form-field-addon-medium-width) * -1)}[dir=ltr] .nb-form-field-suffix-medium{margin-left:calc(var(--form-field-addon-medium-width) * -1)}[dir=rtl] .nb-form-field-suffix-medium{margin-right:calc(var(--form-field-addon-medium-width) * -1)}.nb-form-field-limited-width.nb-form-field-size-large{max-width:var(--form-field-large-max-width)}.nb-form-field-prefix-large,.nb-form-field-suffix-large{height:var(--form-field-addon-large-height);width:var(--form-field-addon-large-width);font-size:var(--form-field-addon-large-font-size);line-height:var(--form-field-addon-large-line-height);font-weight:var(--form-field-addon-large-font-weight)}.nb-form-field-prefix-large nb-icon,.nb-form-field-suffix-large nb-icon{font-size:var(--form-field-addon-large-icon-size);line-height:var(--form-field-addon-large-icon-size)}[dir=ltr] .nb-form-field-prefix-large{margin-right:calc(var(--form-field-addon-large-width) * -1)}[dir=rtl] .nb-form-field-prefix-large{margin-left:calc(var(--form-field-addon-large-width) * -1)}[dir=ltr] .nb-form-field-suffix-large{margin-left:calc(var(--form-field-addon-large-width) * -1)}[dir=rtl] .nb-form-field-suffix-large{margin-right:calc(var(--form-field-addon-large-width) * -1)}.nb-form-field-limited-width.nb-form-field-size-giant{max-width:var(--form-field-giant-max-width)}.nb-form-field-prefix-giant,.nb-form-field-suffix-giant{height:var(--form-field-addon-giant-height);width:var(--form-field-addon-giant-width);font-size:var(--form-field-addon-giant-font-size);line-height:var(--form-field-addon-giant-line-height);font-weight:var(--form-field-addon-giant-font-weight)}.nb-form-field-prefix-giant nb-icon,.nb-form-field-suffix-giant nb-icon{font-size:var(--form-field-addon-giant-icon-size);line-height:var(--form-field-addon-giant-icon-size)}[dir=ltr] .nb-form-field-prefix-giant{margin-right:calc(var(--form-field-addon-giant-width) * -1)}[dir=rtl] .nb-form-field-prefix-giant{margin-left:calc(var(--form-field-addon-giant-width) * -1)}[dir=ltr] .nb-form-field-suffix-giant{margin-left:calc(var(--form-field-addon-giant-width) * -1)}[dir=rtl] .nb-form-field-suffix-giant{margin-right:calc(var(--form-field-addon-giant-width) * -1)}nb-tag{border-style:var(--tag-border-style);border-width:var(--tag-border-width);border-radius:var(--tag-border-radius);display:inline-flex;align-items:center;font-family:var(--tag-text-font-family);text-transform:var(--tag-text-transform);cursor:default}nb-tag.nb-transition{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-in}nb-tag.size-tiny{font-size:var(--tag-tiny-text-font-size);font-weight:var(--tag-tiny-text-font-weight);line-height:var(--tag-tiny-text-line-height);padding:var(--tag-tiny-padding)}nb-tag.size-small{font-size:var(--tag-small-text-font-size);font-weight:var(--tag-small-text-font-weight);line-height:var(--tag-small-text-line-height);padding:var(--tag-small-padding)}nb-tag.size-medium{font-size:var(--tag-medium-text-font-size);font-weight:var(--tag-medium-text-font-weight);line-height:var(--tag-medium-text-line-height);padding:var(--tag-medium-padding)}nb-tag.size-large{font-size:var(--tag-large-text-font-size);font-weight:var(--tag-large-text-font-weight);line-height:var(--tag-large-text-line-height);padding:var(--tag-large-padding)}nb-tag.size-giant{font-size:var(--tag-giant-text-font-size);font-weight:var(--tag-giant-text-font-weight);line-height:var(--tag-giant-text-line-height);padding:var(--tag-giant-padding)}nb-tag.appearance-filled.status-basic{background-color:var(--tag-filled-basic-background-color);border-color:var(--tag-filled-basic-border-color);color:var(--tag-filled-basic-text-color)}nb-tag.appearance-filled.status-basic.selected{background-color:var(--tag-filled-basic-selected-background-color);border-color:var(--tag-filled-basic-selected-border-color)}nb-tag.appearance-filled.status-basic.active{background-color:var(--tag-filled-basic-active-background-color);border-color:var(--tag-filled-basic-active-border-color)}nb-tag.appearance-filled.status-basic:hover{background-color:var(--tag-filled-basic-hover-background-color);border-color:var(--tag-filled-basic-hover-border-color)}nb-tag.appearance-filled.status-primary{background-color:var(--tag-filled-primary-background-color);border-color:var(--tag-filled-primary-border-color);color:var(--tag-filled-primary-text-color)}nb-tag.appearance-filled.status-primary.selected{background-color:var(--tag-filled-primary-selected-background-color);border-color:var(--tag-filled-primary-selected-border-color)}nb-tag.appearance-filled.status-primary.active{background-color:var(--tag-filled-primary-active-background-color);border-color:var(--tag-filled-primary-active-border-color)}nb-tag.appearance-filled.status-primary:hover{background-color:var(--tag-filled-primary-hover-background-color);border-color:var(--tag-filled-primary-hover-border-color)}nb-tag.appearance-filled.status-success{background-color:var(--tag-filled-success-background-color);border-color:var(--tag-filled-success-border-color);color:var(--tag-filled-success-text-color)}nb-tag.appearance-filled.status-success.selected{background-color:var(--tag-filled-success-selected-background-color);border-color:var(--tag-filled-success-selected-border-color)}nb-tag.appearance-filled.status-success.active{background-color:var(--tag-filled-success-active-background-color);border-color:var(--tag-filled-success-active-border-color)}nb-tag.appearance-filled.status-success:hover{background-color:var(--tag-filled-success-hover-background-color);border-color:var(--tag-filled-success-hover-border-color)}nb-tag.appearance-filled.status-warning{background-color:var(--tag-filled-warning-background-color);border-color:var(--tag-filled-warning-border-color);color:var(--tag-filled-warning-text-color)}nb-tag.appearance-filled.status-warning.selected{background-color:var(--tag-filled-warning-selected-background-color);border-color:var(--tag-filled-warning-selected-border-color)}nb-tag.appearance-filled.status-warning.active{background-color:var(--tag-filled-warning-active-background-color);border-color:var(--tag-filled-warning-active-border-color)}nb-tag.appearance-filled.status-warning:hover{background-color:var(--tag-filled-warning-hover-background-color);border-color:var(--tag-filled-warning-hover-border-color)}nb-tag.appearance-filled.status-danger{background-color:var(--tag-filled-danger-background-color);border-color:var(--tag-filled-danger-border-color);color:var(--tag-filled-danger-text-color)}nb-tag.appearance-filled.status-danger.selected{background-color:var(--tag-filled-danger-selected-background-color);border-color:var(--tag-filled-danger-selected-border-color)}nb-tag.appearance-filled.status-danger.active{background-color:var(--tag-filled-danger-active-background-color);border-color:var(--tag-filled-danger-active-border-color)}nb-tag.appearance-filled.status-danger:hover{background-color:var(--tag-filled-danger-hover-background-color);border-color:var(--tag-filled-danger-hover-border-color)}nb-tag.appearance-filled.status-info{background-color:var(--tag-filled-info-background-color);border-color:var(--tag-filled-info-border-color);color:var(--tag-filled-info-text-color)}nb-tag.appearance-filled.status-info.selected{background-color:var(--tag-filled-info-selected-background-color);border-color:var(--tag-filled-info-selected-border-color)}nb-tag.appearance-filled.status-info.active{background-color:var(--tag-filled-info-active-background-color);border-color:var(--tag-filled-info-active-border-color)}nb-tag.appearance-filled.status-info:hover{background-color:var(--tag-filled-info-hover-background-color);border-color:var(--tag-filled-info-hover-border-color)}nb-tag.appearance-filled.status-control{background-color:var(--tag-filled-control-background-color);border-color:var(--tag-filled-control-border-color);color:var(--tag-filled-control-text-color)}nb-tag.appearance-filled.status-control.selected{background-color:var(--tag-filled-control-selected-background-color);border-color:var(--tag-filled-control-selected-border-color)}nb-tag.appearance-filled.status-control.active{background-color:var(--tag-filled-control-active-background-color);border-color:var(--tag-filled-control-active-border-color)}nb-tag.appearance-filled.status-control:hover{background-color:var(--tag-filled-control-hover-background-color);border-color:var(--tag-filled-control-hover-border-color)}nb-tag.appearance-outline.status-basic{background-color:var(--tag-outline-basic-background-color);border-color:var(--tag-outline-basic-border-color);color:var(--tag-outline-basic-text-color)}nb-tag.appearance-outline.status-basic.selected{background-color:var(--tag-outline-basic-selected-background-color);border-color:var(--tag-outline-basic-selected-border-color);color:var(--tag-outline-basic-selected-text-color)}nb-tag.appearance-outline.status-basic.active{background-color:var(--tag-outline-basic-active-background-color);border-color:var(--tag-outline-basic-active-border-color);color:var(--tag-outline-basic-active-text-color)}nb-tag.appearance-outline.status-basic:hover{background-color:var(--tag-outline-basic-hover-background-color);border-color:var(--tag-outline-basic-hover-border-color);color:var(--tag-outline-basic-hover-text-color)}nb-tag.appearance-outline.status-primary{background-color:var(--tag-outline-primary-background-color);border-color:var(--tag-outline-primary-border-color);color:var(--tag-outline-primary-text-color)}nb-tag.appearance-outline.status-primary.selected{background-color:var(--tag-outline-primary-selected-background-color);border-color:var(--tag-outline-primary-selected-border-color);color:var(--tag-outline-primary-selected-text-color)}nb-tag.appearance-outline.status-primary.active{background-color:var(--tag-outline-primary-active-background-color);border-color:var(--tag-outline-primary-active-border-color);color:var(--tag-outline-primary-active-text-color)}nb-tag.appearance-outline.status-primary:hover{background-color:var(--tag-outline-primary-hover-background-color);border-color:var(--tag-outline-primary-hover-border-color);color:var(--tag-outline-primary-hover-text-color)}nb-tag.appearance-outline.status-success{background-color:var(--tag-outline-success-background-color);border-color:var(--tag-outline-success-border-color);color:var(--tag-outline-success-text-color)}nb-tag.appearance-outline.status-success.selected{background-color:var(--tag-outline-success-selected-background-color);border-color:var(--tag-outline-success-selected-border-color);color:var(--tag-outline-success-selected-text-color)}nb-tag.appearance-outline.status-success.active{background-color:var(--tag-outline-success-active-background-color);border-color:var(--tag-outline-success-active-border-color);color:var(--tag-outline-success-active-text-color)}nb-tag.appearance-outline.status-success:hover{background-color:var(--tag-outline-success-hover-background-color);border-color:var(--tag-outline-success-hover-border-color);color:var(--tag-outline-success-hover-text-color)}nb-tag.appearance-outline.status-warning{background-color:var(--tag-outline-warning-background-color);border-color:var(--tag-outline-warning-border-color);color:var(--tag-outline-warning-text-color)}nb-tag.appearance-outline.status-warning.selected{background-color:var(--tag-outline-warning-selected-background-color);border-color:var(--tag-outline-warning-selected-border-color);color:var(--tag-outline-warning-selected-text-color)}nb-tag.appearance-outline.status-warning.active{background-color:var(--tag-outline-warning-active-background-color);border-color:var(--tag-outline-warning-active-border-color);color:var(--tag-outline-warning-active-text-color)}nb-tag.appearance-outline.status-warning:hover{background-color:var(--tag-outline-warning-hover-background-color);border-color:var(--tag-outline-warning-hover-border-color);color:var(--tag-outline-warning-hover-text-color)}nb-tag.appearance-outline.status-danger{background-color:var(--tag-outline-danger-background-color);border-color:var(--tag-outline-danger-border-color);color:var(--tag-outline-danger-text-color)}nb-tag.appearance-outline.status-danger.selected{background-color:var(--tag-outline-danger-selected-background-color);border-color:var(--tag-outline-danger-selected-border-color);color:var(--tag-outline-danger-selected-text-color)}nb-tag.appearance-outline.status-danger.active{background-color:var(--tag-outline-danger-active-background-color);border-color:var(--tag-outline-danger-active-border-color);color:var(--tag-outline-danger-active-text-color)}nb-tag.appearance-outline.status-danger:hover{background-color:var(--tag-outline-danger-hover-background-color);border-color:var(--tag-outline-danger-hover-border-color);color:var(--tag-outline-danger-hover-text-color)}nb-tag.appearance-outline.status-info{background-color:var(--tag-outline-info-background-color);border-color:var(--tag-outline-info-border-color);color:var(--tag-outline-info-text-color)}nb-tag.appearance-outline.status-info.selected{background-color:var(--tag-outline-info-selected-background-color);border-color:var(--tag-outline-info-selected-border-color);color:var(--tag-outline-info-selected-text-color)}nb-tag.appearance-outline.status-info.active{background-color:var(--tag-outline-info-active-background-color);border-color:var(--tag-outline-info-active-border-color);color:var(--tag-outline-info-active-text-color)}nb-tag.appearance-outline.status-info:hover{background-color:var(--tag-outline-info-hover-background-color);border-color:var(--tag-outline-info-hover-border-color);color:var(--tag-outline-info-hover-text-color)}nb-tag.appearance-outline.status-control{background-color:var(--tag-outline-control-background-color);border-color:var(--tag-outline-control-border-color);color:var(--tag-outline-control-text-color)}nb-tag.appearance-outline.status-control.selected{background-color:var(--tag-outline-control-selected-background-color);border-color:var(--tag-outline-control-selected-border-color);color:var(--tag-outline-control-selected-text-color)}nb-tag.appearance-outline.status-control.active{background-color:var(--tag-outline-control-active-background-color);border-color:var(--tag-outline-control-active-border-color);color:var(--tag-outline-control-active-text-color)}nb-tag.appearance-outline.status-control:hover{background-color:var(--tag-outline-control-hover-background-color);border-color:var(--tag-outline-control-hover-border-color);color:var(--tag-outline-control-hover-text-color)}.nb-tag-remove{cursor:pointer}.nb-tag-remove.size-tiny{font-size:var(--tag-tiny-text-line-height)}[dir=ltr] .nb-tag-remove.size-tiny{margin-left:var(--tag-tiny-close-offset);margin-right:calc(var(--tag-tiny-close-offset) * -1)}[dir=rtl] .nb-tag-remove.size-tiny{margin-right:var(--tag-tiny-close-offset);margin-left:calc(var(--tag-tiny-close-offset) * -1)}.nb-tag-remove.size-small{font-size:var(--tag-small-text-line-height)}[dir=ltr] .nb-tag-remove.size-small{margin-left:var(--tag-small-close-offset);margin-right:calc(var(--tag-small-close-offset) * -1)}[dir=rtl] .nb-tag-remove.size-small{margin-right:var(--tag-small-close-offset);margin-left:calc(var(--tag-small-close-offset) * -1)}.nb-tag-remove.size-medium{font-size:var(--tag-medium-text-line-height)}[dir=ltr] .nb-tag-remove.size-medium{margin-left:var(--tag-medium-close-offset);margin-right:calc(var(--tag-medium-close-offset) * -1)}[dir=rtl] .nb-tag-remove.size-medium{margin-right:var(--tag-medium-close-offset);margin-left:calc(var(--tag-medium-close-offset) * -1)}.nb-tag-remove.size-large{font-size:var(--tag-large-text-line-height)}[dir=ltr] .nb-tag-remove.size-large{margin-left:var(--tag-large-close-offset);margin-right:calc(var(--tag-large-close-offset) * -1)}[dir=rtl] .nb-tag-remove.size-large{margin-right:var(--tag-large-close-offset);margin-left:calc(var(--tag-large-close-offset) * -1)}.nb-tag-remove.size-giant{font-size:var(--tag-giant-text-line-height)}[dir=ltr] .nb-tag-remove.size-giant{margin-left:var(--tag-giant-close-offset);margin-right:calc(var(--tag-giant-close-offset) * -1)}[dir=rtl] .nb-tag-remove.size-giant{margin-right:var(--tag-giant-close-offset);margin-left:calc(var(--tag-giant-close-offset) * -1)}nb-tag-list{display:inline-flex;outline:none}nb-tag-list.size-tiny .nb-tag-list-tags-wrapper{margin:calc(var(--tag-list-tiny-tag-offset) * -1)}nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag,nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input{margin:var(--tag-list-tiny-tag-offset)}nb-tag-list.size-small .nb-tag-list-tags-wrapper{margin:calc(var(--tag-list-small-tag-offset) * -1)}nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag,nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input{margin:var(--tag-list-small-tag-offset)}nb-tag-list.size-medium .nb-tag-list-tags-wrapper{margin:calc(var(--tag-list-medium-tag-offset) * -1)}nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag,nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input{margin:var(--tag-list-medium-tag-offset)}nb-tag-list.size-large .nb-tag-list-tags-wrapper{margin:calc(var(--tag-list-large-tag-offset) * -1)}nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag,nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input{margin:var(--tag-list-large-tag-offset)}nb-tag-list.size-giant .nb-tag-list-tags-wrapper{margin:calc(var(--tag-list-giant-tag-offset) * -1)}nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag,nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input{margin:var(--tag-list-giant-tag-offset)}.nb-tag-list-tags-wrapper{display:inline-flex;align-items:center;align-content:center;flex-wrap:wrap;flex:1}.nb-tag-list-with-input{border-style:var(--input-border-style);border-width:var(--input-border-width);font-family:var(--input-text-font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none}.nb-tag-list-with-input.nb-transition{transition-duration:.15s;transition-property:border,background-color,color,box-shadow;transition-timing-function:ease-in}.nb-tag-list-with-input::-moz-placeholder{font-family:var(--input-placeholder-text-font-family);text-overflow:ellipsis}.nb-tag-list-with-input::placeholder{font-family:var(--input-placeholder-text-font-family);text-overflow:ellipsis}.nb-tag-list-with-input:focus{outline:none}.nb-tag-list-with-input.input-full-width{width:100%}.nb-tag-list-with-input.shape-rectangle{border-radius:var(--tag-list-with-input-rectangle-border-radius)}.nb-tag-list-with-input.shape-semi-round{border-radius:var(--tag-list-with-input-semi-round-border-radius)}.nb-tag-list-with-input.shape-round{border-radius:var(--tag-list-with-input-round-border-radius)}.nb-tag-list-with-input.size-tiny{padding:var(--tag-list-with-input-tiny-padding)}.nb-tag-list-with-input.size-small{padding:var(--tag-list-with-input-small-padding)}.nb-tag-list-with-input.size-medium{padding:var(--tag-list-with-input-medium-padding)}.nb-tag-list-with-input.size-large{padding:var(--tag-list-with-input-large-padding)}.nb-tag-list-with-input.size-giant{padding:var(--tag-list-with-input-giant-padding)}.nb-tag-list-with-input.status-basic{background-color:var(--tag-input-basic-background-color);border-color:var(--tag-input-basic-border-color)}.nb-tag-list-with-input.status-basic.focus{background-color:var(--tag-input-basic-focus-background-color);border-color:var(--tag-input-basic-focus-border-color)}.nb-tag-list-with-input.status-primary{background-color:var(--tag-input-primary-background-color);border-color:var(--tag-input-primary-border-color)}.nb-tag-list-with-input.status-primary.focus{background-color:var(--tag-input-primary-focus-background-color);border-color:var(--tag-input-primary-focus-border-color)}.nb-tag-list-with-input.status-success{background-color:var(--tag-input-success-background-color);border-color:var(--tag-input-success-border-color)}.nb-tag-list-with-input.status-success.focus{background-color:var(--tag-input-success-focus-background-color);border-color:var(--tag-input-success-focus-border-color)}.nb-tag-list-with-input.status-warning{background-color:var(--tag-input-warning-background-color);border-color:var(--tag-input-warning-border-color)}.nb-tag-list-with-input.status-warning.focus{background-color:var(--tag-input-warning-focus-background-color);border-color:var(--tag-input-warning-focus-border-color)}.nb-tag-list-with-input.status-danger{background-color:var(--tag-input-danger-background-color);border-color:var(--tag-input-danger-border-color)}.nb-tag-list-with-input.status-danger.focus{background-color:var(--tag-input-danger-focus-background-color);border-color:var(--tag-input-danger-focus-border-color)}.nb-tag-list-with-input.status-info{background-color:var(--tag-input-info-background-color);border-color:var(--tag-input-info-border-color)}.nb-tag-list-with-input.status-info.focus{background-color:var(--tag-input-info-focus-background-color);border-color:var(--tag-input-info-focus-border-color)}.nb-tag-list-with-input.status-control{background-color:var(--tag-input-control-background-color);border-color:var(--tag-input-control-border-color)}.nb-tag-list-with-input.status-control.focus{background-color:var(--tag-input-control-focus-background-color);border-color:var(--tag-input-control-focus-border-color)}nb-form-field nb-tag-list{width:100%}[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny{padding-left:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny{padding-right:var(--form-field-addon-tiny-width)}[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny{padding-right:var(--form-field-addon-tiny-width)}[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny{padding-left:var(--form-field-addon-tiny-width)}[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small{padding-left:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small{padding-right:var(--form-field-addon-small-width)}[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small{padding-right:var(--form-field-addon-small-width)}[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small{padding-left:var(--form-field-addon-small-width)}[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium{padding-left:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium{padding-right:var(--form-field-addon-medium-width)}[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium{padding-right:var(--form-field-addon-medium-width)}[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium{padding-left:var(--form-field-addon-medium-width)}[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large{padding-left:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large{padding-right:var(--form-field-addon-large-width)}[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large{padding-right:var(--form-field-addon-large-width)}[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large{padding-left:var(--form-field-addon-large-width)}[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant{padding-left:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant{padding-right:var(--form-field-addon-giant-width)}[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant{padding-right:var(--form-field-addon-giant-width)}[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant{padding-left:var(--form-field-addon-giant-width)}.nb-tag-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:transparent;background:transparent;outline:none;flex:1;padding:0;min-width:var(--tag-input-min-width);font-family:var(--tag-input-text-font-family)}.nb-tag-input::-moz-placeholder{font-family:var(--tag-input-placeholder-text-font-family)}.nb-tag-input::placeholder{font-family:var(--tag-input-placeholder-text-font-family)}.nb-tag-input.size-tiny{font-size:var(--tag-input-tiny-text-font-size);font-weight:var(--tag-input-tiny-text-font-weight);line-height:var(--tag-input-tiny-text-line-height);padding:var(--tag-input-tiny-padding)}.nb-tag-input.size-tiny::-moz-placeholder{font-size:var(--tag-input-tiny-placeholder-text-font-size);font-weight:var(--tag-input-tiny-placeholder-text-font-weight);line-height:var(--tag-input-tiny-placeholder-text-line-height)}.nb-tag-input.size-tiny::placeholder{font-size:var(--tag-input-tiny-placeholder-text-font-size);font-weight:var(--tag-input-tiny-placeholder-text-font-weight);line-height:var(--tag-input-tiny-placeholder-text-line-height)}.nb-tag-input.size-small{font-size:var(--tag-input-small-text-font-size);font-weight:var(--tag-input-small-text-font-weight);line-height:var(--tag-input-small-text-line-height);padding:var(--tag-input-small-padding)}.nb-tag-input.size-small::-moz-placeholder{font-size:var(--tag-input-small-placeholder-text-font-size);font-weight:var(--tag-input-small-placeholder-text-font-weight);line-height:var(--tag-input-small-placeholder-text-line-height)}.nb-tag-input.size-small::placeholder{font-size:var(--tag-input-small-placeholder-text-font-size);font-weight:var(--tag-input-small-placeholder-text-font-weight);line-height:var(--tag-input-small-placeholder-text-line-height)}.nb-tag-input.size-medium{font-size:var(--tag-input-medium-text-font-size);font-weight:var(--tag-input-medium-text-font-weight);line-height:var(--tag-input-medium-text-line-height);padding:var(--tag-input-medium-padding)}.nb-tag-input.size-medium::-moz-placeholder{font-size:var(--tag-input-medium-placeholder-text-font-size);font-weight:var(--tag-input-medium-placeholder-text-font-weight);line-height:var(--tag-input-medium-placeholder-text-line-height)}.nb-tag-input.size-medium::placeholder{font-size:var(--tag-input-medium-placeholder-text-font-size);font-weight:var(--tag-input-medium-placeholder-text-font-weight);line-height:var(--tag-input-medium-placeholder-text-line-height)}.nb-tag-input.size-large{font-size:var(--tag-input-large-text-font-size);font-weight:var(--tag-input-large-text-font-weight);line-height:var(--tag-input-large-text-line-height);padding:var(--tag-input-large-padding)}.nb-tag-input.size-large::-moz-placeholder{font-size:var(--tag-input-large-placeholder-text-font-size);font-weight:var(--tag-input-large-placeholder-text-font-weight);line-height:var(--tag-input-large-placeholder-text-line-height)}.nb-tag-input.size-large::placeholder{font-size:var(--tag-input-large-placeholder-text-font-size);font-weight:var(--tag-input-large-placeholder-text-font-weight);line-height:var(--tag-input-large-placeholder-text-line-height)}.nb-tag-input.size-giant{font-size:var(--tag-input-giant-text-font-size);font-weight:var(--tag-input-giant-text-font-weight);line-height:var(--tag-input-giant-text-line-height);padding:var(--tag-input-giant-padding)}.nb-tag-input.size-giant::-moz-placeholder{font-size:var(--tag-input-giant-placeholder-text-font-size);font-weight:var(--tag-input-giant-placeholder-text-font-weight);line-height:var(--tag-input-giant-placeholder-text-line-height)}.nb-tag-input.size-giant::placeholder{font-size:var(--tag-input-giant-placeholder-text-font-size);font-weight:var(--tag-input-giant-placeholder-text-font-weight);line-height:var(--tag-input-giant-placeholder-text-line-height)}.nb-tag-input.status-basic{color:var(--tag-input-basic-text-color)}.nb-tag-input.status-basic::-moz-placeholder{color:var(--tag-input-basic-placeholder-text-color)}.nb-tag-input.status-basic::placeholder{color:var(--tag-input-basic-placeholder-text-color)}.nb-tag-input.status-basic:disabled{color:var(--tag-input-basic-disabled-text-color)}.nb-tag-input.status-basic:disabled::-moz-placeholder{color:var(--tag-input-basic-disabled-placeholder-text-color)}.nb-tag-input.status-basic:disabled::placeholder{color:var(--tag-input-basic-disabled-placeholder-text-color)}.nb-tag-input.status-primary{color:var(--tag-input-primary-text-color)}.nb-tag-input.status-primary::-moz-placeholder{color:var(--tag-input-primary-placeholder-text-color)}.nb-tag-input.status-primary::placeholder{color:var(--tag-input-primary-placeholder-text-color)}.nb-tag-input.status-primary:disabled{color:var(--tag-input-primary-disabled-text-color)}.nb-tag-input.status-primary:disabled::-moz-placeholder{color:var(--tag-input-primary-disabled-placeholder-text-color)}.nb-tag-input.status-primary:disabled::placeholder{color:var(--tag-input-primary-disabled-placeholder-text-color)}.nb-tag-input.status-success{color:var(--tag-input-success-text-color)}.nb-tag-input.status-success::-moz-placeholder{color:var(--tag-input-success-placeholder-text-color)}.nb-tag-input.status-success::placeholder{color:var(--tag-input-success-placeholder-text-color)}.nb-tag-input.status-success:disabled{color:var(--tag-input-success-disabled-text-color)}.nb-tag-input.status-success:disabled::-moz-placeholder{color:var(--tag-input-success-disabled-placeholder-text-color)}.nb-tag-input.status-success:disabled::placeholder{color:var(--tag-input-success-disabled-placeholder-text-color)}.nb-tag-input.status-warning{color:var(--tag-input-warning-text-color)}.nb-tag-input.status-warning::-moz-placeholder{color:var(--tag-input-warning-placeholder-text-color)}.nb-tag-input.status-warning::placeholder{color:var(--tag-input-warning-placeholder-text-color)}.nb-tag-input.status-warning:disabled{color:var(--tag-input-warning-disabled-text-color)}.nb-tag-input.status-warning:disabled::-moz-placeholder{color:var(--tag-input-warning-disabled-placeholder-text-color)}.nb-tag-input.status-warning:disabled::placeholder{color:var(--tag-input-warning-disabled-placeholder-text-color)}.nb-tag-input.status-danger{color:var(--tag-input-danger-text-color)}.nb-tag-input.status-danger::-moz-placeholder{color:var(--tag-input-danger-placeholder-text-color)}.nb-tag-input.status-danger::placeholder{color:var(--tag-input-danger-placeholder-text-color)}.nb-tag-input.status-danger:disabled{color:var(--tag-input-danger-disabled-text-color)}.nb-tag-input.status-danger:disabled::-moz-placeholder{color:var(--tag-input-danger-disabled-placeholder-text-color)}.nb-tag-input.status-danger:disabled::placeholder{color:var(--tag-input-danger-disabled-placeholder-text-color)}.nb-tag-input.status-info{color:var(--tag-input-info-text-color)}.nb-tag-input.status-info::-moz-placeholder{color:var(--tag-input-info-placeholder-text-color)}.nb-tag-input.status-info::placeholder{color:var(--tag-input-info-placeholder-text-color)}.nb-tag-input.status-info:disabled{color:var(--tag-input-info-disabled-text-color)}.nb-tag-input.status-info:disabled::-moz-placeholder{color:var(--tag-input-info-disabled-placeholder-text-color)}.nb-tag-input.status-info:disabled::placeholder{color:var(--tag-input-info-disabled-placeholder-text-color)}.nb-tag-input.status-control{color:var(--tag-input-control-text-color)}.nb-tag-input.status-control::-moz-placeholder{color:var(--tag-input-control-placeholder-text-color)}.nb-tag-input.status-control::placeholder{color:var(--tag-input-control-placeholder-text-color)}.nb-tag-input.status-control:disabled{color:var(--tag-input-control-disabled-text-color)}.nb-tag-input.status-control:disabled::-moz-placeholder{color:var(--tag-input-control-disabled-placeholder-text-color)}.nb-tag-input.status-control:disabled::placeholder{color:var(--tag-input-control-disabled-placeholder-text-color)}body{color:var(--text-basic-color);font-family:var(--text-paragraph-font-family);font-size:var(--text-paragraph-font-size);font-weight:var(--text-paragraph-font-weight);line-height:var(--text-paragraph-line-height)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--text-basic-color)}h1,.h1{font-size:var(--text-heading-1-font-size);font-family:var(--text-heading-1-font-family);font-weight:var(--text-heading-1-font-weight);line-height:var(--text-heading-1-line-height)}h2,.h2{font-size:var(--text-heading-2-font-size);font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);line-height:var(--text-heading-2-line-height)}h3,.h3{font-size:var(--text-heading-3-font-size);font-family:var(--text-heading-3-font-family);font-weight:var(--text-heading-3-font-weight);line-height:var(--text-heading-3-line-height)}h4,.h4{font-size:var(--text-heading-4-font-size);font-family:var(--text-heading-4-font-family);font-weight:var(--text-heading-4-font-weight);line-height:var(--text-heading-4-line-height)}h5,.h5{font-size:var(--text-heading-5-font-size);font-family:var(--text-heading-5-font-family);font-weight:var(--text-heading-5-font-weight);line-height:var(--text-heading-5-line-height)}h6,.h6{font-size:var(--text-heading-6-font-size);font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);line-height:var(--text-heading-6-line-height)}.subtitle,.subtitle-2{color:var(--text-basic-color)}.subtitle{font-family:var(--text-subtitle-font-family);font-size:var(--text-subtitle-font-size);font-weight:var(--text-subtitle-font-weight);line-height:var(--text-subtitle-line-height)}.subtitle-2{font-family:var(--text-subtitle-2-font-family);font-size:var(--text-subtitle-2-font-size);font-weight:var(--text-subtitle-2-font-weight);line-height:var(--text-subtitle-2-line-height)}p,.paragraph{color:var(--text-basic-color);font-family:var(--text-paragraph-font-family);font-size:var(--text-paragraph-font-size);font-weight:var(--text-paragraph-font-weight);line-height:var(--text-paragraph-line-height)}.paragraph-2{color:var(--text-basic-color);font-family:var(--text-paragraph-2-font-family);font-size:var(--text-paragraph-2-font-size);font-weight:var(--text-paragraph-2-font-weight);line-height:var(--text-paragraph-2-line-height)}a{color:var(--link-text-color);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}a:focus{color:var(--link-text-focus-color)}a:hover{color:var(--link-text-hover-color)}a.link-control,a.link-control:hover{color:var(--text-control-color)}a.link-alternate,a.link-alternate:hover{color:var(--text-alternate-color)}.label{color:var(--text-hint-color);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height)}.caption{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height)}.caption-2{font-family:var(--text-caption-2-font-family);font-size:var(--text-caption-2-font-size);font-weight:var(--text-caption-2-font-weight);line-height:var(--text-caption-2-line-height)}.caption,.caption-2{color:var(--text-hint-color)}.caption.status-basic,.caption-2.status-basic{color:var(--text-basic-color)}.caption.status-primary,.caption-2.status-primary{color:var(--text-primary-color)}.caption.status-success,.caption-2.status-success{color:var(--text-success-color)}.caption.status-warning,.caption-2.status-warning{color:var(--text-warning-color)}.caption.status-danger,.caption-2.status-danger{color:var(--text-danger-color)}.caption.status-info,.caption-2.status-info{color:var(--text-info-color)}.caption.status-control,.caption-2.status-control{color:var(--text-control-color)}li{color:var(--list-item-text-color);font-family:var(--list-item-font-family);font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);line-height:var(--list-item-line-height)}.text-alternate{color:var(--text-alternate-color)}.text-disabled{color:var(--text-disabled-color)}.text-hint{color:var(--text-hint-color)}.text-basic{color:var(--text-basic-color)}.text-primary{color:var(--text-primary-color)}.text-success{color:var(--text-success-color)}.text-warning{color:var(--text-warning-color)}.text-danger{color:var(--text-danger-color)}.text-info{color:var(--text-info-color)}.text-control{color:var(--text-control-color)}ng2-smart-table table tr th,ng2-smart-table table tr th a{font-family:var(--smart-table-header-font-family);font-size:var(--smart-table-header-font-size);font-weight:var(--smart-table-header-font-weight);line-height:var(--smart-table-header-line-height);color:var(--smart-table-header-fg)}ng2-smart-table table tr td{font-family:var(--smart-table-font-family);font-size:var(--smart-table-font-size);font-weight:var(--smart-table-font-weight);line-height:var(--smart-table-line-height);color:var(--smart-table-fg)}ng2-smart-table table tr th,ng2-smart-table table tr td{position:relative;padding:var(--smart-table-padding);border:1px solid var(--smart-table-separator);vertical-align:middle}ng2-smart-table table tr.ng2-smart-titles th{padding:var(--smart-table-padding)}[dir=ltr] ng2-smart-table table tr.ng2-smart-titles th{padding-right:1.75rem}[dir=rtl] ng2-smart-table table tr.ng2-smart-titles th{padding-left:1.75rem}ng2-smart-table table tr.ng2-smart-titles th a:hover,ng2-smart-table table tr.ng2-smart-titles th a:active,ng2-smart-table table tr.ng2-smart-titles th a:visited{color:var(--smart-table-header-fg);text-decoration:none}ng2-smart-table table tr.ng2-smart-titles th a.sort.asc,ng2-smart-table table tr.ng2-smart-titles th a.sort.desc{font-weight:var(--smart-table-header-font-weight)}ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after{border-bottom-color:var(--smart-table-fg-secondary);border-width:.375rem;position:absolute;margin:0;top:50%;transform:translate(0, -50%)}[dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,[dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after{right:.75rem}[dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,[dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after{left:.75rem}ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after,ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after{transform:translate(0, -50%) rotate(180deg)}ng2-smart-table thead tr{background:var(--smart-table-header-bg)}ng2-smart-table thead tr.ng2-smart-filters th{padding:var(--smart-table-filter-padding)}ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input{line-height:var(--smart-table-line-height)}ng2-smart-table tbody tr.selected,ng2-smart-table tbody tr:hover{background:var(--smart-table-bg-active) !important}ng2-smart-table tbody tr:nth-child(2n){background-color:var(--smart-table-bg-even)}ng2-smart-table th.ng2-smart-actions-title-add a{display:flex;align-items:center;justify-content:center;font-size:1.75rem !important;padding:var(--smart-table-filter-padding);border-color:var(--smart-table-add-button-border-color);background-color:var(--smart-table-add-button-background-color);color:var(--smart-table-add-button-text-color);border-radius:.375rem}ng2-smart-table th.ng2-smart-actions-title-add a:focus{border-color:var(--smart-table-add-button-focus-border-color)}ng2-smart-table th.ng2-smart-actions-title-add a:hover{text-decoration:none;background-color:var(--smart-table-add-button-hover-background-color);border-color:var(--smart-table-add-button-hover-border-color)}ng2-smart-table th.ng2-smart-actions-title-add a:active{background-color:var(--smart-table-add-button-active-background-color);border-color:var(--smart-table-add-button-active-border-color)}ng2-smart-table .ng2-smart-actions{padding:0;height:1px}ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete,ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel,ng2-smart-table .ng2-smart-actions ng2-st-actions{display:flex;height:100%}ng2-smart-table .ng2-smart-actions a.ng2-smart-action{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:2rem !important;color:var(--smart-table-fg-secondary)}ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child){border-right:1px solid var(--smart-table-separator)}ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover{text-decoration:none}ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover,ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover,ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover{color:var(--smart-table-action-add-edit-hover-text-color)}ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover,ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover,ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover{color:var(--smart-table-action-cancel-delete-hover-text-color)}ng2-smart-table table-cell-edit-mode{display:block;margin:-7.5px -12px}ng2-smart-table ng2-smart-table-pager{display:block}ng2-smart-table nav.ng2-smart-pagination-nav{display:flex;justify-content:center;margin-top:1.25rem}ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination{display:flex;padding:0}ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link,ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus,ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover{background-color:var(--smart-table-paging-hover);color:var(--smart-table-paging-disabled-text-color)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination{font-family:var(--smart-table-paging-font-family);font-size:var(--smart-table-paging-font-size);line-height:var(--smart-table-paging-line-height);border:var(--smart-table-paging-border-color) solid var(--smart-table-paging-border-width);border-radius:var(--smart-table-border-radius)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li{overflow:hidden}[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child){border-right:1px solid var(--smart-table-separator)}[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child){border-left:1px solid var(--smart-table-separator)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next{font-size:var(--smart-table-paging-font-size);line-height:var(--smart-table-paging-line-height)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li>span{font-size:var(--smart-table-paging-font-size);line-height:var(--smart-table-paging-line-height);background-color:transparent;color:var(--smart-table-paging-page-text-color);padding:.75rem 1.25rem;border:none}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li>span:focus{border-color:var(--smart-table-paging-page-focus-border-color);color:var(--smart-table-paging-page-focus-text-color)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li>span:hover{background-color:var(--smart-table-paging-hover);border-color:var(--smart-table-paging-hover-border-color);color:var(--smart-table-paging-hover-text-color);text-decoration:none}[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child>span{border-top-left-radius:var(--smart-table-border-radius);border-bottom-left-radius:var(--smart-table-border-radius)}[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child>span{border-top-right-radius:var(--smart-table-border-radius);border-bottom-right-radius:var(--smart-table-border-radius)}[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child>span{border-top-right-radius:var(--smart-table-border-radius);border-bottom-right-radius:var(--smart-table-border-radius)}[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child>span{border-top-left-radius:var(--smart-table-border-radius);border-bottom-left-radius:var(--smart-table-border-radius)}ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active>span,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active>span:hover,ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active>span:focus{color:var(--smart-table-paging-fg-active);background-color:var(--smart-table-paging-bg-active)}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@nebular/theme/styles/prebuilt/corporate-custom-properties.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0, 0, 0, 0.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.nb-global-scrollblock{position:static;width:auto;overflow:hidden}/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 *//*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.nb-theme-corporate{--link-text-color: var(--text-primary-color);--link-text-decoration: underline;--link-text-focus-color: var(--text-primary-focus-color);--link-text-hover-color: var(--text-primary-hover-color);--card-background-color: var(--background-basic-color-1);--card-text-color: var(--text-basic-color);--card-text-font-family: var(--text-paragraph-font-family);--card-text-font-size: var(--text-paragraph-font-size);--card-text-font-weight: var(--text-paragraph-font-weight);--card-text-line-height: var(--text-paragraph-line-height);--card-border-width: 1px;--card-border-style: solid;--card-border-color: var(--border-basic-color-4);--card-border-radius: var(--border-radius);--card-padding: 1rem 1.5rem;--card-shadow: none;--card-divider-color: var(--divider-color);--card-divider-style: var(--divider-style);--card-divider-width: var(--divider-width);--card-header-text-color: var(--text-basic-color);--card-header-text-font-family: var(--text-subtitle-font-family);--card-header-text-font-size: var(--text-subtitle-font-size);--card-header-text-font-weight: var(--text-subtitle-font-weight);--card-header-text-line-height: var(--text-subtitle-line-height);--card-header-basic-background-color: var(--background-basic-color-2);--card-header-basic-text-color: var(--text-basic-color);--card-header-primary-background-color: var(--color-primary-default);--card-header-primary-text-color: var(--text-control-color);--card-header-info-background-color: var(--color-info-default);--card-header-info-text-color: var(--text-control-color);--card-header-success-background-color: var(--color-success-default);--card-header-success-text-color: var(--text-control-color);--card-header-warning-background-color: var(--color-warning-default);--card-header-warning-text-color: var(--text-control-color);--card-header-danger-background-color: var(--color-danger-default);--card-header-danger-text-color: var(--text-control-color);--card-header-control-background-color: var(--color-control-default);--card-header-control-text-color: var(--color-basic-800);--card-height-tiny: 13.5rem;--card-height-small: 21.1875rem;--card-height-medium: 28.875rem;--card-height-large: 36.5625rem;--card-height-giant: 44.25rem;--card-margin-bottom: 1.875rem;--card-scrollbar-color: var(--scrollbar-color);--card-scrollbar-background-color: var(--scrollbar-background-color);--card-scrollbar-width: var(--scrollbar-width);--header-background-color: var(--background-basic-color-1);--header-text-color: var(--text-basic-color);--header-text-font-family: var(--text-paragraph-font-family);--header-text-font-size: var(--text-paragraph-font-size);--header-text-font-weight: var(--text-paragraph-font-weight);--header-text-line-height: var(--text-paragraph-line-height);--header-height: 4.75rem;--header-padding: 1.25rem;--header-shadow: var(--shadow);--footer-background-color: var(--background-basic-color-1);--footer-text-color: var(--text-basic-color);--footer-text-font-family: var(--text-paragraph-font-family);--footer-text-font-size: var(--text-paragraph-font-size);--footer-text-font-weight: var(--text-paragraph-font-weight);--footer-text-line-height: var(--text-paragraph-line-height);--footer-text-highlight-color: var(--color-primary-hover);--footer-height: 4.725rem;--footer-padding: 1.25rem;--footer-divider-color: var(--divider-color);--footer-divider-style: var(--divider-style);--footer-divider-width: var(--divider-width);--footer-shadow: var(--shadow);--layout-background-color: var(--background-basic-color-3);--layout-text-color: var(--text-basic-color);--layout-text-font-family: var(--text-paragraph-font-family);--layout-text-font-size: var(--text-paragraph-font-size);--layout-text-font-weight: var(--text-paragraph-font-weight);--layout-text-line-height: var(--text-paragraph-line-height);--layout-min-height: 100vh;--layout-content-width: 900px;--layout-window-mode-min-width: 300px;--layout-window-mode-background-color: var(--background-basic-color-3);--layout-window-mode-padding-top: 4.75rem;--layout-window-shadow: var(--shadow);--layout-padding: 2.25rem 2.25rem 0.75rem;--layout-medium-padding: 1.5rem 1.5rem 0.5rem;--layout-small-padding: 1rem 1rem 0;--layout-scrollbar-background-color: var(--scrollbar-background-color);--layout-scrollbar-color: var(--scrollbar-color);--layout-scrollbar-width: var(--scrollbar-width);--sidebar-background-color: var(--background-basic-color-1);--sidebar-text-color: var(--text-basic-color);--sidebar-text-font-family: var(--text-paragraph-font-family);--sidebar-text-font-size: var(--text-paragraph-font-size);--sidebar-text-font-weight: var(--text-paragraph-font-weight);--sidebar-text-line-height: var(--text-paragraph-line-height);--sidebar-height: 100vh;--sidebar-width: 16rem;--sidebar-width-compact: 3.5rem;--sidebar-padding: 1.25rem;--sidebar-header-height: 3.5rem;--sidebar-footer-height: 3.5rem;--sidebar-shadow: var(--shadow);--sidebar-menu-item-highlight-color: var(--color-primary-default);--sidebar-scrollbar-background-color: var(--scrollbar-background-color);--sidebar-scrollbar-color: var(--scrollbar-color);--sidebar-scrollbar-width: var(--scrollbar-width);--menu-background-color: transparent;--menu-text-color: var(--text-basic-color);--menu-text-font-family: var(--text-subtitle-2-font-family);--menu-text-font-size: var(--text-subtitle-2-font-size);--menu-text-font-weight: var(--text-subtitle-2-font-weight);--menu-text-line-height: var(--text-subtitle-2-line-height);--menu-group-text-color: var(--text-hint-color);--menu-item-border-radius: 0;--menu-item-padding: 0.75rem 1rem;--menu-item-hover-background-color: var(--menu-background-color);--menu-item-hover-cursor: pointer;--menu-item-hover-text-color: var(--text-primary-hover-color);--menu-item-icon-hover-color: var(--menu-item-hover-text-color);--menu-item-active-background-color: var(--menu-background-color);--menu-item-active-text-color: var(--text-primary-color);--menu-item-icon-active-color: var(--menu-item-active-text-color);--menu-item-icon-color: var(--text-hint-color);--menu-item-icon-margin: 0 0.5rem 0 0;--menu-item-icon-width: 1.25rem;--menu-item-divider-color: var(--divider-color);--menu-item-divider-style: var(--divider-style);--menu-item-divider-width: var(--divider-width);--menu-submenu-background-color: var(--menu-background-color);--menu-submenu-text-color: var(--text-basic-color);--menu-submenu-margin: 0;--menu-submenu-padding: 0 1.25rem;--menu-submenu-item-border-color: var(--menu-submenu-background-color);--menu-submenu-item-border-style: solid;--menu-submenu-item-border-width: 0;--menu-submenu-item-border-radius: 0;--menu-submenu-item-padding: var(--menu-item-padding);--menu-submenu-item-hover-background-color: var(--menu-background-color);--menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);--menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);--menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);--menu-submenu-item-active-background-color: var(--menu-background-color);--menu-submenu-item-active-border-color: var(--color-primary-default);--menu-submenu-item-active-text-color: var(--menu-item-active-text-color);--menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);--menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);--menu-submenu-item-active-hover-border-color: var(--color-primary-hover);--menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);--menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);--tabset-background-color: transparent;--tabset-border-radius: var(--border-radius);--tabset-shadow: none;--tabset-tab-background-color: transparent;--tabset-tab-padding: 1rem 2rem;--tabset-tab-text-color: var(--text-hint-color);--tabset-tab-text-font-family: var(--text-button-font-family);--tabset-tab-text-font-size: var(--text-button-medium-font-size);--tabset-tab-text-font-weight: var(--text-button-font-weight);--tabset-tab-text-line-height: var(--text-button-medium-line-height);--tabset-tab-text-transform: uppercase;--tabset-tab-underline-width: 0.25rem;--tabset-tab-underline-color: transparent;--tabset-tab-active-background-color: transparent;--tabset-tab-active-text-color: var(--text-primary-color);--tabset-tab-active-underline-color: var(--text-primary-color);--tabset-tab-focus-background-color: transparent;--tabset-tab-focus-text-color: var(--text-primary-focus-color);--tabset-tab-focus-underline-color: var(--text-primary-focus-color);--tabset-tab-hover-background-color: transparent;--tabset-tab-hover-text-color: var(--text-primary-hover-color);--tabset-tab-hover-underline-color: var(--text-primary-hover-color);--tabset-tab-disabled-background-color: transparent;--tabset-tab-disabled-text-color: var(--text-disabled-color);--tabset-tab-disabled-underline-color: transparent;--tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;--tabset-tab-badge-dot-mode-padding: 0.25rem;--tabset-divider-color: var(--divider-color);--tabset-divider-style: var(--divider-style);--tabset-divider-width: var(--divider-width);--tabset-content-background-color: transparent;--tabset-content-padding: 1rem 2rem;--tabset-content-text-color: var(--text-basic-color);--tabset-content-text-font-family: var(--text-paragraph-font-family);--tabset-content-text-font-size: var(--text-paragraph-font-size);--tabset-content-text-font-weight: var(--text-paragraph-font-weight);--tabset-content-text-line-height: var(--text-paragraph-line-height);--tabset-scrollbar-color: var(--scrollbar-color);--tabset-scrollbar-background-color: var(--scrollbar-background-color);--tabset-scrollbar-width: var(--scrollbar-width);--route-tabset-background-color: transparent;--route-tabset-border-radius: var(--border-radius);--route-tabset-shadow: none;--route-tabset-tab-background-color: transparent;--route-tabset-tab-padding: 1rem 2rem;--route-tabset-tab-text-color: var(--text-hint-color);--route-tabset-tab-text-font-family: var(--text-button-font-family);--route-tabset-tab-text-font-size: var(--text-button-medium-font-size);--route-tabset-tab-text-font-weight: var(--text-button-font-weight);--route-tabset-tab-text-line-height: var(--text-button-medium-line-height);--route-tabset-tab-text-transform: uppercase;--route-tabset-tab-underline-width: 0.25rem;--route-tabset-tab-underline-color: transparent;--route-tabset-tab-active-background-color: transparent;--route-tabset-tab-active-text-color: var(--text-primary-color);--route-tabset-tab-active-underline-color: var(--text-primary-color);--route-tabset-tab-focus-background-color: transparent;--route-tabset-tab-focus-text-color: var(--text-primary-focus-color);--route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);--route-tabset-tab-hover-background-color: transparent;--route-tabset-tab-hover-text-color: var(--text-primary-hover-color);--route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);--route-tabset-tab-disabled-background-color: transparent;--route-tabset-tab-disabled-text-color: var(--text-disabled-color);--route-tabset-tab-disabled-underline-color: transparent;--route-tabset-divider-color: var(--divider-color);--route-tabset-divider-style: var(--divider-style);--route-tabset-divider-width: var(--divider-width);--route-tabset-scrollbar-color: var(--scrollbar-color);--route-tabset-scrollbar-background-color: var(--scrollbar-background-color);--route-tabset-scrollbar-width: var(--scrollbar-width);--user-picture-box-background-color: transparent;--user-picture-box-border-color: var(--border-basic-color-3);--user-picture-box-border-width: 1px;--user-initials-text-color: var(--text-basic-color);--user-initials-text-font-family: var(--text-paragraph-font-family);--user-initials-text-font-weight: var(--text-paragraph-font-weight);--user-name-text-color: var(--text-basic-color);--user-name-text-font-family: var(--text-paragraph-font-family);--user-name-text-font-weight: var(--text-paragraph-font-weight);--user-title-text-color: var(--text-basic-color);--user-title-text-font-family: var(--text-paragraph-2-font-family);--user-title-text-font-weight: var(--text-paragraph-2-font-weight);--user-rectangle-border-radius: var(--border-radius);--user-semi-round-border-radius: 0.75rem;--user-round-border-radius: 50%;--user-tiny-height: 1.25rem;--user-tiny-width: 1.25rem;--user-tiny-initials-text-font-size: var(--text-caption-font-size);--user-tiny-initials-text-line-height: var(--text-caption-line-height);--user-tiny-name-text-font-size: var(--text-caption-font-size);--user-tiny-name-text-line-height: var(--text-caption-line-height);--user-tiny-title-text-font-size: var(--text-caption-font-size);--user-tiny-title-text-line-height: var(--text-caption-line-height);--user-small-height: 1.5rem;--user-small-width: 1.5rem;--user-small-initials-text-font-size: var(--text-caption-font-size);--user-small-initials-text-line-height: var(--text-caption-line-height);--user-small-name-text-font-size: var(--text-caption-font-size);--user-small-name-text-line-height: var(--text-caption-line-height);--user-small-title-text-font-size: var(--text-caption-font-size);--user-small-title-text-line-height: var(--text-caption-line-height);--user-medium-height: 2.5rem;--user-medium-width: 2.5rem;--user-medium-initials-text-font-size: var(--text-paragraph-font-size);--user-medium-initials-text-line-height: var(--text-paragraph-line-height);--user-medium-name-text-font-size: var(--text-paragraph-font-size);--user-medium-name-text-line-height: var(--text-paragraph-line-height);--user-medium-title-text-font-size: var(--text-caption-font-size);--user-medium-title-text-line-height: var(--text-caption-line-height);--user-large-height: 3.25rem;--user-large-width: 3.25rem;--user-large-initials-text-font-size: var(--text-paragraph-font-size);--user-large-initials-text-line-height: var(--text-paragraph-line-height);--user-large-name-text-font-size: var(--text-paragraph-font-size);--user-large-name-text-line-height: var(--text-paragraph-line-height);--user-large-title-text-font-size: var(--text-paragraph-2-font-size);--user-large-title-text-line-height: var(--text-paragraph-2-line-height);--user-giant-height: 4rem;--user-giant-width: 4rem;--user-giant-initials-text-font-size: var(--text-paragraph-font-size);--user-giant-initials-text-line-height: var(--text-paragraph-line-height);--user-giant-name-text-font-size: var(--text-paragraph-font-size);--user-giant-name-text-line-height: var(--text-paragraph-line-height);--user-giant-title-text-font-size: var(--text-paragraph-font-size);--user-giant-title-text-line-height: var(--text-paragraph-line-height);--popover-text-color: var(--text-basic-color);--popover-text-font-family: var(--text-paragraph-font-family);--popover-text-font-size: var(--text-paragraph-font-size);--popover-text-font-weight: var(--text-paragraph-font-weight);--popover-text-line-height: var(--text-paragraph-line-height);--popover-background-color: var(--background-basic-color-1);--popover-border-width: 1px;--popover-border-color: var(--border-basic-color-4);--popover-border-radius: var(--border-radius);--popover-shadow: var(--shadow);--popover-arrow-size: 0.6875rem;--popover-padding: 0.75rem 1rem;--context-menu-background-color: var(--background-basic-color-1);--context-menu-border-color: var(--border-basic-color-4);--context-menu-border-style: solid;--context-menu-border-width: 1px;--context-menu-border-radius: var(--border-radius);--context-menu-text-align: center;--context-menu-min-width: 10rem;--context-menu-max-width: 15rem;--context-menu-shadow: var(--shadow);--actions-background-color: transparent;--actions-divider-color: var(--divider-color);--actions-divider-style: var(--divider-style);--actions-divider-width: var(--divider-width);--actions-icon-color: var(--text-hint-color);--actions-text-color: var(--text-basic-color);--actions-text-font-family: var(--text-button-font-family);--actions-text-font-weight: var(--text-button-font-weight);--actions-text-line-height: var(--text-button-medium-line-height);--actions-disabled-icon-color: var(--text-disabled-color);--actions-disabled-text-color: var(--text-disabled-color);--actions-tiny-height: 1rem;--actions-tiny-icon-height: var(--actions-tiny-height);--actions-tiny-padding: 0 1.25rem;--actions-tiny-text-font-size: var(--text-button-tiny-font-size);--actions-small-height: 1.5rem;--actions-small-icon-height: var(--actions-small-height);--actions-small-padding: 0 1.25rem;--actions-small-text-font-size: var(--text-button-small-font-size);--actions-medium-height: 2.25rem;--actions-medium-icon-height: var(--actions-medium-height);--actions-medium-padding: 0 1.25rem;--actions-medium-text-font-size: var(--text-button-medium-font-size);--actions-large-height: 3.5rem;--actions-large-icon-height: var(--actions-large-height);--actions-large-padding: 0 1.25rem;--actions-large-text-font-size: var(--text-button-large-font-size);--actions-giant-height: 4rem;--actions-giant-icon-height: var(--actions-giant-height);--actions-giant-padding: 0 1.25rem;--actions-giant-text-font-size: var(--text-button-giant-font-size);--search-background-color: var(--background-basic-color-1);--search-divider-color: var(--divider-color);--search-divider-style: var(--divider-style);--search-divider-width: var(--divider-width);--search-extra-background-color: var(--color-primary-default);--search-text-color: var(--text-basic-color);--search-text-font-family: var(--text-heading-1-font-family);--search-text-font-size: var(--text-heading-1-font-size);--search-text-font-weight: var(--text-heading-1-font-weight);--search-text-line-height: var(--text-heading-1-line-height);--search-placeholder-text-color: var(--text-hint-color);--search-info-text-color: var(--text-hint-color);--search-info-text-font-family: var(--text-subtitle-font-family);--search-info-text-font-size: var(--text-subtitle-font-size);--search-info-text-font-weight: var(--text-subtitle-font-weight);--search-info-text-line-height: var(--text-subtitle-line-height);--smart-table-header-font-family: var(--text-paragraph-font-family);--smart-table-header-font-size: var(--text-paragraph-font-size);--smart-table-header-font-weight: var(--text-paragraph-font-weight);--smart-table-header-line-height: var(--text-paragraph-line-height);--smart-table-header-fg: var(--text-basic-color);--smart-table-header-bg: var(--background-basic-color-1);--smart-table-font-family: var(--text-paragraph-font-family);--smart-table-font-size: var(--text-paragraph-font-size);--smart-table-font-weight: var(--text-paragraph-font-weight);--smart-table-line-height: var(--text-paragraph-line-height);--smart-table-fg: var(--text-basic-color);--smart-table-bg: var(--background-basic-color-1);--smart-table-bg-even: var(--background-basic-color-2);--smart-table-fg-secondary: var(--text-basic-color);--smart-table-bg-active: var(--background-basic-color-3);--smart-table-padding: 0.875rem 1.25rem;--smart-table-filter-padding: 0.375rem 0.5rem;--smart-table-separator: var(--divider-color);--smart-table-border-radius: var(--border-radius);--smart-table-action-add-edit-hover-text-color: var(--color-primary-default);--smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);--smart-table-add-button-border-color: var(--button-filled-primary-border-color);--smart-table-add-button-background-color: var(--button-filled-primary-background-color);--smart-table-add-button-text-color: var(--button-filled-primary-text-color);--smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);--smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);--smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);--smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);--smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);--smart-table-paging-font-family: var(--button-text-font-family);--smart-table-paging-font-size: var(--button-medium-text-font-size);--smart-table-paging-line-height: var(--button-medium-text-line-height);--smart-table-paging-border-color: var(--divider-color);--smart-table-paging-border-width: var(--divider-width);--smart-table-paging-fg-active: var(--text-control-color);--smart-table-paging-bg-active: var(--color-primary-default);--smart-table-paging-hover: transparent;--smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);--smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);--smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);--smart-table-paging-page-text-color: var(--button-outline-primary-text-color);--smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);--smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);--toastr-border-style: solid;--toastr-border-width: 1px;--toastr-border-radius: var(--border-radius);--toastr-padding: 1rem;--toastr-shadow: var(--shadow);--toastr-text-font-family: var(--text-paragraph-2-font-family);--toastr-text-font-size: var(--text-paragraph-2-font-size);--toastr-text-font-weight: var(--text-paragraph-2-font-weight);--toastr-text-line-height: var(--text-paragraph-2-line-height);--toastr-title-text-font-family: var(--text-subtitle-font-family);--toastr-title-text-font-size: var(--text-subtitle-font-size);--toastr-title-text-font-weight: var(--text-subtitle-font-weight);--toastr-title-text-line-height: var(--text-subtitle-line-height);--toastr-basic-background-color: var(--background-basic-color-1);--toastr-basic-border-color: var(--border-basic-color-3);--toastr-basic-text-color: var(--text-basic-color);--toastr-icon-basic-background-color: var(--background-basic-color-1);--toastr-icon-basic-color: var(--text-basic-color);--toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);--toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);--toastr-primary-background-color: var(--color-primary-default);--toastr-primary-border-color: var(--color-primary-default);--toastr-primary-text-color: var(--text-control-color);--toastr-icon-primary-background-color: var(--background-basic-color-1);--toastr-icon-primary-color: var(--color-primary-default);--toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);--toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);--toastr-success-background-color: var(--color-success-default);--toastr-success-border-color: var(--color-success-default);--toastr-success-text-color: var(--text-control-color);--toastr-icon-success-background-color: var(--background-basic-color-1);--toastr-icon-success-color: var(--color-success-default);--toastr-destroyable-success-hover-background-color: var(--color-success-hover);--toastr-destroyable-success-hover-border-color: var(--color-success-hover);--toastr-info-background-color: var(--color-info-default);--toastr-info-border-color: var(--color-info-default);--toastr-info-text-color: var(--text-control-color);--toastr-icon-info-background-color: var(--background-basic-color-1);--toastr-icon-info-color: var(--color-info-default);--toastr-destroyable-info-hover-background-color: var(--color-info-hover);--toastr-destroyable-info-hover-border-color: var(--color-info-hover);--toastr-warning-background-color: var(--color-warning-default);--toastr-warning-border-color: var(--color-warning-default);--toastr-warning-text-color: var(--text-control-color);--toastr-icon-warning-background-color: var(--background-basic-color-1);--toastr-icon-warning-color: var(--color-warning-default);--toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);--toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);--toastr-danger-background-color: var(--color-danger-default);--toastr-danger-border-color: var(--color-danger-default);--toastr-danger-text-color: var(--text-control-color);--toastr-icon-danger-background-color: var(--background-basic-color-1);--toastr-icon-danger-color: var(--color-danger-default);--toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);--toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);--toastr-control-background-color: var(--color-control-default);--toastr-control-border-color: var(--color-control-default);--toastr-control-text-color: var(--color-basic-800);--toastr-icon-control-background-color: var(--color-control-default);--toastr-icon-control-color: var(--color-basic-800);--toastr-destroyable-control-hover-background-color: var(--color-control-hover);--toastr-destroyable-control-hover-border-color: var(--color-control-hover);--button-cursor: pointer;--button-outline-width: var(--outline-width);--button-outline-color: var(--outline-color);--button-text-font-family: var(--text-button-font-family);--button-text-font-weight: var(--text-button-font-weight);--button-disabled-cursor: default;--button-tiny-text-font-size: var(--text-button-tiny-font-size);--button-tiny-text-line-height: var(--text-button-tiny-line-height);--button-tiny-icon-size: 0.75rem;--button-tiny-icon-vertical-margin: -0.125rem;--button-tiny-icon-offset: 0.375rem;--button-small-text-font-size: var(--text-button-small-font-size);--button-small-text-line-height: var(--text-button-small-line-height);--button-small-icon-size: 1rem;--button-small-icon-vertical-margin: -0.125rem;--button-small-icon-offset: 0.375rem;--button-medium-text-font-size: var(--text-button-medium-font-size);--button-medium-text-line-height: var(--text-button-medium-line-height);--button-medium-icon-size: 1.25rem;--button-medium-icon-vertical-margin: -0.125rem;--button-medium-icon-offset: 0.5rem;--button-large-text-font-size: var(--text-button-large-font-size);--button-large-text-line-height: var(--text-button-large-line-height);--button-large-icon-size: 1.5rem;--button-large-icon-vertical-margin: -0.125rem;--button-large-icon-offset: 0.75rem;--button-giant-text-font-size: var(--text-button-giant-font-size);--button-giant-text-line-height: var(--text-button-giant-line-height);--button-giant-icon-size: 1.5rem;--button-giant-icon-vertical-margin: -0.125rem;--button-giant-icon-offset: 0.75rem;--button-rectangle-border-radius: var(--border-radius);--button-semi-round-border-radius: 0.75rem;--button-round-border-radius: 1.5rem;--button-filled-border-style: solid;--button-filled-border-width: 0.0625rem;--button-filled-text-transform: uppercase;--button-filled-tiny-padding: 0.3125rem 0.625rem;--button-filled-small-padding: 0.4375rem 0.875rem;--button-filled-medium-padding: 0.6875rem 1.125rem;--button-filled-large-padding: 0.8125rem 1.125rem;--button-filled-giant-padding: 0.9375rem 1.375rem;--button-filled-basic-background-color: var(--color-basic-default);--button-filled-basic-border-color: var(--color-basic-default-border);--button-filled-basic-text-color: var(--color-basic-800);--button-filled-basic-focus-background-color: var(--color-basic-focus);--button-filled-basic-focus-border-color: var(--color-basic-focus-border);--button-filled-basic-hover-background-color: var(--color-basic-hover);--button-filled-basic-hover-border-color: var(--color-basic-hover-border);--button-filled-basic-active-background-color: var(--color-basic-active);--button-filled-basic-active-border-color: var(--color-basic-active-border);--button-filled-basic-disabled-background-color: var(--color-basic-disabled);--button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);--button-filled-basic-disabled-text-color: var(--text-disabled-color);--button-filled-primary-background-color: var(--color-primary-default);--button-filled-primary-border-color: var(--color-primary-default-border);--button-filled-primary-text-color: var(--text-control-color);--button-filled-primary-focus-background-color: var(--color-primary-focus);--button-filled-primary-focus-border-color: var(--color-primary-focus-border);--button-filled-primary-hover-background-color: var(--color-primary-hover);--button-filled-primary-hover-border-color: var(--color-primary-hover-border);--button-filled-primary-active-background-color: var(--color-primary-active);--button-filled-primary-active-border-color: var(--color-primary-active-border);--button-filled-primary-disabled-background-color: var(--color-primary-disabled);--button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);--button-filled-primary-disabled-text-color: var(--text-disabled-color);--button-filled-success-background-color: var(--color-success-default);--button-filled-success-border-color: var(--color-success-default-border);--button-filled-success-text-color: var(--text-control-color);--button-filled-success-focus-background-color: var(--color-success-focus);--button-filled-success-focus-border-color: var(--color-success-focus-border);--button-filled-success-hover-background-color: var(--color-success-hover);--button-filled-success-hover-border-color: var(--color-success-hover-border);--button-filled-success-active-background-color: var(--color-success-active);--button-filled-success-active-border-color: var(--color-success-active-border);--button-filled-success-disabled-background-color: var(--color-success-disabled);--button-filled-success-disabled-border-color: var(--color-success-disabled-border);--button-filled-success-disabled-text-color: var(--text-disabled-color);--button-filled-info-background-color: var(--color-info-default);--button-filled-info-border-color: var(--color-info-default-border);--button-filled-info-text-color: var(--text-control-color);--button-filled-info-focus-background-color: var(--color-info-focus);--button-filled-info-focus-border-color: var(--color-info-focus-border);--button-filled-info-hover-background-color: var(--color-info-hover);--button-filled-info-hover-border-color: var(--color-info-hover-border);--button-filled-info-active-background-color: var(--color-info-active);--button-filled-info-active-border-color: var(--color-info-active-border);--button-filled-info-disabled-background-color: var(--color-info-disabled);--button-filled-info-disabled-border-color: var(--color-info-disabled-border);--button-filled-info-disabled-text-color: var(--text-disabled-color);--button-filled-warning-background-color: var(--color-warning-default);--button-filled-warning-border-color: var(--color-warning-default-border);--button-filled-warning-text-color: var(--text-control-color);--button-filled-warning-focus-background-color: var(--color-warning-focus);--button-filled-warning-focus-border-color: var(--color-warning-focus-border);--button-filled-warning-hover-background-color: var(--color-warning-hover);--button-filled-warning-hover-border-color: var(--color-warning-hover-border);--button-filled-warning-active-background-color: var(--color-warning-active);--button-filled-warning-active-border-color: var(--color-warning-active-border);--button-filled-warning-disabled-background-color: var(--color-warning-disabled);--button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);--button-filled-warning-disabled-text-color: var(--text-disabled-color);--button-filled-danger-background-color: var(--color-danger-default);--button-filled-danger-border-color: var(--color-danger-default-border);--button-filled-danger-text-color: var(--text-control-color);--button-filled-danger-focus-background-color: var(--color-danger-focus);--button-filled-danger-focus-border-color: var(--color-danger-focus-border);--button-filled-danger-hover-background-color: var(--color-danger-hover);--button-filled-danger-hover-border-color: var(--color-danger-hover-border);--button-filled-danger-active-background-color: var(--color-danger-active);--button-filled-danger-active-border-color: var(--color-danger-active-border);--button-filled-danger-disabled-background-color: var(--color-danger-disabled);--button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);--button-filled-danger-disabled-text-color: var(--text-disabled-color);--button-filled-control-background-color: var(--color-control-default);--button-filled-control-border-color: var(--color-control-default-border);--button-filled-control-text-color: var(--color-basic-800);--button-filled-control-focus-background-color: var(--color-control-focus);--button-filled-control-focus-border-color: var(--color-control-focus-border);--button-filled-control-hover-background-color: var(--color-control-hover);--button-filled-control-hover-border-color: var(--color-control-hover-border);--button-filled-control-active-background-color: var(--color-control-active);--button-filled-control-active-border-color: var(--color-control-active-border);--button-filled-control-disabled-background-color: var(--color-control-disabled);--button-filled-control-disabled-border-color: var(--color-control-disabled-border);--button-filled-control-disabled-text-color: var(--text-disabled-color);--button-outline-border-style: solid;--button-outline-border-width: 0.0625rem;--button-outline-text-transform: uppercase;--button-outline-focus-inset-shadow-length: 0 0 0 100vmax;--button-outline-tiny-padding: 0.3125rem 0.625rem;--button-outline-small-padding: 0.4375rem 0.875rem;--button-outline-medium-padding: 0.6875rem 1.125rem;--button-outline-large-padding: 0.8125rem 1.125rem;--button-outline-giant-padding: 0.9375rem 1.375rem;--button-outline-basic-background-color: var(--color-basic-transparent-default);--button-outline-basic-border-color: var(--color-basic-transparent-default-border);--button-outline-basic-text-color: var(--text-hint-color);--button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);--button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);--button-outline-basic-focus-text-color: var(--text-hint-color);--button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);--button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);--button-outline-basic-hover-text-color: var(--text-hint-color);--button-outline-basic-active-background-color: var(--color-basic-transparent-active);--button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);--button-outline-basic-active-text-color: var(--text-hint-color);--button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);--button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--button-outline-basic-disabled-text-color: var(--text-disabled-color);--button-outline-primary-background-color: var(--color-primary-transparent-default);--button-outline-primary-border-color: var(--color-primary-transparent-default-border);--button-outline-primary-text-color: var(--text-primary-color);--button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);--button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);--button-outline-primary-focus-text-color: var(--text-primary-color);--button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);--button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);--button-outline-primary-hover-text-color: var(--text-primary-color);--button-outline-primary-active-background-color: var(--color-primary-transparent-active);--button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);--button-outline-primary-active-text-color: var(--text-primary-color);--button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);--button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);--button-outline-primary-disabled-text-color: var(--text-disabled-color);--button-outline-success-background-color: var(--color-success-transparent-default);--button-outline-success-border-color: var(--color-success-transparent-default-border);--button-outline-success-text-color: var(--text-success-color);--button-outline-success-focus-background-color: var(--color-success-transparent-focus);--button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);--button-outline-success-focus-text-color: var(--text-success-color);--button-outline-success-hover-background-color: var(--color-success-transparent-hover);--button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);--button-outline-success-hover-text-color: var(--text-success-color);--button-outline-success-active-background-color: var(--color-success-transparent-active);--button-outline-success-active-border-color: var(--color-success-transparent-active-border);--button-outline-success-active-text-color: var(--text-success-color);--button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);--button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);--button-outline-success-disabled-text-color: var(--text-disabled-color);--button-outline-info-background-color: var(--color-info-transparent-default);--button-outline-info-border-color: var(--color-info-transparent-default-border);--button-outline-info-text-color: var(--text-info-color);--button-outline-info-focus-background-color: var(--color-info-transparent-focus);--button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);--button-outline-info-focus-text-color: var(--text-info-color);--button-outline-info-hover-background-color: var(--color-info-transparent-hover);--button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);--button-outline-info-hover-text-color: var(--text-info-color);--button-outline-info-active-background-color: var(--color-info-transparent-active);--button-outline-info-active-border-color: var(--color-info-transparent-active-border);--button-outline-info-active-text-color: var(--text-info-color);--button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);--button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);--button-outline-info-disabled-text-color: var(--text-disabled-color);--button-outline-warning-background-color: var(--color-warning-transparent-default);--button-outline-warning-border-color: var(--color-warning-transparent-default-border);--button-outline-warning-text-color: var(--text-warning-color);--button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);--button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);--button-outline-warning-focus-text-color: var(--text-warning-color);--button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);--button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);--button-outline-warning-hover-text-color: var(--text-warning-color);--button-outline-warning-active-background-color: var(--color-warning-transparent-active);--button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);--button-outline-warning-active-text-color: var(--text-warning-color);--button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);--button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);--button-outline-warning-disabled-text-color: var(--text-disabled-color);--button-outline-danger-background-color: var(--color-danger-transparent-default);--button-outline-danger-border-color: var(--color-danger-transparent-default-border);--button-outline-danger-text-color: var(--text-danger-color);--button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);--button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);--button-outline-danger-focus-text-color: var(--text-danger-color);--button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);--button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);--button-outline-danger-hover-text-color: var(--text-danger-color);--button-outline-danger-active-background-color: var(--color-danger-transparent-active);--button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);--button-outline-danger-active-text-color: var(--text-danger-color);--button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);--button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);--button-outline-danger-disabled-text-color: var(--text-disabled-color);--button-outline-control-background-color: var(--color-control-transparent-default);--button-outline-control-border-color: var(--color-control-transparent-default-border);--button-outline-control-text-color: var(--text-control-color);--button-outline-control-focus-background-color: var(--color-control-transparent-focus);--button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);--button-outline-control-focus-text-color: var(--text-control-color);--button-outline-control-hover-background-color: var(--color-control-transparent-hover);--button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--button-outline-control-hover-text-color: var(--text-control-color);--button-outline-control-active-background-color: var(--color-control-transparent-active);--button-outline-control-active-border-color: var(--color-control-transparent-active-border);--button-outline-control-active-text-color: var(--text-control-color);--button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);--button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);--button-outline-control-disabled-text-color: var(--text-disabled-color);--button-ghost-background-color: transparent;--button-ghost-border-color: transparent;--button-ghost-border-style: solid;--button-ghost-border-width: 0.0625rem;--button-ghost-text-transform: uppercase;--button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;--button-ghost-tiny-padding: 0.3125rem 0.625rem;--button-ghost-small-padding: 0.4375rem 0.875rem;--button-ghost-medium-padding: 0.6875rem 1.125rem;--button-ghost-large-padding: 0.8125rem 1.125rem;--button-ghost-giant-padding: 0.9375rem 1.375rem;--button-ghost-basic-text-color: var(--color-basic-600);--button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);--button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);--button-ghost-basic-focus-text-color: var(--color-basic-600);--button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);--button-ghost-basic-hover-border-color: transparent;--button-ghost-basic-hover-text-color: var(--color-basic-600);--button-ghost-basic-active-background-color: var(--color-basic-transparent-200);--button-ghost-basic-active-border-color: transparent;--button-ghost-basic-active-text-color: var(--color-basic-600);--button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-basic-disabled-border-color: transparent;--button-ghost-basic-disabled-text-color: var(--text-disabled-color);--button-ghost-primary-text-color: var(--text-primary-color);--button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);--button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);--button-ghost-primary-focus-text-color: var(--text-primary-color);--button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);--button-ghost-primary-hover-border-color: transparent;--button-ghost-primary-hover-text-color: var(--text-primary-color);--button-ghost-primary-active-background-color: var(--color-basic-transparent-200);--button-ghost-primary-active-border-color: transparent;--button-ghost-primary-active-text-color: var(--text-primary-color);--button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-primary-disabled-border-color: transparent;--button-ghost-primary-disabled-text-color: var(--text-disabled-color);--button-ghost-success-text-color: var(--text-success-color);--button-ghost-success-focus-background-color: var(--color-basic-transparent-200);--button-ghost-success-focus-border-color: var(--color-basic-transparent-500);--button-ghost-success-focus-text-color: var(--text-success-color);--button-ghost-success-hover-background-color: var(--color-basic-transparent-100);--button-ghost-success-hover-border-color: transparent;--button-ghost-success-hover-text-color: var(--text-success-color);--button-ghost-success-active-background-color: var(--color-basic-transparent-200);--button-ghost-success-active-border-color: transparent;--button-ghost-success-active-text-color: var(--text-success-color);--button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-success-disabled-border-color: transparent;--button-ghost-success-disabled-text-color: var(--text-disabled-color);--button-ghost-info-text-color: var(--text-info-color);--button-ghost-info-focus-background-color: var(--color-basic-transparent-200);--button-ghost-info-focus-border-color: var(--color-basic-transparent-500);--button-ghost-info-focus-text-color: var(--text-info-color);--button-ghost-info-hover-background-color: var(--color-basic-transparent-100);--button-ghost-info-hover-border-color: transparent;--button-ghost-info-hover-text-color: var(--text-info-color);--button-ghost-info-active-background-color: var(--color-basic-transparent-200);--button-ghost-info-active-border-color: transparent;--button-ghost-info-active-text-color: var(--text-info-color);--button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-info-disabled-border-color: transparent;--button-ghost-info-disabled-text-color: var(--text-disabled-color);--button-ghost-warning-text-color: var(--text-warning-color);--button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);--button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);--button-ghost-warning-focus-text-color: var(--text-warning-color);--button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);--button-ghost-warning-hover-border-color: transparent;--button-ghost-warning-hover-text-color: var(--text-warning-color);--button-ghost-warning-active-background-color: var(--color-basic-transparent-200);--button-ghost-warning-active-border-color: transparent;--button-ghost-warning-active-text-color: var(--text-warning-color);--button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-warning-disabled-border-color: transparent;--button-ghost-warning-disabled-text-color: var(--text-disabled-color);--button-ghost-danger-text-color: var(--text-danger-color);--button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);--button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);--button-ghost-danger-focus-text-color: var(--text-danger-color);--button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);--button-ghost-danger-hover-border-color: transparent;--button-ghost-danger-hover-text-color: var(--text-danger-color);--button-ghost-danger-active-background-color: var(--color-basic-transparent-200);--button-ghost-danger-active-border-color: transparent;--button-ghost-danger-active-text-color: var(--text-danger-color);--button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-danger-disabled-border-color: transparent;--button-ghost-danger-disabled-text-color: var(--text-disabled-color);--button-ghost-control-text-color: var(--color-basic-100);--button-ghost-control-focus-background-color: var(--color-basic-transparent-200);--button-ghost-control-focus-border-color: var(--color-basic-transparent-500);--button-ghost-control-focus-text-color: var(--color-basic-100);--button-ghost-control-hover-background-color: var(--color-basic-transparent-100);--button-ghost-control-hover-border-color: transparent;--button-ghost-control-hover-text-color: var(--color-basic-100);--button-ghost-control-active-background-color: var(--color-basic-transparent-200);--button-ghost-control-active-border-color: transparent;--button-ghost-control-active-text-color: var(--color-basic-100);--button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-control-disabled-border-color: transparent;--button-ghost-control-disabled-text-color: var(--text-disabled-color);--button-hero-border-color: transparent;--button-hero-border-style: solid;--button-hero-border-width: 0;--button-hero-text-transform: uppercase;--button-hero-tiny-padding: 0.375rem 0.6875rem;--button-hero-small-padding: 0.5rem 0.9375rem;--button-hero-medium-padding: 0.75rem 1.1875rem;--button-hero-large-padding: 0.875rem 1.1875rem;--button-hero-giant-padding: 1rem 1.4375rem;--button-hero-shadow: none;--button-hero-text-shadow: var(--shadow);--button-hero-bevel-size: 0 0 0 0;--button-hero-glow-size: 0 0 20px 0;--button-hero-outline-color: var(--outline-color);--button-hero-outline-width: var(--outline-width);--button-hero-basic-text-color: var(--color-basic-600);--button-hero-basic-bevel-color: var(--color-basic-600);--button-hero-basic-glow-color: var(--color-basic-700);--button-hero-basic-left-background-color: var(--color-basic-200);--button-hero-basic-right-background-color: var(--color-basic-default);--button-hero-basic-focus-left-background-color: var(--color-basic-300);--button-hero-basic-focus-right-background-color: var(--color-basic-focus);--button-hero-basic-hover-left-background-color: var(--color-basic-100);--button-hero-basic-hover-right-background-color: var(--color-basic-hover);--button-hero-basic-active-left-background-color: var(--color-basic-300);--button-hero-basic-active-right-background-color: var(--color-basic-active);--button-hero-basic-disabled-background-color: var(--color-basic-disabled);--button-hero-basic-disabled-text-color: var(--text-disabled-color);--button-hero-primary-text-color: var(--text-control-color);--button-hero-primary-bevel-color: var(--color-primary-600);--button-hero-primary-glow-color: var(--color-primary-700);--button-hero-primary-left-background-color: var(--color-primary-400);--button-hero-primary-right-background-color: var(--color-primary-default);--button-hero-primary-focus-left-background-color: var(--color-primary-500);--button-hero-primary-focus-right-background-color: var(--color-primary-focus);--button-hero-primary-hover-left-background-color: var(--color-primary-300);--button-hero-primary-hover-right-background-color: var(--color-primary-hover);--button-hero-primary-active-left-background-color: var(--color-primary-500);--button-hero-primary-active-right-background-color: var(--color-primary-active);--button-hero-primary-disabled-background-color: var(--color-primary-disabled);--button-hero-primary-disabled-text-color: var(--text-disabled-color);--button-hero-success-text-color: var(--text-control-color);--button-hero-success-bevel-color: var(--color-success-600);--button-hero-success-glow-color: var(--color-success-700);--button-hero-success-left-background-color: var(--color-success-400);--button-hero-success-right-background-color: var(--color-success-default);--button-hero-success-focus-left-background-color: var(--color-success-500);--button-hero-success-focus-right-background-color: var(--color-success-focus);--button-hero-success-hover-left-background-color: var(--color-success-300);--button-hero-success-hover-right-background-color: var(--color-success-hover);--button-hero-success-active-left-background-color: var(--color-success-500);--button-hero-success-active-right-background-color: var(--color-success-active);--button-hero-success-disabled-background-color: var(--color-success-disabled);--button-hero-success-disabled-text-color: var(--text-disabled-color);--button-hero-info-text-color: var(--text-control-color);--button-hero-info-bevel-color: var(--color-info-600);--button-hero-info-glow-color: var(--color-info-700);--button-hero-info-left-background-color: var(--color-info-400);--button-hero-info-right-background-color: var(--color-info-default);--button-hero-info-focus-left-background-color: var(--color-info-500);--button-hero-info-focus-right-background-color: var(--color-info-focus);--button-hero-info-hover-left-background-color: var(--color-info-300);--button-hero-info-hover-right-background-color: var(--color-info-hover);--button-hero-info-active-left-background-color: var(--color-info-500);--button-hero-info-active-right-background-color: var(--color-info-active);--button-hero-info-disabled-background-color: var(--color-info-disabled);--button-hero-info-disabled-text-color: var(--text-disabled-color);--button-hero-warning-text-color: var(--text-control-color);--button-hero-warning-bevel-color: var(--color-warning-600);--button-hero-warning-glow-color: var(--color-warning-700);--button-hero-warning-left-background-color: var(--color-warning-400);--button-hero-warning-right-background-color: var(--color-warning-default);--button-hero-warning-focus-left-background-color: var(--color-warning-500);--button-hero-warning-focus-right-background-color: var(--color-warning-focus);--button-hero-warning-hover-left-background-color: var(--color-warning-300);--button-hero-warning-hover-right-background-color: var(--color-warning-hover);--button-hero-warning-active-left-background-color: var(--color-warning-500);--button-hero-warning-active-right-background-color: var(--color-warning-active);--button-hero-warning-disabled-background-color: var(--color-warning-disabled);--button-hero-warning-disabled-text-color: var(--text-disabled-color);--button-hero-danger-text-color: var(--text-control-color);--button-hero-danger-bevel-color: var(--color-danger-600);--button-hero-danger-glow-color: var(--color-danger-700);--button-hero-danger-left-background-color: var(--color-danger-400);--button-hero-danger-right-background-color: var(--color-danger-default);--button-hero-danger-focus-left-background-color: var(--color-danger-500);--button-hero-danger-focus-right-background-color: var(--color-danger-focus);--button-hero-danger-hover-left-background-color: var(--color-danger-300);--button-hero-danger-hover-right-background-color: var(--color-danger-hover);--button-hero-danger-active-left-background-color: var(--color-danger-500);--button-hero-danger-active-right-background-color: var(--color-danger-active);--button-hero-danger-disabled-background-color: var(--color-danger-disabled);--button-hero-danger-disabled-text-color: var(--text-disabled-color);--button-hero-control-text-color: var(--color-basic-800);--button-hero-control-bevel-color: var(--color-basic-600);--button-hero-control-glow-color: var(--color-basic-700);--button-hero-control-left-background-color: var(--color-control-default);--button-hero-control-right-background-color: var(--color-control-default);--button-hero-control-focus-left-background-color: var(--color-basic-200);--button-hero-control-focus-right-background-color: var(--color-control-focus);--button-hero-control-hover-left-background-color: var(--color-basic-100);--button-hero-control-hover-right-background-color: var(--color-control-hover);--button-hero-control-active-left-background-color: var(--color-basic-200);--button-hero-control-active-right-background-color: var(--color-control-active);--button-hero-control-disabled-background-color: var(--color-basic-transparent-300);--button-hero-control-disabled-text-color: var(--text-disabled-color);--button-group-filled-button-basic-text-color: var(--text-hint-color);--button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color);--button-group-filled-button-success-text-color: var(--button-filled-success-text-color);--button-group-filled-button-info-text-color: var(--button-filled-info-text-color);--button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color);--button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color);--button-group-filled-button-control-text-color: var(--button-filled-control-text-color);--button-group-filled-basic-divider-color: var(--color-basic-focus-border);--button-group-filled-primary-divider-color: var(--color-primary-focus);--button-group-filled-success-divider-color: var(--color-success-focus);--button-group-filled-info-divider-color: var(--color-info-focus);--button-group-filled-warning-divider-color: var(--color-warning-focus);--button-group-filled-danger-divider-color: var(--color-danger-focus);--button-group-filled-control-divider-color: var(--color-control-focus);--button-group-ghost-divider-color: var(--color-basic-focus-border);--icon-button-filled-tiny-padding: 0.4375rem 0.3125rem;--icon-button-filled-small-padding: 0.5625rem 0.4375rem;--icon-button-filled-medium-padding: 0.6875rem 0.5625rem;--icon-button-filled-large-padding: 0.8125rem 0.6875rem;--icon-button-filled-giant-padding: 1.0625rem 0.9375rem;--icon-button-outline-tiny-padding: 0.4375rem 0.3125rem;--icon-button-outline-small-padding: 0.5625rem 0.4375rem;--icon-button-outline-medium-padding: 0.6875rem 0.5625rem;--icon-button-outline-large-padding: 0.8125rem 0.6875rem;--icon-button-outline-giant-padding: 1.0625rem 0.9375rem;--icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem;--icon-button-ghost-small-padding: 0.5625rem 0.4375rem;--icon-button-ghost-medium-padding: 0.6875rem 0.5625rem;--icon-button-ghost-large-padding: 0.8125rem 0.6875rem;--icon-button-ghost-giant-padding: 1.0625rem 0.9375rem;--icon-button-hero-tiny-padding: 0.5rem 0.375rem;--icon-button-hero-small-padding: 0.5625rem 0.5rem;--icon-button-hero-medium-padding: 0.75rem 0.5625rem;--icon-button-hero-large-padding: 0.875rem 0.6875rem;--icon-button-hero-giant-padding: 1.0625rem 1rem;--input-border-style: solid;--input-border-width: 1px;--input-outline-color: var(--outline-color);--input-outline-width: var(--outline-width);--input-placeholder-text-font-family: var(--text-paragraph-font-family);--input-text-font-family: var(--text-subtitle-font-family);--input-basic-text-color: var(--text-basic-color);--input-basic-placeholder-text-color: var(--text-hint-color);--input-basic-background-color: var(--background-basic-color-2);--input-basic-border-color: var(--border-basic-color-4);--input-basic-focus-background-color: var(--background-basic-color-1);--input-basic-focus-border-color: var(--color-primary-default-border);--input-basic-hover-background-color: var(--background-basic-color-3);--input-basic-hover-border-color: var(--border-basic-color-4);--input-basic-disabled-background-color: var(--background-basic-color-2);--input-basic-disabled-border-color: var(--border-basic-color-4);--input-basic-disabled-text-color: var(--text-disabled-color);--input-basic-disabled-placeholder-text-color: var(--text-disabled-color);--input-primary-text-color: var(--text-basic-color);--input-primary-placeholder-text-color: var(--text-hint-color);--input-primary-background-color: var(--background-basic-color-2);--input-primary-border-color: var(--color-primary-default);--input-primary-focus-background-color: var(--background-basic-color-1);--input-primary-focus-border-color: var(--color-primary-focus-border);--input-primary-hover-background-color: var(--background-basic-color-3);--input-primary-hover-border-color: var(--color-primary-hover-border);--input-primary-disabled-background-color: var(--background-basic-color-2);--input-primary-disabled-border-color: var(--border-basic-color-4);--input-primary-disabled-text-color: var(--text-disabled-color);--input-primary-disabled-placeholder-text-color: var(--text-disabled-color);--input-success-text-color: var(--text-basic-color);--input-success-placeholder-text-color: var(--text-hint-color);--input-success-background-color: var(--background-basic-color-2);--input-success-border-color: var(--color-success-default);--input-success-focus-background-color: var(--background-basic-color-1);--input-success-focus-border-color: var(--color-success-focus-border);--input-success-hover-background-color: var(--background-basic-color-3);--input-success-hover-border-color: var(--color-success-hover-border);--input-success-disabled-background-color: var(--background-basic-color-2);--input-success-disabled-border-color: var(--border-basic-color-4);--input-success-disabled-text-color: var(--text-disabled-color);--input-success-disabled-placeholder-text-color: var(--text-disabled-color);--input-info-text-color: var(--text-basic-color);--input-info-placeholder-text-color: var(--text-hint-color);--input-info-background-color: var(--background-basic-color-2);--input-info-border-color: var(--color-info-default);--input-info-focus-background-color: var(--background-basic-color-1);--input-info-focus-border-color: var(--color-info-focus-border);--input-info-hover-background-color: var(--background-basic-color-3);--input-info-hover-border-color: var(--color-info-hover-border);--input-info-disabled-background-color: var(--background-basic-color-2);--input-info-disabled-border-color: var(--border-basic-color-4);--input-info-disabled-text-color: var(--text-disabled-color);--input-info-disabled-placeholder-text-color: var(--text-disabled-color);--input-warning-text-color: var(--text-basic-color);--input-warning-placeholder-text-color: var(--text-hint-color);--input-warning-background-color: var(--background-basic-color-2);--input-warning-border-color: var(--color-warning-default);--input-warning-focus-background-color: var(--background-basic-color-1);--input-warning-focus-border-color: var(--color-warning-focus-border);--input-warning-hover-background-color: var(--background-basic-color-3);--input-warning-hover-border-color: var(--color-warning-hover-border);--input-warning-disabled-background-color: var(--background-basic-color-2);--input-warning-disabled-border-color: var(--border-basic-color-4);--input-warning-disabled-text-color: var(--text-disabled-color);--input-warning-disabled-placeholder-text-color: var(--text-disabled-color);--input-danger-text-color: var(--text-basic-color);--input-danger-placeholder-text-color: var(--text-hint-color);--input-danger-background-color: var(--background-basic-color-2);--input-danger-border-color: var(--color-danger-default);--input-danger-focus-background-color: var(--background-basic-color-1);--input-danger-focus-border-color: var(--color-danger-focus-border);--input-danger-hover-background-color: var(--background-basic-color-3);--input-danger-hover-border-color: var(--color-danger-hover-border);--input-danger-disabled-background-color: var(--background-basic-color-2);--input-danger-disabled-border-color: var(--border-basic-color-4);--input-danger-disabled-text-color: var(--text-disabled-color);--input-danger-disabled-placeholder-text-color: var(--text-disabled-color);--input-control-text-color: var(--text-control-color);--input-control-placeholder-text-color: var(--text-control-color);--input-control-background-color: var(--color-basic-control-transparent-300);--input-control-border-color: var(--color-basic-control-transparent-500);--input-control-focus-background-color: var(--color-basic-control-transparent-500);--input-control-focus-border-color: var(--color-control-transparent-focus-border);--input-control-hover-background-color: var(--color-basic-control-transparent-400);--input-control-hover-border-color: var(--color-control-transparent-hover-border);--input-control-disabled-background-color: var(--color-control-transparent-disabled);--input-control-disabled-border-color: var(--color-control-transparent-disabled-border);--input-control-disabled-text-color: var(--text-control-color);--input-control-disabled-placeholder-text-color: var(--text-control-color);--input-rectangle-border-radius: var(--border-radius);--input-semi-round-border-radius: 0.75rem;--input-round-border-radius: 1.5rem;--input-tiny-text-font-size: var(--text-caption-2-font-size);--input-tiny-text-font-weight: var(--text-caption-2-font-weight);--input-tiny-text-line-height: var(--text-caption-2-line-height);--input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);--input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height);--input-tiny-padding: 0.1875rem 1rem;--input-tiny-max-width: 20rem;--input-small-text-font-size: var(--text-subtitle-2-font-size);--input-small-text-font-weight: var(--text-subtitle-2-font-weight);--input-small-text-line-height: var(--text-subtitle-2-line-height);--input-small-placeholder-text-font-size: var(--text-paragraph-font-size);--input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-small-placeholder-text-line-height: var(--text-paragraph-line-height);--input-small-padding: 0.1875rem 1rem;--input-small-max-width: 20rem;--input-medium-text-font-size: var(--text-subtitle-font-size);--input-medium-text-font-weight: var(--text-subtitle-font-weight);--input-medium-text-line-height: var(--text-subtitle-line-height);--input-medium-placeholder-text-font-size: var(--text-paragraph-font-size);--input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-medium-placeholder-text-line-height: var(--text-paragraph-line-height);--input-medium-padding: 0.4375rem 1rem;--input-medium-max-width: 20rem;--input-large-text-font-size: var(--text-subtitle-font-size);--input-large-text-font-weight: var(--text-subtitle-font-weight);--input-large-text-line-height: var(--text-subtitle-line-height);--input-large-placeholder-text-font-size: var(--text-paragraph-font-size);--input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-large-placeholder-text-line-height: var(--text-paragraph-line-height);--input-large-padding: 0.6875rem 1rem;--input-large-max-width: 30rem;--input-giant-text-font-size: var(--text-heading-6-font-size);--input-giant-text-font-weight: var(--text-heading-6-font-weight);--input-giant-text-line-height: var(--text-heading-6-line-height);--input-giant-placeholder-text-font-size: var(--text-paragraph-font-size);--input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);--input-giant-placeholder-text-line-height: var(--text-paragraph-line-height);--input-giant-padding: 0.9375rem 1rem;--input-giant-max-width: 30rem;--checkbox-height: 1.25rem;--checkbox-width: 1.25rem;--checkbox-border-style: solid;--checkbox-border-width: 1px;--checkbox-border-radius: var(--border-radius);--checkbox-outline-width: var(--outline-width);--checkbox-outline-color: var(--outline-color);--checkbox-text-font-family: var(--text-subtitle-2-font-family);--checkbox-text-font-size: var(--text-subtitle-2-font-size);--checkbox-text-font-weight: var(--text-subtitle-2-font-weight);--checkbox-text-line-height: var(--text-subtitle-2-line-height);--checkbox-text-space: 0.6875rem;--checkbox-padding: 0;--checkbox-focus-inset-shadow-length: 0 0 0 100vmax;--checkbox-basic-text-color: var(--text-basic-color);--checkbox-basic-background-color: var(--color-basic-transparent-default);--checkbox-basic-border-color: var(--color-basic-transparent-default-border);--checkbox-basic-checked-background-color: var(--color-primary-default);--checkbox-basic-checked-border-color: var(--color-primary-default-border);--checkbox-basic-checked-checkmark-color: var(--text-control-color);--checkbox-basic-indeterminate-background-color: var(--color-primary-default);--checkbox-basic-indeterminate-border-color: var(--color-primary-default-border);--checkbox-basic-indeterminate-checkmark-color: var(--text-control-color);--checkbox-basic-focus-background-color: var(--color-basic-transparent-focus);--checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border);--checkbox-basic-focus-checked-background-color: var(--color-primary-focus);--checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border);--checkbox-basic-hover-background-color: var(--color-primary-transparent-hover);--checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border);--checkbox-basic-hover-checked-background-color: var(--color-primary-hover);--checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border);--checkbox-basic-active-background-color: var(--color-basic-transparent-active);--checkbox-basic-active-border-color: var(--color-basic-transparent-active-border);--checkbox-basic-active-checked-background-color: var(--color-primary-active);--checkbox-basic-active-checked-border-color: var(--color-primary-active-border);--checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-basic-disabled-checkmark-color: var(--text-control-color);--checkbox-basic-disabled-text-color: var(--text-disabled-color);--checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-primary-text-color: var(--text-basic-color);--checkbox-primary-background-color: var(--color-primary-transparent-default);--checkbox-primary-border-color: var(--color-primary-transparent-default-border);--checkbox-primary-checked-background-color: var(--color-primary-default);--checkbox-primary-checked-border-color: var(--color-primary-default-border);--checkbox-primary-checked-checkmark-color: var(--text-control-color);--checkbox-primary-indeterminate-background-color: var(--color-primary-default);--checkbox-primary-indeterminate-border-color: var(--color-primary-default-border);--checkbox-primary-indeterminate-checkmark-color: var(--text-control-color);--checkbox-primary-focus-background-color: var(--color-primary-transparent-focus);--checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border);--checkbox-primary-focus-checked-background-color: var(--color-primary-focus);--checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border);--checkbox-primary-hover-background-color: var(--color-primary-transparent-hover);--checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border);--checkbox-primary-hover-checked-background-color: var(--color-primary-hover);--checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border);--checkbox-primary-active-background-color: var(--color-primary-transparent-active);--checkbox-primary-active-border-color: var(--color-primary-transparent-active-border);--checkbox-primary-active-checked-background-color: var(--color-primary-active);--checkbox-primary-active-checked-border-color: var(--color-primary-active-border);--checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-primary-disabled-checkmark-color: var(--text-control-color);--checkbox-primary-disabled-text-color: var(--text-disabled-color);--checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-success-text-color: var(--text-basic-color);--checkbox-success-background-color: var(--color-success-transparent-default);--checkbox-success-border-color: var(--color-success-transparent-default-border);--checkbox-success-checked-background-color: var(--color-success-default);--checkbox-success-checked-border-color: var(--color-success-default-border);--checkbox-success-checked-checkmark-color: var(--text-control-color);--checkbox-success-indeterminate-background-color: var(--color-success-default);--checkbox-success-indeterminate-border-color: var(--color-success-default-border);--checkbox-success-indeterminate-checkmark-color: var(--text-control-color);--checkbox-success-focus-background-color: var(--color-success-transparent-focus);--checkbox-success-focus-border-color: var(--color-success-transparent-focus-border);--checkbox-success-focus-checked-background-color: var(--color-success-focus);--checkbox-success-focus-checked-border-color: var(--color-success-focus-border);--checkbox-success-hover-background-color: var(--color-success-transparent-hover);--checkbox-success-hover-border-color: var(--color-success-transparent-hover-border);--checkbox-success-hover-checked-background-color: var(--color-success-hover);--checkbox-success-hover-checked-border-color: var(--color-success-hover-border);--checkbox-success-active-background-color: var(--color-success-transparent-active);--checkbox-success-active-border-color: var(--color-success-transparent-active-border);--checkbox-success-active-checked-background-color: var(--color-success-active);--checkbox-success-active-checked-border-color: var(--color-success-active-border);--checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-success-disabled-checkmark-color: var(--text-control-color);--checkbox-success-disabled-text-color: var(--text-disabled-color);--checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-info-text-color: var(--text-basic-color);--checkbox-info-background-color: var(--color-info-transparent-default);--checkbox-info-border-color: var(--color-info-transparent-default-border);--checkbox-info-checked-background-color: var(--color-info-default);--checkbox-info-checked-border-color: var(--color-info-default-border);--checkbox-info-checked-checkmark-color: var(--text-control-color);--checkbox-info-indeterminate-background-color: var(--color-info-default);--checkbox-info-indeterminate-border-color: var(--color-info-default-border);--checkbox-info-indeterminate-checkmark-color: var(--text-control-color);--checkbox-info-focus-background-color: var(--color-info-transparent-focus);--checkbox-info-focus-border-color: var(--color-info-transparent-focus-border);--checkbox-info-focus-checked-background-color: var(--color-info-focus);--checkbox-info-focus-checked-border-color: var(--color-info-focus-border);--checkbox-info-hover-background-color: var(--color-info-transparent-hover);--checkbox-info-hover-border-color: var(--color-info-transparent-hover-border);--checkbox-info-hover-checked-background-color: var(--color-info-hover);--checkbox-info-hover-checked-border-color: var(--color-info-hover-border);--checkbox-info-active-background-color: var(--color-info-transparent-active);--checkbox-info-active-border-color: var(--color-info-transparent-active-border);--checkbox-info-active-checked-background-color: var(--color-info-active);--checkbox-info-active-checked-border-color: var(--color-info-active-border);--checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-info-disabled-checkmark-color: var(--text-control-color);--checkbox-info-disabled-text-color: var(--text-disabled-color);--checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-warning-text-color: var(--text-basic-color);--checkbox-warning-background-color: var(--color-warning-transparent-default);--checkbox-warning-border-color: var(--color-warning-transparent-default-border);--checkbox-warning-checked-background-color: var(--color-warning-default);--checkbox-warning-checked-border-color: var(--color-warning-default-border);--checkbox-warning-checked-checkmark-color: var(--text-control-color);--checkbox-warning-indeterminate-background-color: var(--color-warning-default);--checkbox-warning-indeterminate-border-color: var(--color-warning-default-border);--checkbox-warning-indeterminate-checkmark-color: var(--text-control-color);--checkbox-warning-focus-background-color: var(--color-warning-transparent-focus);--checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border);--checkbox-warning-focus-checked-background-color: var(--color-warning-focus);--checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border);--checkbox-warning-hover-background-color: var(--color-warning-transparent-hover);--checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border);--checkbox-warning-hover-checked-background-color: var(--color-warning-hover);--checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border);--checkbox-warning-active-background-color: var(--color-warning-transparent-active);--checkbox-warning-active-border-color: var(--color-warning-transparent-active-border);--checkbox-warning-active-checked-background-color: var(--color-warning-active);--checkbox-warning-active-checked-border-color: var(--color-warning-active-border);--checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-warning-disabled-checkmark-color: var(--text-control-color);--checkbox-warning-disabled-text-color: var(--text-disabled-color);--checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-danger-text-color: var(--text-basic-color);--checkbox-danger-background-color: var(--color-danger-transparent-default);--checkbox-danger-border-color: var(--color-danger-transparent-default-border);--checkbox-danger-checked-background-color: var(--color-danger-default);--checkbox-danger-checked-border-color: var(--color-danger-default-border);--checkbox-danger-checked-checkmark-color: var(--text-control-color);--checkbox-danger-indeterminate-background-color: var(--color-danger-default);--checkbox-danger-indeterminate-border-color: var(--color-danger-default-border);--checkbox-danger-indeterminate-checkmark-color: var(--text-control-color);--checkbox-danger-focus-background-color: var(--color-danger-transparent-focus);--checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border);--checkbox-danger-focus-checked-background-color: var(--color-danger-focus);--checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border);--checkbox-danger-hover-background-color: var(--color-danger-transparent-hover);--checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border);--checkbox-danger-hover-checked-background-color: var(--color-danger-hover);--checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border);--checkbox-danger-active-background-color: var(--color-danger-transparent-active);--checkbox-danger-active-border-color: var(--color-danger-transparent-active-border);--checkbox-danger-active-checked-background-color: var(--color-danger-active);--checkbox-danger-active-checked-border-color: var(--color-danger-active-border);--checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled);--checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--checkbox-danger-disabled-checkmark-color: var(--text-control-color);--checkbox-danger-disabled-text-color: var(--text-disabled-color);--checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600);--checkbox-control-text-color: var(--text-control-color);--checkbox-control-background-color: var(--color-control-transparent-default);--checkbox-control-border-color: var(--color-control-transparent-default-border);--checkbox-control-checked-background-color: var(--color-control-default);--checkbox-control-checked-border-color: var(--color-control-default-border);--checkbox-control-checked-checkmark-color: var(--color-basic-800);--checkbox-control-indeterminate-background-color: var(--color-control-default);--checkbox-control-indeterminate-border-color: var(--color-control-default-border);--checkbox-control-indeterminate-checkmark-color: var(--color-basic-800);--checkbox-control-focus-background-color: var(--color-control-transparent-focus);--checkbox-control-focus-border-color: var(--color-control-transparent-focus-border);--checkbox-control-focus-checked-background-color: var(--color-control-focus);--checkbox-control-focus-checked-border-color: var(--color-control-focus-border);--checkbox-control-hover-background-color: var(--color-control-transparent-hover);--checkbox-control-hover-border-color: var(--color-control-transparent-hover-border);--checkbox-control-hover-checked-background-color: var(--color-control-hover);--checkbox-control-hover-checked-border-color: var(--color-control-hover-border);--checkbox-control-active-background-color: var(--color-control-transparent-active);--checkbox-control-active-border-color: var(--color-control-transparent-active-border);--checkbox-control-active-checked-background-color: var(--color-control-active);--checkbox-control-active-checked-border-color: var(--color-control-active-border);--checkbox-control-disabled-background-color: var(--color-control-transparent-disabled);--checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border);--checkbox-control-disabled-checkmark-color: var(--text-control-color);--checkbox-control-disabled-text-color: var(--text-control-color);--checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600);--checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600);--badge-dot-mode-border-radius: 0.5rem;--badge-dot-mode-padding: 0.3rem;--badge-border-radius: var(--border-radius);--badge-text-font-family: var(--text-button-font-family);--badge-text-font-size: var(--text-button-tiny-font-size);--badge-text-font-weight: var(--text-button-font-weight);--badge-text-line-height: var(--text-button-tiny-line-height);--badge-padding: 0.25rem 0.4rem;--badge-basic-background-color: var(--background-basic-color-2);--badge-basic-text-color: var(--text-basic-color);--badge-primary-background-color: var(--color-primary-default);--badge-primary-text-color: var(--text-control-color);--badge-success-background-color: var(--color-success-default);--badge-success-text-color: var(--text-control-color);--badge-info-background-color: var(--color-info-default);--badge-info-text-color: var(--text-control-color);--badge-warning-background-color: var(--color-warning-default);--badge-warning-text-color: var(--text-control-color);--badge-danger-background-color: var(--color-danger-default);--badge-danger-text-color: var(--text-control-color);--badge-control-background-color: var(--color-control-default);--badge-control-text-color: var(--color-basic-800);--progress-bar-animation-duration: 400ms;--progress-bar-border-radius: var(--border-radius);--progress-bar-text-font-family: var(--text-subtitle-font-family);--progress-bar-tiny-height: 1rem;--progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size);--progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight);--progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height);--progress-bar-small-height: 1.25rem;--progress-bar-small-text-font-size: var(--text-subtitle-2-font-size);--progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight);--progress-bar-small-text-line-height: var(--text-subtitle-2-line-height);--progress-bar-medium-height: 1.375rem;--progress-bar-medium-text-font-size: var(--text-subtitle-font-size);--progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-medium-text-line-height: var(--text-subtitle-line-height);--progress-bar-large-height: 1.5rem;--progress-bar-large-text-font-size: var(--text-subtitle-font-size);--progress-bar-large-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-large-text-line-height: var(--text-subtitle-line-height);--progress-bar-giant-height: 1.75rem;--progress-bar-giant-text-font-size: var(--text-subtitle-font-size);--progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight);--progress-bar-giant-text-line-height: var(--text-subtitle-line-height);--progress-bar-basic-background-color: var(--background-basic-color-2);--progress-bar-basic-filled-background-color: var(--background-basic-color-4);--progress-bar-basic-text-color: var(--text-basic-color);--progress-bar-primary-background-color: var(--background-basic-color-3);--progress-bar-primary-filled-background-color: var(--color-primary-default);--progress-bar-primary-text-color: var(--text-control-color);--progress-bar-success-background-color: var(--background-basic-color-3);--progress-bar-success-filled-background-color: var(--color-success-default);--progress-bar-success-text-color: var(--text-control-color);--progress-bar-info-background-color: var(--background-basic-color-3);--progress-bar-info-filled-background-color: var(--color-info-default);--progress-bar-info-text-color: var(--text-control-color);--progress-bar-warning-background-color: var(--background-basic-color-3);--progress-bar-warning-filled-background-color: var(--color-warning-default);--progress-bar-warning-text-color: var(--text-control-color);--progress-bar-danger-background-color: var(--background-basic-color-3);--progress-bar-danger-filled-background-color: var(--color-danger-default);--progress-bar-danger-text-color: var(--text-control-color);--progress-bar-control-background-color: var(--background-basic-color-3);--progress-bar-control-filled-background-color: var(--color-control-default);--progress-bar-control-text-color: var(--color-basic-800);--alert-border-radius: var(--border-radius);--alert-bottom-margin: 1.5rem;--alert-padding: 1rem 1.125rem;--alert-scrollbar-color: var(--scrollbar-color);--alert-scrollbar-background-color: var(--scrollbar-background-color);--alert-scrollbar-width: var(--scrollbar-width);--alert-shadow: none;--alert-text-font-family: var(--text-paragraph-font-family);--alert-text-font-size: var(--text-subtitle-font-size);--alert-text-font-weight: var(--text-subtitle-font-weight);--alert-text-line-height: var(--text-subtitle-line-height);--alert-closable-start-padding: 3rem;--alert-tiny-height: 4.5rem;--alert-small-height: 5.75rem;--alert-medium-height: 7rem;--alert-medium-padding: 1rem 1.125rem;--alert-large-height: 8.25rem;--alert-giant-height: 9.5rem;--alert-basic-background-color: var(--background-basic-color-2);--alert-basic-text-color: var(--text-basic-color);--alert-primary-background-color: var(--color-primary-default);--alert-primary-text-color: var(--text-control-color);--alert-success-background-color: var(--color-success-default);--alert-success-text-color: var(--text-control-color);--alert-info-background-color: var(--color-info-default);--alert-info-text-color: var(--text-control-color);--alert-warning-background-color: var(--color-warning-default);--alert-warning-text-color: var(--text-control-color);--alert-danger-background-color: var(--color-danger-default);--alert-danger-text-color: var(--text-control-color);--alert-control-background-color: var(--color-control-default);--alert-control-text-color: var(--color-basic-800);--alert-accent-basic-color: var(--border-basic-color-3);--alert-accent-primary-color: var(--color-primary-default);--alert-accent-info-color: var(--color-info-default);--alert-accent-success-color: var(--color-success-default);--alert-accent-warning-color: var(--color-warning-default);--alert-accent-danger-color: var(--color-danger-default);--alert-accent-control-color: var(--color-control-default);--alert-outline-width: 1px;--alert-outline-basic-color: var(--color-basic-focus-border);--alert-outline-primary-color: var(--color-primary-focus-border);--alert-outline-info-color: var(--color-info-focus-border);--alert-outline-success-color: var(--color-success-focus-border);--alert-outline-warning-color: var(--color-warning-focus-border);--alert-outline-danger-color: var(--color-danger-focus-border);--alert-outline-control-color: var(--color-control-focus-border);--chat-background-color: var(--background-basic-color-1);--chat-border: none;--chat-border-radius: var(--border-radius);--chat-shadow: var(--shadow);--chat-padding: 1rem 1.25rem;--chat-scrollbar-color: var(--scrollbar-color);--chat-scrollbar-background-color: var(--scrollbar-background-color);--chat-scrollbar-width: var(--scrollbar-width);--chat-text-color: var(--text-basic-color);--chat-text-font-family: var(--text-paragraph-font-family);--chat-text-font-size: var(--text-paragraph-font-size);--chat-text-font-weight: var(--text-paragraph-font-weight);--chat-text-line-height: var(--text-paragraph-line-height);--chat-header-text-font-family: var(--text-subtitle-font-family);--chat-header-text-font-size: var(--text-subtitle-font-size);--chat-header-text-font-weight: var(--text-subtitle-font-weight);--chat-header-text-line-height: var(--text-subtitle-line-height);--chat-tiny-height: 13.5rem;--chat-small-height: 21rem;--chat-medium-height: 28.5rem;--chat-large-height: 36rem;--chat-giant-height: 43.5rem;--chat-basic-background-color: var(--background-basic-color-1);--chat-basic-text-color: var(--text-basic-color);--chat-primary-background-color: var(--color-primary-default);--chat-primary-text-color: var(--text-control-color);--chat-success-background-color: var(--color-success-default);--chat-success-text-color: var(--text-control-color);--chat-info-background-color: var(--color-info-default);--chat-info-text-color: var(--text-control-color);--chat-warning-background-color: var(--color-warning-default);--chat-warning-text-color: var(--text-control-color);--chat-danger-background-color: var(--color-danger-default);--chat-danger-text-color: var(--text-control-color);--chat-control-background-color: var(--color-control-default);--chat-control-text-color: var(--color-basic-800);--chat-divider-color: var(--divider-color);--chat-divider-style: var(--divider-style);--chat-divider-width: var(--divider-width);--chat-message-background: var(--color-primary-default);--chat-message-text-color: var(--text-control-color);--chat-message-reply-background-color: var(--background-basic-color-2);--chat-message-reply-text-color: var(--text-basic-color);--chat-message-avatar-background-color: var(--color-basic-500);--chat-message-sender-text-color: var(--text-hint-color);--chat-message-quote-background-color: var(--background-basic-color-2);--chat-message-quote-text-color: var(--text-hint-color);--chat-message-file-text-color: var(--text-hint-color);--chat-message-file-background-color: transparent;--spinner-text-color: var(--text-basic-color);--spinner-text-font-family: var(--text-button-font-family);--spinner-text-font-size: var(--text-button-medium-font-size);--spinner-text-font-weight: var(--text-button-font-weight);--spinner-text-line-height: var(--text-button-medium-line-height);--spinner-basic-background-color: var(--color-basic-transparent-200);--spinner-basic-circle-filled-color: var(--text-hint-color);--spinner-basic-circle-empty-color: transparent;--spinner-primary-background-color: var(--color-basic-transparent-200);--spinner-primary-circle-filled-color: var(--color-primary-default);--spinner-primary-circle-empty-color: transparent;--spinner-info-background-color: var(--color-basic-transparent-200);--spinner-info-circle-filled-color: var(--color-info-default);--spinner-info-circle-empty-color: transparent;--spinner-success-background-color: var(--color-basic-transparent-200);--spinner-success-circle-filled-color: var(--color-success-default);--spinner-success-circle-empty-color: transparent;--spinner-warning-background-color: var(--color-basic-transparent-200);--spinner-warning-circle-filled-color: var(--color-warning-default);--spinner-warning-circle-empty-color: transparent;--spinner-danger-background-color: var(--color-basic-transparent-200);--spinner-danger-circle-filled-color: var(--color-danger-default);--spinner-danger-circle-empty-color: transparent;--spinner-control-background-color: var(--color-basic-control-transparent-200);--spinner-control-circle-filled-color: var(--color-control-default);--spinner-control-circle-empty-color: transparent;--spinner-height-tiny: 1rem;--spinner-height-small: 1.25rem;--spinner-height-medium: 1.5rem;--spinner-height-large: 1.75rem;--spinner-height-giant: 2rem;--stepper-step-text-color: var(--text-hint-color);--stepper-step-text-font-family: var(--text-paragraph-font-family);--stepper-step-text-font-size: var(--text-paragraph-font-size);--stepper-step-text-font-weight: var(--text-paragraph-font-weight);--stepper-step-text-line-height: var(--text-paragraph-line-height);--stepper-step-active-text-color: var(--text-primary-active-color);--stepper-step-completed-text-color: var(--text-primary-color);--stepper-step-index-border-color: var(--border-basic-color-4);--stepper-step-index-border-style: solid;--stepper-step-index-border-width: 1px;--stepper-step-index-border-radius: 50%;--stepper-step-index-width: 2rem;--stepper-step-index-active-border-color: var(--color-primary-active);--stepper-step-index-completed-background-color: var(--color-primary-default);--stepper-step-index-completed-border-color: var(--color-primary-default);--stepper-step-index-completed-text-color: var(--text-control-color);--stepper-connector-background-color: var(--background-basic-color-3);--stepper-connector-completed-background-color: var(--color-primary-default);--stepper-horizontal-connector-margin: 1rem;--stepper-vertical-connector-margin: 1rem;--stepper-step-content-padding: 1.25rem;--accordion-border-radius: var(--border-radius);--accordion-padding: 1.25rem;--accordion-shadow: none;--accordion-header-text-color: var(--text-basic-color);--accordion-header-text-font-family: var(--text-subtitle-font-family);--accordion-header-text-font-size: var(--text-subtitle-font-size);--accordion-header-text-font-weight: var(--text-subtitle-font-weight);--accordion-header-text-line-height: var(--text-subtitle-line-height);--accordion-header-disabled-text-color: var(--text-disabled-color);--accordion-header-border-color: var(--border-basic-color-3);--accordion-header-border-style: solid;--accordion-header-border-width: 1px;--accordion-item-background-color: var(--background-basic-color-1);--accordion-item-text-color: var(--text-basic-color);--accordion-item-text-font-family: var(--text-paragraph-font-family);--accordion-item-text-font-size: var(--text-paragraph-font-size);--accordion-item-text-font-weight: var(--text-paragraph-font-weight);--accordion-item-text-line-height: var(--text-paragraph-line-height);--list-item-divider-color: var(--divider-color);--list-item-divider-style: var(--divider-style);--list-item-divider-width: var(--divider-width);--list-item-padding: 1rem;--list-item-text-color: var(--text-basic-color);--list-item-font-family: var(--text-paragraph-font-family);--list-item-font-size: var(--text-paragraph-font-size);--list-item-font-weight: var(--text-paragraph-font-weight);--list-item-line-height: var(--text-paragraph-line-height);--calendar-width: 20.625rem;--calendar-background-color: var(--background-basic-color-1);--calendar-border-color: var(--border-basic-color-4);--calendar-border-style: solid;--calendar-border-width: 0.0625rem;--calendar-border-radius: var(--border-radius);--calendar-text-color: var(--text-basic-color);--calendar-text-font-family: var(--text-subtitle-font-family);--calendar-text-font-size: var(--text-subtitle-font-size);--calendar-text-font-weight: var(--text-subtitle-font-weight);--calendar-text-line-height: var(--text-subtitle-line-height);--calendar-picker-padding-top: 0.25rem;--calendar-picker-padding-bottom: 0.625rem;--calendar-picker-padding-start: 0.625rem;--calendar-picker-padding-end: 0.625rem;--calendar-navigation-text-color: var(--text-basic-color);--calendar-navigation-text-font-family: var(--text-button-font-family);--calendar-navigation-title-text-font-size: var(--text-button-medium-font-size);--calendar-navigation-title-text-font-weight: var(--text-button-font-weight);--calendar-navigation-title-text-line-height: var(--text-button-medium-line-height);--calendar-navigation-padding: 0.625rem 0.25rem;--calendar-cell-inactive-text-color: var(--text-hint-color);--calendar-cell-disabled-text-color: var(--text-disabled-color);--calendar-cell-hover-background-color: var(--background-basic-color-2);--calendar-cell-hover-border-color: var(--background-basic-color-2);--calendar-cell-hover-text-color: var(--text-basic-color);--calendar-cell-hover-text-font-size: var(--calendar-text-font-size);--calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-hover-text-line-height: var(--calendar-text-line-height);--calendar-cell-active-background-color: var(--color-primary-active);--calendar-cell-active-border-color: var(--color-primary-active-border);--calendar-cell-active-text-color: var(--text-control-color);--calendar-cell-active-text-font-size: var(--calendar-text-font-size);--calendar-cell-active-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-active-text-line-height: var(--calendar-text-line-height);--calendar-cell-today-background-color: var(--color-primary-transparent-default);--calendar-cell-today-border-color: var(--color-primary-transparent-default-border);--calendar-cell-today-text-color: var(--text-basic-color);--calendar-cell-today-text-font-size: var(--calendar-text-font-size);--calendar-cell-today-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-today-text-line-height: var(--calendar-text-line-height);--calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover);--calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border);--calendar-cell-today-active-background-color: var(--color-primary-transparent-active);--calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border);--calendar-cell-today-disabled-border-color: var(--border-basic-color-4);--calendar-cell-today-selected-background-color: var(--color-control-transparent-default);--calendar-cell-today-selected-border-color: transparent;--calendar-cell-today-selected-text-color: var(--text-control-color);--calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover);--calendar-cell-today-selected-hover-border-color: transparent;--calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active);--calendar-cell-today-selected-active-border-color: transparent;--calendar-cell-today-in-range-background-color: var(--color-control-transparent-default);--calendar-cell-today-in-range-border-color: transparent;--calendar-cell-today-in-range-text-color: var(--text-control-color);--calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover);--calendar-cell-today-in-range-hover-border-color: transparent;--calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active);--calendar-cell-today-in-range-active-border-color: transparent;--calendar-cell-selected-background-color: var(--color-primary-default);--calendar-cell-selected-border-color: var(--color-primary-default-border);--calendar-cell-selected-text-color: var(--text-control-color);--calendar-cell-selected-text-font-size: var(--calendar-text-font-size);--calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight);--calendar-cell-selected-text-line-height: var(--calendar-text-line-height);--calendar-cell-selected-hover-background-color: var(--color-primary-hover);--calendar-cell-selected-hover-border-color: var(--color-primary-hover-border);--calendar-cell-selected-active-background-color: var(--color-primary-active);--calendar-cell-selected-active-border-color: var(--color-primary-active-border);--calendar-day-cell-width: 2.75rem;--calendar-day-cell-height: 2.75rem;--calendar-month-cell-width: 4.8125rem;--calendar-month-cell-height: var(--calendar-day-cell-height);--calendar-year-cell-width: var(--calendar-month-cell-width);--calendar-year-cell-height: var(--calendar-month-cell-height);--calendar-weekday-background: transparent;--calendar-weekday-divider-color: var(--divider-color);--calendar-weekday-divider-width: var(--divider-width);--calendar-weekday-text-color: var(--text-hint-color);--calendar-weekday-text-font-size: var(--text-subtitle-font-size);--calendar-weekday-text-font-weight: var(--text-subtitle-font-weight);--calendar-weekday-text-line-height: var(--text-subtitle-line-height);--calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color);--calendar-weekday-height: var(--calendar-day-cell-height);--calendar-weekday-width: var(--calendar-day-cell-width);--calendar-weeknumber-background: transparent;--calendar-weeknumber-divider-color: var(--divider-color);--calendar-weeknumber-divider-width: var(--divider-width);--calendar-weeknumber-text-color: var(--text-hint-color);--calendar-weeknumber-text-font-size: var(--text-subtitle-font-size);--calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight);--calendar-weeknumber-text-line-height: var(--text-subtitle-line-height);--calendar-weeknumber-height: var(--calendar-weekday-height);--calendar-weeknumber-width: var(--calendar-weekday-width);--calendar-large-width: 22.375rem;--calendar-day-cell-large-width: 3rem;--calendar-day-cell-large-height: 3rem;--calendar-weekday-large-height: var(--calendar-day-cell-large-width);--calendar-weekday-large-width: var(--calendar-day-cell-large-height);--calendar-weeknumber-large-height: var(--calendar-weekday-large-height);--calendar-weeknumber-large-width: var(--calendar-weekday-large-width);--calendar-month-cell-large-width: 5.25rem;--calendar-month-cell-large-height: var(--calendar-day-cell-large-height);--calendar-year-cell-large-width: var(--calendar-month-cell-large-width);--calendar-year-cell-large-height: var(--calendar-month-cell-large-height);--overlay-backdrop-background-color: rgba(0, 0, 0, 0.35);--tooltip-background-color: var(--background-alternative-color-3);--tooltip-border-color: transparent;--tooltip-border-style: dashed;--tooltip-border-width: 0;--tooltip-border-radius: var(--border-radius);--tooltip-padding: 0.5rem 1rem;--tooltip-text-color: var(--text-alternate-color);--tooltip-text-font-family: var(--text-caption-font-family);--tooltip-text-font-size: var(--text-caption-font-size);--tooltip-text-font-weight: var(--text-caption-font-weight);--tooltip-text-line-height: var(--text-caption-line-height);--tooltip-icon-height: 1rem;--tooltip-icon-width: 1rem;--tooltip-max-width: 16rem;--tooltip-basic-background-color: var(--background-basic-color-3);--tooltip-basic-border-color: transparent;--tooltip-basic-text-color: var(--text-basic-color);--tooltip-primary-background-color: var(--color-primary-default);--tooltip-primary-border-color: transparent;--tooltip-primary-text-color: var(--text-control-color);--tooltip-info-background-color: var(--color-info-default);--tooltip-info-border-color: transparent;--tooltip-info-text-color: var(--text-control-color);--tooltip-success-background-color: var(--color-success-default);--tooltip-success-border-color: transparent;--tooltip-success-text-color: var(--text-control-color);--tooltip-warning-background-color: var(--color-warning-default);--tooltip-warning-border-color: transparent;--tooltip-warning-text-color: var(--text-control-color);--tooltip-danger-background-color: var(--color-danger-default);--tooltip-danger-border-color: transparent;--tooltip-danger-text-color: var(--text-control-color);--tooltip-control-background-color: var(--color-control-default);--tooltip-control-border-color: transparent;--tooltip-control-text-color: var(--color-basic-800);--tooltip-shadow: var(--shadow);--option-list-max-height: 20rem;--option-list-shadow: none;--option-list-background-color: var(--background-basic-color-1);--option-list-border-style: solid;--option-list-border-width: 0.0625rem;--option-list-border-color: var(--border-basic-color-4);--option-list-border-radius: var(--border-radius);--option-list-adjacent-border-color: var(--option-list-border-color);--option-list-adjacent-border-style: var(--option-list-border-style);--option-list-adjacent-border-width: var(--option-list-border-width);--option-group-text-color: var(--text-hint-color);--option-group-tiny-start-padding: 1.25rem;--option-group-small-start-padding: 1.75rem;--option-group-medium-start-padding: 2.25rem;--option-group-large-start-padding: 2.25rem;--option-group-giant-start-padding: 2.75rem;--option-background-color: var(--background-basic-color-1);--option-text-color: var(--text-basic-color);--option-text-font-family: var(--text-subtitle-font-family);--option-hover-background-color: var(--color-basic-transparent-hover);--option-hover-text-color: var(--text-basic-color);--option-active-background-color: var(--color-basic-transparent-active);--option-active-text-color: var(--text-basic-color);--option-focus-background-color: var(--color-basic-transparent-focus);--option-focus-text-color: var(--text-basic-color);--option-selected-background-color: var(--color-primary-default);--option-selected-text-color: var(--text-control-color);--option-selected-hover-background-color: var(--color-primary-hover);--option-selected-hover-text-color: var(--text-control-color);--option-selected-active-background-color: var(--color-primary-active);--option-selected-active-text-color: var(--text-control-color);--option-selected-focus-background-color: var(--color-primary-focus);--option-selected-focus-text-color: var(--text-control-color);--option-disabled-background-color: var(--background-basic-color-1);--option-disabled-text-color: var(--text-disabled-color);--option-tiny-text-font-size: var(--text-caption-2-font-size);--option-tiny-text-font-weight: var(--text-caption-2-font-weight);--option-tiny-text-line-height: var(--text-caption-2-line-height);--option-tiny-padding: var(--select-outline-tiny-padding);--option-small-text-font-size: var(--text-subtitle-2-font-size);--option-small-text-font-weight: var(--text-subtitle-2-font-weight);--option-small-text-line-height: var(--text-subtitle-2-line-height);--option-small-padding: var(--select-outline-small-padding);--option-medium-text-font-size: var(--text-subtitle-font-size);--option-medium-text-font-weight: var(--text-subtitle-font-weight);--option-medium-text-line-height: var(--text-subtitle-line-height);--option-medium-padding: var(--select-outline-medium-padding);--option-large-text-font-size: var(--text-subtitle-font-size);--option-large-text-font-weight: var(--text-subtitle-font-weight);--option-large-text-line-height: var(--text-subtitle-line-height);--option-large-padding: var(--select-outline-large-padding);--option-giant-text-font-size: var(--text-heading-6-font-size);--option-giant-text-font-weight: var(--text-heading-6-font-weight);--option-giant-text-line-height: var(--text-heading-6-line-height);--option-giant-padding: var(--select-outline-giant-padding);--select-cursor: pointer;--select-disabled-cursor: default;--select-min-width: 13rem;--select-outline-width: var(--outline-width);--select-outline-color: var(--outline-color);--select-icon-offset: 2rem;--select-text-font-family: var(--text-subtitle-font-family);--select-placeholder-text-font-family: var(--text-paragraph-font-family);--select-tiny-text-font-size: var(--text-caption-2-font-size);--select-tiny-text-font-weight: var(--text-caption-2-font-weight);--select-tiny-text-line-height: var(--text-caption-2-line-height);--select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);--select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-tiny-max-width: 20rem;--select-small-text-font-size: var(--text-subtitle-2-font-size);--select-small-text-font-weight: var(--text-subtitle-2-font-weight);--select-small-text-line-height: var(--text-subtitle-2-line-height);--select-small-placeholder-text-font-size: var(--text-paragraph-font-size);--select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-small-max-width: 20rem;--select-medium-text-font-size: var(--text-subtitle-font-size);--select-medium-text-font-weight: var(--text-subtitle-font-weight);--select-medium-text-line-height: var(--text-subtitle-line-height);--select-medium-placeholder-text-font-size: var(--text-paragraph-font-size);--select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-medium-max-width: 20rem;--select-large-text-font-size: var(--text-subtitle-font-size);--select-large-text-font-weight: var(--text-subtitle-font-weight);--select-large-text-line-height: var(--text-subtitle-line-height);--select-large-placeholder-text-font-size: var(--text-paragraph-font-size);--select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-large-max-width: 30rem;--select-giant-text-font-size: var(--text-heading-6-font-size);--select-giant-text-font-weight: var(--text-heading-6-font-weight);--select-giant-text-line-height: var(--text-heading-6-line-height);--select-giant-placeholder-text-font-size: var(--text-paragraph-font-size);--select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);--select-giant-max-width: 30rem;--select-rectangle-border-radius: var(--border-radius);--select-semi-round-border-radius: 0.75rem;--select-round-border-radius: 1.5rem;--select-outline-border-style: solid;--select-outline-border-width: 1px;--select-outline-tiny-padding: 0.1875rem 1rem;--select-outline-small-padding: 0.1875rem 1rem;--select-outline-medium-padding: 0.4375rem 1rem;--select-outline-large-padding: 0.6875rem 1rem;--select-outline-giant-padding: 0.9375rem 1rem;--select-outline-basic-icon-color: var(--text-hint-color);--select-outline-basic-text-color: var(--text-basic-color);--select-outline-basic-placeholder-text-color: var(--text-hint-color);--select-outline-basic-background-color: var(--background-basic-color-2);--select-outline-basic-border-color: var(--border-basic-color-4);--select-outline-basic-focus-background-color: var(--background-basic-color-1);--select-outline-basic-focus-border-color: var(--color-primary-default);--select-outline-basic-hover-background-color: var(--background-basic-color-3);--select-outline-basic-hover-border-color: var(--border-basic-color-4);--select-outline-basic-disabled-background-color: var(--background-basic-color-2);--select-outline-basic-disabled-border-color: var(--border-basic-color-4);--select-outline-basic-disabled-icon-color: var(--text-disabled-color);--select-outline-basic-disabled-text-color: var(--text-disabled-color);--select-outline-primary-icon-color: var(--text-hint-color);--select-outline-primary-text-color: var(--text-basic-color);--select-outline-primary-placeholder-text-color: var(--text-hint-color);--select-outline-primary-background-color: var(--background-basic-color-2);--select-outline-primary-border-color: var(--color-primary-default);--select-outline-primary-focus-background-color: var(--background-basic-color-1);--select-outline-primary-focus-border-color: var(--color-primary-focus);--select-outline-primary-hover-background-color: var(--background-basic-color-3);--select-outline-primary-hover-border-color: var(--color-primary-hover);--select-outline-primary-disabled-background-color: var(--background-basic-color-2);--select-outline-primary-disabled-border-color: var(--border-basic-color-4);--select-outline-primary-disabled-icon-color: var(--text-disabled-color);--select-outline-primary-disabled-text-color: var(--text-disabled-color);--select-outline-success-icon-color: var(--text-hint-color);--select-outline-success-text-color: var(--text-basic-color);--select-outline-success-placeholder-text-color: var(--text-hint-color);--select-outline-success-background-color: var(--background-basic-color-2);--select-outline-success-border-color: var(--color-success-default);--select-outline-success-focus-background-color: var(--background-basic-color-1);--select-outline-success-focus-border-color: var(--color-success-focus);--select-outline-success-hover-background-color: var(--background-basic-color-3);--select-outline-success-hover-border-color: var(--color-success-hover);--select-outline-success-disabled-background-color: var(--background-basic-color-2);--select-outline-success-disabled-border-color: var(--border-basic-color-4);--select-outline-success-disabled-icon-color: var(--text-disabled-color);--select-outline-success-disabled-text-color: var(--text-disabled-color);--select-outline-info-icon-color: var(--text-hint-color);--select-outline-info-text-color: var(--text-basic-color);--select-outline-info-placeholder-text-color: var(--text-hint-color);--select-outline-info-background-color: var(--background-basic-color-2);--select-outline-info-border-color: var(--color-info-default);--select-outline-info-focus-background-color: var(--background-basic-color-1);--select-outline-info-focus-border-color: var(--color-info-focus);--select-outline-info-hover-background-color: var(--background-basic-color-3);--select-outline-info-hover-border-color: var(--color-info-hover);--select-outline-info-disabled-background-color: var(--background-basic-color-2);--select-outline-info-disabled-border-color: var(--border-basic-color-4);--select-outline-info-disabled-icon-color: var(--text-disabled-color);--select-outline-info-disabled-text-color: var(--text-disabled-color);--select-outline-warning-icon-color: var(--text-hint-color);--select-outline-warning-text-color: var(--text-basic-color);--select-outline-warning-placeholder-text-color: var(--text-hint-color);--select-outline-warning-background-color: var(--background-basic-color-2);--select-outline-warning-border-color: var(--color-warning-default);--select-outline-warning-focus-background-color: var(--background-basic-color-1);--select-outline-warning-focus-border-color: var(--color-warning-focus);--select-outline-warning-hover-background-color: var(--background-basic-color-3);--select-outline-warning-hover-border-color: var(--color-warning-hover);--select-outline-warning-disabled-background-color: var(--background-basic-color-2);--select-outline-warning-disabled-border-color: var(--border-basic-color-4);--select-outline-warning-disabled-icon-color: var(--text-disabled-color);--select-outline-warning-disabled-text-color: var(--text-disabled-color);--select-outline-danger-icon-color: var(--text-hint-color);--select-outline-danger-text-color: var(--text-basic-color);--select-outline-danger-placeholder-text-color: var(--text-hint-color);--select-outline-danger-background-color: var(--background-basic-color-2);--select-outline-danger-border-color: var(--color-danger-default);--select-outline-danger-focus-background-color: var(--background-basic-color-1);--select-outline-danger-focus-border-color: var(--color-danger-focus);--select-outline-danger-hover-background-color: var(--background-basic-color-3);--select-outline-danger-hover-border-color: var(--color-danger-hover);--select-outline-danger-disabled-background-color: var(--background-basic-color-2);--select-outline-danger-disabled-border-color: var(--border-basic-color-4);--select-outline-danger-disabled-icon-color: var(--text-disabled-color);--select-outline-danger-disabled-text-color: var(--text-disabled-color);--select-outline-control-icon-color: var(--color-basic-100);--select-outline-control-text-color: var(--color-basic-100);--select-outline-control-placeholder-text-color: var(--color-basic-100);--select-outline-control-background-color: var(--color-basic-control-transparent-300);--select-outline-control-border-color: var(--color-basic-control-transparent-500);--select-outline-control-focus-background-color: var(--color-basic-control-transparent-500);--select-outline-control-focus-border-color: var(--color-control-transparent-focus-border);--select-outline-control-hover-background-color: var(--color-basic-control-transparent-400);--select-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--select-outline-control-disabled-background-color: var(--color-control-transparent-disabled);--select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500);--select-outline-control-disabled-icon-color: var(--color-basic-100);--select-outline-control-disabled-text-color: var(--color-basic-100);--select-outline-adjacent-border-style: var(--select-outline-border-style);--select-outline-adjacent-border-width: var(--select-outline-border-width);--select-outline-basic-open-border-color: var(--select-outline-basic-border-color);--select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color);--select-outline-primary-open-border-color: var(--select-outline-primary-border-color);--select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color);--select-outline-success-open-border-color: var(--select-outline-success-border-color);--select-outline-success-adjacent-border-color: var(--select-outline-success-border-color);--select-outline-info-open-border-color: var(--select-outline-info-border-color);--select-outline-info-adjacent-border-color: var(--select-outline-info-border-color);--select-outline-warning-open-border-color: var(--select-outline-warning-border-color);--select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color);--select-outline-danger-open-border-color: var(--select-outline-danger-border-color);--select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color);--select-outline-control-open-border-color: var(--select-outline-control-border-color);--select-outline-control-adjacent-border-color: var(--select-outline-control-border-color);--select-filled-border-style: solid;--select-filled-border-width: 1px;--select-filled-tiny-padding: 0.1875rem 1rem;--select-filled-small-padding: 0.1875rem 1rem;--select-filled-medium-padding: 0.4375rem 1rem;--select-filled-large-padding: 0.6875rem 1rem;--select-filled-giant-padding: 0.9375rem 1rem;--select-filled-basic-background-color: var(--color-basic-default);--select-filled-basic-border-color: var(--color-basic-default-border);--select-filled-basic-icon-color: var(--color-basic-800);--select-filled-basic-text-color: var(--color-basic-800);--select-filled-basic-placeholder-text-color: var(--text-hint-color);--select-filled-basic-focus-background-color: var(--color-basic-focus);--select-filled-basic-focus-border-color: var(--color-basic-focus-border);--select-filled-basic-hover-background-color: var(--color-basic-hover);--select-filled-basic-hover-border-color: var(--color-basic-hover-border);--select-filled-basic-disabled-background-color: var(--background-basic-color-2);--select-filled-basic-disabled-border-color: var(--border-basic-color-2);--select-filled-basic-disabled-icon-color: var(--text-disabled-color);--select-filled-basic-disabled-text-color: var(--text-disabled-color);--select-filled-primary-background-color: var(--color-primary-default);--select-filled-primary-border-color: var(--color-primary-default-border);--select-filled-primary-icon-color: var(--text-control-color);--select-filled-primary-text-color: var(--text-control-color);--select-filled-primary-placeholder-text-color: var(--text-control-color);--select-filled-primary-focus-background-color: var(--color-primary-focus);--select-filled-primary-focus-border-color: var(--color-primary-focus-border);--select-filled-primary-hover-background-color: var(--color-primary-hover);--select-filled-primary-hover-border-color: var(--color-primary-hover-border);--select-filled-primary-disabled-background-color: var(--background-basic-color-2);--select-filled-primary-disabled-border-color: var(--border-basic-color-2);--select-filled-primary-disabled-icon-color: var(--text-disabled-color);--select-filled-primary-disabled-text-color: var(--text-disabled-color);--select-filled-success-background-color: var(--color-success-default);--select-filled-success-border-color: var(--color-success-default-border);--select-filled-success-icon-color: var(--text-control-color);--select-filled-success-text-color: var(--text-control-color);--select-filled-success-placeholder-text-color: var(--text-control-color);--select-filled-success-focus-background-color: var(--color-success-focus);--select-filled-success-focus-border-color: var(--color-success-focus-border);--select-filled-success-hover-background-color: var(--color-success-hover);--select-filled-success-hover-border-color: var(--color-success-hover-border);--select-filled-success-disabled-background-color: var(--background-basic-color-2);--select-filled-success-disabled-border-color: var(--border-basic-color-2);--select-filled-success-disabled-icon-color: var(--text-disabled-color);--select-filled-success-disabled-text-color: var(--text-disabled-color);--select-filled-info-background-color: var(--color-info-default);--select-filled-info-border-color: var(--color-info-default-border);--select-filled-info-icon-color: var(--text-control-color);--select-filled-info-text-color: var(--text-control-color);--select-filled-info-placeholder-text-color: var(--text-control-color);--select-filled-info-focus-background-color: var(--color-info-focus);--select-filled-info-focus-border-color: var(--color-info-focus-border);--select-filled-info-hover-background-color: var(--color-info-hover);--select-filled-info-hover-border-color: var(--color-info-hover-border);--select-filled-info-disabled-background-color: var(--background-basic-color-2);--select-filled-info-disabled-border-color: var(--border-basic-color-2);--select-filled-info-disabled-icon-color: var(--text-disabled-color);--select-filled-info-disabled-text-color: var(--text-disabled-color);--select-filled-warning-background-color: var(--color-warning-default);--select-filled-warning-border-color: var(--color-warning-default-border);--select-filled-warning-icon-color: var(--text-control-color);--select-filled-warning-text-color: var(--text-control-color);--select-filled-warning-placeholder-text-color: var(--text-control-color);--select-filled-warning-focus-background-color: var(--color-warning-focus);--select-filled-warning-focus-border-color: var(--color-warning-focus-border);--select-filled-warning-hover-background-color: var(--color-warning-hover);--select-filled-warning-hover-border-color: var(--color-warning-hover-border);--select-filled-warning-disabled-background-color: var(--background-basic-color-2);--select-filled-warning-disabled-border-color: var(--border-basic-color-2);--select-filled-warning-disabled-icon-color: var(--text-disabled-color);--select-filled-warning-disabled-text-color: var(--text-disabled-color);--select-filled-danger-background-color: var(--color-danger-default);--select-filled-danger-border-color: var(--color-danger-default-border);--select-filled-danger-icon-color: var(--text-control-color);--select-filled-danger-text-color: var(--text-control-color);--select-filled-danger-placeholder-text-color: var(--text-control-color);--select-filled-danger-focus-background-color: var(--color-danger-focus);--select-filled-danger-focus-border-color: var(--color-danger-focus-border);--select-filled-danger-hover-background-color: var(--color-danger-hover);--select-filled-danger-hover-border-color: var(--color-danger-hover-border);--select-filled-danger-disabled-background-color: var(--background-basic-color-2);--select-filled-danger-disabled-border-color: var(--border-basic-color-2);--select-filled-danger-disabled-icon-color: var(--text-disabled-color);--select-filled-danger-disabled-text-color: var(--text-disabled-color);--select-filled-control-background-color: var(--color-control-default);--select-filled-control-border-color: var(--color-control-default-border);--select-filled-control-icon-color: var(--color-basic-800);--select-filled-control-text-color: var(--color-basic-800);--select-filled-control-placeholder-text-color: var(--text-hint-color);--select-filled-control-focus-background-color: var(--color-control-focus);--select-filled-control-focus-border-color: var(--color-control-focus-border);--select-filled-control-hover-background-color: var(--color-control-hover);--select-filled-control-hover-border-color: var(--color-control-hover-border);--select-filled-control-disabled-background-color: var(--background-basic-color-2);--select-filled-control-disabled-border-color: var(--border-basic-color-2);--select-filled-control-disabled-icon-color: var(--text-disabled-color);--select-filled-control-disabled-text-color: var(--text-disabled-color);--select-hero-tiny-padding: 0.25rem 1rem;--select-hero-small-padding: 0.25rem 1rem;--select-hero-medium-padding: 0.5rem 1rem;--select-hero-large-padding: 0.75rem 1rem;--select-hero-giant-padding: 1rem 1rem;--select-hero-basic-left-background-color: var(--color-basic-200);--select-hero-basic-right-background-color: var(--color-basic-default);--select-hero-basic-icon-color: var(--color-basic-800);--select-hero-basic-text-color: var(--color-basic-800);--select-hero-basic-placeholder-text-color: var(--text-hint-color);--select-hero-basic-focus-left-background-color: var(--color-basic-300);--select-hero-basic-focus-right-background-color: var(--color-basic-400);--select-hero-basic-hover-left-background-color: var(--color-basic-100);--select-hero-basic-hover-right-background-color: var(--color-basic-hover);--select-hero-basic-disabled-background-color: var(--background-basic-color-2);--select-hero-basic-disabled-icon-color: var(--text-disabled-color);--select-hero-basic-disabled-text-color: var(--text-disabled-color);--select-hero-primary-left-background-color: var(--color-primary-400);--select-hero-primary-right-background-color: var(--color-primary-default);--select-hero-primary-icon-color: var(--text-control-color);--select-hero-primary-text-color: var(--text-control-color);--select-hero-primary-placeholder-text-color: var(--text-control-color);--select-hero-primary-focus-left-background-color: var(--color-primary-500);--select-hero-primary-focus-right-background-color: var(--color-primary-focus);--select-hero-primary-hover-left-background-color: var(--color-primary-300);--select-hero-primary-hover-right-background-color: var(--color-primary-hover);--select-hero-primary-disabled-background-color: var(--background-basic-color-2);--select-hero-primary-disabled-icon-color: var(--text-disabled-color);--select-hero-primary-disabled-text-color: var(--text-disabled-color);--select-hero-success-left-background-color: var(--color-success-400);--select-hero-success-right-background-color: var(--color-success-default);--select-hero-success-icon-color: var(--text-control-color);--select-hero-success-text-color: var(--text-control-color);--select-hero-success-placeholder-text-color: var(--text-control-color);--select-hero-success-focus-left-background-color: var(--color-success-500);--select-hero-success-focus-right-background-color: var(--color-success-focus);--select-hero-success-hover-left-background-color: var(--color-success-300);--select-hero-success-hover-right-background-color: var(--color-success-hover);--select-hero-success-disabled-background-color: var(--background-basic-color-2);--select-hero-success-disabled-icon-color: var(--text-disabled-color);--select-hero-success-disabled-text-color: var(--text-disabled-color);--select-hero-info-left-background-color: var(--color-info-400);--select-hero-info-right-background-color: var(--color-info-default);--select-hero-info-icon-color: var(--text-control-color);--select-hero-info-text-color: var(--text-control-color);--select-hero-info-placeholder-text-color: var(--text-control-color);--select-hero-info-focus-left-background-color: var(--color-info-500);--select-hero-info-focus-right-background-color: var(--color-info-focus);--select-hero-info-hover-left-background-color: var(--color-info-300);--select-hero-info-hover-right-background-color: var(--color-info-hover);--select-hero-info-disabled-background-color: var(--background-basic-color-2);--select-hero-info-disabled-icon-color: var(--text-disabled-color);--select-hero-info-disabled-text-color: var(--text-disabled-color);--select-hero-warning-left-background-color: var(--color-warning-400);--select-hero-warning-right-background-color: var(--color-warning-default);--select-hero-warning-icon-color: var(--text-control-color);--select-hero-warning-text-color: var(--text-control-color);--select-hero-warning-placeholder-text-color: var(--text-control-color);--select-hero-warning-focus-left-background-color: var(--color-warning-500);--select-hero-warning-focus-right-background-color: var(--color-warning-focus);--select-hero-warning-hover-left-background-color: var(--color-warning-300);--select-hero-warning-hover-right-background-color: var(--color-warning-hover);--select-hero-warning-disabled-background-color: var(--background-basic-color-2);--select-hero-warning-disabled-icon-color: var(--text-disabled-color);--select-hero-warning-disabled-text-color: var(--text-disabled-color);--select-hero-danger-left-background-color: var(--color-danger-400);--select-hero-danger-right-background-color: var(--color-danger-default);--select-hero-danger-icon-color: var(--text-control-color);--select-hero-danger-text-color: var(--text-control-color);--select-hero-danger-placeholder-text-color: var(--text-control-color);--select-hero-danger-focus-left-background-color: var(--color-danger-500);--select-hero-danger-focus-right-background-color: var(--color-danger-focus);--select-hero-danger-hover-left-background-color: var(--color-danger-300);--select-hero-danger-hover-right-background-color: var(--color-danger-hover);--select-hero-danger-disabled-background-color: var(--background-basic-color-2);--select-hero-danger-disabled-icon-color: var(--text-disabled-color);--select-hero-danger-disabled-text-color: var(--text-disabled-color);--select-hero-control-left-background-color: var(--color-control-default);--select-hero-control-right-background-color: var(--color-control-default);--select-hero-control-icon-color: var(--color-basic-800);--select-hero-control-text-color: var(--color-basic-800);--select-hero-control-placeholder-text-color: var(--text-hint-color);--select-hero-control-focus-left-background-color: var(--color-basic-200);--select-hero-control-focus-right-background-color: var(--color-control-focus);--select-hero-control-hover-left-background-color: var(--color-basic-100);--select-hero-control-hover-right-background-color: var(--color-control-hover);--select-hero-control-disabled-background-color: var(--background-basic-color-2);--select-hero-control-disabled-icon-color: var(--text-disabled-color);--select-hero-control-disabled-text-color: var(--text-disabled-color);--datepicker-background-color: var(--background-basic-color-1);--datepicker-border-color: var(--border-basic-color-4);--datepicker-border-style: solid;--datepicker-border-width: 0.0625rem;--datepicker-border-radius: var(--border-radius);--datepicker-shadow: none;--timepicker-cell-text-color: var(--text-basic-color);--timepicker-cell-hover-background-color: var(--background-basic-color-2);--timepicker-cell-hover-text-color: var(--text-basic-color);--timepicker-cell-focus-background-color: var(--color-basic-focus);--timepicker-cell-focus-text-color: var(--text-basic-color);--timepicker-cell-active-background-color: var(--color-primary-default);--timepicker-cell-active-text-color: var(--text-control-color);--timepicker-cell-text-font-size: var(--text-subtitle-font-size);--timepicker-cell-text-font-family: var(--text-subtitle-font-family);--timepicker-cell-text-line-height: var(--text-subtitle-line-height);--timepicker-cell-text-font-weight: var(--text-subtitle-font-weight);--timepicker-cell-height: 2.75rem;--timepicker-header-cell-text-color: var(--text-hint-color);--timepicker-header-cell-text-font-size: var(--text-subtitle-font-size);--timepicker-header-cell-text-font-family: var(--text-subtitle-font-family);--timepicker-header-cell-height: 2.75rem;--timepicker-header-cell-text-line-height: var(--text-subtitle-line-height);--timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight);--timepicker-border-color: var(--datepicker-border-color);--timepicker-border-style: var(--datepicker-border-style);--timepicker-border-width: var(--datepicker-border-width);--timepicker-scrollbar-color: var(--scrollbar-color);--timepicker-scrollbar-background-color: var(--scrollbar-background-color);--timepicker-scrollbar-width: var(--scrollbar-width);--timepicker-single-column-width: 5rem;--timepicker-multiple-column-width: 13.875rem;--timepicker-title-height: 3.75rem;--timepicker-title-padding: var(--text-paragraph-line-height);--timepicker-container-width: 20rem;--timepicker-container-height: 26.1875rem;--radio-width: 1.25rem;--radio-height: 1.25rem;--radio-border-style: solid;--radio-border-width: 1px;--radio-text-font-family: var(--text-subtitle-2-font-family);--radio-text-font-size: var(--text-subtitle-2-font-size);--radio-text-font-weight: var(--text-subtitle-2-font-weight);--radio-text-line-height: var(--text-subtitle-2-line-height);--radio-outline-color: var(--outline-color);--radio-outline-width: var(--outline-width);--radio-basic-text-color: var(--text-basic-color);--radio-basic-border-color: var(--color-basic-transparent-default-border);--radio-basic-background-color: var(--color-basic-transparent-default);--radio-basic-checked-background-color: transparent;--radio-basic-checked-border-color: var(--color-primary-default-border);--radio-basic-inner-circle-color: var(--color-primary-default);--radio-basic-focus-border-color: var(--color-primary-transparent-focus-border);--radio-basic-focus-background-color: var(--color-primary-transparent-focus);--radio-basic-focus-checked-background-color: transparent;--radio-basic-focus-checked-border-color: var(--color-primary-focus-border);--radio-basic-focus-inner-circle-color: var(--color-primary-focus);--radio-basic-hover-background-color: var(--color-primary-transparent-hover);--radio-basic-hover-border-color: var(--color-primary-transparent-hover-border);--radio-basic-hover-inner-circle-color: var(--color-primary-hover);--radio-basic-hover-checked-background-color: transparent;--radio-basic-hover-checked-border-color: var(--color-primary-hover-border);--radio-basic-active-background-color: var(--color-primary-transparent-active);--radio-basic-active-border-color: var(--color-primary-transparent-active-border);--radio-basic-active-inner-circle-color: var(--color-primary-active);--radio-basic-active-checked-background-color: transparent;--radio-basic-active-checked-border-color: var(--color-primary-active-border);--radio-basic-disabled-background-color: var(--color-basic-transparent-disabled);--radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-basic-disabled-text-color: var(--text-disabled-color);--radio-basic-disabled-checked-background-color: transparent;--radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-primary-text-color: var(--text-basic-color);--radio-primary-border-color: var(--color-primary-transparent-default-border);--radio-primary-background-color: var(--color-primary-transparent-default);--radio-primary-checked-background-color: transparent;--radio-primary-checked-border-color: var(--color-primary-default-border);--radio-primary-inner-circle-color: var(--color-primary-default);--radio-primary-focus-border-color: var(--color-primary-transparent-focus-border);--radio-primary-focus-background-color: var(--color-primary-transparent-focus);--radio-primary-focus-checked-background-color: transparent;--radio-primary-focus-checked-border-color: var(--color-primary-focus-border);--radio-primary-focus-inner-circle-color: var(--color-primary-focus);--radio-primary-hover-background-color: var(--color-primary-transparent-hover);--radio-primary-hover-border-color: var(--color-primary-transparent-hover-border);--radio-primary-hover-inner-circle-color: var(--color-primary-hover);--radio-primary-hover-checked-background-color: transparent;--radio-primary-hover-checked-border-color: var(--color-primary-hover-border);--radio-primary-active-border-color: var(--color-primary-transparent-active-border);--radio-primary-active-background-color: var(--color-primary-transparent-active);--radio-primary-active-checked-background-color: transparent;--radio-primary-active-checked-border-color: var(--color-primary-active-border);--radio-primary-active-inner-circle-color: var(--color-primary-active);--radio-primary-disabled-background-color: var(--color-basic-transparent-disabled);--radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-primary-disabled-text-color: var(--text-disabled-color);--radio-primary-disabled-checked-background-color: transparent;--radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-success-text-color: var(--text-basic-color);--radio-success-border-color: var(--color-success-transparent-default-border);--radio-success-background-color: var(--color-success-transparent-default);--radio-success-checked-background-color: transparent;--radio-success-checked-border-color: var(--color-success-default-border);--radio-success-inner-circle-color: var(--color-success-default);--radio-success-focus-border-color: var(--color-success-transparent-focus-border);--radio-success-focus-background-color: var(--color-success-transparent-focus);--radio-success-focus-checked-background-color: transparent;--radio-success-focus-checked-border-color: var(--color-success-focus-border);--radio-success-focus-inner-circle-color: var(--color-success-focus);--radio-success-hover-background-color: var(--color-success-transparent-hover);--radio-success-hover-border-color: var(--color-success-transparent-hover-border);--radio-success-hover-inner-circle-color: var(--color-success-hover);--radio-success-hover-checked-background-color: transparent;--radio-success-hover-checked-border-color: var(--color-success-hover-border);--radio-success-active-background-color: var(--color-success-transparent-active);--radio-success-active-border-color: var(--color-success-transparent-active-border);--radio-success-active-checked-background-color: transparent;--radio-success-active-checked-border-color: var(--color-success-active-border);--radio-success-active-inner-circle-color: var(--color-success-active);--radio-success-disabled-background-color: var(--color-basic-transparent-disabled);--radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-success-disabled-text-color: var(--text-disabled-color);--radio-success-disabled-checked-background-color: transparent;--radio-success-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-info-text-color: var(--text-basic-color);--radio-info-border-color: var(--color-info-transparent-default-border);--radio-info-background-color: var(--color-info-transparent-default);--radio-info-checked-background-color: transparent;--radio-info-checked-border-color: var(--color-info-default-border);--radio-info-inner-circle-color: var(--color-info-default);--radio-info-focus-background-color: var(--color-info-transparent-focus);--radio-info-focus-border-color: var(--color-info-transparent-focus-border);--radio-info-focus-checked-background-color: transparent;--radio-info-focus-checked-border-color: var(--color-info-focus-border);--radio-info-focus-inner-circle-color: var(--color-info-focus);--radio-info-hover-background-color: var(--color-info-transparent-hover);--radio-info-hover-border-color: var(--color-info-transparent-hover-border);--radio-info-hover-inner-circle-color: var(--color-info-hover);--radio-info-hover-checked-background-color: transparent;--radio-info-hover-checked-border-color: var(--color-info-hover-border);--radio-info-active-background-color: var(--color-info-transparent-active);--radio-info-active-border-color: var(--color-info-transparent-active-border);--radio-info-active-checked-background-color: transparent;--radio-info-active-checked-border-color: var(--color-info-active-border);--radio-info-active-inner-circle-color: var(--color-info-active);--radio-info-disabled-background-color: var(--color-basic-transparent-disabled);--radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-info-disabled-text-color: var(--text-disabled-color);--radio-info-disabled-checked-background-color: transparent;--radio-info-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-warning-text-color: var(--text-basic-color);--radio-warning-border-color: var(--color-warning-transparent-default-border);--radio-warning-background-color: var(--color-warning-transparent-default);--radio-warning-checked-background-color: transparent;--radio-warning-checked-border-color: var(--color-warning-default-border);--radio-warning-inner-circle-color: var(--color-warning-default);--radio-warning-focus-background-color: var(--color-warning-transparent-focus);--radio-warning-focus-border-color: var(--color-warning-transparent-focus-border);--radio-warning-focus-checked-background-color: transparent;--radio-warning-focus-checked-border-color: var(--color-warning-focus-border);--radio-warning-focus-inner-circle-color: var(--color-warning-focus);--radio-warning-hover-background-color: var(--color-warning-transparent-hover);--radio-warning-hover-border-color: var(--color-warning-transparent-hover-border);--radio-warning-hover-inner-circle-color: var(--color-warning-hover);--radio-warning-hover-checked-background-color: transparent;--radio-warning-hover-checked-border-color: var(--color-warning-hover-border);--radio-warning-active-background-color: var(--color-warning-transparent-active);--radio-warning-active-border-color: var(--color-warning-transparent-active-border);--radio-warning-active-checked-background-color: transparent;--radio-warning-active-checked-border-color: var(--color-warning-active-border);--radio-warning-active-inner-circle-color: var(--color-warning-active);--radio-warning-disabled-background-color: var(--color-basic-transparent-disabled);--radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-warning-disabled-text-color: var(--text-disabled-color);--radio-warning-disabled-checked-background-color: transparent;--radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-danger-text-color: var(--text-basic-color);--radio-danger-border-color: var(--color-danger-transparent-default-border);--radio-danger-background-color: var(--color-danger-transparent-default);--radio-danger-checked-background-color: transparent;--radio-danger-checked-border-color: var(--color-danger-default-border);--radio-danger-inner-circle-color: var(--color-danger-default);--radio-danger-focus-background-color: var(--color-danger-transparent-focus);--radio-danger-focus-border-color: var(--color-danger-transparent-focus-border);--radio-danger-focus-checked-background-color: transparent;--radio-danger-focus-checked-border-color: var(--color-danger-focus-border);--radio-danger-focus-inner-circle-color: var(--color-danger-focus);--radio-danger-hover-background-color: var(--color-danger-transparent-hover);--radio-danger-hover-border-color: var(--color-danger-transparent-hover-border);--radio-danger-hover-inner-circle-color: var(--color-danger-hover);--radio-danger-hover-checked-background-color: transparent;--radio-danger-hover-checked-border-color: var(--color-danger-hover-border);--radio-danger-active-background-color: var(--color-danger-transparent-active);--radio-danger-active-border-color: var(--color-danger-transparent-active-border);--radio-danger-active-checked-background-color: transparent;--radio-danger-active-checked-border-color: var(--color-danger-active-border);--radio-danger-active-inner-circle-color: var(--color-danger-active);--radio-danger-disabled-background-color: var(--color-basic-transparent-disabled);--radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--radio-danger-disabled-text-color: var(--text-disabled-color);--radio-danger-disabled-checked-background-color: transparent;--radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--radio-control-text-color: var(--text-control-color);--radio-control-background-color: var(--color-control-transparent-default);--radio-control-border-color: var(--color-control-transparent-default-border);--radio-control-checked-background-color: transparent;--radio-control-checked-border-color: var(--color-control-default-border);--radio-control-inner-circle-color: var(--color-control-default);--radio-control-focus-background-color: var(--color-control-transparent-focus);--radio-control-focus-border-color: var(--color-control-transparent-focus-border);--radio-control-focus-checked-background-color: transparent;--radio-control-focus-checked-border-color: var(--color-control-focus-border);--radio-control-focus-inner-circle-color: var(--color-control-focus);--radio-control-hover-background-color: var(--color-control-transparent-hover);--radio-control-hover-border-color: var(--color-control-transparent-hover-border);--radio-control-hover-inner-circle-color: var(--color-control-hover);--radio-control-hover-checked-background-color: transparent;--radio-control-hover-checked-border-color: var(--color-control-hover-border);--radio-control-active-background-color: var(--color-control-transparent-active);--radio-control-active-border-color: var(--color-control-transparent-active-border);--radio-control-active-checked-background-color: transparent;--radio-control-active-checked-border-color: var(--color-control-active-border);--radio-control-active-inner-circle-color: var(--color-control-active);--radio-control-disabled-background-color: var(--color-control-transparent-disabled);--radio-control-disabled-border-color: var(--color-control-transparent-disabled-border);--radio-control-disabled-text-color: var(--color-basic-100);--radio-control-disabled-checked-background-color: transparent;--radio-control-disabled-checked-border-color: var(--color-basic-transparent-600);--radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);--tree-grid-cell-border-width: 1px;--tree-grid-cell-border-style: solid;--tree-grid-cell-border-color: var(--border-basic-color-2);--tree-grid-row-min-height: 2rem;--tree-grid-cell-padding: 0.875rem 1.25rem;--tree-grid-header-background-color: var(--background-basic-color-1);--tree-grid-header-text-color: var(--text-basic-color);--tree-grid-header-text-font-family: var(--text-subtitle-font-family);--tree-grid-header-text-font-size: var(--text-subtitle-font-size);--tree-grid-header-text-font-weight: var(--text-subtitle-font-weight);--tree-grid-header-text-line-height: var(--text-subtitle-line-height);--tree-grid-footer-background-color: var(--background-basic-color-1);--tree-grid-footer-text-color: var(--text-basic-color);--tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family);--tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size);--tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight);--tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height);--tree-grid-row-background-color: var(--background-basic-color-1);--tree-grid-row-even-background-color: var(--background-basic-color-1);--tree-grid-row-hover-background-color: var(--background-basic-color-1);--tree-grid-row-text-color: var(--text-basic-color);--tree-grid-row-text-font-family: var(--text-paragraph-font-family);--tree-grid-row-text-font-size: var(--text-paragraph-font-size);--tree-grid-row-text-font-weight: var(--text-paragraph-font-weight);--tree-grid-row-text-line-height: var(--text-paragraph-line-height);--tree-grid-sort-header-button-background-color: transparent;--tree-grid-sort-header-button-border: none;--tree-grid-sort-header-button-padding: 0;--icon-font-size: 1.25rem;--icon-line-height: 1;--icon-width: 1em;--icon-height: 1em;--icon-svg-vertical-align: top;--icon-basic-color: var(--text-hint-color);--icon-primary-color: var(--color-primary-default);--icon-info-color: var(--color-info-default);--icon-success-color: var(--color-success-default);--icon-warning-color: var(--color-warning-default);--icon-danger-color: var(--color-danger-default);--icon-control-color: var(--color-basic-100);--tag-text-font-family: var(--text-subtitle-font-family);--tag-text-transform: capitalize;--tag-border-width: 0.0625rem;--tag-border-style: solid;--tag-border-radius: 1.5rem;--tag-tiny-text-font-size: var(--input-tiny-text-font-size);--tag-tiny-text-font-weight: var(--input-tiny-text-font-weight);--tag-tiny-text-line-height: var(--input-tiny-text-line-height);--tag-tiny-padding: 0.0625rem 0.9375rem;--tag-tiny-close-offset: 0.625rem;--tag-small-text-font-size: var(--input-small-text-font-size);--tag-small-text-font-weight: var(--input-small-text-font-weight);--tag-small-text-line-height: var(--input-small-text-line-height);--tag-small-padding: 0.0625rem 0.9375rem;--tag-small-close-offset: 0.625rem;--tag-medium-text-font-size: var(--input-medium-text-font-size);--tag-medium-text-font-weight: var(--input-medium-text-font-weight);--tag-medium-text-line-height: var(--input-medium-text-line-height);--tag-medium-padding: 0.1875rem 0.9375rem;--tag-medium-close-offset: 0.625rem;--tag-large-text-font-size: var(--input-large-text-font-size);--tag-large-text-font-weight: var(--input-large-text-font-weight);--tag-large-text-line-height: var(--input-large-text-line-height);--tag-large-padding: 0.3125rem 0.9375rem;--tag-large-close-offset: 0.625rem;--tag-giant-text-font-size: var(--input-giant-text-font-size);--tag-giant-text-font-weight: var(--input-giant-text-font-weight);--tag-giant-text-line-height: var(--input-giant-text-line-height);--tag-giant-padding: 0.4375rem 0.9375rem;--tag-giant-close-offset: 0.625rem;--tag-filled-basic-background-color: var(--color-basic-default);--tag-filled-basic-border-color: var(--color-basic-default-border);--tag-filled-basic-text-color: var(--color-basic-800);--tag-filled-basic-active-background-color: var(--color-basic-focus);--tag-filled-basic-active-border-color: var(--color-basic-focus-border);--tag-filled-basic-hover-background-color: var(--color-basic-hover);--tag-filled-basic-hover-border-color: var(--color-basic-hover-border);--tag-filled-basic-selected-background-color: color-basic-actove;--tag-filled-basic-selected-border-color: var(--color-basic-active-border);--tag-filled-primary-background-color: var(--color-primary-default);--tag-filled-primary-border-color: var(--color-primary-default-border);--tag-filled-primary-text-color: var(--text-control-color);--tag-filled-primary-active-background-color: var(--color-primary-focus);--tag-filled-primary-active-border-color: var(--color-primary-focus-border);--tag-filled-primary-hover-background-color: var(--color-primary-hover);--tag-filled-primary-hover-border-color: var(--color-primary-hover-border);--tag-filled-primary-selected-background-color: color-primary-actove;--tag-filled-primary-selected-border-color: var(--color-primary-active-border);--tag-filled-success-background-color: var(--color-success-default);--tag-filled-success-border-color: var(--color-success-default-border);--tag-filled-success-text-color: var(--text-control-color);--tag-filled-success-active-background-color: var(--color-success-focus);--tag-filled-success-active-border-color: var(--color-success-focus-border);--tag-filled-success-hover-background-color: var(--color-success-hover);--tag-filled-success-hover-border-color: var(--color-success-hover-border);--tag-filled-success-selected-background-color: color-success-actove;--tag-filled-success-selected-border-color: var(--color-success-active-border);--tag-filled-info-background-color: var(--color-info-default);--tag-filled-info-border-color: var(--color-info-default-border);--tag-filled-info-text-color: var(--text-control-color);--tag-filled-info-active-background-color: var(--color-info-focus);--tag-filled-info-active-border-color: var(--color-info-focus-border);--tag-filled-info-hover-background-color: var(--color-info-hover);--tag-filled-info-hover-border-color: var(--color-info-hover-border);--tag-filled-info-selected-background-color: color-info-actove;--tag-filled-info-selected-border-color: var(--color-info-active-border);--tag-filled-warning-background-color: var(--color-warning-default);--tag-filled-warning-border-color: var(--color-warning-default-border);--tag-filled-warning-text-color: var(--text-control-color);--tag-filled-warning-active-background-color: var(--color-warning-focus);--tag-filled-warning-active-border-color: var(--color-warning-focus-border);--tag-filled-warning-hover-background-color: var(--color-warning-hover);--tag-filled-warning-hover-border-color: var(--color-warning-hover-border);--tag-filled-warning-selected-background-color: color-warning-actove;--tag-filled-warning-selected-border-color: var(--color-warning-active-border);--tag-filled-danger-background-color: var(--color-danger-default);--tag-filled-danger-border-color: var(--color-danger-default-border);--tag-filled-danger-text-color: var(--text-control-color);--tag-filled-danger-active-background-color: var(--color-danger-focus);--tag-filled-danger-active-border-color: var(--color-danger-focus-border);--tag-filled-danger-hover-background-color: var(--color-danger-hover);--tag-filled-danger-hover-border-color: var(--color-danger-hover-border);--tag-filled-danger-selected-background-color: color-danger-actove;--tag-filled-danger-selected-border-color: var(--color-danger-active-border);--tag-filled-control-background-color: var(--color-control-default);--tag-filled-control-border-color: var(--color-control-default-border);--tag-filled-control-text-color: var(--color-basic-800);--tag-filled-control-active-background-color: var(--color-control-hover);--tag-filled-control-active-border-color: var(--color-control-hover-border);--tag-filled-control-hover-background-color: var(--color-control-focus);--tag-filled-control-hover-border-color: var(--color-control-focus-border);--tag-filled-control-selected-background-color: color-control-actove;--tag-filled-control-selected-border-color: var(--color-control-active-border);--tag-outline-basic-background-color: var(--color-basic-transparent-default);--tag-outline-basic-border-color: var(--color-basic-transparent-default-border);--tag-outline-basic-text-color: var(--text-hint-color);--tag-outline-basic-active-background-color: var(--color-basic-transparent-focus);--tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border);--tag-outline-basic-active-text-color: var(--text-hint-color);--tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover);--tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);--tag-outline-basic-hover-text-color: var(--text-hint-color);--tag-outline-basic-selected-background-color: var(--color-basic-transparent-active);--tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border);--tag-outline-basic-selected-text-color: var(--text-hint-color);--tag-outline-primary-background-color: var(--color-primary-transparent-default);--tag-outline-primary-border-color: var(--color-primary-transparent-default-border);--tag-outline-primary-text-color: var(--text-primary-color);--tag-outline-primary-active-background-color: var(--color-primary-transparent-focus);--tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border);--tag-outline-primary-active-text-color: var(--text-primary-color);--tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover);--tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);--tag-outline-primary-hover-text-color: var(--text-primary-color);--tag-outline-primary-selected-background-color: var(--color-primary-transparent-active);--tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border);--tag-outline-primary-selected-text-color: var(--text-primary-color);--tag-outline-success-background-color: var(--color-success-transparent-default);--tag-outline-success-border-color: var(--color-success-transparent-default-border);--tag-outline-success-text-color: var(--text-success-color);--tag-outline-success-active-background-color: var(--color-success-transparent-focus);--tag-outline-success-active-border-color: var(--color-success-transparent-focus-border);--tag-outline-success-active-text-color: var(--text-success-color);--tag-outline-success-hover-background-color: var(--color-success-transparent-hover);--tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border);--tag-outline-success-hover-text-color: var(--text-success-color);--tag-outline-success-selected-background-color: var(--color-success-transparent-active);--tag-outline-success-selected-border-color: var(--color-success-transparent-active-border);--tag-outline-success-selected-text-color: var(--text-success-color);--tag-outline-info-background-color: var(--color-info-transparent-default);--tag-outline-info-border-color: var(--color-info-transparent-default-border);--tag-outline-info-text-color: var(--text-info-color);--tag-outline-info-active-background-color: var(--color-info-transparent-focus);--tag-outline-info-active-border-color: var(--color-info-transparent-focus-border);--tag-outline-info-active-text-color: var(--text-info-color);--tag-outline-info-hover-background-color: var(--color-info-transparent-hover);--tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border);--tag-outline-info-hover-text-color: var(--text-info-color);--tag-outline-info-selected-background-color: var(--color-info-transparent-active);--tag-outline-info-selected-border-color: var(--color-info-transparent-active-border);--tag-outline-info-selected-text-color: var(--text-info-color);--tag-outline-warning-background-color: var(--color-warning-transparent-default);--tag-outline-warning-border-color: var(--color-warning-transparent-default-border);--tag-outline-warning-text-color: var(--text-warning-color);--tag-outline-warning-active-background-color: var(--color-warning-transparent-focus);--tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border);--tag-outline-warning-active-text-color: var(--text-warning-color);--tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover);--tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);--tag-outline-warning-hover-text-color: var(--text-warning-color);--tag-outline-warning-selected-background-color: var(--color-warning-transparent-active);--tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border);--tag-outline-warning-selected-text-color: var(--text-warning-color);--tag-outline-danger-background-color: var(--color-danger-transparent-default);--tag-outline-danger-border-color: var(--color-danger-transparent-default-border);--tag-outline-danger-text-color: var(--text-danger-color);--tag-outline-danger-active-background-color: var(--color-danger-transparent-focus);--tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border);--tag-outline-danger-active-text-color: var(--text-danger-color);--tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover);--tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);--tag-outline-danger-hover-text-color: var(--text-danger-color);--tag-outline-danger-selected-background-color: var(--color-danger-transparent-active);--tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border);--tag-outline-danger-selected-text-color: var(--text-danger-color);--tag-outline-control-background-color: var(--color-control-transparent-default);--tag-outline-control-border-color: var(--color-control-transparent-default-border);--tag-outline-control-text-color: var(--text-control-color);--tag-outline-control-active-background-color: var(--color-control-transparent-focus);--tag-outline-control-active-border-color: var(--color-control-transparent-focus-border);--tag-outline-control-active-text-color: var(--text-control-color);--tag-outline-control-hover-background-color: var(--color-control-transparent-hover);--tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--tag-outline-control-hover-text-color: var(--text-control-color);--tag-outline-control-selected-background-color: var(--color-control-transparent-active);--tag-outline-control-selected-border-color: var(--color-control-transparent-active-border);--tag-outline-control-selected-text-color: var(--text-control-color);--tag-list-tiny-tag-offset: 0.0625rem;--tag-list-small-tag-offset: 0.125rem;--tag-list-medium-tag-offset: 0.25rem;--tag-list-large-tag-offset: 0.375rem;--tag-list-giant-tag-offset: 0.5rem;--tag-list-with-input-tiny-padding: 0.0625rem 1rem;--tag-list-with-input-small-padding: 0.0625rem 1rem;--tag-list-with-input-medium-padding: 0.1875rem 1rem;--tag-list-with-input-large-padding: 0.3125rem 1rem;--tag-list-with-input-giant-padding: 0.4375rem 1rem;--tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius);--tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius);--tag-list-with-input-round-border-radius: var(--input-round-border-radius);--tag-input-min-width: 6rem;--tag-input-text-font-family: var(--input-text-font-family);--tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family);--tag-input-basic-background-color: var(--input-basic-background-color);--tag-input-basic-border-color: var(--input-basic-border-color);--tag-input-basic-text-color: var(--input-basic-text-color);--tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color);--tag-input-basic-focus-background-color: var(--input-basic-focus-background-color);--tag-input-basic-focus-border-color: var(--input-basic-focus-border-color);--tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color);--tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color);--tag-input-primary-background-color: var(--input-primary-background-color);--tag-input-primary-border-color: var(--input-primary-border-color);--tag-input-primary-text-color: var(--input-primary-text-color);--tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color);--tag-input-primary-focus-background-color: var(--input-primary-focus-background-color);--tag-input-primary-focus-border-color: var(--input-primary-focus-border-color);--tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color);--tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color);--tag-input-success-background-color: var(--input-success-background-color);--tag-input-success-border-color: var(--input-success-border-color);--tag-input-success-text-color: var(--input-success-text-color);--tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color);--tag-input-success-focus-background-color: var(--input-success-focus-background-color);--tag-input-success-focus-border-color: var(--input-success-focus-border-color);--tag-input-success-disabled-text-color: var(--input-success-disabled-text-color);--tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color);--tag-input-info-background-color: var(--input-info-background-color);--tag-input-info-border-color: var(--input-info-border-color);--tag-input-info-text-color: var(--input-info-text-color);--tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color);--tag-input-info-focus-background-color: var(--input-info-focus-background-color);--tag-input-info-focus-border-color: var(--input-info-focus-border-color);--tag-input-info-disabled-text-color: var(--input-info-disabled-text-color);--tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color);--tag-input-warning-background-color: var(--input-warning-background-color);--tag-input-warning-border-color: var(--input-warning-border-color);--tag-input-warning-text-color: var(--input-warning-text-color);--tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color);--tag-input-warning-focus-background-color: var(--input-warning-focus-background-color);--tag-input-warning-focus-border-color: var(--input-warning-focus-border-color);--tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color);--tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color);--tag-input-danger-background-color: var(--input-danger-background-color);--tag-input-danger-border-color: var(--input-danger-border-color);--tag-input-danger-text-color: var(--input-danger-text-color);--tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color);--tag-input-danger-focus-background-color: var(--input-danger-focus-background-color);--tag-input-danger-focus-border-color: var(--input-danger-focus-border-color);--tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color);--tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color);--tag-input-control-background-color: var(--input-control-background-color);--tag-input-control-border-color: var(--input-control-border-color);--tag-input-control-text-color: var(--input-control-text-color);--tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color);--tag-input-control-focus-background-color: var(--input-control-focus-background-color);--tag-input-control-focus-border-color: var(--input-control-focus-border-color);--tag-input-control-disabled-text-color: var(--input-control-disabled-text-color);--tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color);--tag-input-tiny-text-font-size: var(--input-tiny-text-font-size);--tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight);--tag-input-tiny-text-line-height: var(--input-tiny-text-line-height);--tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size);--tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight);--tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height);--tag-input-tiny-padding: 0.125rem 0;--tag-input-small-text-font-size: var(--input-small-text-font-size);--tag-input-small-text-font-weight: var(--input-small-text-font-weight);--tag-input-small-text-line-height: var(--input-small-text-line-height);--tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size);--tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight);--tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height);--tag-input-small-padding: 0.125rem 0;--tag-input-medium-text-font-size: var(--input-medium-text-font-size);--tag-input-medium-text-font-weight: var(--input-medium-text-font-weight);--tag-input-medium-text-line-height: var(--input-medium-text-line-height);--tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size);--tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight);--tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height);--tag-input-medium-padding: 0.25rem 0;--tag-input-large-text-font-size: var(--input-large-text-font-size);--tag-input-large-text-font-weight: var(--input-large-text-font-weight);--tag-input-large-text-line-height: var(--input-large-text-line-height);--tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size);--tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight);--tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height);--tag-input-large-padding: 0.375rem 0;--tag-input-giant-text-font-size: var(--input-giant-text-font-size);--tag-input-giant-text-font-weight: var(--input-giant-text-font-weight);--tag-input-giant-text-line-height: var(--input-giant-text-line-height);--tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size);--tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight);--tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height);--tag-input-giant-padding: 0.5rem 0;--toggle-height: 1.875rem;--toggle-width: 3.125rem;--toggle-border-width: 1px;--toggle-border-radius: 100px;--toggle-outline-width: var(--outline-width);--toggle-outline-color: var(--outline-color);--toggle-switcher-size: 1.75rem;--toggle-switcher-icon-size: 0.75rem;--toggle-text-font-family: var(--text-subtitle-2-font-family);--toggle-text-font-size: var(--text-subtitle-2-font-size);--toggle-text-font-weight: var(--text-subtitle-2-font-weight);--toggle-text-line-height: var(--text-subtitle-2-line-height);--toggle-cursor: pointer;--toggle-disabled-cursor: default;--toggle-basic-text-color: var(--text-basic-color);--toggle-basic-background-color: var(--color-basic-transparent-default);--toggle-basic-border-color: var(--color-basic-transparent-default-border);--toggle-basic-checked-background-color: var(--color-primary-default);--toggle-basic-checked-border-color: var(--color-primary-default-border);--toggle-basic-checked-switcher-background-color: var(--background-basic-color-1);--toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default);--toggle-basic-focus-background-color: var(--color-primary-transparent-focus);--toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border);--toggle-basic-focus-checked-background-color: var(--color-primary-focus);--toggle-basic-focus-checked-border-color: var(--color-primary-focus-border);--toggle-basic-hover-background-color: var(--color-primary-transparent-hover);--toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border);--toggle-basic-hover-checked-background-color: var(--color-primary-hover);--toggle-basic-hover-checked-border-color: var(--color-primary-hover-border);--toggle-basic-active-background-color: var(--color-primary-transparent-active);--toggle-basic-active-border-color: var(--color-primary-transparent-active-border);--toggle-basic-active-checked-background-color: var(--color-primary-active);--toggle-basic-active-checked-border-color: var(--color-primary-active-border);--toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-basic-disabled-text-color: var(--text-disabled-color);--toggle-primary-text-color: var(--text-basic-color);--toggle-primary-background-color: var(--color-primary-transparent-default);--toggle-primary-border-color: var(--color-primary-transparent-default-border);--toggle-primary-checked-background-color: var(--color-primary-default);--toggle-primary-checked-border-color: var(--color-primary-default-border);--toggle-primary-checked-switcher-background-color: var(--background-basic-color-1);--toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default);--toggle-primary-focus-background-color: var(--color-primary-transparent-focus);--toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border);--toggle-primary-focus-checked-background-color: var(--color-primary-focus);--toggle-primary-focus-checked-border-color: var(--color-primary-focus-border);--toggle-primary-hover-background-color: var(--color-primary-transparent-hover);--toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border);--toggle-primary-hover-checked-background-color: var(--color-primary-hover);--toggle-primary-hover-checked-border-color: var(--color-primary-hover-border);--toggle-primary-active-background-color: var(--color-primary-transparent-active);--toggle-primary-active-border-color: var(--color-primary-transparent-active-border);--toggle-primary-active-checked-background-color: var(--color-primary-active);--toggle-primary-active-checked-border-color: var(--color-primary-active-border);--toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-primary-disabled-text-color: var(--text-disabled-color);--toggle-success-text-color: var(--text-basic-color);--toggle-success-background-color: var(--color-success-transparent-default);--toggle-success-border-color: var(--color-success-transparent-default-border);--toggle-success-checked-background-color: var(--color-success-default);--toggle-success-checked-border-color: var(--color-success-default-border);--toggle-success-checked-switcher-background-color: var(--background-basic-color-1);--toggle-success-checked-switcher-checkmark-color: var(--color-success-default);--toggle-success-focus-background-color: var(--color-success-transparent-focus);--toggle-success-focus-border-color: var(--color-success-transparent-focus-border);--toggle-success-focus-checked-background-color: var(--color-success-focus);--toggle-success-focus-checked-border-color: var(--color-success-focus-border);--toggle-success-hover-background-color: var(--color-success-transparent-hover);--toggle-success-hover-border-color: var(--color-success-transparent-hover-border);--toggle-success-hover-checked-background-color: var(--color-success-hover);--toggle-success-hover-checked-border-color: var(--color-success-hover-border);--toggle-success-active-background-color: var(--color-success-transparent-active);--toggle-success-active-border-color: var(--color-success-transparent-active-border);--toggle-success-active-checked-background-color: var(--color-success-active);--toggle-success-active-checked-border-color: var(--color-success-active-border);--toggle-success-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-success-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-success-disabled-text-color: var(--text-disabled-color);--toggle-info-text-color: var(--text-basic-color);--toggle-info-background-color: var(--color-info-transparent-default);--toggle-info-border-color: var(--color-info-transparent-default-border);--toggle-info-checked-background-color: var(--color-info-default);--toggle-info-checked-border-color: var(--color-info-default-border);--toggle-info-checked-switcher-background-color: var(--background-basic-color-1);--toggle-info-checked-switcher-checkmark-color: var(--color-info-default);--toggle-info-focus-background-color: var(--color-info-transparent-focus);--toggle-info-focus-border-color: var(--color-info-transparent-focus-border);--toggle-info-focus-checked-background-color: var(--color-info-focus);--toggle-info-focus-checked-border-color: var(--color-info-focus-border);--toggle-info-hover-background-color: var(--color-info-transparent-hover);--toggle-info-hover-border-color: var(--color-info-transparent-hover-border);--toggle-info-hover-checked-background-color: var(--color-info-hover);--toggle-info-hover-checked-border-color: var(--color-info-hover-border);--toggle-info-active-background-color: var(--color-info-transparent-active);--toggle-info-active-border-color: var(--color-info-transparent-active-border);--toggle-info-active-checked-background-color: var(--color-info-active);--toggle-info-active-checked-border-color: var(--color-info-active-border);--toggle-info-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-info-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-info-disabled-text-color: var(--text-disabled-color);--toggle-warning-text-color: var(--text-basic-color);--toggle-warning-background-color: var(--color-warning-transparent-default);--toggle-warning-border-color: var(--color-warning-transparent-default-border);--toggle-warning-checked-background-color: var(--color-warning-default);--toggle-warning-checked-border-color: var(--color-warning-default-border);--toggle-warning-checked-switcher-background-color: var(--background-basic-color-1);--toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default);--toggle-warning-focus-background-color: var(--color-warning-transparent-focus);--toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border);--toggle-warning-focus-checked-background-color: var(--color-warning-focus);--toggle-warning-focus-checked-border-color: var(--color-warning-focus-border);--toggle-warning-hover-background-color: var(--color-warning-transparent-hover);--toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border);--toggle-warning-hover-checked-background-color: var(--color-warning-hover);--toggle-warning-hover-checked-border-color: var(--color-warning-hover-border);--toggle-warning-active-background-color: var(--color-warning-transparent-active);--toggle-warning-active-border-color: var(--color-warning-transparent-active-border);--toggle-warning-active-checked-background-color: var(--color-warning-active);--toggle-warning-active-checked-border-color: var(--color-warning-active-border);--toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-warning-disabled-text-color: var(--text-disabled-color);--toggle-danger-text-color: var(--text-basic-color);--toggle-danger-background-color: var(--color-danger-transparent-default);--toggle-danger-border-color: var(--color-danger-transparent-default-border);--toggle-danger-checked-background-color: var(--color-danger-default);--toggle-danger-checked-border-color: var(--color-danger-default-border);--toggle-danger-checked-switcher-background-color: var(--background-basic-color-1);--toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default);--toggle-danger-focus-background-color: var(--color-danger-transparent-focus);--toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border);--toggle-danger-focus-checked-background-color: var(--color-danger-focus);--toggle-danger-focus-checked-border-color: var(--color-danger-focus-border);--toggle-danger-hover-background-color: var(--color-danger-transparent-hover);--toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border);--toggle-danger-hover-checked-background-color: var(--color-danger-hover);--toggle-danger-hover-checked-border-color: var(--color-danger-hover-border);--toggle-danger-active-background-color: var(--color-danger-transparent-active);--toggle-danger-active-border-color: var(--color-danger-transparent-active-border);--toggle-danger-active-checked-background-color: var(--color-danger-active);--toggle-danger-active-checked-border-color: var(--color-danger-active-border);--toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled);--toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);--toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled);--toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color);--toggle-danger-disabled-text-color: var(--text-disabled-color);--toggle-control-text-color: var(--color-basic-100);--toggle-control-background-color: var(--color-control-transparent-default);--toggle-control-border-color: var(--color-control-transparent-default-border);--toggle-control-checked-background-color: var(--color-control-transparent-default);--toggle-control-checked-border-color: var(--color-control-transparent-default-border);--toggle-control-checked-switcher-background-color: var(--color-control-default);--toggle-control-checked-switcher-checkmark-color: var(--color-basic-800);--toggle-control-focus-background-color: var(--color-control-transparent-focus);--toggle-control-focus-border-color: var(--color-control-transparent-focus-border);--toggle-control-focus-checked-background-color: var(--color-control-transparent-focus);--toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border);--toggle-control-hover-background-color: var(--color-control-transparent-hover);--toggle-control-hover-border-color: var(--color-control-transparent-hover-border);--toggle-control-hover-checked-background-color: var(--color-control-transparent-hover);--toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border);--toggle-control-active-background-color: var(--color-control-transparent-active);--toggle-control-active-border-color: var(--color-control-transparent-active-border);--toggle-control-active-checked-background-color: var(--color-control-transparent-active);--toggle-control-active-checked-border-color: var(--color-control-transparent-active-border);--toggle-control-disabled-background-color: var(--color-control-transparent-disabled);--toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border);--toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600);--toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100);--toggle-control-disabled-text-color: var(--text-control-color);--form-field-tiny-max-width: var(--input-tiny-max-width);--form-field-small-max-width: var(--input-small-max-width);--form-field-medium-max-width: var(--input-medium-max-width);--form-field-large-max-width: var(--input-large-max-width);--form-field-giant-max-width: var(--input-giant-max-width);--form-field-addon-basic-text-color: var(--color-basic-600);--form-field-addon-basic-highlight-text-color: var(--color-primary-500);--form-field-addon-primary-text-color: var(--color-primary-500);--form-field-addon-primary-highlight-text-color: var(--color-primary-600);--form-field-addon-success-text-color: var(--color-success-500);--form-field-addon-success-highlight-text-color: var(--color-success-600);--form-field-addon-info-text-color: var(--color-info-500);--form-field-addon-info-highlight-text-color: var(--color-info-600);--form-field-addon-warning-text-color: var(--color-warning-500);--form-field-addon-warning-highlight-text-color: var(--color-warning-600);--form-field-addon-danger-text-color: var(--color-danger-500);--form-field-addon-danger-highlight-text-color: var(--color-danger-600);--form-field-addon-control-text-color: var(--color-control-default);--form-field-addon-control-highlight-text-color: var(--color-control-default);--form-field-addon-disabled-text-color: var(--text-disabled-color);--form-field-addon-tiny-height: 1.5rem;--form-field-addon-tiny-width: var(--form-field-addon-tiny-height);--form-field-addon-tiny-icon-size: var(--button-tiny-icon-size);--form-field-addon-tiny-font-size: var(--text-button-tiny-font-size);--form-field-addon-tiny-line-height: var(--text-button-tiny-line-height);--form-field-addon-tiny-font-weight: var(--text-button-font-weight);--form-field-addon-small-height: 2rem;--form-field-addon-small-width: var(--form-field-addon-small-height);--form-field-addon-small-icon-size: var(--button-small-icon-size);--form-field-addon-small-font-size: var(--text-button-small-font-size);--form-field-addon-small-line-height: var(--text-button-small-line-height);--form-field-addon-small-font-weight: var(--text-button-font-weight);--form-field-addon-medium-height: 2.5rem;--form-field-addon-medium-width: var(--form-field-addon-medium-height);--form-field-addon-medium-icon-size: var(--button-medium-icon-size);--form-field-addon-medium-font-size: var(--text-button-medium-font-size);--form-field-addon-medium-line-height: var(--text-button-medium-line-height);--form-field-addon-medium-font-weight: var(--text-button-font-weight);--form-field-addon-large-height: 3rem;--form-field-addon-large-width: var(--form-field-addon-large-height);--form-field-addon-large-icon-size: var(--button-large-icon-size);--form-field-addon-large-font-size: var(--text-button-large-font-size);--form-field-addon-large-line-height: var(--text-button-large-line-height);--form-field-addon-large-font-weight: var(--text-button-font-weight);--form-field-addon-giant-height: 3.5rem;--form-field-addon-giant-width: var(--form-field-addon-giant-height);--form-field-addon-giant-icon-size: var(--button-giant-icon-size);--form-field-addon-giant-font-size: var(--text-button-giant-font-size);--form-field-addon-giant-line-height: var(--text-button-giant-line-height);--form-field-addon-giant-font-weight: var(--text-button-font-weight);--color-primary-100: #f2f6ff;--color-primary-200: #d9e4ff;--color-primary-300: #a6c1ff;--color-primary-400: #598bff;--color-primary-500: #3366ff;--color-primary-600: #274bdb;--color-primary-700: #1a34b8;--color-primary-800: #102694;--color-primary-900: #091c7a;--color-primary-transparent-100: rgba(51, 102, 255, 0.08);--color-primary-transparent-200: rgba(51, 102, 255, 0.16);--color-primary-transparent-300: rgba(51, 102, 255, 0.24);--color-primary-transparent-400: rgba(51, 102, 255, 0.32);--color-primary-transparent-500: rgba(51, 102, 255, 0.4);--color-primary-transparent-600: rgba(51, 102, 255, 0.48);--color-success-100: #f0fff5;--color-success-200: #ccfce3;--color-success-300: #8cfac7;--color-success-400: #2ce69b;--color-success-500: #00d68f;--color-success-600: #00b887;--color-success-700: #00997a;--color-success-800: #007d6c;--color-success-900: #004a45;--color-success-transparent-100: rgba(0, 214, 143, 0.08);--color-success-transparent-200: rgba(0, 214, 143, 0.16);--color-success-transparent-300: rgba(0, 214, 143, 0.24);--color-success-transparent-400: rgba(0, 214, 143, 0.32);--color-success-transparent-500: rgba(0, 214, 143, 0.4);--color-success-transparent-600: rgba(0, 214, 143, 0.48);--color-info-100: #f2f8ff;--color-info-200: #c7e2ff;--color-info-300: #94cbff;--color-info-400: #42aaff;--color-info-500: #0095ff;--color-info-600: #006fd6;--color-info-700: #0057c2;--color-info-800: #0041a8;--color-info-900: #002885;--color-info-transparent-100: rgba(0, 149, 255, 0.08);--color-info-transparent-200: rgba(0, 149, 255, 0.16);--color-info-transparent-300: rgba(0, 149, 255, 0.24);--color-info-transparent-400: rgba(0, 149, 255, 0.32);--color-info-transparent-500: rgba(0, 149, 255, 0.4);--color-info-transparent-600: rgba(0, 149, 255, 0.48);--color-warning-100: #fffdf2;--color-warning-200: #fff1c2;--color-warning-300: #ffe59e;--color-warning-400: #ffc94d;--color-warning-500: #ffaa00;--color-warning-600: #db8b00;--color-warning-700: #b86e00;--color-warning-800: #945400;--color-warning-900: #703c00;--color-warning-transparent-100: rgba(255, 170, 0, 0.08);--color-warning-transparent-200: rgba(255, 170, 0, 0.16);--color-warning-transparent-300: rgba(255, 170, 0, 0.24);--color-warning-transparent-400: rgba(255, 170, 0, 0.32);--color-warning-transparent-500: rgba(255, 170, 0, 0.4);--color-warning-transparent-600: rgba(255, 170, 0, 0.48);--color-danger-100: #fff2f2;--color-danger-200: #ffd6d9;--color-danger-300: #ffa8b4;--color-danger-400: #ff708d;--color-danger-500: #ff3d71;--color-danger-600: #db2c66;--color-danger-700: #b81d5b;--color-danger-800: #94124e;--color-danger-900: #700940;--color-danger-transparent-100: rgba(255, 61, 113, 0.08);--color-danger-transparent-200: rgba(255, 61, 113, 0.16);--color-danger-transparent-300: rgba(255, 61, 113, 0.24);--color-danger-transparent-400: rgba(255, 61, 113, 0.32);--color-danger-transparent-500: rgba(255, 61, 113, 0.4);--color-danger-transparent-600: rgba(255, 61, 113, 0.48);--color-basic-100: #ffffff;--color-basic-200: #f7f9fc;--color-basic-300: #edf1f7;--color-basic-400: #e4e9f2;--color-basic-500: #c5cee0;--color-basic-600: #8f9bb3;--color-basic-700: #2e3a59;--color-basic-800: #222b45;--color-basic-900: #192038;--color-basic-1000: #151a30;--color-basic-1100: #101426;--color-basic-transparent-100: rgba(143, 155, 179, 0.08);--color-basic-transparent-200: rgba(143, 155, 179, 0.16);--color-basic-transparent-300: rgba(143, 155, 179, 0.24);--color-basic-transparent-400: rgba(143, 155, 179, 0.32);--color-basic-transparent-500: rgba(143, 155, 179, 0.4);--color-basic-transparent-600: rgba(143, 155, 179, 0.48);--color-basic-control-transparent-100: rgba(255, 255, 255, 0.08);--color-basic-control-transparent-200: rgba(255, 255, 255, 0.16);--color-basic-control-transparent-300: rgba(255, 255, 255, 0.24);--color-basic-control-transparent-400: rgba(255, 255, 255, 0.32);--color-basic-control-transparent-500: rgba(255, 255, 255, 0.4);--color-basic-control-transparent-600: rgba(255, 255, 255, 0.48);--color-basic-focus: var(--color-basic-400);--color-basic-hover: var(--color-basic-200);--color-basic-default: var(--color-basic-300);--color-basic-active: var(--color-basic-400);--color-basic-disabled: var(--color-basic-transparent-300);--color-basic-focus-border: var(--color-basic-500);--color-basic-hover-border: var(--color-basic-hover);--color-basic-default-border: var(--color-basic-default);--color-basic-active-border: var(--color-basic-active);--color-basic-disabled-border: var(--color-basic-disabled);--color-basic-transparent-focus: var(--color-basic-transparent-300);--color-basic-transparent-hover: var(--color-basic-transparent-200);--color-basic-transparent-default: var(--color-basic-transparent-100);--color-basic-transparent-active: var(--color-basic-transparent-300);--color-basic-transparent-disabled: var(--color-basic-transparent-200);--color-basic-transparent-focus-border: var(--color-basic-600);--color-basic-transparent-hover-border: var(--color-basic-600);--color-basic-transparent-default-border: var(--color-basic-600);--color-basic-transparent-active-border: var(--color-basic-600);--color-basic-transparent-disabled-border: var(--color-basic-transparent-300);--color-primary-focus: var(--color-primary-600);--color-primary-hover: var(--color-primary-400);--color-primary-default: var(--color-primary-500);--color-primary-active: var(--color-primary-600);--color-primary-disabled: var(--color-basic-transparent-300);--color-primary-focus-border: var(--color-primary-700);--color-primary-hover-border: var(--color-primary-hover);--color-primary-default-border: var(--color-primary-default);--color-primary-active-border: var(--color-primary-active);--color-primary-disabled-border: var(--color-primary-disabled);--color-primary-transparent-focus: var(--color-primary-transparent-300);--color-primary-transparent-hover: var(--color-primary-transparent-200);--color-primary-transparent-default: var(--color-primary-transparent-100);--color-primary-transparent-active: var(--color-primary-transparent-300);--color-primary-transparent-disabled: var(--color-basic-transparent-200);--color-primary-transparent-focus-border: var(--color-primary-500);--color-primary-transparent-hover-border: var(--color-primary-500);--color-primary-transparent-default-border: var(--color-primary-500);--color-primary-transparent-active-border: var(--color-primary-500);--color-primary-transparent-disabled-border: var(--color-basic-transparent-300);--color-success-focus: var(--color-success-600);--color-success-hover: var(--color-success-400);--color-success-default: var(--color-success-500);--color-success-active: var(--color-success-600);--color-success-disabled: var(--color-basic-transparent-300);--color-success-focus-border: var(--color-success-700);--color-success-hover-border: var(--color-success-hover);--color-success-default-border: var(--color-success-default);--color-success-active-border: var(--color-success-active);--color-success-disabled-border: var(--color-success-disabled);--color-success-transparent-focus: var(--color-success-transparent-300);--color-success-transparent-focus-border: var(--color-success-500);--color-success-transparent-hover: var(--color-success-transparent-200);--color-success-transparent-hover-border: var(--color-success-500);--color-success-transparent-default: var(--color-success-transparent-100);--color-success-transparent-default-border: var(--color-success-500);--color-success-transparent-active: var(--color-success-transparent-300);--color-success-transparent-active-border: var(--color-success-500);--color-success-transparent-disabled: var(--color-basic-transparent-200);--color-success-transparent-disabled-border: var(--color-basic-transparent-300);--color-info-focus: var(--color-info-600);--color-info-hover: var(--color-info-400);--color-info-default: var(--color-info-500);--color-info-active: var(--color-info-600);--color-info-disabled: var(--color-basic-transparent-300);--color-info-focus-border: var(--color-info-700);--color-info-hover-border: var(--color-info-hover);--color-info-default-border: var(--color-info-default);--color-info-active-border: var(--color-info-active);--color-info-disabled-border: var(--color-info-disabled);--color-info-transparent-focus: var(--color-info-transparent-300);--color-info-transparent-hover: var(--color-info-transparent-200);--color-info-transparent-default: var(--color-info-transparent-100);--color-info-transparent-active: var(--color-info-transparent-300);--color-info-transparent-disabled: var(--color-basic-transparent-200);--color-info-transparent-focus-border: var(--color-info-500);--color-info-transparent-hover-border: var(--color-info-500);--color-info-transparent-default-border: var(--color-info-500);--color-info-transparent-active-border: var(--color-info-500);--color-info-transparent-disabled-border: var(--color-basic-transparent-300);--color-warning-focus: var(--color-warning-600);--color-warning-hover: var(--color-warning-400);--color-warning-default: var(--color-warning-500);--color-warning-active: var(--color-warning-600);--color-warning-disabled: var(--color-basic-transparent-300);--color-warning-focus-border: var(--color-warning-700);--color-warning-hover-border: var(--color-warning-hover);--color-warning-default-border: var(--color-warning-default);--color-warning-active-border: var(--color-warning-active);--color-warning-disabled-border: var(--color-warning-disabled);--color-warning-transparent-focus: var(--color-warning-transparent-300);--color-warning-transparent-hover: var(--color-warning-transparent-200);--color-warning-transparent-default: var(--color-warning-transparent-100);--color-warning-transparent-active: var(--color-warning-transparent-300);--color-warning-transparent-disabled: var(--color-basic-transparent-200);--color-warning-transparent-focus-border: var(--color-warning-500);--color-warning-transparent-hover-border: var(--color-warning-500);--color-warning-transparent-default-border: var(--color-warning-500);--color-warning-transparent-active-border: var(--color-warning-500);--color-warning-transparent-disabled-border: var(--color-basic-transparent-300);--color-danger-focus: var(--color-danger-600);--color-danger-hover: var(--color-danger-400);--color-danger-default: var(--color-danger-500);--color-danger-active: var(--color-danger-600);--color-danger-disabled: var(--color-basic-transparent-300);--color-danger-focus-border: var(--color-danger-700);--color-danger-hover-border: var(--color-danger-hover);--color-danger-default-border: var(--color-danger-default);--color-danger-active-border: var(--color-danger-active);--color-danger-disabled-border: var(--color-danger-disabled);--color-danger-transparent-focus: var(--color-danger-transparent-300);--color-danger-transparent-hover: var(--color-danger-transparent-200);--color-danger-transparent-default: var(--color-danger-transparent-100);--color-danger-transparent-active: var(--color-danger-transparent-300);--color-danger-transparent-disabled: var(--color-basic-transparent-200);--color-danger-transparent-focus-border: var(--color-danger-500);--color-danger-transparent-hover-border: var(--color-danger-500);--color-danger-transparent-default-border: var(--color-danger-500);--color-danger-transparent-active-border: var(--color-danger-500);--color-danger-transparent-disabled-border: var(--color-basic-transparent-300);--color-control-focus: var(--color-basic-300);--color-control-hover: var(--color-basic-200);--color-control-default: var(--color-basic-100);--color-control-active: var(--color-basic-300);--color-control-disabled: var(--color-basic-transparent-300);--color-control-focus-border: var(--color-basic-500);--color-control-hover-border: var(--color-control-hover);--color-control-default-border: var(--color-control-default);--color-control-active-border: var(--color-control-active);--color-control-disabled-border: var(--color-control-disabled);--color-control-transparent-focus: var(--color-basic-control-transparent-300);--color-control-transparent-hover: var(--color-basic-control-transparent-200);--color-control-transparent-default: var(--color-basic-control-transparent-100);--color-control-transparent-active: var(--color-basic-control-transparent-300);--color-control-transparent-disabled: var(--color-basic-transparent-200);--color-control-transparent-focus-border: var(--color-basic-100);--color-control-transparent-hover-border: var(--color-basic-100);--color-control-transparent-default-border: var(--color-basic-100);--color-control-transparent-active-border: var(--color-basic-100);--color-control-transparent-disabled-border: var(--color-basic-transparent-300);--background-basic-color-1: var(--color-basic-100);--background-basic-color-2: var(--color-basic-200);--background-basic-color-3: var(--color-basic-300);--background-basic-color-4: var(--color-basic-400);--border-basic-color-1: var(--color-basic-100);--border-basic-color-2: var(--color-basic-200);--border-basic-color-3: var(--color-basic-300);--border-basic-color-4: var(--color-basic-400);--border-basic-color-5: var(--color-basic-500);--background-alternative-color-1: var(--color-basic-800);--background-alternative-color-2: var(--color-basic-900);--background-alternative-color-3: var(--color-basic-1000);--background-alternative-color-4: var(--color-basic-1100);--border-alternative-color-1: var(--color-basic-800);--border-alternative-color-2: var(--color-basic-900);--border-alternative-color-3: var(--color-basic-1000);--border-alternative-color-4: var(--color-basic-1100);--border-alternative-color-5: var(--color-basic-1100);--background-primary-color-1: var(--color-primary-500);--background-primary-color-2: var(--color-primary-600);--background-primary-color-3: var(--color-primary-700);--background-primary-color-4: var(--color-primary-800);--border-primary-color-1: var(--color-basic-500);--border-primary-color-2: var(--color-basic-600);--border-primary-color-3: var(--color-basic-700);--border-primary-color-4: var(--color-basic-800);--border-primary-color-5: var(--color-basic-900);--text-basic-color: var(--color-basic-800);--text-alternate-color: var(--color-basic-100);--text-control-color: var(--color-basic-100);--text-disabled-color: var(--color-basic-transparent-600);--text-hint-color: var(--color-basic-600);--text-primary-color: var(--color-primary-default);--text-primary-focus-color: var(--color-primary-focus);--text-primary-hover-color: var(--color-primary-hover);--text-primary-active-color: var(--color-primary-active);--text-primary-disabled-color: var(--color-primary-400);--text-success-color: var(--color-success-default);--text-success-focus-color: var(--color-success-focus);--text-success-hover-color: var(--color-success-hover);--text-success-active-color: var(--color-success-active);--text-success-disabled-color: var(--color-success-400);--text-info-color: var(--color-info-default);--text-info-focus-color: var(--color-info-focus);--text-info-hover-color: var(--color-info-hover);--text-info-active-color: var(--color-info-active);--text-info-disabled-color: var(--color-info-400);--text-warning-color: var(--color-warning-default);--text-warning-focus-color: var(--color-warning-focus);--text-warning-hover-color: var(--color-warning-hover);--text-warning-active-color: var(--color-warning-active);--text-warning-disabled-color: var(--color-warning-400);--text-danger-color: var(--color-danger-default);--text-danger-focus-color: var(--color-danger-focus);--text-danger-hover-color: var(--color-danger-hover);--text-danger-active-color: var(--color-danger-active);--text-danger-disabled-color: var(--color-danger-400);--font-family-primary: Open Sans, sans-serif;--font-family-secondary: var(--font-family-primary);--text-heading-1-font-family: var(--font-family-secondary);--text-heading-1-font-size: 2.25rem;--text-heading-1-font-weight: 700;--text-heading-1-line-height: 3rem;--text-heading-2-font-family: var(--font-family-secondary);--text-heading-2-font-size: 2rem;--text-heading-2-font-weight: 700;--text-heading-2-line-height: 2.5rem;--text-heading-3-font-family: var(--font-family-secondary);--text-heading-3-font-size: 1.875rem;--text-heading-3-font-weight: 700;--text-heading-3-line-height: 2.5rem;--text-heading-4-font-family: var(--font-family-secondary);--text-heading-4-font-size: 1.625rem;--text-heading-4-font-weight: 700;--text-heading-4-line-height: 2rem;--text-heading-5-font-family: var(--font-family-secondary);--text-heading-5-font-size: 1.375rem;--text-heading-5-font-weight: 700;--text-heading-5-line-height: 2rem;--text-heading-6-font-family: var(--font-family-secondary);--text-heading-6-font-size: 1.125rem;--text-heading-6-font-weight: 700;--text-heading-6-line-height: 1.5rem;--text-subtitle-font-family: var(--font-family-primary);--text-subtitle-font-size: 0.9375rem;--text-subtitle-font-weight: 600;--text-subtitle-line-height: 1.5rem;--text-subtitle-2-font-family: var(--font-family-primary);--text-subtitle-2-font-size: 0.8125rem;--text-subtitle-2-font-weight: 600;--text-subtitle-2-line-height: 1.5rem;--text-paragraph-font-family: var(--font-family-primary);--text-paragraph-font-size: 0.9375rem;--text-paragraph-font-weight: 400;--text-paragraph-line-height: 1.25rem;--text-paragraph-2-font-family: var(--font-family-primary);--text-paragraph-2-font-size: 0.8125rem;--text-paragraph-2-font-weight: 400;--text-paragraph-2-line-height: 1.125rem;--text-label-font-family: var(--font-family-primary);--text-label-font-size: 0.75rem;--text-label-font-weight: 700;--text-label-line-height: 1rem;--text-caption-font-family: var(--font-family-primary);--text-caption-font-size: 0.75rem;--text-caption-font-weight: 400;--text-caption-line-height: 1rem;--text-caption-2-font-family: var(--font-family-primary);--text-caption-2-font-size: 0.75rem;--text-caption-2-font-weight: 600;--text-caption-2-line-height: 1rem;--text-button-font-family: var(--font-family-primary);--text-button-font-weight: 700;--text-button-tiny-font-size: 0.625rem;--text-button-tiny-line-height: 0.75rem;--text-button-small-font-size: 0.75rem;--text-button-small-line-height: 1rem;--text-button-medium-font-size: 0.875rem;--text-button-medium-line-height: 1rem;--text-button-large-font-size: 1rem;--text-button-large-line-height: 1.25rem;--text-button-giant-font-size: 1.125rem;--text-button-giant-line-height: 1.5rem;--border-radius: 0.17rem;--outline-width: 0.375rem;--outline-color: var(--color-basic-transparent-200);--scrollbar-color: var(--background-basic-color-4);--scrollbar-background-color: var(--background-basic-color-2);--scrollbar-width: 0.3125rem;--shadow: none;--divider-color: var(--border-basic-color-3);--divider-style: solid;--divider-width: 1px;--tabs-selected: var(--color-primary-500);--tabs-selected-second-color: var(--color-primary-500);--modal-border-radius: var(--border-radius)}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/pace-js/templates/pace-theme-flash.tmpl.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: `args.color || "#29d"`;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`;
	opacity: 1.0;
	transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 15px;
	right: 15px;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: `args.color || '#29d'`;
	border-left-color: `args.color || '#29d'`;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/jqwidgets-scripts/jqwidgets/styles/jqx.base.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
:root {
    --jqx-grid-row-height: 36px;
    --jqx-grid-column-height: 48px;
    --jqx-grid-show-column-lines: 1;
    --jqx-list-item-height: -1;
    --jqx-grid-filter-menu-items-height: 30px;
    --jqx-dropdown-animation: transform;
    --jqx-datetimeinput-dropdown-height: 280px;
    --jqx-datetimeinput-dropdown-width: 280px;
    --jqx-calendar-header-height: 40px;
    --jqx-calendar-title-height: 49px;
    --jqx-icon-calendar: '\e829';
    /* Code of calendar icon */
    --jqx-icon-filter: '\f0b0';
    /* Code of filter icon */
    --jqx-icon-menu: '\f0c9';
    /* Code of menu icon */
    --jqx-icon-check: '\e908';
    /* Code of check icon */
    --jqx-icon-first-page: '\e900';
    /* Code of first page icon */
    --jqx-icon-arrow-down: '\e901';
    /* Code of down arrow icon */
    --jqx-icon-arrow-left: '\e902';
    /* Code of left arrow icon */
    --jqx-icon-arrow-right: '\e903';
    /* Code of right arrow icon */
    --jqx-icon-arrow-up: '\e904';
    /* Code of up arrow icon */
    --jqx-icon-arrow-down-filled: '\e812';
    /* Code of filled down arrow icon */
    --jqx-icon-arrow-left-filled: '\e816';
    /* Code of filled left arrow icon */
    --jqx-icon-arrow-right-filled: '\e81e';
    /* Code of filled right arrow icon */
    --jqx-icon-arrow-up-filled: '\e815';
    /* Code of filled up arrow icon */
    --jqx-icon-visibility: '\e90d';
    /* Code of visibility icon */
    --jqx-icon-visibility-off: '\e90e';
    /* Code of visibility off icon */
    --jqx-icon-last-page: '\e905';
    /* Code of last page icon */
    --jqx-icon-close: '\e80d';
    /* Code of close icon */
    --jqx-icon-search: '\e828';
    /* Code of search icon */
    --jqx-border-radius: 4px;
    --jqx-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --jqx-font-size: 14px;
    --jqx-action-button-size: 25px;
}

/*Rounded Corners*/

/*top-left rounded Corners*/

.jqx-rc-tl {
    border-top-left-radius: 3px;
}

/*top-right rounded Corners*/

.jqx-rc-tr {
    border-top-right-radius: 3px;
}

/*bottom-left rounded Corners*/

.jqx-rc-bl {
    border-bottom-left-radius: 3px;
}

/*bottom-right rounded Corners*/

.jqx-rc-br {
    border-bottom-right-radius: 3px;
}

/*top rounded Corners*/

.jqx-rc-t {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*bottom rounded Corners*/

.jqx-rc-b {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*right rounded Corners*/

.jqx-rc-r {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*left rounded Corners*/

.jqx-rc-l {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*all rounded Corners*/

.jqx-rc-all {
    border-radius: 3px;
}

/*reset rounded corners*/

.jqx-rc-reset {
    border-radius: 0px !important;
}

/*Reset Style*/

.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    box-sizing: content-box;
}

.jqx-clear {
    align: left;
    valign: top;
    left: 0px;
    top: 0px;
    -webkit-appearance: none !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}

.jqx-popup {
    box-sizing: content-box;
}

.jqx-position-reset {
    position: static !important;
}

.jqx-border-reset {
    border: none !important;
}

.jqx-overflow-hidden {
    overflow: hidden !important;
}

.jqx-position-relative {
    position: relative !important;
}

.jqx-position-absolute {
    position: absolute !important;
}

.jqx-max-size {
    width: 100% !important;
    height: 100% !important;
}

.jqx-background-reset {
    background: transparent !important;
}

/*Disable browser selection*/

.jqx-disableselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jqx-enableselect {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: all;
}

.jqx-hideborder {
    border: none !important;
}

.jqx-hidescrollbars {
    overflow: hidden !important;
}

/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/

.jqx-button {
    outline: none;
    border: 1px solid transparent;
    padding: 5px;
    text-align: center;
    vertical-align: central;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-button[aria-disabled="true"] {
    pointer-events: none;
}

button.jqx-button,
input[type=button].jqx-button,
input[type=submit].jqx-button {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.jqx-buttongroup {}

.jqx-group-button-normal {
    vertical-align: middle;
    text-align: center;
}

/*applied to the link button's anchor element.*/

.jqx-link {
    text-decoration: none;
    color: #111111;
}

/*shows elements.*/

.jqx-visible {
    display: block;
}

/*hides elements.*/

.jqx-hidden {
    display: none;
}

.jqx-widget,
.jqx-widget-content,
.jqx-widget-header,
.jqx-fill-state-normal {
    line-height: 1.231;
}

/*jqxGauge Style*/

.jqx-gauge-label,
.jqx-gauge-caption {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-knob {
    text-align: center;
}

/*jqxChart Style*/

.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-axis-description {
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-title-text {
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}

.jqx-chart-title-description {
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}

/*applied to the Grid's element.*/

.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}

.jqx-grid .jqx-adaptive-table {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.jqx-grid .jqx-adaptive-table td,
.jqx-grid .jqx-adaptive-table th {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    overflow: auto;
}

.jqx-grid .jqx-adaptive-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.jqx-grid .jqx-adaptive-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

.jqx-grid .jqx-adaptive-view a {
    padding: 10px;
    text-decoration: none;
    color: orangered;
}

/*applied to the Pager.*/

.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
}

/*applied to the Top Pager.*/

.jqx-grid-pager-top {
    border: none;
    border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    outline: none;
    font-weight: normal !important;
    line-height: 14px;
}

.jqx-grid-menu-item-touch {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/

.jqx-grid-bottomright {}

/*applied to the Grid's header area.*/

.jqx-grid-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
}

/*applied to the columns.*/

.jqx-grid-column-header,
.jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-column-header-rtl,
.jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

/*applied to the column's button.*/

.jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('icon-menu-small.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    cursor: pointer;
}

.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}

/*applied to the column's sort button when the sort order is ascending.*/

.jqx-grid-column-sortascbutton {
    border: none;
    background-image: url('sortascbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*applied to the column's sort button when the sort order is descending.*/

.jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url('sortdescbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*applied to the column's filter button.*/

.jqx-grid-column-filterbutton {
    border: none;
    background-image: url('filter.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
}

/*applied to the column's resize line.*/

.jqx-grid-column-resizeline {
    border-right: 1px dotted #555;
}

/*applied to the validation popup during cell editing.*/

.jqx-grid-validation {
    background: #df2227 !important;
    color: #fff !important;
    padding: 4px 8px;
}

.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
    background-image: url('red_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.jqx-grid-validation-arrow-down {
    background-image: url('red_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/*applied to the column's resize start line.*/

.jqx-grid-column-resizestartline {
    border-right: 1px solid #444;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/

.jqx-grid-sortasc-icon {
    background-image: url('icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/

.jqx-grid-sortdesc-icon {
    background-image: url('icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the grid menu's sort remove item/*/

.jqx-grid-sortremove-icon {
    background-image: url('icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/

.jqx-grid-drag-icon {
    background-image: url('drag.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/

.jqx-grid-dragcancel-icon {
    background-image: url('dragcancel.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

/*applied to the 'group by' menu item.*/

.jqx-grid-groupby-icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the column anchor tags.*/

.jqx-grid-column-header a:link,
.jqx-grid-column-header a:visited {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

.jqx-grid-toolbar a:link,
.jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to the groups header area.*/

.jqx-grid-groups-header,
.jqx-grid-toolbar,
.jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

/*applied to a grouping row.*/

.jqx-grid-groups-row {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
}

/*applied to the row details.*/

.jqx-grid-groups-row-details {
    font-weight: normal;
}

/*applied to a grouping column.*/

.jqx-grid-group-column {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

/*applied to the lines between the group columns.*/

.jqx-grid-group-column-line {
    background: #aaa;
}

/*applied to the drop line indicators displayed in the grouping header.*/

.jqx-grid-group-drag-line {
    background: #80be09;
}

/*applied to the anchor tags inside a grouping column.*/

.jqx-grid-group-column a:link {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.jqx-grid-group-column a:visited {
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to a grid cell*/

.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;
    background: #fff;
    white-space: nowrap;
    font-weight: normal;
    font-size: inherit;
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    outline: none;
}

.jqx-grid-cell-batch {
    background: #46CA78 !important;
    color: white !important;
}

.jqx-grid-cell-locked {
    color: #aaa !important;
}

.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}

.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
}

.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 4px;
    margin-left: 2px;
}

/*applied to a grid cell that is part of a rows group.*/

.jqx-grid-group-cell {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    background: #fff;
}

/*applied to the grid cells in the sort column*/

.jqx-grid-cell-sort {
    background-color: #f0f0f0;
}

/*applied to the grid cells in the filter column*/

.jqx-grid-cell-filter {
    background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}

/*applied to the grid cells area.*/

.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
}

/*applied to a grid cell that is part of a rows group.*/

.jqx-grid-group-cell,
.jqx-grid-empty-cell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell,
.jqx-grid-cleared-cell {
    border: transparent !important;
}

.jqx-grid-cell-wrap {
    white-space: normal !important;
}

.jqx-tree-grid-indent {
    width: 18px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}

.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: bottom;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button,
.jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.jqx-tree-grid-checkbox {
    float: none !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 6px !important;
    margin-left: 2px !important;
}

.jqx-tree-grid-icon {
    float: none !important;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.jqx-tree-grid-icon-rtl {
    margin-right: 0px;
    margin-left: 4px;
}

.jqx-tree-grid-icon-size {
    width: 14px;
    height: 14px;
    line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}

.jqx-tree-grid-expand-button {
    height: 18px;
    width: 18px;
    vertical-align: top;
}

/*applied to a cell in jqxDataTable*/

.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}

.jqx-grid-cell-nowrap {
    white-space: nowrap;
}

.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}

.jqx-left-align {
    text-align: left;
}

.jqx-center-align {
    text-align: center;
}

.jqx-right-align {
    text-align: right;
}

.jqx-top-align {
    vertical-align: top;
}

.jqx-bottom-align {
    vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}

/*applied to the Grid's Table element.*/

.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}

.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-details table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0px;
}

/*applied to a grid cell that is part of a details row and grouping is enabled.*/

.jqx-grid-group-details-cell {}

/*applied to a grid cell that is part of a details row.*/

.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
}

/*applied to a grid cell. Represents the alternating cell background.*/

.jqx-grid-cell-alt {
    background: #f9f9f9;
}

/*applied to a sorted and alternating grid cell*/

.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
}

/*applied to a sorted and alternating grid cell*/

.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
}

/*applied to a pinned grid cell.*/

.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
}

/*applied to a pinned grid cell. Represents the alternating cell background.*/

.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
}

/*applied to a selected grid cell.*/

.jqx-grid-cell-selected {
    border-left: 0px solid transparent;
}

.jqx-grid-cell-selected.jqx-grid-cell-edit {
    border-color: #DDDDDD !important;
    background-color: #fff !important;
    color: #333 !important;
}

.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
    border-color: #DDDDDD !important;
}

.jqx-cell-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
}

/*applied to the selection area.*/

.jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/*applied to a hovered grid cell.*/

.jqx-grid-cell-hover {
    border-color: transparent;
}

/*applied to a grid cell when the grid is empty.*/

.jqx-grid-empty-cell {
    overflow: visible;
    border-bottom: none;
}

/*applied to the Grid when its loading the data.*/

.jqx-grid-load {
    padding-right: 0px;
    background-image: url('loader.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}

/*applied to a group's collapse button.*/

.jqx-grid-group-collapse {
    padding-right: 0px;
    background-image: url('icon-right.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
    padding-right: 0px;
    background-image: url('icon-left.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*applied to a group's expand button.*/

.jqx-grid-group-expand,
.jqx-grid-group-expand-rtl {
    padding-right: 0px;
    background-image: url('icon-down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*jqxProgresBar Style*/

.jqx-progressbar {
    position: relative;
    overflow: hidden;
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}

/*applied to the progressbar's value element*/

.jqx-progressbar-value {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
}

/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/

.jqx-progressbar-value-vertical {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
    background: transparent;
}

/*applied to the progressbar's text element*/

.jqx-progressbar-text {
    font-size: 10px;
    border: none;
}

/*applied to the progress bar when the widget is in disabled state*/

.jqx-progressbar-disabled {
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}

/*jqxMenu Style*/

.jqx-menu {
    border: 1px solid transparent;
    float: none;
    margin: 0px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}

.jqx-menu-dropdown-column {
    float: left;
}

/*applied to the menu when it is horizontal. Sets the menu's background*/

.jqx-menu-horizontal {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}

/*applied to the menu when it is vertical. Sets the menu's background*/

.jqx-menu-vertical {
    text-align: left;
}

/*applied to the sub menu. Sets the sub menu's background*/

.jqx-menu-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    display: none;
    float: none;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding: 2px;
}

/*applied to the sub menu's ul elements.*/

.jqx-menu-dropdown ul {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    border: none;
}

/*applied to the menu's ul elements.*/

.jqx-menu ul {
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}

/*applied to the menu's li elements.*/

.jqx-menu li,
.jqx-menu-dropdown li {
    line-height: 1.3 !important;
}

/*applied to the top level menu items.*/

.jqx-menu-item-top {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    left: 100%;
    overflow: hidden;
    color: inherit;
    right: 0;
    margin: 0px 3px 0px 3px;
    cursor: pointer;
}

/*applied to the sub menu items.*/

.jqx-menu-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
}

/*applied to a sub menu item when the mouse is over the item.*/

.jqx-menu-item-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}

/*applied to a top-level menu item when the mouse is over it.*/

.jqx-menu-item-top-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 0px 3px 0px 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    top: 50%;
    cursor: pointer;
}

/*applied to a sub menu item when its sub menu is opened.*/

.jqx-menu-item-selected {
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}

/*applied to a disabled sub menu item.*/

.jqx-menu-item-disabled {}

/*applied to a top-level menu item when its sub menu is opened.*/

.jqx-menu-item-top-selected {
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}

/*applied to the menu separator items.*/

.jqx-menu-item-separator {
    text-indent: 0;
    background-color: #ddd;
    border: none;
    list-style: none;
    height: 1px;
    line-height: 0 !important;
    padding: 0px;
    margin: 1px 2px 1px 2px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    font-size: 1px;
}

/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/

.jqx-menu-item-arrow-right {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/

.jqx-menu-item-arrow-down {
    background-image: url('icon-down.png');
}

/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/

.jqx-menu-item-arrow-up {
    background-image: url('icon-up.png');
}

.jqx-menu-minimized {
    position: relative;
}

.jqx-menu-title {
    position: relative;
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 20px;
}

.jqx-menu-minimized-button {
    background-image: url('icon-menu-minimized.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-left: 7px;
    margin-top: 4px;
    float: left;
}

.jqx-menu-ul-minimized {
    display: block !important;
    width: auto !important;
}

.jqx-menu-ul-minimized ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-menu-minimized li:last-child {
    padding-bottom: 0px;
    margin: 0px;
}

.jqx-menu-item-arrow-right,
.jqx-menu-item-arrow-down,
.jqx-menu-item-arrow-up,
.jqx-menu-item-arrow-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
}

/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/

.jqx-menu-item-arrow-left {
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
    background-image: url('icon-left.png');
    background-position: 0 50%;
    background-repeat: no-repeat;
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/

.jqx-menu-item-arrow-right-selected {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/

.jqx-menu-item-arrow-down-selected {
    background-image: url('icon-down.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/

.jqx-menu-item-arrow-up-selected {
    background-image: url('icon-up.png');
}

.jqx-menu-item-arrow-right-selected,
.jqx-menu-item-arrow-up-selected,
.jqx-menu-item-arrow-down-selected,
.jqx-menu-item-arrow-top-right {
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/

.jqx-menu-item-arrow-top-right {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/

.jqx-menu-item-arrow-left-selected {
    background-image: url('icon-left.png');
}

/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/

.jqx-menu-item-arrow-top-left {
    background-image: url('icon-left.png');
}

.jqx-menu-item-arrow-left-selected,
.jqx-menu-item-arrow-top-left {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
}

/*applied to the anchor elements*/

.jqx-menu-item a:link,
.jqx-menu-item a:visited,
.jqx-menu-item a:hover,
.jqx-menu-item-top a:link,
.jqx-menu-item-top a:visited,
.jqx-menu-item-top a:hover {
    font: inherit;
    text-decoration: none;
    color: inherit;
    outline: none;
    background-color: transparent;
}

/*applied to the menu widget when it is disabled.*/

.jqx-menu-disabled {
    cursor: default;
}

/*applied to the anchor elements of all disabled menu items.*/

.jqx-menu-disabled a:link {
    cursor: default;
    text-decoration: none;
}

.jqx-menu-disabled a:visited {
    cursor: default;
    text-decoration: none;
}

.jqx-menu-disabled a:hover {
    cursor: default;
}

.jqx-menu-dropdown {
    right: -1px;
}

/*jqxtree Style*/

.jqx-tree {
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    line-height: 14px !important;
}

/*applied to the jqxTree root UL element.*/

.jqx-tree-dropdown-root {
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}

/*applied to the jqxTree UL elements.*/

.jqx-tree-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    text-align: left;
    outline: none;
}

.jqx-tree-dropdown-rtl {
    padding: 3px 0px 0px 0px;
    text-align: right;
}

/*applied to a tree item.*/

.jqx-tree-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}

/*applied to the jqxTree LI elements.*/

.jqx-tree-item-li {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    left: 100%;
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}

/*applied to the last LI elements in an UL element.*/

.jqx-tree-item-u-last {
    margin: 0px 0px 0px 0px;
}

/*applied to a tree item when the mouse is over the item.*/

.jqx-tree-item-hover {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}

/*applied to a tree item when the item is selected.*/

.jqx-tree-item-selected {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}

.jqx-tree-item-rtl {
    text-align: right;
}

.jqx-tree-item-li-rtl {
    text-align: right;
}

/*applied to the anchor element of a tree item.*/

.jqx-tree-item a:link,
.jqx-tree-item a:visited {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.jqx-tree-item-selected,
.jqx-tree-item-hover a:hover {
    color: inherit;
}

.jqx-tree-item-selected,
.jqx-tree-item-hover a:visited {
    color: inherit;
}

/*applied to a tree item when the item is disabled.*/

.jqx-tree-item-disabled {}

/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/

.jqx-tree-item-arrow-collapse,
.jqx-tree-item-arrow-collapse-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-right.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-tree-item-arrow-collapse-rtl,
.jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url('icon-left.png');
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/

.jqx-tree-item-arrow-expand,
.jqx-tree-item-arrow-expand-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-down.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*applied to the tree when it is disabled.*/

.jqx-tree-disabled {
    cursor: default;
}

/*applied to the anchor elements in a tree when it is disabled.*/

.jqx-tree-disabled a:link {
    cursor: default;
    text-decoration: none;
}

.jqx-tree-disabled a:visited {
    cursor: default;
    text-decoration: none;
}

.jqx-tree-disabled a:hover {
    cursor: default;
}

/*jqxTabs*/

.jqx-tabs {
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}

/*applied to the tab close button.*/

.jqx-tabs-close-button {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
}

/*applied to the tab close button when the tab is selected.*/

.jqx-tabs-close-button-selected {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/*applied to the tab close button when the mouse is over the tab.*/

.jqx-tabs-close-button-hover {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-close-button,
.jqx-tabs-close-button-selected,
.jqx-tabs-close-button-hover {
    background-repeat: no-repeat;
    background-position: center;
}

/*applied to the tab's left scroll arrow.*/

.jqx-tabs-arrow-left {
    outline: none;
    position: relative;
    z-index: 15;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*applied to the tab's right scroll arrow.*/

.jqx-tabs-arrow-right {
    outline: none;
    position: relative;
    z-index: 15;
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-arrow-background {
    background: #eeeeee;
}

/*applied to the tab's title.*/

.jqx-tabs-title {
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative;
}

.jqx-tabs-title-bottom {}

.jqx-tabs-title a:link {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:hover {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:active {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:visited {
    color: inherit;
    text-decoration: none;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/

.jqx-tabs-title-selected-top {
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-selected-bottom {
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/

.jqx-tabs-title-hover-top {
    outline: none;
    border: 1px solid transparent;
    padding-bottom: 5px;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-hover-bottom {
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}

/*applied to the tab's title when the tab is disabled.*/

.jqx-tabs-title-disable {}

/*applied to the tab's header.*/

.jqx-tabs-header {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}

/*applied to the tab's header when the position is bottom.*/

.jqx-tabs-header-bottom {
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}

/*applied to the tab's header when the tab is collapsed.*/

.jqx-tabs-header-collapsed {
    border: 1px solid #aaa;
}

/*applied to the tab's header when the position is bottom and tab is collapsed.*/

.jqx-tabs-header-collapsed-bottom {
    border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
    border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
    border: 0px solid transparent;
}

/*applied to the tab's selection tracker container element.*/

.jqx-tabs-selection-tracker-container {
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/

.jqx-tabs-selection-tracker-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/

.jqx-tabs-selection-tracker-bottom {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}

/*applied to the tab's content element which represents a DIV element.*/

.jqx-tabs-content {
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}

.jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
}

/*jqxCheckBox*/

.jqx-checkbox {
    overflow: hidden;
    text-align: left;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*applied to the check box.*/

.jqx-checkbox-default {
    text-align: left;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the check box when the mouse cursor is over it.*/

.jqx-checkbox-hover {
    cursor: pointer;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the widget when it is disabled.*/

.jqx-checkbox-disabled {
    cursor: default;
    background: transparent;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0px 0px 0px 0px;
}

/*applied to the check box when the widget is disabled.*/

.jqx-checkbox-disabled-box {
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the check box when it is checked. Displays a check icon.*/

.jqx-checkbox-check-checked {
    float: left;
    background: transparent url('check_black.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/

.jqx-checkbox-check-disabled {
    float: left;
    background: transparent url('check_disabled.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its state is indeterminate.*/

.jqx-checkbox-check-indeterminate {
    float: left;
    background: transparent url('check_indeterminate_black.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its state is indeterminate and it is disabled.*/

.jqx-checkbox-check-indeterminate-disabled {
    float: left;
    background: transparent url('check_indeterminate_disabled.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its in rtl mode.*/

.jqx-checkbox-rtl {
    float: right;
}

/*jqxRadioButton*/

.jqx-radiobutton {
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
}

/*applied to the radio button.*/

.jqx-radiobutton-default {
    cursor: pointer;
    float: left;
    background: transparent url('roundbg_classic_normal.png') left center scroll repeat-x;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}

/*applied to the radio button when the mouse is over it.*/

.jqx-radiobutton-hover {
    cursor: pointer;
    float: left;
    background: transparent;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}

/*applied to the radio button when it is disabled.*/

.jqx-radiobutton-disabled {
    cursor: default;
}

/*applied to the radio button's radio icon when it is disabled.*/

.jqx-radiobutton-disabled-box {}

/*applied to the radio button when it is checked.*/

.jqx-radiobutton-check-checked {
    float: left;
    background: transparent url('roundbg_check_black.png') left top no-repeat;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
}

/*applied to the radio button when it is checked and disabled.*/

.jqx-radiobutton-check-disabled {}

/*applied to the radio button when it is in indeterminate state.*/

.jqx-radiobutton-check-indeterminate {
    float: left;
    background: transparent url('roundbg_check_indeterminate.png') left top no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;
}

/*applied to the radio button when it is in indeterminate state and disabled.*/

.jqx-radiobutton-check-indeterminate-disabled {}

/*applied to the radio button when its in rtl mode.*/

.jqx-radiobutton-rtl {
    float: right;
}

/*jqxRating*/

.jqx-rating {
    margin: 0px;
    padding: 0px;
    outline: none;
    overflow: hidden;
}

.jqx-rating-image {
    border-width: 0px;
}

.jqx-rating-image-default {
    margin: 0px;
    padding: 0px;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star.png');
    overflow: hidden;
}

/*applied to the rating when it is hovered.*/

.jqx-rating-image-hover {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_hover.png');
    overflow: hidden;
}

/*applied to the rating when it is disabled.*/

.jqx-rating-image-backward {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_disabled.png');
    overflow: hidden;
}

/*jqxCalendar Style*/

.jqx-calendar {
    border: 1px solid transparent;
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 0px;
    margin: 0 0 0 0;
    cursor: default;
    border-collapse: separate;
}

.jqx-calendar .jqx-widget-header {}

.jqx-calendar>div {
    padding: 0px;
    box-sizing: border-box;
}

.jqx-calendar-light>div {
    padding: 10px;
}

.jqx-calendar td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
    height: auto;
}

.jqx-calendar table {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}

/*applied to the calendar's row header. This header displays the week numbers.*/

.jqx-calendar-row-header {
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's column. This header displays the day names.*/

.jqx-calendar-column-header {
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/

.jqx-calendar-top-left-header {
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's navigation buttons.*/

.jqx-calendar-title-navigation {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
}

/*applied to the month table*/

.jqx-calendar-month {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

/*applied to the calendar's title content.*/

.jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
}

/*applied to the calendar's navigation title.*/

.jqx-calendar-title-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}

.jqx-calendar-title-header td {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

/*applied to the calendar's navigation title when the calendar is disabled.*/

.jqx-calendar-title-header-disabled {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}

/*applied to a calendar cell.*/

.jqx-calendar-cell {
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: transparent;
}

.jqx-calendar-cell td {
    padding: 0;
    margin: 0;
}

/*applied to a calendar cell in decade and year views.*/

.jqx-calendar-cell-decade,
.jqx-calendar-cell-year {
    text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
    background: transparent;
    border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/

.jqx-calendar-cell-hidden {
    margin: 0 0 0 0;
    visibility: hidden;
    cursor: default;
}

/*applied to a calendar cell when the cell's date is a weekend date.*/

.jqx-calendar-cell-weekend {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/

.jqx-calendar-cell-specialDate {
    color: #FF0000 !important;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a restricted date.*/

.jqx-calendar-cell-restrictedDate {
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}

/*applied to a calendar cell when the cell's date is the today date.*/

.jqx-calendar-cell-today {
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell is hovered.*/

.jqx-calendar-cell-hover {
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell is selected.*/

.jqx-calendar-cell-selected {
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/

.jqx-calendar-cell-othermonth {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the calendar is disabled.*/

.jqx-calendar-cell-disabled {
    color: #ccc;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/

.jqx-calendar-row-cell {
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/

.jqx-calendar-row-cell-disabled {}

.jqx-calendar-footer {
    margin: 5px;
    color: inherit;
    font-size: 13px;
}

.jqx-calendar-title-container {
    overflow: hidden;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names.*/

.jqx-calendar-column-cell {
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/

.jqx-calendar-column-cell-disabled {}

/*applied to the calendar's cell area element.*/

.jqx-calendar-view {
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/

.jqx-expander {}

/*applied to the Expander's header and content*/

.jqx-expander-header,
.jqx-expander-content {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: 0;
}

/*applid to the content of the expander header.*/

.jqx-expander-header-content {
    padding-left: 3px;
}

/*applid to the content of the expander header.*/

.jqx-expander-header-content-rtl {
    padding-right: 3px;
}

.jqx-expander-content {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: auto;
    outline: 0;
}

/*applied to the Expander's header and its content when it is on the top of the header*/

.jqx-expander-header,
.jqx-expander-content-top {
    border-top-width: 1px;
    border-top-style: solid;
}

/*applied to the Expander's header and its content when it is on the bottom of the header*/

.jqx-expander-header,
.jqx-expander-content-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*applied to the Expander's header*/

.jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
}

/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/

.jqx-expander-header-disabled {
    cursor: default;
}

/*applied to the Expander's arrow*/

.jqx-expander-arrow {
    width: 17px;
    height: 17px;
    position: relative;
}

/*applied to the Expander's content if it is empty*/

.jqx-expander-content-empty {
    border-width: 0px;
    padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/

.jqx-navigationbar {
    border: none;
    margin: 0px;
    -webkit-appearance: none;
    outline: none;
}

/*jqxPanel Style*/

.jqx-panel {
    border: 1px solid transparent;
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}

/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/

.jqx-panel-bottomright {}

/*applied to the DropDownButton's Popup.*/

.jqx-dropdownbutton-popup {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
}

.jqx-listbox {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}

/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/

.jqx-listbox-bottomright {}

/*applied to the ListBox's groups.*/

.jqx-listitem-state-group {
    white-space: nowrap;
    padding: 5px 2px 5px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}

/*applied to a list item in default state.*/

.jqx-listitem-state-normal {
    white-space: nowrap;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}

/*applied to a list item in hovered state.*/

.jqx-listitem-state-hover {
    white-space: nowrap;
    background: transparent;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}

/*applied to a list item when the item is selected.*/

.jqx-listitem-state-selected {
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}

.jqx-listbox-feedback {
    height: 1px;
    border-top: 1px dashed #000;
}

.jqx-listitem-element {
    -ms-touch-action: none;
    border: none;
    width: 100%;
    height: 100%;
    align: left;
    valign: top;
    position: absolute;
}

/*jqxComboBox Style*/

/*applied to the jqxComboBox's content which displays the text.*/

.jqx-combobox-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

/*applied to the ComboBox's input field.*/

.jqx-combobox-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-input::-ms-clear {
    display: none;
}

/*applied to the ComboBox's content when the widget is disabled.*/

.jqx-combobox-content-disabled {
    color: #AAA;
}

/*applied to the ComboBox's arrow button.*/

.jqx-combobox-arrow-normal,
.jqx-action-button {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}

/*applied to the ComboBox's arrow button*/

.jqx-combobox-arrow-hover,
.jqx-combobox-arrow-selected {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}

/*applied to the ComboBox in normal state.*/

.jqx-combobox-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the mouse is over the widget.*/

.jqx-combobox-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the popup ListBox is shown.*/

.jqx-combobox-state-selected {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the widget is focused.*/

.jqx-combobox-state-focus {
    border: 1px solid transparent;
}

.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
}

.jqx-combobox-multi-item a:link,
.jqx-combobox-multi-item a:visited {
    color: inherit;
    display: block;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to the ComboBox when the widget is disabled.*/

.jqx-combobox-state-disabled {
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}

/*jqxSelect Style*/

.jqx-select {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -webkit-appearance: none;
    outline: 0 none;
}

.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}

.jqx-select-container {
    padding: 0;
}

.jqx-select-item {
    padding: 3px;
    margin: 1px;
    white-space: normal !important;
    cursor: default;
}

/*jqxDropDownList Style*/

/*applied to the dropdownlist's content element which displays the selected item's text or html.*/

.jqx-dropdownlist-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}

.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}

.jqx-dropdownlist .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-dropdownlist .jqx-icon-arrow-up {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-up {
    width: 13px;
}

/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */

.jqx-dropdownlist-content-disabled {}

/*applied to the dropdownlist in default state.*/

.jqx-dropdownlist-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in hovered state.*/

.jqx-dropdownlist-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in selected state.*/

.jqx-dropdownlist-state-selected {
    overflow: hidden;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in focused state.*/

.jqx-dropdownlist-state-focus {
    border: 1px solid #909090;
}

/*applied to the dropdownlist in disabled state.*/

.jqx-dropdownlist-state-disabled {}

/*jqxScrollBar Style*/

.jqx-scrollbar {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

/*applied to the scrollbar in default state.*/

.jqx-scrollbar-state-normal {
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in default state.*/

.jqx-scrollbar-button-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in hovered state.*/

.jqx-scrollbar-button-state-hover {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in pressed state.*/

.jqx-scrollbar-button-state-pressed {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-normal-horizontal {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action: none;
}

/*applied to the horizontal scrollbar thumb in hovered state.*/

.jqx-scrollbar-thumb-state-hover-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action: none;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-hover {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-pressed {
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}

/* jqxWindow */

.jqx-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}

/*applied to the jqxWindow when it’s disabled*/

.jqx-window-disabled {}

/*applied to the window’s header*/

.jqx-window-header {
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 7px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}

/*applied to the window’s header when the window is disabled*/

.jqx-window-header-disabled {}

/*applied to the window’s content*/

.jqx-window-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    padding: 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/*applied to the window’s content when the window is disabled*/

.jqx-window-content-disabled {
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}

/*applied to the window’s close button*/

.jqx-window-close-button {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    margin-top: 2px;
}

/*applied to the window's collapse button*/

.jqx-window-collapse-button {
    background-image: url('icon-up.png');
    cursor: pointer;
    margin-top: 3px;
}

/*applied to the window's collapse button when the window is collapsed*/

.jqx-window-collapse-button-collapsed {
    margin-top: 3px;
    cursor: pointer;
    background-image: url('icon-down.png');
}

/*setting styles of the modal window’s background*/

.jqx-window-modal {
    background-color: Black;
}

.jqx-window-close-button-hover {}

.jqx-docking {
    overflow: hidden;
}

.jqx-docking-panel {
    margin: 0px;
    padding: 0px;
    min-height: 100px;
}

.jqx-docking-drop-indicator {
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
}

.jqx-docking-window {
    margin: 0px;
}

/* jxSlider */

/* applied to jqxSlider widget */

.jqx-slider {
    outline: none;
    clear: both;
    position: relative;
    overflow: hidden;
}

/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/

.jqx-slider-tick {
    border-left: 1px solid transparent;
    z-index: 9;
}

/*applied to the ticks when the slider is in horizontal mode*/

.jqx-slider-tick-horizontal {
    width: 1px;
    border-left: none;
    margin-top: 1px;
}

/*applied to the ticks when the slider is in vertical mode*/

.jqx-slider-tick-vertical {
    height: 1px;
    border-top: none;
}

/*applied to the ticks container*/

.jqx-slider-tickscontainer {
    z-index: 10;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}

/*applied to the jqxSlider thumb used for changing/indicating current value*/

.jqx-slider-slider {
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100%;
}

.jqx-slider-button {
    cursor: pointer;
    border-radius: 100%;
    box-sizing: content-box !important;
    padding: 3px !important;
}

/*applied to the slider's thumb when the slider is in horizontal mode*/

.jqx-slider-slider-horizontal {
    margin-top: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}

/*applied to the slider's thumb when the slider is in vertical mode*/

.jqx-slider-slider-vertical {
    margin-left: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}

/*applied to the track where is located the thumb*/

.jqx-slider-track {
    height: 4px;
    float: left;
    position: relative;
    z-index: 20;
    cursor: pointer;
}

/*used in horizontal slider*/

.jqx-slider-track-horizontal {
    height: 4px;
    margin-top: 2px;
}

/*used in vertical slider*/

.jqx-slider-track-vertical {
    width: 4px;
}

/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/

.jqx-slider-rangebar {}

/* jqxSplitter */

.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation */

.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}

/* Split bar's mouse over state */

.jqx-splitter-splitbar-hover {
    background-color: transparent;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation. */

.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}

/* This class is applied to the splitter when it's dragged to it's max left/right boundary */

.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}

/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */

.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}

/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */

.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}

/* This class is added when the user disable the splitter. */

.jqx-splitter-splitbar-collapsed {
    cursor: default;
}

/* Applied to the jqxSplitter panels. */

.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}

/* This class is added to a nested splitter.*/

.jqx-splitter-nested,
.jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}

.jqx-draggable {}

.jqx-draggable-dragging {
    border: 0px solid black;
}

.jqx-draggable-disabled {
    cursor: default;
}

.jqx-validator-hint {
    height: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 13px;
    border: 1px solid #6E0000;
    background-color: #942724;
    color: #fff;
    z-index: 99999;
    white-space: nowrap;
}

.jqx-validator-hint-arrow {
    z-index: 99999;
    height: 9px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url('multi-arrow.gif');
}

.jqx-validator-error-label {
    color: #dd4b39;
    vertical-align: top;
    text-align: left;
    display: block;
    cursor: default;
    line-height: 17px;
}

.jqx-validator-error-element {
    border-color: #dd4b39 !important;
}

.jqx-switchbutton {
    outline: none;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.jqx-switchbutton[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
}

.jqx-switchbutton-label {
    font-size: 15px;
    font-family: Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.jqx-switchbutton-wrapper {}

.jqx-switchbutton-label-on {}

.jqx-switchbutton-label-off {}

/*left, right, up and down arrow icons.*/

.jqx-left-arrow {
    background: transparent;
    background-image: url('icon-left.png');
    cursor: pointer;
}

.jqx-right-arrow {
    background: transparent;
    background-image: url('icon-right.png');
    cursor: pointer;
}

.jqx-icon-delete {
    background-image: url('icon-delete.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-edit {
    background-image: url('icon-edit.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-save {
    background-image: url('icon-save.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-cancel {
    background-image: url('icon-cancel.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up,
.jqx-icon-arrow-up-hover,
.jqx-icon-arrow-up-selected {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down,
.jqx-icon-arrow-down-hover,
.jqx-icon-arrow-down-selected {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left,
.jqx-icon-arrow-left-hover,
.jqx-icon-arrow-left-selected {
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right,
.jqx-icon-arrow-right-hover,
.jqx-icon-arrow-right-selected {
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-first,
.jqx-icon-arrow-first-hover,
.jqx-icon-arrow-first-selected {
    background-image: url('icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last,
.jqx-icon-arrow-last-hover,
.jqx-icon-arrow-last-selected {
    background-image: url('icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up-hover {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down-hover {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left-hover {
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right-hover {
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up-selected {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down-selected {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left-selected {
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right-selected {
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-close {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-close-white {
    background-image: url('close_white.png');
}

.jqx-icon-close-hover {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-search {
    cursor: pointer;
    background-image: url('search.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    background-size: 13px;
    width: 13px;
    height: 13px;
}

.jqx-icon-plus {
    background-image: url('plus.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt,
.jqx-icon-plus-alt-white {
    background-image: url('icon-plus.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt-white {
    background-image: url('icon-plus-white.png');
}

/* jqxScrollView */

.jqx-scrollview-button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    background-color: #aaaeaf;
}

.jqx-scrollview {
    background-color: #000;
    -ms-touch-action: auto !important;
}

.jqx-icon-calendar,
.jqx-icon-calendar-hover,
.jqx-icon-calendar-pressed {
    background-image: url('icon-calendar.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
}

/*applied to Inputs*/

.jqx-input-widget {
    box-sizing: border-box !important;
}

.jqx-input {
    overflow: hidden;
    background-color: inherit;
    border-color: #c7c7c7;
}

.jqx-input-invalid {
    color: red !important;
}

.jqx-input-group {
    overflow: hidden;
}

.jqx-input-group-addon {
    border: 1px solid transparent;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}

.jqx-input-group-addon:first-child {
    border-right-width: 0px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.jqx-input-group-addon:last-child {
    border-left-width: 0px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.jqx-input-group-addon:not(:last-child):not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-left-width: 0px;
}

.jqx-input-group .jqx-input {
    padding: 2px 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.jqx-editor {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow: hidden;
    box-sizing: border-box !important;
}

.jqx-editor-window {
    overflow: hidden;
}

.jqx-editor-inline {
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.jqx-editor-inline p {
    margin: 0px;
    padding: 0 .2em;
}

.jqx-editor-inline-focus {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.jqx-editor iframe {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.jqx-editor-color-bar {
    height: 3px;
}

.jqx-editor-color-picker table {
    margin: 0;
    padding: 0 4px 4px;
    empty-cells: show;
    border-collapse: separate;
}

.jqx-editor-color-picker td {
    border-collapse: separate;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.jqx-editor-color-picker td:hover {
    border: 1px solid #000;
}

.jqx-editor-color-picker-selected-cell {
    outline: 1px solid #000;
}

.jqx-editor-color-picker td div {
    width: 16px;
    height: 16px;
}

.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    position: relative;
    box-sizing: border-box !important;
}

.jqx-editor-container {
    position: relative;
    padding: 4px;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-container {
    top: 0px;
    left: 0px;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-inline {
    padding: 0px 4px;
    border-width: 1px;
    border-style: solid;
}

.jqx-editor-toolbar {
    margin: 0;
    padding: 0px;
    padding-bottom: 4px;
}

.jqx-editor-toolbar-icon {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    opacity: .667;
    margin: 2px 0;
    background: url('html_editor.png') no-repeat;
}

.jqx-editor-toolbar-icon-bold {
    background-position: 0px 0px !important;
}

.jqx-editor-toolbar-icon-italic {
    background-position: -21px 0px !important;
}

.jqx-editor-toolbar-icon-underline {
    background-position: -42px 0px !important;
}

.jqx-editor-toolbar-icon-fontname {
    background-position: -63px 0px !important;
}

.jqx-editor-toolbar-icon-fontsize {
    background-position: -84px 0px !important;
}

.jqx-editor-toolbar-icon-createlink {
    background-position: -147px 0px !important;
}

.jqx-editor-toolbar-icon-insertorderedlist {
    background-position: -168px 0px !important;
}

.jqx-editor-toolbar-icon-insertunorderedlist {
    background-position: -189px 0px !important;
}

.jqx-editor-toolbar-icon-outdent {
    background-position: -210px 0px !important;
}

.jqx-editor-toolbar-icon-indent {
    background-position: -231px 0px !important;
}

.jqx-editor-toolbar-icon-insertimage {
    background-position: -337px 0px !important;
}

.jqx-editor-toolbar-icon-justifyleft {
    background-position: -252px 0px !important;
}

.jqx-editor-toolbar-icon-justifycenter {
    background-position: -273px 0px !important;
}

.jqx-editor-toolbar-icon-justifyright {
    background-position: -294px 0px !important;
}

.jqx-editor-toolbar-icon-removeformat {
    background-position: -316px 0px !important;
}

.jqx-editor-toolbar-icon-viewsource {
    background-position: -359px 0px !important;
}

.jqx-editor-toolbar-icon-forecolor {
    background-position: -105px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon-backcolor {
    background-position: -380px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon:hover {
    opacity: 1;
}

.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
    opacity: .667;
}

.jqx-editor-toolbar-item {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.jqx-editor-toolbar-separator {
    border-left: 1px solid #ccc;
    margin: 0 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}

.jqx-editor-toolbar-group {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}

.jqx-editor-toolbar-button {
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    padding: 0px !important;
    margin-right: 2px;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    margin-right: -1px;
    box-shadow: none;
    position: relative;
    margin-left: 0px !important;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover,
.jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
    z-index: 55;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
    background: transparent !important;
}

.jqx-date-time-input-popup table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #333;
}

.jqx-date-time-input-popup table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    padding: 4px 6px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
    padding: 0px !important;
    cursor: default;
}

.jqx-scheduler .jqx-widget-header.jqx-grid-header {
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}

.jqx-scheduler .jqx-grid-column-header,
.jqx-scheduler.jqx-widget .jqx-grid-column-header {
    border-bottom: 1px solid #c5c5c5;
}

.jqx-grid-column-header[sort]>div>div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter]>div>div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter][sort]>div>div {
    width: calc(100% - 40px);
}

.jqx-scheduler-all-day-cell {
    text-align: left;
}

.jqx-scheduler-all-day-cell span {
    margin-left: 3px;
}

.jqx-scheduler-month-cell {
    background: #f2f2f2;
    color: #000;
    opacity: 0.8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: top;
    text-align: left;
}

.jqx-scheduler-month-cell-touch {
    background: transparent;
    border: none;
    vertical-align: middle;
    text-align: center;
}

.jqx-scheduler-month-cell-popup {
    border: 1px solid #333;
    background: #f2f2f2;
    box-shadow: 0 5px 0px rgba(0, 0, 0, .15) !important;
}

.jqx-widget .jqx-scheduler-middle-cell,
.jqx-scheduler-middle-cell {
    border-bottom-color: #ddd !important;
}

.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
    border-bottom-style: dotted;
}

.jqx-scheduler-work-time-cell {
    background: #fff;
}

.jqx-scheduler-not-work-time-cell {
    background: #eee;
}

.jqx-scheduler-month-outer-cell {
    color: #555;
}

.jqx-scheduler-month-weekend-cell {
    background: #eee;
}

.jqx-scheduler-disabled-cell {
    background: #e9edf1;
}

.jqx-scheduler-toolbar {
    font-size: 14px;
}

.jqx-scheduler-time-column,
.jqx-scheduler-toolbar {
    background-image: none !important;
    background: #fff !important;
    color: #333 !important;
}

.jqx-scheduler-week-number-column {
    background: #e8e8e8 !important;
    color: #333;
}

.jqx-scheduler-time-column-header-cell {
    border-left-color: transparent !important;
}

.jqx-scheduler-time-column-header-cell-rtl {
    border-right-color: transparent !important;
}

.jqx-scheduler-appointment {
    overflow: visible;
    border: 1px solid #555;
    white-space: pre-line;
    cursor: pointer;
    vertical-align: middle;
    text-overflow: ellipsis;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.jqx-scheduler-appointment-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-scheduler-appointment-content {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.jqx-scheduler-appointment-inner-content {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    padding-bottom: 3px;
}

.jqx-scheduler-appointment-duration-status {
    height: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-color: #f05c2d;
    background: #f05c2d;
    position: absolute;
    bottom: -1px;
    left: 0px;
    border-radius: 5px;
}

.jqx-scheduler-appointment-status {
    width: 4px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
    top: 0px;
    left: 0px;
}

.jqx-scheduler-appointment-status-rtl {
    width: 4px;
    height: 100%;
    border-right-width: 0px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: solid;
    position: absolute;
    top: 0px;
    right: 0px;
}

.jqx-scheduler-appointment-status-stripes {
    background-image: url('stripes.png');
    background-repeat: repeat-y;
    background-position: left top;
}

.jqx-scheduler-appointment-resize-indicator {
    width: 4px;
    height: 4px;
    position: absolute;
    border: 1px solid black;
    background: white;
    display: none;
}

.jqx-scheduler-appointment-top-resize-indicator {
    top: -3px;
    left: 50%;
    margin-left: -2px;
    cursor: row-resize;
}

.jqx-scheduler-appointment-bottom-resize-indicator {
    cursor: row-resize;
    bottom: -3px;
    left: 50%;
    margin-left: -2px;
}

.jqx-scheduler-appointment-left-resize-indicator {
    cursor: col-resize;
    top: 50%;
    left: -3px;
    margin-top: -2px;
}

.jqx-scheduler-appointment-right-resize-indicator {
    cursor: col-resize;
    top: 50%;
    margin-top: -2px;
    right: -3px;
}

.jqx-scheduler-appointment span {
    vertical-align: middle;
    text-overflow: ellipsis;
    position: relative;
    top: -1px;
}

.jqx-scheduler-feedback-appointment {
    opacity: 0.7;
    position: absolute;
    z-index: 99999;
}

.jqx-scheduler-selected-appointment {
    border: 1px solid #316293 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    white-space: pre-line;
}

.jqx-scheduler-appointment:hover {
    border: 1px solid #3f7ebe !important;
}

.jqx-scheduler-feedback-drag-appointment {
    background: #aaa !important;
}

.jqx-icon-recurrence,
.jqx-icon-recurrence-exception,
.jqx-icon-recurrence-white,
.jqx-icon-recurrence-exception-white,
.jqx-icon-time {
    background-image: url('icon-recurrence.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px;
    margin-left: 5px;
}

.jqx-icon-time {
    background-image: url('icon-time.png');
    margin: 0px;
    position: relative;
    left: 1px;
    margin-top: -8px;
}

.jqx-icon-time-white {
    background-image: url('icon-time-white.png');
}

.jqx-icon-recurrence-exception {
    background-image: url('icon-recurrence-exception.png');
}

.jqx-icon-recurrence-exception-white {
    background-image: url('icon-recurrence-exception-white.png');
}

.jqx-icon-recurrence-white {
    background-image: url('icon-recurrence-white.png');
}

.jqx-scheduler-cell-hover {
    border-color: #3f7ebe !important;
    background: #a2c0df !important;
}

.jqx-scheduler-cell-selected {
    border-color: #316293 !important;
    background: #2f7eb6 !important;
}

.jqx-scheduler-edit-dialog-label {
    clear: both;
    float: left;
    margin-left: 2%;
    padding: 4px;
    text-align: right;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field {
    clear: right;
    float: right;
    margin-right: 2%;
    padding: 4px;
    width: 380px;
}

.jqx-scheduler-edit-dialog-label-rtl {
    clear: both;
    float: right;
    margin-left: 0px;
    margin-right: 2%;
    padding: 4px;
    text-align: left;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field-rtl {
    clear: left;
    float: left;
    margin-right: 0px;
    margin-left: 2%;
    padding: 4px;
    width: 72%;
}

.jqx-scheduler-legend-bar {
    overflow: hidden;
    border-color: inherit;
    border: none;
}

.jqx-scheduler-legend-bar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-scheduler-legend-bar-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-scheduler-legend {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-legend-label {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment,
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
    color: #fff;
}

.jqx-scheduler-agenda-date {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jqx-scheduler-agenda-time {
    padding: 5px;
}

.jqx-scheduler-agenda-appointment,
.jqx-scheduler-agenda-appointment-rtl {
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource,
.jqx-scheduler-agenda-appointment-resource-rtl {
    margin: 5px;
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource-rtl,
.jqx-scheduler-agenda-appointment-rtl {
    float: right;
}

.jqx-scheduler-agenda-day {
    margin: 3px;
    font-size: 33px;
    font-weight: normal;
}

.jqx-scheduler-agenda-week {
    font-style: normal;
    font-size: 13px;
}

.jqx-scheduler-agenda-date {
    font-size: 10px;
}

.jqx-scheduler-cell-focus {
    border-style: dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}

/*applied to all widgets*/

.jqx-widget {
    box-sizing: content-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    color: #000000;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
}

.jqx-item {
    -ms-touch-action: none;
    box-sizing: content-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/

.jqx-widget-content {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #c7c7c7;
    background: #fff;
}

/*applied to header areas. Tabs, Menu, Window, Calendar.*/

.jqx-widget-header {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-color: #c5c5c5;
    background: #e8e8e8;
}

.jqx-fill-state-normal {
    box-sizing: content-box;
    -ms-touch-action: none;
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #aaa;
    background: #efefef;
}

.jqx-fill-state-hover {
    box-sizing: content-box;
    border-color: #999;
    background: #e8e8e8;
}

.jqx-fill-state-pressed {
    box-sizing: content-box;
    border-color: #999;
    background: #d1d1d1;
}

.jqx-fill-state-focus {
    border-color: #555;
}

.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter: Alpha(Opacity=45);
}

.jqx-grid.jqx-fill-state-disabled {
    pointer-events: none;
}

.jqx-fill-state-normal td,
.jqx-fill-state-hover td,
.jqx-fill-state-pressed td,
.jqx-fill-state-disabled td,
.jqx-fill-state-focus td,
.jqx-widget td,
.jqx-widget-content td,
.jqx-widget-header td {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-column-header,
.jqx-widget .jqx-grid-group-cell {
    border-color: #aaa;
}

.jqx-widget .jqx-grid-column-menubutton,
.jqx-widget .jqx-grid-column-sortascbutton,
.jqx-widget .jqx-grid-column-sortdescbutton,
.jqx-widget .jqx-grid-column-filterbutton {
    background-color: transparent;
    border-color: #aaa;
}

.jqx-grid-column-header a:link,
.jqx-grid-column-header a:visited {}

.jqx-grid-bottomright,
.jqx-panel-bottomright,
.jqx-listbox-bottomright {
    background-color: #e5e5e5;
}

.jqx-tabs-title-selected-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-selected-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
    background-color: #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/

.jqx-tabs-selection-tracker-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/

.jqx-tabs-selection-tracker-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
}

/*jqxMaskedInput and jqxNumberInput Styles*/

.jqx-input {
    -webkit-appearance: none;
    padding: 0 0 0 0;
    outline: none;
    border-width: 1px;
    border-style: solid;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

input[type=text].jqx-input,
input[type=password].jqx-input {
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    padding: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.jqx-input::-ms-reveal {
    display: none;
}

.jqx-input::-ms-clear {
    display: none;
}

.jqx-input-content::-ms-clear {
    display: none;
}

.jqx-input::-ms-value {
    margin: 0px;
    padding: 0px;
    min-height: 13px;
    line-height: 13px;
}

/*applied to the input when the validation fails.*/

.jqx-input-invalid {
    border-color: #dd4b39 !important;
}

/*applied to the input's content.*/

.jqx-input-content {
    -webkit-appearance: none;
    padding: 1px;
    resize: none;
    outline: none;
    outline-width: 0px;
    -webkit-user-modify: inherit;
    -moz-user-modify: inherit;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

/*applied to the input when it is disabled.*/

.jqx-input-disabled {
    -webkit-appearance: none;
    resize: none;
    outline: none;
    outline-width: 0px;
}

/*applied to the list menu.*/

.jqx-listmenu-widget {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-content {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-header {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget li {
    -ms-touch-action: auto;
}

.jqx-menu-popup {}

.jqx-menu-vertical {
    background-color: #efefef;
}

.jqx-color-picker {}

.jqx-color-picker-panel {}

.jqx-color-picker-map {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-overlay {
    background-color: transparent;
    background-image: url('map-saturation-overlay.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-preview {
    border: 1px solid #A0A0A0;
}

.jqx-color-picker-pointer {
    background-image: url('crosshair.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-pointer-alt {
    background-image: url('crosshair-white.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-bar-pointer {
    background-image: url('pointer.png');
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 6px;
    background-position: right top;
}

.jqx-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -8px;
}

.jqx-input-icon {
    width: 13px;
    height: 13px;
    margin: 0 auto;
}

.jqx-scrollbar-thumb-state-normal-touch {
    border-color: #c3c3c3;
    background: #c3c3c3;
}

.jqx-touch,
.jqx-touch .jqx-fill-state-normal,
.jqx-touch .jqx-widget-content,
.jqx-touch .jqx-widget-header,
.jqx-touch a:link {}

.jqx-scrollbar .jqx-icon-arrow-up {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-down {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-left {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-right {
    width: 100%;
    height: 100%;
}

/*jqx-listmenu*/

.jqx-listmenu-widget {
    border-width: 1px;
    border-style: solid;
}

ol.jqx-listmenu,
ul.jqx-listmenu {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
    counter-reset: section;
}

.jqx-listmenu li {
    margin-left: 0px;
    list-style: none;
    line-height: 1;
}

.jqx-listmenu {
    width: 100%;
}

.jqx-listmenu-header {
    padding: 15px;
}

.jqx-listmenu-item {
    cursor: pointer;
    padding: 15px;
    float: none;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.jqx-listmenu-separator {
    padding: 10px;
    counter-reset: section;
}

.jqx-listmenu-header-label {
    margin-left: 30px;
}

.jqx-listmenu-arrow-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
}

.jqx-listmenu-arrow-rtl {
    right: 0px;
    left: 7px;
}

.jqx-listmenu-arrow-right-pressed {
    width: 16px;
    height: 16px;
}

.jqx-listmenu-header .jqx-button {
    border-radius: 10px;
    padding: 6px 10px;
}

.jqx-listmenu-filter-input {
    border-radius: 3px;
    border: 1px solid;
    outline: none;
    width: 97%;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #c7c7c7;
    background-color: #fff;
    font-size: 20px;
    min-height: 25px !important;
    height: 25px;
}

.jqx-listmenu-filter {
    text-align: center;
    padding: 4px;
}

ol li .jqx-listmenu-item-label:before {
    content: counter(section) ". ";
    counter-increment: section;
}

.jqx-listmenu div {
    clear: both;
}

.jqx-listmenu-auto-separator {}

.jqx-listmenu-item-readonly {
    cursor: default;
}

.jqx-tooltip {
    position: absolute;
    width: auto;
    height: auto;
}

.jqx-tooltip-main {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: inherit;
    border-style: solid;
    border-width: 1px;
}

.jqx-tooltip-text {
    padding: 5px 8px;
    overflow: hidden;
    filter: inherit;
}

.jqx-tooltip,
.jqx-tooltip-text,
.jqx-tooltip-main {
    border-radius: 5px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-tooltip-arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    filter: inherit;
}

.jqx-tooltip-arrow-t-b {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

/*Sets the text-alignment to right.*/

.jqx-rtl {
    text-align: right !important;
}

.jqx-shadow {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15) !important;
}

.jqx-noshadow {
    box-shadow: none !important;
}

.jqx-passwordinput-password-icon,
.jqx-passwordinput-password-icon-rtl {
    background-image: url('icon-showpassword.png') !important;
    background-repeat: no-repeat !important;
    width: 14px;
    height: 9px;
}

.jqx-passwordinput-password-icon-ltr {
    background-position: right !important;
}

.jqx-passwordinput-password-icon-rtl {
    background-position: left !important;
}

.jqx-passwordinput-password-strength-inicator {
    width: 20%;
    height: 5px;
    margin-top: 5px;
}

/*top rounded Corners*/

.jqx-rc-t-expanded {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/*bottom rounded Corners*/

.jqx-rc-b-expanded {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.jqx-treemap-rectangle {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #555;
    color: #222;
    text-shadow: 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-treemap-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jqx-treemap-rectangle-parent {
    color: #222;
    font-size: 15px;
    font-family: Verdana;
    font-weight: bold;
}

.jqx-treemap-legend-label {
    color: #fff;
}

.jqx-treemap-legend {
    width: 350px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 41;
    overflow: hidden;
}

.jqx-treemap-legend-table {
    table-layout: fixed;
    width: 100%;
}

.jqx-treemap-legend-color {
    height: 3px;
}

.jqx-treemap-legend-values {
    height: 12px;
    width: 100%;
}

.jqx-treemap-legend-value {
    font-size: 9px;
    position: absolute;
    color: #fff;
}

.jqx-treemap-rectangle-hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 40;
}

/*jqxRangeSelector*/

.jqx-rangeselector,
.jqx-rangeselector-content,
.jqx-rangeselector-slider,
.jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container,
.jqx-rangeselector-ticks,
.jqx-rangeselector-shutter {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: content-box !important;
}

.jqx-rangeselector-markers {}

.jqx-rangeselector-content,
.jqx-rangeselector-ticks,
.jqx-rangeselector-labels,
.jqx-rangeselector-shutter,
.jqx-rangeselector-markers,
.jqx-rangeselector-marker-arrow {
    position: absolute;
}

.jqx-rangeselector-ticks-container,
.jqx-rangeselector-ticks,
.jqx-rangeselector-shutter,
.jqx-rangeselector-slider {
    height: 100%;
}

.jqx-rangeselector-ticks-container,
.jqx-rangeselector-slider {
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
}

.jqx-rangeselector-group-labels-rtl,
.jqx-rangeselector-group-labels-ticks,
.jqx-rangeselector-slider {
    float: left;
}

.jqx-rangeselector-slider,
.jqx-rangeselector-markers,
.jqx-rangeselector-marker-arrow {
    border-style: solid;
}

.jqx-rangeselector-ticks,
.jqx-rangeselector-group-labels-ticks {
    width: 1px;
    background: #aaa;
}

.jqx-rangeselector-labels,
.jqx-rangeselector-markers {
    white-space: nowrap;
    width: auto;
}

.jqx-rangeselector-slider,
.jqx-rangeselector-markers {
    border-width: 1px !important;
}

.jqx-rangeselector-ticks-container {
    background-color: transparent;
    position: relative;
}

.jqx-rangeselector-shutter {
    opacity: 0.75;
    background: #efefef;
    border-width: 0px !important;
}

.jqx-rangeselector-slider {
    background-color: transparent !important;
    border-top: none !important;
    background-image: none !important;
    border-bottom: none !important;
    border-color: #aaa;
    border-right-color: transparent !important;
    position: relative;
    overflow: hidden;
}

.jqx-rangeselector-inner-slider {
    position: absolute;
    right: 0;
    background: #aaa;
    width: 1px;
    height: 100%;
}

.jqx-rangeselector-ticks {
    margin-top: 0px;
}

.jqx-rangeselector-labels,
.jqx-rangeselector-group-labels {
    margin-top: 4px;
}

.jqx-rangeselector-markers {
    height: 20px;
    padding: 5px;
    opacity: 0.75;
}

.jqx-rangeselector-marker-arrow {
    width: 0px;
    height: 0px;
    display: block;
    margin: -6px 0 0 -7px;
    background-color: transparent !important;
    filter: inherit;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    background-clip: border-box;
    background-repeat: repeat;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}

.jqx-rangeselector-marker-arrow-top {
    border-bottom-color: transparent !important;
}

.jqx-rangeselector-marker-arrow-bottom {
    border-top-color: transparent !important;
}

.jqx-rangeselector-marker-left-arrow {
    border-right-width: 0px;
    border-left-width: 5px;
}

.jqx-rangeselector-marker-right-arrow {
    border-right-width: 5px;
    border-left-width: 0px;
}

.jqx-rangeselector-markers-value {
    overflow: hidden;
    white-space: nowrap;
}

.jqx-rangeselector-group-labels-rtl {
    margin-right: 10px;
    direction: rtl;
}

.jqx-rangeselector-group-labels-ticks {
    height: 17px;
}

.jqx-rangeselector-group-labels-ticks-rtl {
    margin-left: 5px;
}

.jqx-action-button {
    border: none;
    border-left: 1px solid #c7c7c7;
}

.jqx-action-button-rtl {
    border: none;
    border-right: 1px solid #c7c7c7;
    cursor: pointer;
}

/*jqxBulletChart*/

.jqx-bulletchart {}

.jqx-bulletchart,
.jqx-bulletchart-title-container-horizontal,
.jqx-bulletchart-title-container-vertical,
.jqx-bulletchart-chart-container-horizontal,
.jqx-bulletchart-chart-container-vertical {
    position: relative;
}

.jqx-bulletchart-title-inner-container,
.jqx-bulletchart-range,
.jqx-bulletchart-pointer,
.jqx-bulletchart-target,
.jqx-bulletchart-ticks,
.jqx-bulletchart-labels {
    position: absolute;
}

.jqx-bulletchart-title-container-vertical,
.jqx-bulletchart-title,
.jqx-bulletchart-description,
.jqx-bulletchart-range-vertical {
    width: 100%;
}

.jqx-bulletchart-title-container-horizontal,
.jqx-bulletchart-chart-container-horizontal {
    float: left;
    overflow: hidden;
}

.jqx-bulletchart-title,
.jqx-bulletchart-description {
    text-align: center;
}

.jqx-bulletchart-title-inner-container {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.jqx-bulletchart-title-inner-container-ltr {
    padding-right: 5px;
}

.jqx-bulletchart-title-inner-container-rtl {
    padding-left: 5px;
}

.jqx-bulletchart-title-description-ltr {
    text-align: right;
}

.jqx-bulletchart-title-description-rtl {
    text-align: left;
}

.jqx-bulletchart-title-description-vertical {
    text-align: center;
}

.jqx-bulletchart-title {
    font-size: 110%;
    font-weight: bold;
}

.jqx-bulletchart-description {
    font-size: 90%;
}

.jqx-bulletchart-range-horizontal {
    height: 100%;
}

.jqx-bulletchart-target-horizontal {
    top: 10%;
    height: 80%;
}

.jqx-bulletchart-target-vertical {
    left: 10%;
    width: 80%;
}

.jqx-bulletchart-ticks {
    background-color: #AAAAAA;
}

.jqx-bulletchart-ticks-horizontal {
    width: 1px;
}

.jqx-bulletchart-ticks-vertical {
    height: 1px;
}

.jqx-bulletchart-zero-tick {}

.jqx-bulletchart-labels {}

/*jqxNotification*/

.jqx-notification {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}

.jqx-notification-table {
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
}

.jqx-notification-container {
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
}

.jqx-notification-container-full-width {
    width: 100%;
}

.jqx-notification-container-full-height {
    height: 100%;
}

#jqxNotificationDefaultContainer-top-right,
#jqxNotificationDefaultContainer-bottom-left {
    direction: rtl;
}

.jqx-notification-icon,
.jqx-notification-content {
    vertical-align: middle;
}

.jqx-notification-content {}

.jqx-notification-content-rtl {
    direction: rtl;
}

.jqx-link,
.jqx-inverse,
.jqx-primary,
.jqx-warning,
.jqx-danger,
.jqx-success,
.jqx-info {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.jqx-primary .jqx-icon-calendar,
.jqx-primary .jqx-icon-calendar-hover,
.jqx-primary .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-primary .jqx-icon-time,
.jqx-primary .jqx-icon-time-hover,
.jqx-primary .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-success .jqx-icon-calendar,
.jqx-success .jqx-icon-calendar-hover,
.jqx-success .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-success .jqx-icon-time,
.jqx-success .jqx-icon-time-hover,
.jqx-success .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-warning .jqx-icon-calendar,
.jqx-warning .jqx-icon-calendar-hover,
.jqx-warning .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-warning .jqx-icon-time,
.jqx-warning .jqx-icon-time-hover,
.jqx-warning .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-danger .jqx-icon-calendar,
.jqx-danger .jqx-icon-calendar-hover,
.jqx-danger .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-danger .jqx-icon-time,
.jqx-danger .jqx-icon-time-hover,
.jqx-danger .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-info .jqx-icon-calendar,
.jqx-info .jqx-icon-calendar-hover,
.jqx-info .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-info .jqx-icon-time,
.jqx-info .jqx-icon-time-hover,
.jqx-info .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-inverse .jqx-icon-calendar,
.jqx-inverse .jqx-icon-calendar-hover,
.jqx-inverse .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-inverse .jqx-icon-time,
.jqx-inverse .jqx-icon-time-hover,
.jqx-inverse .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-notification-info,
.jqx-info {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5bc0de !important;
    *background-color: #5bc0de !important;
    border-left-color: #46b8da !important;
    border-right-color: #46b8da !important;
    border-top-color: #46b8da !important;
    border-bottom-color: #46b8da !important;
}

.jqx-info:hover,
.jqx-info:focus,
.jqx-info:active,
.jqx-info.active,
.jqx-info.disabled,
.jqx-info[disabled] {
    color: #ffffff !important;
    background-color: #31b0d5 !important;
    *background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.jqx-fill-state-pressed.jqx-info,
.jqx-info:active,
.jqx-info.active {
    background-color: #269abc \9 !important;
}

.jqx-notification-warning,
.jqx-warning {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #f0ad4e !important;
    *background-color: #f0ad4e !important;
    border-left-color: #eea236 !important;
    border-right-color: #eea236 !important;
    border-top-color: #eea236 !important;
    border-bottom-color: #eea236 !important;
}

.jqx-warning:hover,
.jqx-warning:focus,
.jqx-warning:active,
.jqx-warning.active,
.jqx-warning.disabled,
.jqx-warning[disabled] {
    color: #ffffff !important;
    background-color: #ec971f !important;
    *background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.jqx-fill-state-pressed.jqx-warning,
.jqx-warning:active,
.jqx-warning.active {
    background-color: #d58512 \9 !important;
    border-color: #985f0d !important;
}

.jqx-notification-success,
.jqx-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5cb85c !important;
    *background-color: #5cb85c !important;
    border-left-color: #4cae4c !important;
    border-right-color: #4cae4c !important;
    border-top-color: #4cae4c !important;
    border-bottom-color: #4cae4c !important;
}

.jqx-success:hover,
.jqx-success:focus,
.jqx-success:active,
.jqx-success.active,
.jqx-success.disabled,
.jqx-success[disabled] {
    color: #ffffff !important;
    background-color: #449d44 !important;
    *background-color: #449d44 !important;
    border-color: #398439 !important;
}

.jqx-fill-state-pressed.jqx-success,
.jqx-success:active,
.jqx-success.active {
    background-color: #398439 !important;
    border-color: #255625 !important;
}

.jqx-notification-error,
.jqx-danger {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #d9534f !important;
    *background-color: #d9534f !important;
    border-left-color: #d43f3a !important;
    border-right-color: #d43f3a !important;
    border-top-color: #d43f3a !important;
    border-bottom-color: #d43f3a !important;
}

.jqx-danger:hover,
.jqx-danger:focus,
.jqx-danger:active,
.jqx-danger.active,
.jqx-danger.disabled,
.jqx-danger[disabled] {
    color: #ffffff !important;
    background-color: #c9302c !important;
    *background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.jqx-fill-state-pressed.jqx-danger,
.jqx-danger:active,
.jqx-danger.active {
    background-color: #ac2925 !important;
    border-color: #761c19 !important;
}

.jqx-notification-mail,
.jqx-primary {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #337ab7 !important;
    *background-color: #337ab7 !important;
    border-left-color: #2e6da4 !important;
    border-right-color: #2e6da4 !important;
    border-top-color: #2e6da4 !important;
    border-bottom-color: #2e6da4 !important;
}

.jqx-primary:hover,
.jqx-primary:focus,
.jqx-primary:active,
.jqx-primary.active,
.jqx-primary.disabled,
.jqx-primary[disabled] {
    color: #ffffff !important;
    background-color: #286090 !important;
    *background-color: #286090 !important;
}

.jqx-fill-state-pressed.jqx-primary,
.jqx-primary:active,
.jqx-primary.active {
    background-color: #204d74 !important;
}

.jqx-notification-time,
.jqx-inverse {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #363636 !important;
    *background-color: #222222 !important;
    border-left-color: #222222 !important;
    border-right-color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #000000 !important;
}

.jqx-inverse:hover,
.jqx-inverse:focus,
.jqx-inverse:active,
.jqx-inverse.active,
.jqx-inverse.disabled,
.jqx-inverse[disabled] {
    color: #ffffff !important;
    background-color: #222222 !important;
    *background-color: #151515 !important;
}

.jqx-fill-state-pressed.jqx-inverse,
.jqx-inverse:active,
.jqx-inverse.active {
    background-color: #080808 !important;
    background-image: linear-gradient(to bottom, #444444, #444444) !important;
}

.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.jqx-link {
    color: #0088cc !important;
    cursor: pointer !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.jqx-link:hover,
.jqx-link:focus {
    color: #005580 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.jqx-link[disabled]:hover,
.jqx-link[disabled]:focus {
    color: #333333 !important;
    text-decoration: none !important;
}

.jqx-link:focus,
.jqx-inverse:focus,
.jqx-primary:focus,
.jqx-warning:focus,
.jqx-danger:focus,
.jqx-success:focus,
.jqx-info:focus,
.jqx-link:hover,
.jqx-inverse:hover,
.jqx-primary:hover,
.jqx-warning:hover,
.jqx-danger:hover,
.jqx-success:hover,
.jqx-info:hover {
    background-position: 0 -15px !important;
    transition: background-position 0.1s linear !important;
}

.jqx-link:active,
.jqx-inverse:active,
.jqx-primary:active,
.jqx-warning:active,
.jqx-danger:active,
.jqx-success:active,
.jqx-info:active {
    background-image: none !important;
    outline: 0 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.jqx-notification-icon {
    background-repeat: no-repeat;
}

.jqx-notification-icon-ltr {
    background-position: left center;
}

.jqx-notification-icon-rtl {
    background-position: right center;
}

.jqx-notification-icon-info,
.jqx-notification-icon-warning,
.jqx-notification-icon-success,
.jqx-notification-icon-error,
.jqx-notification-icon-mail,
.jqx-notification-icon-time {
    width: 30px;
    height: 25px;
}

.jqx-notification-icon-info {
    background-image: url('info.png');
}

.jqx-notification-icon-warning {
    background-image: url('warning.png');
}

.jqx-notification-icon-success {
    background-image: url('success.png');
}

.jqx-notification-icon-error {
    background-image: url('error.png');
}

.jqx-notification-icon-mail {
    background-image: url('mail.png');
}

.jqx-notification-icon-time {
    background-image: url('time.png');
}

.jqx-notification-close-button-info,
.jqx-notification-close-button-success,
.jqx-notification-close-button-mail,
.jqx-notification-close-button-time,
.jqx-notification-close-button-error {
    background-image: url('close_white.png');
}

.jqx-notification-close-button-warning {
    background-image: url('close_black.png');
}

.jqx-notification-close-button-container,
.jqx-notification-close-button {
    width: 16px;
    height: 16px;
}

.jqx-notification-close-button-container {
    vertical-align: top;
}

.jqx-notification-close-button {
    position: relative;
    top: -11px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-notification-close-button-ltr {
    right: -11px;
    background-position: right top;
}

.jqx-notification-close-button-rtl {
    left: -11px;
    background-position: left top;
}

.jqx-navbar {
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

.jqx-navbar ul:before,
.jqx-navbar ul:after {
    content: "";
    display: table;
}

.jqx-navbar ul:after {
    clear: both;
}

.jqx-navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
}

.jqx-navbar-block {
    margin: 0;
    overflow: hidden;
    padding: 0px 12px;
    border-width: 0px;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.jqx-navbar-block-rtl {
    float: right;
}

.jqx-ribbon {
    position: relative;
    overflow: hidden;
}

.jqx-ribbon-auto {
    display: inline-block;
}

.jqx-ribbon-popup {
    overflow: visible;
}

.jqx-ribbon-header {
    position: absolute;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    display: block;
    box-shadow: none !important;
}

.jqx-ribbon-header-auto {
    position: relative;
}

.jqx-ribbon-header-horizontal {
    width: 100%;
    min-height: 30px;
    padding: 0px;
    white-space: nowrap;
}

.jqx-ribbon-header-bottom {
    bottom: 0;
}

.jqx-ribbon-header-vertical {
    min-width: 75px;
    height: 100%;
    float: left;
    padding: 0px;
}

.jqx-ribbon-header-right {
    right: 0;
}

.jqx-ribbon-header-horizontal-popup,
.jqx-ribbon-header-vertical-popup {
    position: relative;
}

.jqx-ribbon-header-horizontal-popup {
    height: 100%;
}

.jqx-ribbon-header-vertical-popup {
    width: 100%;
}

.jqx-ribbon-item {
    position: relative;
    list-style-type: none;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: default;
    min-width: 10px;
    vertical-align: top;
}

.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom {
    height: 100%;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

.jqx-ribbon-item-top {
    margin-top: 1px;
}

.jqx-ribbon-item-bottom {
    margin-top: -1px;
}

.jqx-ribbon-item-left,
.jqx-ribbon-item-right {
    width: 100%;
    margin-top: 2px;
}

.jqx-ribbon-item-left {
    margin-left: 1px;
}

.jqx-ribbon-item-right {
    margin-left: -1px;
}

.jqx-ribbon-item-hover {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-hover {
    border-bottom-color: inherit !important;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
    border-top-color: inherit !important;
}

.jqx-ribbon-item-left.jqx-ribbon-item-hover {
    border-right-color: inherit !important;
}

.jqx-ribbon-item-right.jqx-ribbon-item-hover {
    border-left-color: inherit !important;
}

.jqx-ribbon-item-selected {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-selected {
    border-bottom-color: transparent;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
    border-top-color: transparent;
}

.jqx-ribbon-item-left.jqx-ribbon-item-selected {
    border-right-color: transparent;
}

.jqx-ribbon-item-right.jqx-ribbon-item-selected {
    border-left-color: transparent;
}

.jqx-ribbon-content {
    background-image: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
}

.jqx-ribbon-content-horizontal {
    clear: both;
    height: 100%;
}

.jqx-ribbon-content-vertical {
    height: 100%;
    width: 100%;
    float: left;
    border-width: 1px;
}

.jqx-ribbon-content-popup {
    z-index: 99999;
    position: absolute;
    border-left: none;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
    width: 100%;
    height: auto;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
    width: auto;
    height: 100%;
}

.jqx-ribbon-content-popup-top {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-bottom {
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-left {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-right {
    box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-auto-width {
    width: auto;
}

.jqx-ribbon-content-section {
    width: 100%;
    height: 100%;
    display: none;
    border-width: 1px;
    border-style: solid;
    box-sizing: inherit;
    overflow: auto;
}

.jqx-ribbon-content-section-top {
    border-top: none;
}

.jqx-ribbon-content-section-bottom {
    bottom: 0;
    border-bottom: none;
}

.jqx-ribbon-content-section-left {
    border-left: none;
}

.jqx-ribbon-content-section-right {
    border-right: none;
    right: 0;
}

.jqx-ribbon-content-section-popup {
    position: relative;
}

.jqx-ribbon-content-section-horizontal-popup {
    height: auto;
}

.jqx-ribbon-content-section-vertical-popup {
    width: auto;
}

.jqx-ribbon-header-rtl {
    text-align: right;
}

.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
    direction: rtl;
}

.jqx-ribbon-item-rtl {
    direction: rtl;
}

.jqx-ribbon-scrollbutton {
    position: absolute;
    display: none;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0;
}

.jqx-ribbon-scrollbutton-top,
.jqx-ribbon-scrollbutton-bottom {
    width: 17px;
}

.jqx-ribbon-scrollbutton-left,
.jqx-ribbon-scrollbutton-right {
    height: 17px;
}

.jqx-ribbon-scrollbutton-top {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-bottom {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-right {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    right: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    left: 18px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    bottom: 18px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    top: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-ribbon-selection-token {
    position: absolute;
    z-index: 0;
}

.jqx-ribbon-selection-token-top,
.jqx-ribbon-selection-token-bottom {
    height: 1px;
}

.jqx-ribbon-selection-token-left,
.jqx-ribbon-selection-token-right {
    width: 1px;
}

.jqx-ribbon-auto,
.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom,
.jqx-ribbon-content {
    *display: inline;
}

.jqx-ribbon-content-left {
    *float: none;
}

.jqx-ribbon-content-right {
    *float: left;
}

.jqx-ribbon-content.jqx-ribbon-content-popup {
    *left: 0;
}

.jqx-ribbon-content-popup .jqx-ribbon-content-section {
    *overflow: visible;
}

.jqx-ribbon-content-section-popup {
    *position: absolute;
}

.jqx-toolbar,
.jqx-toolbar-minimized-popup-separator {
    box-sizing: border-box;
}

.jqx-toolbar,
.jqx-toolbar-minimized-popup {
    padding: 5px;
}

.jqx-toolbar {
    position: relative;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.jqx-toolbar-tool {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.jqx-toolbar-tool-rtl {
    float: right;
}

.jqx-toolbar-tool-no-separator-ltr {
    margin-right: 2px !important;
}

.jqx-toolbar-tool-no-separator-rtl {
    margin-left: 2px !important;
}

.jqx-toolbar-tool-separator-ltr {
    margin-right: 6px !important;
}

.jqx-toolbar-tool-separator-rtl {
    margin-left: 6px !important;
}

.jqx-toolbar-tool-inner-button {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 !important;
}

.jqx-toolbar-minimized-button,
.jqx-toolbar-minimized-popup {
    position: absolute;
}

.jqx-toolbar-minimized-button {
    height: 100%;
    right: 0;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    display: none;
}

.jqx-toolbar-minimized-button-rtl {
    left: 0;
    margin-left: 5px;
    margin-right: 0;
}

.jqx-toolbar-minimized-popup {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    visibility: hidden;
    z-index: 1000;
}

.jqx-toolbar-tool-minimized {
    margin: 1px 0 !important;
}

.jqx-toolbar-minimized-popup-separator {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    display: none;
}

.jqx-complex-input-spin-buttons-container {
    border-width: 1px;
    border-style: solid;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    white-space: nowrap;
    vertical-align: middle;
}

.jqx-formatted-input,
.jqx-complex-input {
    padding-right: 2px !important;
    text-align: right;
}

.jqx-formatted-input-lower-case,
.jqx-complex-input {
    text-transform: lowercase;
}

.jqx-formatted-input-upper-case {
    text-transform: uppercase;
}

.jqx-formatted-input-item {
    word-wrap: break-word;
}

.jqx-formatted-input-item-rtl,
.jqx-complex-input-rtl {
    direction: rtl !important;
}

.jqx-formatted-input-spin-buttons-container,
.jqx-formatted-input-addon {
    height: 100%;
}

.jqx-formatted-input-spin-buttons-container {
    width: 18px;
    padding: 0 0 0 1px !important;
    overflow: hidden;
}

.jqx-formatted-input-spin-buttons-container-rtl {
    border-right-width: 0px;
    padding: 0 0 0 2px !important;
}

.jqx-formatted-input-spin-buttons-container-rtl-border {
    border-left-width: 1px !important;
}

.jqx-formatted-input-spin-button {
    position: relative;
    width: 17px;
    height: 50%;
    margin-left: -1px;
    border-width: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}

.jqx-formatted-input-addon {
    width: 19px;
    padding: 0 !important;
    cursor: pointer;
}

.jqx-formatted-input-addon-rtl {
    border-right-width: 1px !important;
}

.jqx-complex-input-parent {
    overflow: hidden;
}

.jqx-complex-input-child {
    height: 100%;
    float: left;
    box-sizing: border-box;
}

.jqx-complex-input-child-rtl {
    float: right;
}

.jqx-complex-input-spin-buttons-container-ltr {
    border-left-width: 0;
}

.jqx-complex-input-spin-buttons-container-rtl {
    border-left-width: 1px !important;
    border-right-width: 0;
}

.jqx-file-upload {
    position: relative;
    overflow: auto;
}

.jqx-file-upload,
.jqx-file-upload-file-row,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}

.jqx-file-upload-buttons-container,
.jqx-file-upload-iframe,
.jqx-file-upload-loading-element {
    display: none;
}

.jqx-file-upload-file-input-ie9,
.jqx-file-upload-buttons-container,
.jqx-file-upload-file-row,
.jqx-file-upload-icon {
    width: 100%;
}

.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-icon,
.jqx-file-upload-loading-element {
    height: 100%;
}

.jqx-file-input-iframe,
.jqx-file-upload-form-ie9 {
    position: absolute;
}

.jqx-file-input-iframe {
    width: 0;
    height: 0;
    border: none;
}

.jqx-file-upload-form,
.jqx-file-upload-file-input {
    visibility: hidden;
    display: none;
}

.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9 {
    display: block;
    visibility: visible;
}

.jqx-file-upload-form-ie9 {
    z-index: 10000;
    opacity: 0;
    filter: alpha(opacity=0);
}

.jqx-file-upload-file-name {
    width: auto;
    padding: 0 2px 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *float: left;
}

.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
    float: right;
}

.jqx-file-upload,
.jqx-file-upload-file-row {
    padding: 5px;
}

.jqx-file-upload-button-browse {
    display: block;
}

.jqx-file-upload-buttons-container {
    height: auto;
    margin-top: 10px;
}

.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl {
    direction: rtl !important;
}

.jqx-file-upload-button-cancel,
.jqx-file-upload-button-upload-rtl {
    margin-left: 5px;
}

.jqx-file-upload-button-upload-rtl-ie {
    margin-right: 5px;
}

.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-button-upload-rtl-ie {
    margin-left: 0;
}

.jqx-file-upload-file-row {
    height: 30px;
    margin-bottom: 3px;
    clear: both;
}

.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
    width: 17px;
    margin: 0 1px 0 1px;
}

.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl,
.jqx-file-upload-loading-element-rtl {
    float: none;
    *float: left;
}

.jqx-file-upload-button-browse,
.jqx-file-upload-button-upload,
.jqx-file-upload-button-cancel,
.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    cursor: pointer;
    white-space: nowrap;
}

.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    display: inline-block;
}

.jqx-file-upload-icon-upload,
.jqx-file-upload-loading-element {
    margin-top: 1px;
}

.jqx-file-upload-loading-element {
    background-image: url('loader-small.gif');
    background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
    margin-top: 0px;
}

.jqx-text-area-element {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    position: absolute;
    resize: none;
}

.jqx-text-area-element-rtl {
    direction: rtl !important;
}

.jqx-responsive-panel {
    overflow: auto;
}

.jqx-responsive-panel {
    border-width: 0px;
}

.jqx-responsive-panel-button {
    border-width: 1px;
    border-style: solid;
}

.jqx-responsive-panel-button {
    display: none;
    cursor: pointer;
}

.jqx-responsive-panel-button-inner {
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

.jqx-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    border-style: solid;
    border-width: 1px;
}

.jqx-loader-ie-transparency {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";
    /*For IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    /*For IE 7*/
}

.jqx-loader-modal {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: default;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
}

.jqx-loader-icon {
    background-image: url('loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}

.jqx-loader-text {
    z-index: 999;
    position: relative;
}

.jqx-loader-text-left {
    margin-left: 5px;
    position: absolute;
    top: 50%;
}

.jqx-loader-text-right {
    margin-right: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
}

.jqx-loader-text-top {
    text-align: center;
    margin-top: 5px;
}

.jqx-loader-text-bottom {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
}

.jqx-loader-rtl {
    direction: rtl;
}

/* jqxLayout and jqxDockingLayout */

.jqx-layout,
.jqx-layout-group-root,
.jqx-layout-pseudo-window-header,
.jqx-docking-layout-overlay-inner-square-content {
    position: relative;
}

.jqx-layout-pseudo-window-pin-background,
.jqx-layout-pseudo-window-close-background,
.jqx-layout-resize-feedback,
.jqx-layout-overlay,
.jqx-docking-layout-overlay,
.jqx-docking-layout-overlay-highlight-right,
.jqx-docking-layout-overlay-highlight-bottom,
.jqx-docking-layout-overlay-square-edge,
.jqx-docking-layout-drop-overlay {
    position: absolute;
}

.jqx-layout {
    background-color: #c5c5c5;
}

.jqx-layout-group-root,
.jqx-layout-pseudo-window-pin-icon,
.jqx-layout-pseudo-window-pinned-icon,
.jqx-layout-pseudo-window-close-icon,
.jqx-layout-overlay {
    width: 100%;
    height: 100%;
}

.jqx-layout-group-default-horizontal>div,
.jqx-layout-pseudo-window-title-ltr,
.jqx-docking-layout-overlay-square,
.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
    float: left;
}

.jqx-layout-group-tabbed {
    position: static;
    box-sizing: border-box;
    min-height: 0 !important;
}

.jqx-layout-group-tabbed .jqx-window-content,
.jqx-docking-layout-group-floating .jqx-window-content {
    padding: 0;
}

.jqx-layout-group-tabbed .jqx-ribbon-content-section,
.jqx-layout-window,
.jqx-docking-layout-group-floating .jqx-ribbon-content-section {
    border: none;
}

.jqx-layout-window {
    position: static;
}

.jqx-layout-group-auto-hide-content-vertical,
.jqx-layout-group-auto-hide-content-horizontal {
    overflow: auto;
}

.jqx-layout-group-auto-hide-content-vertical {
    width: 150px;
}

.jqx-layout-group-auto-hide-content-horizontal {
    width: 100%;
    height: 150px;
}

.jqx-layout-pseudo-window {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: none !important;
}

.jqx-layout-pseudo-window-header,
.jqx-layout-pseudo-window-content {
    width: 100%;
    box-sizing: border-box;
}

.jqx-layout-pseudo-window-header {
    height: 30px;
}

.jqx-layout-pseudo-window-pin-background,
.jqx-layout-pseudo-window-close-background {
    width: 16px;
    height: 16px;
    top: 5px;
}

.jqx-layout-pseudo-window-pin-background-ltr {
    right: 15px;
}

.jqx-layout-pseudo-window-close-background-ltr {
    right: 0;
}

.jqx-layout-pseudo-window-pin-background-rtl {
    left: 15px;
}

.jqx-layout-pseudo-window-close-background-rtl {
    left: 0;
}

.jqx-layout-pseudo-window-pin-icon,
.jqx-layout-pseudo-window-pinned-icon,
.jqx-layout-pseudo-window-close-icon {
    cursor: pointer;
}

.jqx-layout-pseudo-window-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-layout-pseudo-window-pin-icon {
    background-image: url('pin.png');
}

.jqx-layout-pseudo-window-pinned-icon {
    background-image: url('pinned.png');
}

.jqx-layout-pseudo-window-title-rtl {
    float: right;
}

.jqx-layout-resize-feedback {
    z-index: 9999;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    display: none;
}

.jqx-layout-resize-feedback-horizontal {
    width: 100%;
    height: 4px;
    cursor: row-resize;
}

.jqx-layout-resize-feedback-vertical {
    width: 4px;
    height: 100%;
    cursor: col-resize;
}

.jqx-layout-resize-feedback-warning {
    border-color: #800000 !important;
    background-color: Red !important;
}

.jqx-layout-overlay {
    top: 0;
    left: 0;
    display: none;
    background-color: transparent;
    z-index: 8999;
    pointer-events: none;
}

.jqx-layout-ribbon-header-ltr {
    padding-left: 20px;
}

.jqx-layout-ribbon-header-rtl {
    padding-right: 20px;
}

/* jqxDockingLayout-specific */

.jqx-docking-layout-group-floating {
    border-color: #FFD280 !important;
}

.jqx-docking-layout-group-floating .jqx-window-header {
    border-color: #FFD280;
    background-color: #FFD280 !important;
    background: linear-gradient(#FFE4B5, #FFD280) !important;
}

.jqx-docking-layout-overlay,
.jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.jqx-docking-layout-overlay-square-edge {
    display: none;
}

.jqx-docking-layout-overlay {
    width: 100px;
    height: 100px;
    left: 100px;
    top: 70px;
}

.jqx-docking-layout-overlay-section {
    height: 33px;
    width: 100px;
}

.jqx-docking-layout-overlay-square {
    width: 26px;
    height: 26px;
    padding: 3px;
}

.jqx-docking-layout-overlay-square-invisible {
    background-color: transparent !important;
    background-image: none !important;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-center,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-highlight-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-highlight-right {
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-highlight-left {
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-center,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-inner-square-header,
.jqx-docking-layout-overlay-highlight-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-docking-layout-overlay-square-center {
    border-color: transparent !important;
}

.jqx-docking-layout-overlay-inner-square,
.jqx-docking-layout-overlay-inner-square-header,
.jqx-docking-layout-overlay-inner-square-content,
.jqx-docking-layout-overlay-highlight-top,
.jqx-docking-layout-overlay-highlight-bottom,
.jqx-docking-layout-overlay-mini-window-edge-vertical {
    width: 24px;
}

.jqx-docking-layout-overlay-inner-square {
    border-width: 1px;
    border-style: solid;
    height: 24px;
}

.jqx-docking-layout-overlay-inner-square-header {
    height: 5px;
}

.jqx-docking-layout-overlay-inner-square-content {
    height: 18px;
}

.jqx-docking-layout-overlay-highlight {}

.jqx-docking-layout-overlay-highlight-top {
    height: 9px;
    border-bottom-style: dashed;
}

.jqx-docking-layout-overlay-highlight-left,
.jqx-docking-layout-overlay-highlight-right {
    width: 12px;
    height: 18px;
}

.jqx-docking-layout-overlay-highlight-left {
    border-right-style: dashed;
}

.jqx-docking-layout-overlay-highlight-right {
    right: 0;
    border-left-style: dashed;
}

.jqx-docking-layout-overlay-highlight-bottom {
    bottom: 0;
    height: 9px;
    border-top-style: dashed;
}

.jqx-docking-layout-drop-overlay {
    display: none;
    background-color: #6495ED;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10000;
    top: 0px;
    left: 0px;
}

.jqx-docking-layout-square-disabled {
    visibility: hidden;
}

.jqx-docking-layout-overlay-square-edge,
.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-mini-window-edge-vertical {
    border-style: solid;
    border-width: 1px;
}

.jqx-docking-layout-overlay-inner-square-edge {
    width: 26px;
    height: 26px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal {
    height: 24px;
}

.jqx-docking-layout-overlay-mini-window-edge-vertical {
    height: 13px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-inner-square-header-horizontal,
.jqx-docking-layout-overlay-inner-square-content-horizontal {
    width: 13px;
}

.jqx-docking-layout-overlay-inner-square-content-vertical {
    height: 7px;
}

.jqx-docking-layout-overlay-square-edge-arrow {
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: block;
    background: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-top {
    border-top-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-bottom-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-left-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-right-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right {
    margin-top: 8px;
}

.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    margin-left: 8px;
}

.jqx-tag-cloud ul {
    padding-left: 5px;
}

.jqx-tag-cloud-item {
    padding: 3px;
    display: inline-block;
}

.jqx-tag-cloud-item a {
    text-decoration: initial;
}

.jqx-tag-cloud-item a:hover {
    text-decoration: underline;
}

.jqx-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.jqx-popover-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jqx-popover-close-button {
    width: 16px;
    height: 16px;
    float: right;
}

.jqx-popover-close-button-rtl {
    float: left;
}

.jqx-popover.top {
    margin-top: -10px;
}

.jqx-popover.right {
    margin-left: 10px;
}

.jqx-popover.bottom {
    margin-top: 10px;
}

.jqx-popover.left {
    margin-left: -10px;
}

.jqx-popover-title {
    padding: 8px 14px;
    margin: 0;
    border-bottom: 1px solid inherit;
    border-radius: 3px 3px 0 0;
}

.jqx-popover-title:empty {
    display: none;
}

.jqx-popover-content {
    padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
    border-width: 11px;
}

.jqx-popover .jqx-popover-arrow:after {
    border-width: 10px;
    content: "";
}

.jqx-popover.top .jqx-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: inherit;
    border-bottom-width: 0;
}

.jqx-popover.top .jqx-popover-arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
}

.jqx-popover.right .jqx-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: inherit;
    border-left-width: 0;
}

.jqx-popover.right .jqx-popover-arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: inherit;
    border-top-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.jqx-popover.left .jqx-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: inherit;
}

.jqx-popover.left .jqx-popover-arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
}

.jqx-kanban-full-frame {
    width: 100vw;
    height: 100vh;
}

.jqx-kanban-in-frame {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.jqx-kanban-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-kanban-column {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
}

.jqx-kanban-column-collapsed {
    width: 50px;
}

.jqx-kanban-column-first {
    border-width: 1px;
}

.jqx-kanban-column:first-of-type {
    border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
    /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed {
    /*vertical column invisible*/
    display: none;
    box-sizing: border-box;
    height: 0px;
    width: 0px;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show {
    /*vertical column visible*/
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-vertical-container {
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
    padding-top: 0px;
    padding-left: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title,
.jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
    position: relative;
}

.jqx-kanban-column-hide {
    /*colapsed*/
    display: none !important;
}

.jqx-kanban-column-header {
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.jqx-kanban-column-header-button {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header .jqx-window-collapse-button {
    margin-top: 1px !important;
}

.jqx-kanban-column-header-custom-button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header-custom-button-rtl {
    left: 20px;
}

.jqx-kanban-column-header-button-rtl {
    left: 0px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
    top: 100%;
    right: 50%;
    margin-top: -21px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
    top: 100%;
    right: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-container {
    margin: 1px;
    overflow-y: auto;
}

.jqx-kanban-item-placeholder {
    height: 100px;
    border: gray dotted 1px;
    border-radius: 3px;
    margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    position: relative;
    box-shadow: #ddd 2px 2px 3px;
    cursor: pointer;
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-kanban-item-selected {}

.jqx-kanban-item-color-status {
    background-color: #6bbd49;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.jqx-kanban-item-color-status-rtl {
    right: 0px;
    left: 100%;
}

.jqx-kanban-item-text {
    padding-left: 6px;
    padding-right: 23px;
    font-size: 14px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-kanban-rtl .jqx-kanban-item-text {
    padding-right: 6px;
    padding-left: 23px;
}

.jqx-kanban-column-header-title {}

.jqx-kanban-column-header-status {}

.jqx-kanban-item-content {}

.jqx-kanban-item-avatar {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #eee;
    text-align: center;
    overflow: hidden;
}

.jqx-kanban-item-avatar-rtl {
    left: 3px;
}

.jqx-kanban-item-avatar-image {
    width: 20px;
    height: 20px;
}

.jqx-kanban-item-avatar-image:hover {}

.jqx-kanban-item-footer {
    border-top: 1px solid transparent;
    border-color: inherit;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
}

.jqx-kanban-item-keyword {
    float: left;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-color: inherit;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
    direction: rtl;
    text-align: right;
    float: right;
}

.jqx-kanban-item-keyword:hover {}

.jqx-kanban-item-avatar {
    height: 20px;
}

.jqx-kanban-handle {
    cursor: move;
}

.jqx-kanban-clearing {
    clear: both;
}

.jqx-sortable {
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
    position: absolute;
    left: 20px;
    top: 20px;
    display: none;
    padding: 6px 12px;
    border: black solid 1px;
    background-color: white;
    color: #333333;
    font-size: 11px;
    font-weight: 100;
    font-family: Verdana;
    border: black solid 1px;
    border-radius: 3px;
    opacity: 1;
    white-space: nowrap;
    z-index: 5;
}

.jqx-bar-gauge-measure-text {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    z-index: -99999;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.jqx-scrollbar-mobile {
    background: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
    background: transparent !important;
    border-color: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal,
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    background: #808080 !important;
    border-color: #808080 !important;
    border-width: 1px;
    z-index: 99999;
    border-radius: 0px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    width: 4px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
    height: 4px !important;
}

.jqx-primary .jqx-icon-arrow-down,
.jqx-warning .jqx-icon-arrow-down,
.jqx-danger .jqx-icon-arrow-down,
.jqx-success .jqx-icon-arrow-down,
.jqx-info .jqx-icon-arrow-down {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-selected,
.jqx-warning .jqx-icon-arrow-down-selected,
.jqx-danger .jqx-icon-arrow-down-selected,
.jqx-success .jqx-icon-arrow-down-selected,
.jqx-info .jqx-icon-arrow-down-selected {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-hover,
.jqx-warning .jqx-icon-arrow-down-hover,
.jqx-danger .jqx-icon-arrow-down-hover,
.jqx-success .jqx-icon-arrow-down-hover,
.jqx-info .jqx-icon-arrow-down-hover {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-up,
.jqx-warning .jqx-icon-arrow-up,
.jqx-danger .jqx-icon-arrow-up,
.jqx-success .jqx-icon-arrow-up,
.jqx-info .jqx-icon-arrow-up {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-selected,
.jqx-warning .jqx-icon-arrow-up-selected,
.jqx-danger .jqx-icon-arrow-up-selected,
.jqx-success .jqx-icon-arrow-up-selected,
.jqx-info .jqx-icon-arrow-up-selected {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-hover,
.jqx-warning .jqx-icon-arrow-up-hover,
.jqx-danger .jqx-icon-arrow-up-hover,
.jqx-success .jqx-icon-arrow-up-hover,
.jqx-info .jqx-icon-arrow-up-hover {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-right,
.jqx-warning .jqx-icon-arrow-right,
.jqx-danger .jqx-icon-arrow-right,
.jqx-success .jqx-icon-arrow-right,
.jqx-info .jqx-icon-arrow-right {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-selected,
.jqx-warning .jqx-icon-arrow-right-selected,
.jqx-danger .jqx-icon-arrow-right-selected,
.jqx-success .jqx-icon-arrow-right-selected,
.jqx-info .jqx-icon-arrow-right-selected {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-hover,
.jqx-warning .jqx-icon-arrow-right-hover,
.jqx-danger .jqx-icon-arrow-right-hover,
.jqx-success .jqx-icon-arrow-right-hover,
.jqx-info .jqx-icon-arrow-right-hover {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-left,
.jqx-warning .jqx-icon-arrow-left,
.jqx-danger .jqx-icon-arrow-left,
.jqx-success .jqx-icon-arrow-left,
.jqx-info .jqx-icon-arrow-left {
    background-image: url('icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-selected,
.jqx-warning .jqx-icon-arrow-left-selected,
.jqx-danger .jqx-icon-arrow-left-selected,
.jqx-success .jqx-icon-arrow-left-selected,
.jqx-info .jqx-icon-arrow-left-selected {
    background-image: url('icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-hover,
.jqx-warning .jqx-icon-arrow-left-hover,
.jqx-danger .jqx-icon-arrow-left-hover,
.jqx-success .jqx-icon-arrow-left-hover,
.jqx-info .jqx-icon-arrow-left-hover {
    background-image: url('icon-left-white.png');
}

.jqx-primary-item .jqx-listitem-state-hover,
.jqx-primary-item .jqx-menu-item-hover,
.jqx-primary-item .jqx-tree-item-hover,
.jqx-primary-item .jqx-calendar-cell-hover,
.jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-primary-item .jqx-listitem-state-selected,
.jqx-primary-item .jqx-menu-item-selected,
.jqx-primary-item .jqx-tree-item-selected,
.jqx-primary-item .jqx-calendar-cell-selected,
.jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected,
.jqx-primary-item .jqx-grid-selectionarea,
.jqx-primary-item .jqx-input-button-header,
.jqx-primary-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-hover,
.jqx-warning-item .jqx-menu-item-hover,
.jqx-warning-item .jqx-tree-item-hover,
.jqx-warning-item .jqx-calendar-cell-hover,
.jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-selected,
.jqx-warning-item .jqx-menu-item-selected,
.jqx-warning-item .jqx-tree-item-selected,
.jqx-warning-item .jqx-calendar-cell-selected,
.jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected,
.jqx-warning-item .jqx-grid-selectionarea,
.jqx-warning-item .jqx-input-button-header,
.jqx-warning-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-hover,
.jqx-danger-item .jqx-menu-item-hover,
.jqx-danger-item .jqx-tree-item-hover,
.jqx-danger-item .jqx-calendar-cell-hover,
.jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-selected,
.jqx-danger-item .jqx-menu-item-selected,
.jqx-danger-item .jqx-tree-item-selected,
.jqx-danger-item .jqx-calendar-cell-selected,
.jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected,
.jqx-danger-item .jqx-grid-selectionarea,
.jqx-danger-item .jqx-input-button-header,
.jqx-danger-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-hover,
.jqx-success-item .jqx-menu-item-hover,
.jqx-success-item .jqx-tree-item-hover,
.jqx-success-item .jqx-calendar-cell-hover,
.jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-selected,
.jqx-success-item .jqx-menu-item-selected,
.jqx-success-item .jqx-tree-item-selected,
.jqx-success-item .jqx-calendar-cell-selected,
.jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected,
.jqx-success-item .jqx-grid-selectionarea,
.jqx-success-item .jqx-input-button-header,
.jqx-success-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-hover,
.jqx-info-item .jqx-menu-item-hover,
.jqx-info-item .jqx-tree-item-hover,
.jqx-info-item .jqx-calendar-cell-hover,
.jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-selected,
.jqx-info-item .jqx-menu-item-selected,
.jqx-info-item .jqx-tree-item-selected,
.jqx-info-item .jqx-calendar-cell-selected,
.jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected,
.jqx-info-item .jqx-grid-selectionarea,
.jqx-info-item .jqx-input-button-header,
.jqx-info-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-hover,
.jqx-inverse-item .jqx-menu-item-hover,
.jqx-inverse-item .jqx-tree-item-hover,
.jqx-inverse-item .jqx-calendar-cell-hover,
.jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-selected,
.jqx-inverse-item .jqx-menu-item-selected,
.jqx-inverse-item .jqx-tree-item-selected,
.jqx-inverse-item .jqx-calendar-cell-selected,
.jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected,
.jqx-inverse-item .jqx-grid-selectionarea,
.jqx-inverse-item .jqx-input-button-header,
.jqx-inverse-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-element {
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    box-sizing: border-box;
}

.jqx-element-no-border {
    border-width: 0px;
}

.jqx-element-container {}

.jqx-resize-trigger,
.jqx-resize-trigger-shrink {
    position: absolute;
    left: 0;
    top: 0;
    transition: 0s;
}

.jqx-resize-trigger-shrink {
    width: 200%;
    height: 200%;
}

.jqx-resize-trigger-container {
    display: block;
    visibility: hidden;
    position: relative;
    top: -100%;
    left: 0;
    min-height: 0.1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
}

/* jqxPivotGrid */

.jqx-pivotgrid {
    background-color: #DEDEDE;
}

.jqx-pivotgrid-item {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    text-overflow: ellipsis;
}

.jqx-pivotgrid-content-wrapper {
    align: left;
    valign: top;
    overflow: hidden;
    border: solid 1px grey;
}

.jqx-pivotgrid-menu-button {
    border: none;
    background-image: url('icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-pivotgrid-expand-button {
    outline: none;
    background-image: url('icon_expand.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-collapse-button {
    outline: none;
    background-image: url('icon_collapse.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-sortasc-icon {
    background-image: url('icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortdesc-icon {
    background-image: url('icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortremove-icon {
    background-image: url('icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-settings-icon {
    background-image: url('icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

jqx-bullet-chart {
    width: 800px;
    height: 80px;
}

jqx-scroll-view {
    width: 600px;
}

jqx-bar-gauge,
jqx-draw {
    width: 850px;
    height: 600px;
}

jqx-menu {
    width: 600px;
}

jqx-data-table,
jqx-pivotgrid,
jqx-grid,
jqx-scheduler,
jqx-tree-grid,
jqx-docking-layout,
jqx-layout,
jqx-tree-map,
jqx-splitter,
jqx-kanban {
    width: 850px;
}

jqx-nav-bar {
    height: 50px;
}

jqx-chart {
    width: 850px;
    height: 400px;
}

jqx-docking-layout,
jqx-layout {
    width: 850px;
    height: 600px;
}

jqx-ribbon,
jqx-panel {
    width: 450px;
    height: 300px;
}

jqx-scheduler {
    height: 600px;
}

jqx-list-box,
jqx-text-area {
    width: 200px;
    height: 200px;
}

jqx-file-upload {
    width: 300px;
}

jqx-complex-input,
jqx-formatted-input,
jqx-password-input,
jqx-input,
jqx-number-input,
jqx-slider,
jqx-masked-input,
jqx-drop-down-list,
jqx-combo-box,
jqx-date-time-input,
jqx-drop-down-button {
    width: 300px;
    height: 35px;
}

jqx-loader {
    width: 100px !important;
    height: 60px !important;
}

jqx-expander,
jqx-navigation-bar {
    width: 350px;
}

jqx-navigation-bar {
    height: 450px;
}

jqx-range-selector {
    width: 600px;
}

jqx-tabs {
    width: 800px;
}

jqx-tool-bar {
    width: 800px;
    height: 35px;
}

jqx-editor {
    width: 600px;
    height: 400px;
}

jqx-tree-map {
    width: 850px;
    height: 600px;
}

jqx-tree {
    width: 250px;
}

jqx-linear-gauge {
    width: 100px;
}

jqx-color-picker,
jqx-calendar {
    width: 200px;
    height: 200px;
}

jqx-scroll-bar {
    width: 400px;
    height: 20px;
}

jqx-knob {
    width: 600px;
    height: 600px;
}

.jqx-input-label {
    visibility: hidden;
    position: absolute;
}

.jqx-input-bar {
    visibility: hidden;
    position: absolute;
}

.jqx-info-icon {
    background-image: url('icon-info-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
}

.jqx-labels-and-palette {
    display: flex;
}

.jqx-shades {
    width: 560px;
    padding-left: 100px;
}

.jqx-palette>ul,
.jqx-shades>ul,
.jqx-color-labels>ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.jqx-color-labels>ul {
    flex-direction: column;
}

.jqx-color-cell {
    width: 39px;
    height: 39px;
    margin: 0.5px;
    cursor: pointer;
}

.jqx-color-cell:hover {
    border-radius: 8px;
}

.jqx-shade-cell {
    width: 38px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 1px 5px 1px;
    text-align: center;
}

.jqx-color-label {
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
}

.jqx-heatmap-container-wrapper {
    display: flex;
}

.jqx-heatmap-container-wrapper canvas {
    display: block;
}

.jqx-heatmap-title {
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.jqx-heatmap-grid {
    display: flex;
    cursor: default;
}

.jqx-x-axis-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jqx-y-axis-container {
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
}

.jqx-column {
    display: flex;
    flex-direction: column-reverse;
}

.jqx-x-axis {
    display: flex;
}

.jqx-x-axis-label {
    padding-top: 10px;
    font-size: 14px;
    color: gray;
    text-align: center;
}

.jqx-x-axis-label.jqx-top {
    padding: 0 0 10px 0;
}

.jqx-y-axis {
    display: flex;
    flex-direction: column-reverse;
}

.jqx-y-axis.jqx-margin-top-auto {
    margin-top: auto;
}

.jqx-y-axis-label {
    display: flex;
    align-items: center;
    color: gray;
    padding-right: 10px;
}

.jqx-y-axis-label.jqx-right {
    padding: 0 0 0 10px;
}

.jqx-heatmap-cell {
    position: relative;
    padding: 20px 10px;
    margin: 1px;
    text-align: center;
}

.jqx-heatmap-cell.jqx-empty-cell {
    pointer-events: none;
}

.jqx-heatmap-tooltip {
    display: inline-block;
    position: absolute;
    background: #000;
    color: #fff;
    opacity: 0.6;
    padding: 10px;
    pointer-events: none;
    border-radius: 3px;
    transition: top 0.7s ease, left 0.7s ease;
    box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75);
}

.jqx-heatmap-tooltip::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
}

.jqx-legend-vertical {
    position: relative;
    margin-left: 10px;
}

.jqx-legend-vertical.jqx-left {
    margin: 0 10px 0 0;
}

.jqx-legend-vertical.jqx-margin-top-auto {
    margin-top: auto;
}

.jqx-legend-horizontal {
    position: relative;
    margin-left: auto;
    margin-bottom: 40px;
}

.jqx-legend-horizontal.jqx-bottom {
    margin-top: 10px;
    margin-bottom: 30px;
}

.jqx-legend-horizontal.jqx-margin-right-auto {
    margin-right: auto;
    margin-left: 0;
}

.jqx-palette-vertical {
    width: 10px;
    height: 100%;
}

.jqx-palette-horizontal {
    width: 100%;
    height: 10px;
}

.jqx-palette-horizontal.jqx-fixed {
    display: flex;
}

.jqx-color-container,
.jqx-color-container-tick {
    cursor: pointer;
}

.jqx-opacity-50 {
    opacity: 0.5;
}

.jqx-selected-color {
    background: #d3d3d3 !important;
}

.jqx-heatmap-hidden {
    visibility: hidden;
}

.jqx-tick-vertical {
    position: absolute;
    left: 15px;
}

.jqx-tick-vertical::before {
    content: '';
    width: 10px;
    background: #fff;
    height: 1px;
    position: absolute;
    top: 6px;
    left: -15px;
}

.jqx-tick-vertical.jqx-no-line::before,
.jqx-tick-horizontal.jqx-no-line::before {
    content: none;
}

.jqx-tick-horizontal {
    position: absolute;
    top: 20px;
}

.jqx-tick-horizontal::before {
    content: '';
    width: 10px;
    background: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 6px;
}

.jqx-arrow-vertical {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid gray;
    position: absolute;
    left: -8px;
    display: none;
}

.jqx-arrow-horizontal {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid gray;
    position: absolute;
    top: 11px;
    left: -6px;
    display: none;
}

/*jqxTimePicker Style*/

.jqx-time-picker {
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 1px;
    font-family: Verdana;
    font-size: 12px;
    line-height: initial;
    touch-action: none;
    min-width: 250px;
    box-sizing: border-box;
}

.jqx-time-picker * {
    box-sizing: border-box;
}

.jqx-time-picker[view="landscape"] {
    min-width: 400px;
}

.jqx-time-picker>.jqx-container {
    width: 100%;
    height: 100%;
}

.jqx-time-picker[view="landscape"]>.jqx-container,
.jqx-time-picker .jqx-header,
.jqx-time-picker .jqx-svg-container,
.jqx-time-picker .jqx-hour-minute-container {
    display: flex;
}

.jqx-time-picker .jqx-header {
    width: 100%;
    height: 20%;
    justify-content: center;
    align-items: center;
}

.jqx-time-picker[view="landscape"] .jqx-header {
    flex-direction: column;
    width: 33%;
    height: 100%;
}

.jqx-time-picker .jqx-main-container {
    width: 100%;
    height: 80%;
    padding: 2%;
    background-color: var(--jqx-time-picker-background);
}

.jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.jqx-time-picker[view="landscape"] .jqx-main-container {
    width: 67%;
    height: 100%;
}

.jqx-time-picker .jqx-svg-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.jqx-time-picker[footer] .jqx-svg-container {
    height: calc(100% - 30px);
}

.jqx-time-picker .jqx-footer {
    display: none;
}

.jqx-time-picker[footer] .jqx-footer {
    display: block;
    width: 100%;
    height: 30px;
}

.jqx-time-picker .jqx-hour-minute-container {
    font-size: 50px;
}

.jqx-time-picker .jqx-am-pm-container {
    margin-left: 10px;
}

.jqx-time-picker[view="landscape"] .jqx-am-pm-container {
    margin-left: 0;
}

.jqx-time-picker .jqx-hour-container,
.jqx-time-picker .jqx-minute-container,
.jqx-time-picker .jqx-am-container,
.jqx-time-picker .jqx-pm-container {
    opacity: 0.5;
    cursor: pointer;
}

.jqx-time-picker[readonly] .jqx-hour-container,
.jqx-time-picker[disabled] .jqx-hour-container,
.jqx-time-picker[readonly] .jqx-minute-container,
.jqx-time-picker[disabled] .jqx-minute-container,
.jqx-time-picker[readonly] .jqx-am-container,
.jqx-time-picker[disabled] .jqx-am-container,
.jqx-time-picker[readonly] .jqx-pm-container,
.jqx-time-picker[disabled] .jqx-pm-container {
    cursor: default;
}

.jqx-time-picker .jqx-selected {
    opacity: 1;
}

.jqx-time-picker .jqx-hour-minute-container div:nth-child(2) {
    opacity: 0.5;
}

.jqx-time-picker .jqx-svg-picker {
    border-radius: 50%;
    position: relative;
    box-sizing: content-box;
}

.jqx-time-picker .jqx-svg-picker.animate {
    -webkit-animation: jqx-time-picker-animation 0.5s linear;
            animation: jqx-time-picker-animation 0.5s linear;
}

.jqx-time-picker[disabled] {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.jqx-time-picker .jqx-label.jqx-selected {
    fill: white;
}

.jqx-time-picker .jqx-header:focus {
    outline: 1px solid skyblue;
}

.jqx-time-picker .jqx-svg-picker:focus {
    border: 1px solid skyblue;
    outline: none;
}

@-webkit-keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.jqx-grid-card-row {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    overflow: hidden;
}

.jqx-grid-card-cell {
    padding: 15px;
    overflow: auto;
}

.jqx-grid-card-cell table {
    width: 100%;
    height: 100%;
    padding: 10px;
    table-layout: fixed;
    border: 1px solid #bbb;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.jqx-grid-card-cell {
    position: relative;
}

.jqx-grid-card-cell .jqx-icon-edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 25px;
    background-size: 13px;
    cursor: pointer;
}

.jqx-grid-card-cell input {
    padding: 4px;

}

.jqx-grid-card-cell-label {
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(90, 90, 90);
}

.jqx-grid-card-cell td div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jqx-card-edit-buttons {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

/* Split Layout */

.jqx-split-layout-component {
    display: block;
    overflow: initial;
    width: 600px;
    height: 600px;
}

.jqx-split-layout {
    display: block;
    overflow: initial;
    width: 600px;
    height: 600px;
    --jqx-primary-rgb: 0, 92, 153;
    --jqx-primary: rgb(var(--jqx-primary-rgb));
    --jqx-primary-color: #fff;
    --jqx-background: #fff;
    --jqx-background-color: rgba(0, 0, 0, .88);
    --jqx-background-hover-rgb: 225, 225, 225;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(0, 0, 0, .54);
    --jqx-surface-rgb: 255, 255, 255;
    --jqx-surface: rgb(var(--jqx-surface-rgb));
    --jqx-surface-color: rgba(0, 0, 0, .88);
    --jqx-border: #E0E0E0;
    --jqx-scrollbar-background: #f5f5f5;
    --jqx-scrollbar-border: #ddd;
    --jqx-scrollbar-thumb-background: #C1C1C1;
    --jqx-scrollbar-thumb-border: #b3b3b3;
    --jqx-scrollbar-thumb-background-hover: #e6e6e6;
    --jqx-scrollbar-thumb-border-hover: #b3b3b3;
    --jqx-scrollbar-thumb-background-pressed: #d9d9d9;
    --jqx-scrollbar-thumb-border-pressed: #b3b3b3;
    --jqx-scrollbar-button-color-hover: #333;
    --jqx-scrollbar-button-background-hover: #f5f5f5;
    --jqx-scrollbar-button-border-hover: #f5f5f5;
    --jqx-scrollbar-button-color-pressed: #333;
    --jqx-scrollbar-button-background-pressed: #f5f5f5;
    --jqx-scrollbar-button-border-pressed: #f5f5f5;
    --jqx-split-layout-buttons-border-radius: 50%;
    --jqx-split-layout-context-menu-default-width: var(--jqx-menu-vertical-default-width);
    --jqx-split-layout-context-menu-default-height: auto;
    --jqx-primary-rgb: 0, 92, 153;
    /* The r, g, and b components of the theme primary color */
    --jqx-primary: rgb(var(--jqx-primary-rgb));
    /* The theme primary color */
    --jqx-primary-color: #ffffff;
    /* Text color on top of a primary background */

    --jqx-secondary-rgb: 45, 45, 48;
    /* The r, g, and b components of the theme secondary color */
    --jqx-secondary: rgb(var(--jqx-secondary-rgb));
    /* The theme secondary color */
    --jqx-secondary-color: #ffffff;
    /* Text color on top of a secondary background */

    --jqx-error-rgb: 176, 0, 32;
    /* The theme error color */
    --jqx-error: rgb(var(--jqx-error-rgb));
    /* The theme error color */
    --jqx-error-color: #ffffff;
    /* Text color on top of a error background */

    --jqx-success-rgb: 139, 195, 74;
    /* The r, g, and b components of the theme success color */
    --jqx-success: rgb(var(--jqx-success-rgb));
    /* The theme success color */
    --jqx-success-color: #ffffff;
    /* Text color on top of a success background */

    --jqx-info-rgb: 92, 192, 222;
    /* The r, g, and b components of the theme info color */
    --jqx-info: rgb(var(--jqx-info-rgb));
    /* The theme info color */
    --jqx-info-color: #fff;
    /* Text color on top of a info background */

    --jqx-warning-rgb: 240, 173, 78;
    /* The r, g, and b components of the theme warning color */
    --jqx-warning: rgb(var(--jqx-warning-rgb));
    /* The theme warning color */
    --jqx-warning-color: #fff;
    /* Text color on top of a warning background */

    --jqx-light-rgb: 255, 255, 255;
    /* The r, g, and b components of the theme light color */
    --jqx-light: rgb(var(--jqx-light-rgb));
    /* The theme light color */
    --jqx-light-color: #222222;
    /* Text color on top of a light background */

    --jqx-dark-rgb: 34, 34, 34;
    /* The r, g, and b components of the theme dark color */
    --jqx-dark: rgb(var(--jqx-dark-rgb));
    /* The theme dark color */
    --jqx-dark-color: #ffffff;
    /* Text color on top of a dark background */

    --jqx-background: #fefefe;
    /* The theme background color. The background color appears behind scrollable content.*/
    --jqx-background-color: #5A5A5A;
    /* Text color on top of a background background */

    --jqx-surface: #F5F5F5;
    /* The theme surface color. Surface colors affect surfaces of components, such as cards, sheets, and menus. */
    --jqx-surface-color: #323232;
    /* Text color on top of a surface surface */

    --jqx-disabled: #CCCCCC;
    /* The theme primary color in disabled state. */
    --jqx-disabled-color: #555;
    /* Text color on top of a theme background in disabled state */

    --jqx-ui-state-hover: #ebebeb;
    /* Hover state background. */
    --jqx-ui-state-color-hover: #333;
    /* Text color, when UI Element's state is 'hover'. */
    --jqx-ui-state-border-hover: var(--jqx-ui-state-hover);
    /* Border color, when UI Element's state is 'hover'. */
    --jqx-ui-state-active: var(--jqx-primary);
    /* Active state background. */
    --jqx-ui-state-color-active: var(--jqx-primary-color);
    /* Text color, when UI Element's state is 'active'. */
    --jqx-ui-state-border-active: var(--jqx-primary);
    /* Border color, when UI Element's state is 'active'. */
    --jqx-ui-state-focus: #e2e0e0;
    /* Focus state background. */
    --jqx-ui-state-color-focus: #333;
    /* Text color, when UI Element's state is 'focus'. */
    --jqx-ui-state-border-focus: var(--jqx-ui-state-focus);
    /* Border color, when UI Element's state is 'focus'. */
    --jqx-ui-state-selected: rgba(var(--jqx-primary-rgb), .1);
    /* Selected state background. */
    --jqx-ui-state-color-selected: var(--jqx-primary);
    /* Text color, when UI Element's state is 'selected'. */
    --jqx-ui-state-border-selected: rgba(var(--jqx-primary-rgb), .1);
    /* Border color, when UI Element's state is 'selected'. */
    --jqx-item-border-width: 1px;
    /* Theme border-width */
    --jqx-item-border-radius: var(--jqx-border-radius);
    /* Border radius of items. */
    --jqx-item-border-top-left-radius: var(--jqx-border-radius);
    /* Border top-left radius of items. */
    --jqx-item-border-top-right-radius: var(--jqx-border-radius);
    /* Border top-right radius of items. */
    --jqx-item-border-bottom-left-radius: var(--jqx-border-radius);
    /* Border bottom-left radius of items. */
    --jqx-item-border-bottom-right-radius: var(--jqx-border-radius);
    /* Border bottom-right radius of items. */
    --jqx-font-size: 14px;
    /* Theme font-size */
    --jqx-font-weight: inherit;
    /* Theme font-weight */
    --jqx-font-style: inherit;
    /* Theme font-style */
    --jqx-font-family: Roboto, "Helvetica Neue", sans-serif;
    /* Theme font-family */
    --jqx-editor-addon-width: 27px;
    /* Default width for spin buttons, dropdown buttons. */
    border: 1px solid #E0E0E0;
    border-right: none;
    border-bottom: none;
    overflow: initial;
    box-sizing: border-box;
}

.jqx-split-layout>.jqx-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jqx-layout-group,
.jqx-tab-layout-group {
    box-sizing: border-box;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab {
    padding: 24px 12px;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab:after,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab:after {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    content: "";
    transition: all .2s ease;
    transform: perspective(5px) rotateY(2deg);
    transform-origin: left;
    left: 0;
    right: -1px;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="right"] .jqx-layout-tab.selected .jqx-close-button {
    margin-right: 5px;
}

.jqx-tab-layout-group[position="left"] .jqx-layout-tab:after {
    right: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.jqx-tab-layout-group[position="left"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab.selected .jqx-close-button {
    transform: rotateY(0deg);
    margin-left: -5px;
}

.jqx-tab-layout-group[position="top"] .jqx-layout-tab,
.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab {
    padding: 12px 24px;
}

.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab:after {
    transform-origin: top;
    transform: perspective(5px) rotateX(-2deg);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 0px;
    top: 0;
}

.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab.selected .jqx-close-button {
    margin-top: -5px;
}

.jqx-split-layout jqx-layout-group {
    display: grid;
    overflow: hidden;
}

.jqx-split-layout jqx-layout-group[data-id="root"] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-template-columns: 1fr;
}

.jqx-split-layout jqx-tab-layout-group {
    display: grid;
    overflow: hidden;
    grid-template-rows: 35px 1fr;
    border-right: 1px solid var(--jqx-border);
    border-bottom: 1px solid var(--jqx-border);
}

.jqx-split-layout jqx-tab-layout-group .jqx-layout-tab-strip {
    background: var(--jqx-surface);
    display: flex;
    overflow: hidden;
    border-bottom: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="bottom"] {
    grid-template-rows: 1fr 35px;
}

.jqx-split-layout jqx-tab-layout-group[position="bottom"]>.jqx-layout-tab-strip {
    border: none;
    border-top: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="left"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after,
.jqx-split-layout jqx-tab-layout-group[position="right"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after {
    margin-left: initial;
    margin-top: 5px;
}

.jqx-split-layout jqx-tab-layout-group[position="left"] {
    grid-template-columns: 35px 1fr;
    grid-template-rows: initial;
}

.jqx-split-layout jqx-tab-layout-group[position="left"]>.jqx-layout-tab-strip {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    justify-content: flex-end;
    align-items: center;
    border: none;
    border-left: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="right"] {
    grid-template-columns: 1fr 35px;
    grid-template-rows: initial;
}

.jqx-split-layout jqx-tab-layout-group[position="right"]>.jqx-layout-tab-strip {
    writing-mode: vertical-rl;
    align-items: center;
    border: none;
    border-left: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[orientation="vertical"] {
    height: 100%;
}

.jqx-split-layout jqx-tab-layout-group[orientation="horizontal"] {
    width: 100%;
}

.jqx-split-layout jqx-tab-layout-item {
    overflow: hidden;
}

.jqx-split-layout jqx-tab-layout-item>jqx-layout-group {
    width: 100%;
    height: 100%;
}

.jqx-split-layout .jqx-split-layout-buttons-container {
    position: absolute;
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    z-index: 9999;
}

.jqx-split-layout .jqx-layout-buttons-container div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jqx-primary-color);
    background: var(--jqx-primary);
    font-family: var(--jqx-font-family-icon);
    font-size: 14px;
    font-size: var(--jqx-font-size);
    padding: 5px;
    left: calc(50% - var(--jqx-editor-addon-width) / 2);
    width: var(--jqx-editor-addon-width);
    height: var(--jqx-editor-addon-width);
    cursor: pointer;
    border-top-left-radius: var(--jqx-split-layout-buttons-border-radius);
    border-top-right-radius: var(--jqx-split-layout-buttons-border-radius);
    border-bottom-left-radius: var(--jqx-split-layout-buttons-border-radius);
    border-bottom-right-radius: var(--jqx-split-layout-buttons-border-radius);
    z-index: 1;
    touch-action: none;
}

.jqx-split-layout .jqx-layout-buttons-container div:after {
    content: var(--jqx-icon-plus);
}

.jqx-split-layout .jqx-layout-buttons-container div:active {
    color: var(--jqx-ui-state-color-active);
    border-color: var(--jqx-ui-state-active);
    background-color: var(--jqx-ui-state-active);
    opacity: var(--jqx-button-opacity-active);
}

.jqx-split-layout .jqx-layout-buttons-container div:hover {
    color: var(--jqx-ui-state-color-hover);
    border-color: var(--jqx-ui-state-hover);
    background-color: var(--jqx-ui-state-hover);
    opacity: var(--jqx-button-opacity-active);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="rotate"]:after {
    content: var(--jqx-icon-reload);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="center"] {
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="left"] {
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
    left: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="right"] {
    left: initial;
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
    right: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="top"] {
    top: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="bottom"] {
    bottom: 0;
}

.jqx-split-layout .jqx-layout-drop-area {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
    left: 0px;
    top: 0px;
    opacity: 0;
    background: rgba(var(--jqx-primary-rgb), 0.2);
    transition: opacity 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-item {
    height: auto;
    overflow: hidden;
    background: var(--jqx-background);
    border-right: 1px solid var(--jqx-border);
    border-bottom: 1px solid var(--jqx-border);
}

.jqx-split-layout .jqx-layout-item[hover] {
    overflow: hidden;
}

.jqx-split-layout [data-id] {
    position: relative;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:hover,
.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:active {
    transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="left"] {
    -webkit-animation: leftRight 0.2s ease-in;
            animation: leftRight 0.2s ease-in;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="right"] {
    -webkit-animation: rightLeft 0.2s ease-in;
            animation: rightLeft 0.2s ease-in;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="top"] {
    -webkit-animation: topBottom 0.2s ease-in;
            animation: topBottom 0.2s ease-in;
}

.jqx-split-layout *:not([animation="none"]) .jqx-layout-buttons-container div[position="bottom"] {
    -webkit-animation: bottomTop 0.2s ease-in;
            animation: bottomTop 0.2s ease-in;
}

.jqx-split-layout.outline .jqx-layout-splitter {
    opacity: 1;
}

.jqx-split-layout .jqx-layout-splitter {
    z-index: 999;
    position: absolute;
    background: var(--jqx-border);
    border: 1px solid var(--jqx-border);
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-splitter:hover {
    border-color: var(--jqx-primary);
    border-style: dashed;
}

.jqx-split-layout .jqx-layout-splitter:not([root-splitter]) {
    transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-splitter.active {
    background: var(--jqx-primary);
    border-color: var(--jqx-primary);
}

.jqx-split-layout .jqx-layout-splitter.error {
    background: var(--jqx-error);
    border-color: var(--jqx-error);
}

.jqx-split-layout .jqx-layout-splitter.horizontal {
    height: 1px;
    width: 100%;
    bottom: 0px;
    top: initial;
    cursor: s-resize;
}

.jqx-split-layout .jqx-layout-splitter.horizontal.last {
    top: 0px;
    bottom: initial;
    display: none;
}

.jqx-split-layout .jqx-layout-splitter.vertical {
    width: 1px;
    height: 100%;
    right: 0px;
    left: initial;
    cursor: e-resize;
}

.jqx-split-layout .jqx-layout-splitter.vertical.last {
    left: 0px;
    right: initial;
    display: none;
}

.jqx-split-layout .jqx-layout-splitter[drag].horizontal,
.jqx-split-layout .jqx-layout-splitter[drag].vertical,
.jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.horizontal,
.jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.vertical,
.jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.horizontal,
.jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.vertical {
    opacity: 1;
    z-index: 99;
}

.jqx-layout-tab {
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 12px 24px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: var(--jqx-font-family);
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out;
}

.jqx-layout-tab:hover {
    color: var(--jqx-primary);
}

.jqx-layout-tab.selected {
    color: var(--jqx-primary-color);
    background: var(--jqx-primary);
}

.jqx-layout-tab.selected .jqx-close-button {
    z-index: 10;
    color: inherit;
}

.jqx-layout-tab.selected .jqx-close-button:after {
    content: 'x';
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-family: var(--jqx-font-family-icon);
    margin-left: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.jqx-layout-tab label {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 9;
    margin-top: 2px;
    color: inherit;
}

.jqx-split-layout-feedback {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2);
    background: var(--jqx-background);
    position: absolute;
    width: 300px !important;
    height: 150px !important;
    max-height: 150px !important;
    overflow: hidden;
    left: 0px;
    top: 0px;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1);
    transition: transform 0.25s ease-in-out;
}

.jqx-split-layout-feedback.dragging {
    transform: scale(0.5);
}

.jqx-split-layout-overlay {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.01;
    background: black;
}

@-webkit-keyframes topBottom {
    0% {
        top: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        top: 0;
    }
}

@keyframes topBottom {
    0% {
        top: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes bottomTop {
    0% {
        bottom: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomTop {
    0% {
        bottom: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        bottom: 0;
    }
}

@-webkit-keyframes leftRight {
    0% {
        left: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        left: 0;
    }
}

@keyframes leftRight {
    0% {
        left: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes rightLeft {
    0% {
        right: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        right: 0;
    }
}

@keyframes rightLeft {
    0% {
        right: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        right: 0;
    }
}

.jqx-visibility-hidden {
    visibility: hidden;
}

.jqx-hidden {
    display: none;
}

/* End of Split Layout */
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/jqwidgets-scripts/jqwidgets/styles/jqx.energyblue.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.jqx-widget-content-energyblue{border-color: #a4bed4;}
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue{border-color:#a4bed4; background-color:#e0e9f5}
.jqx-fill-state-hover-energyblue{border-color:#a4bed4;  background-color:#cfdde9}
.jqx-fill-state-pressed-energyblue{border-color:#5e8cb3; background-color:#cfdde9}
.jqx-fill-state-focus-energyblue { border-color: #477396; }
.jqx-scrollbar-state-normal-energyblue, .jqx-grid-bottomright-energyblue, .jqx-panel-bottomright-energyblue, .jqx-listbox-bottomright-energyblue{background-color:#e0e9f5}
.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue{border-color:#a4bed4}
.jqx-tabs-title-selected-bottom-energyblue, .jqx-tabs-selection-tracker-bottom-energyblue, .jqx-tabs-title-selected-top-energyblue, .jqx-tabs-selection-tracker-top-energyblue{border-color:#a4bed4; border-bottom:1px solid #fff; background:#fff}
.jqx-grid-cell-sort-alt-energyblue, .jqx-grid-cell-filter-alt-energyblue, .jqx-grid-cell-pinned-energyblue, .jqx-grid-cell-alt-energyblue, .jqx-grid-cell-sort-energyblue{ background-color:#e7eef8}
.jqx-grid-cell-selected-energyblue{ background-color:#cfdde9 !important;  color:#2b465e !important;}
.jqx-grid-cell-hover-energyblue{ background-color:#cfdde9 !important;}
.jqx-menu-vertical-energyblue{background: #e0e9f5;}
.jqx-layout-energyblue
{
    background-color: #a4bed4;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/jqwidgets-scripts/jqwidgets/styles/jqx.metrodark.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.jqx-rc-tl-metrodark
{
    border-top-left-radius: 0px;
}
.jqx-rc-tr-metrodark
{
    border-top-right-radius: 0px;
}
.jqx-rc-bl-metrodark
{
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-metrodark
{
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-metrodark
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-metrodark
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-metrodark
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-metrodark
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-metrodark
{
    border-radius: 0px;
}
.jqx-widget-metrodark {
    font-size: 12px; line-height: 17px;
    font-family: 'segoe ui', arial, sans-serif;
    color: inherit;
}
.jqx-widget-content-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background-color: #252526;}
.jqx-widget-header-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; color: #ffffff; border-color:#35353A; background-color:#3E3E42;}
.jqx-fill-state-normal-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;}
.jqx-fill-state-hover-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color:#1C97EA; color: #fff; background-color:#1C97EA;

}
.jqx-fill-state-focus-metrodark { border-color: #000; }
.jqx-fill-state-pressed-metrodark{border-color:#007ACC; color: #fff; background-color:#007ACC;

}
.jqx-fill-state-disabled-metrodark {
    color: #898989;
}
.jqx-input-metrodark {
    border-color: #35353A;
}
.jqx-scrollbar-state-normal-metrodark, .jqx-grid-bottomright-metrodark, .jqx-panel-bottomright-metrodark, .jqx-listbox-bottomright-metrodark{background-color:#3E3E42;}
.jqx-widget-metrodark .jqx-grid-column-header-metrodark, .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-group-cell-metrodark, .jqx-grid-group-cell-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #1C1C1E; background-color: #2A2A2C; color: #fff;}
.jqx-tabs-title-selected-bottom-metrodark, .jqx-tabs-selection-tracker-bottom-metrodark, .jqx-tabs-title-selected-top-metrodark, .jqx-tabs-selection-tracker-top-metrodark{color: #ffffff; border-color:#35353A; border-bottom:1px solid #252526; background:#007ACC}
.jqx-widget-metrodark .jqx-grid-cell-alt-metrodark, .jqx-widget-metrodark .jqx-grid-cell-sort-metrodark, .jqx-widget-metrodark .jqx-grid-cell-pinned-metrodark, .jqx-widget-metrodark .jqx-grid-cell-filter-metrodark, .jqx-grid-cell-sort-alt-metrodark, .jqx-grid-cell-filter-alt-metrodark, .jqx-grid-cell-pinned-metrodark, .jqx-grid-cell-alt-metrodark, .jqx-grid-cell-sort-metrodark{ background-color:#3E3E42; color: #fff;}
.jqx-menu-vertical-metrodark{background: #3E3E42; border-color: #3E3E42;}
.jqx-widget-metrodark .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-column-header-metrodark, .jqx-widget-metrodark .jqx-grid-group-cell-metrodark { border-color: #35353A;}
.jqx-widget-metrodark .jqx-grid-column-menubutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-sortascbutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-sortdescbutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-filterbutton-metrodark {
    background-color: transparent;
    border-color: #35353A;
}
.jqx-window-header-metrodark, .jqx-input-button-header-metrodark, .jqx-calendar-title-header-metrodark, .jqx-grid-metrodark .jqx-widget-header-metrodark, .jqx-grid-header-metrodark, .jqx-grid-column-header-metrodark {font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;}
.jqx-grid-column-menubutton-metrodark {
    background-image: url('metro-icon-down-white.png');
 }
.jqx-calendar-cell-today-metrodark {
    color: #35353A;
}
.jqx-widget-metrodark .jqx-grid-cell-selected-metrodark, .jqx-grid-cell-selected-metrodark{ background-color:#007ACC; border-color: #007ACC; font-size: 12px;  color:#fff;}
.jqx-widget-metrodark .jqx-grid-cell-hover-metrodark, .jqx-grid-cell-hover-metrodark{ background-color:#1C97EA; border-color: #1C97EA;}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton-metrodark {
    background-image: url('metro-icon-up-white.png');
 }
.jqx-grid-column-sortdescbutton-metrodark {
    background-image: url('metro-icon-down-white.png');
}
.jqx-checkbox-check-checked-metrodark{background:transparent url('check_white.png') center center no-repeat}
.jqx-checkbox-check-indeterminate-metrodark{background:transparent url('check_indeterminate_white.png') center center no-repeat}
.jqx-checkbox-hover-metrodark, .jqx-radiobutton-hover-metrodark {
    background-color: #3E3E42;
    border-color: #3E3E42;
}
.jqx-radiobutton-check-checked-metrodark {
    background: #fff;
    border-color: #fff;
}
.jqx-grid-column-menubutton-metrodark {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('icon-menu-small-white.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
 }
.jqx-item-metrodark .jqx-grid-sortasc-icon
 {
    background-image: url('icon-sort-asc-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-item-metrodark .jqx-grid-sortdesc-icon
 {
    background-image: url('icon-sort-desc-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the grid menu's sort remove item/*/
.jqx-item-metrodark .jqx-grid-sortremove-icon
 {
    background-image: url('icon-sort-remove-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
.jqx-scrollbar-thumb-state-normal-horizontal-metrodark, .jqx-scrollbar-thumb-state-normal-metrodark {
    background: #686868; border-color: #686868;
}
.jqx-scrollbar-thumb-state-hover-horizontal-metrodark, .jqx-scrollbar-thumb-state-hover-metrodark {
    background: #9E9E9E; border-color: #9E9E9E;
}
.jqx-scrollbar-thumb-state-pressed-horizontal-metrodark, .jqx-scrollbar-thumb-state-pressed-metrodark {
    background: #ffffff; border-color: #ffffff;
}
.jqx-scrollbar-button-state-normal-metrodark
{
    border: 1px solid #3E3E42; 
    background: #3E3E42;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-metrodark
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-metrodark
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*icons*/
.jqx-window-collapse-button-metrodark
{
    background-image: url('metro-icon-up-white.png');
}
.jqx-window-collapse-button-collapsed-metrodark {
  background-image: url('metro-icon-down-white.png');
}
.jqx-icon-arrow-up-metrodark, .jqx-expander-arrow-bottom-metrodark, .jqx-menu-item-arrow-up-metrodark
{
    background-image: url('metro-icon-up-white.png');
}
.jqx-icon-arrow-down-metrodark, .jqx-expander-arrow-top-metrodark, .jqx-tree-item-arrow-expand-metrodark, .jqx-tree-item-arrow-expand-hover-metrodark, .jqx-menu-item-arrow-down-metrodark
{
    background-image: url('metro-icon-down-white.png');
}
.jqx-icon-arrow-left-metrodark, .jqx-menu-item-arrow-left-metrodark
{
    background-image: url('metro-icon-left-white.png');
}
.jqx-icon-arrow-right-metrodark, .jqx-menu-item-arrow-right-metrodark, .jqx-tree-item-arrow-collapse-metrodark, .jqx-tree-item-arrow-collapse-hover-metrodark
{
    background-image: url('metro-icon-right-white.png');
}
.jqx-tabs-arrow-left-metrodark, .jqx-tree-item-arrow-collapse-rtl-metrodark, .jqx-tree-item-arrow-collapse-hover-rtl-metrodark
{
    background-image: url('metro-icon-left-white.png');
}
.jqx-tabs-arrow-right-metrodark
{
    background-image: url('metro-icon-right-white.png');
}
.jqx-menu-item-arrow-up-selected-metrodark, .jqx-icon-arrow-up-selected-metrodark{background-image:url('metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-metrodark, .jqx-icon-arrow-down-selected-metrodark{background-image:url('metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-metrodark, .jqx-icon-arrow-left-selected-metrodark{background-image:url('metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-metrodark, .jqx-icon-arrow-right-selected-metrodark{background-image:url('metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-window-close-button-metrodark, .jqx-icon-close-metrodark, .jqx-tabs-close-button-metrodark, .jqx-tabs-close-button-hover-metrodark, .jqx-tabs-close-button-selected-metrodark{background-image:url('close_white.png');  background-repeat:no-repeat;  background-position:center}
.jqx-listbox-feedback-metrodark {
    border-top: 1px dashed #fff;
}
.jqx-scrollbar-metrodark .jqx-icon-arrow-up-selected-metrodark{background-image:url('metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metrodark .jqx-icon-arrow-down-selected-metrodark{background-image:url('metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metrodark .jqx-icon-arrow-left-selected-metrodark{background-image:url('metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metrodark .jqx-icon-arrow-right-selected-metrodark{background-image:url('metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}
.jqx-slider-button-metrodark
{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.jqx-input-button-content-metrodark
{  
    font-size: 10px;
}
.jqx-dropdownlist-state-normal-metrodark, .jqx-dropdownlist-state-hover-metrodark, .jqx-dropdownlist-state-selected-metrodark,
.jqx-scrollbar-button-state-hover-metrodark, .jqx-scrollbar-button-state-normal-metrodark, .jqx-scrollbar-button-state-pressed-metrodark,
.jqx-scrollbar-thumb-state-normal-horizontal-metrodark, .jqx-scrollbar-thumb-state-hover-horizontal-metrodark, .jqx-scrollbar-thumb-state-pressed-horizontal-metrodark,
.jqx-scrollbar-thumb-state-normal-metrodark, .jqx-scrollbar-thumb-state-pressed-metrodark, .jqx-button-metrodark, .jqx-tree-item-hover-metrodark, .jqx-tree-item-selected-metrodark,
.jqx-tree-item-metrodark, .jqx-menu-item-metrodark, .jqx-menu-item-hover-metrodark, .jqx-menu-item-selected-metrodark, .jqx-menu-item-top-metrodark, .jqx-menu-item-top-hover-metrodark, 
.jqx-menu-item-top-selected-metrodark, .jqx-slider-button-metrodark, .jqx-slider-slider-metrodark
 {
    transition: background-color 100ms linear;
}
.jqx-switchbutton-metrodark { 
    border-radius: 0px;
    border: 2px solid #35353A;
}
.jqx-switchbutton-thumb-metrodark {
    width: 12px;
    background: #000;
    border: 1px solid #000;
}
.jqx-switchbutton-label-on-metrodark {
    background: #007ACC;
    color: #007ACC;
}
.jqx-switchbutton-label-off-metrodark {
    background: #a6a6a6;
    color: #a6a6a6;
}
.jqx-switchbutton-wrapper-metrodark {
}
.jqx-grid-group-collapse-metrodark {
    background-image: url('metro-icon-right-white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-metrodark
{
    padding-right: 0px;
    background-image: url('metro-icon-left-white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-metrodark, .jqx-grid-group-expand-rtl-metrodark
{
    padding-right: 0px;
    background-image: url('metro-icon-down-white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-icon-arrow-first-metrodark, .jqx-icon-arrow-first-hover-metrodark, .jqx-icon-arrow-first-selected-metrodark
{
    background-image: url('metro-icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-metrodark, .jqx-icon-arrow-last-hover-metrodark, .jqx-icon-arrow-last-selected-metrodark
{
    background-image: url('metro-icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-expand-metrodark,
.jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-expand-metrodark {
    background-image: url('metro-icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-collapse-metrodark,
.jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-collapse-metrodark {
    background-image: url('metro-icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-collapse-rtl-metrodark,
.jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-collapse-rtl-metrodark {
    background-image: url('metro-icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-expand-rtl-metrodark,
.jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-expand-rtl-metrodark {
    background-image: url('metro-icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-grid-expand-button-metrodark {
    margin-top: 3px;
}
.jqx-icon-search-metrodark
{
    background-image: url('search_white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-passwordinput-password-icon-metrodark, .jqx-passwordinput-password-icon-rtl-metrodark
{
    background-image: url('icon-showpassword-white.png') !important;
    background-repeat: no-repeat !important;
}
.jqx-icon-calendar-metrodark, .jqx-icon-calendar-hover-metrodark, .jqx-icon-calendar-pressed-metrodark {
    background-image: url('icon-calendar-white.png');
}
.jqx-icon-time-metrodark, .jqx-icon-time-hover-metrodark, .jqx-icon-time-pressed-metrodark {
    background-image: url('icon-time-white.png');
}
.jqx-icon-delete-metrodark
{
    background-image: url('icon-delete-white.png');
}
.jqx-icon-edit-metrodark
{
    background-image: url('icon-edit-white.png');
}
.jqx-icon-save-metrodark
{
    background-image: url('icon-save-white.png');
}
.jqx-icon-cancel-metrodark
{
    background-image: url('icon-cancel-white.png');
}
.jqx-icon-search-metrodark
{
    background-image: url('search_white.png');
}
.jqx-icon-plus-metrodark
{
    background-image: url('plus_white.png');
}
.jqx-menu-minimized-button-metrodark {
   background-image: url('icon-menu-minimized-white.png');
}
.jqx-editor-toolbar-icon-metrodark {
    background: url('html_editor_white.png') no-repeat;
}
.jqx-layout-metrodark
{
    background-color: #35353A;
}
.jqx-layout-pseudo-window-pin-icon-metrodark
{
    background-image: url('pin-white.png');
}
.jqx-layout-pseudo-window-pinned-icon-metrodark
{
    background-image: url('pinned-white.png');
}
.jqx-scheduler-month-cell-metrodark, .jqx-scheduler-time-column-metrodark, .jqx-scheduler-toolbar-metrodark
{
    background: #35353A !important;
    color: #fff  !important;
}
.jqx-widget-metrodark .jqx-scheduler-middle-cell-metrodark, .jqx-scheduler-middle-cell-metrodark {
    border-bottom-color: #35353A !important;
}
.jqx-kanban-item-metrodark {
    box-shadow:none;
}
.jqx-input-metrodark {
    color: #fff;
}
/*applied to the timepicker labels*/
.jqx-label-metrodark {
	fill: darkgray;
}
.jqx-needle-metrodark {
	fill: lightgray;
}
.jqx-needle-central-circle-metrodark {
	fill: lightgray;
}
.jqx-time-picker .jqx-label.jqx-selected-metrodark {
	fill: black !important;
}
.jqx-split-layout-component-metrodark .jqx-split-layout {
     --jqx-primary-rgb: 51, 173, 255;
    --jqx-primary: rgb(var(--jqx-primary-rgb));
    --jqx-background: #252526;
    --jqx-background-color: #E7E7E7;
    --jqx-surface:#252526;
    --jqx-surface-color: #969690;
    --jqx-border: #414141;
    --jqx-background-hover-rgb: 60, 60, 60;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(255,255,255,.54);
    --jqx-primary-color: #fff;
    --jqx-background-hover-rgb: 225, 225, 225;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(0,0,0,.54);
    --jqx-surface-rgb: 33, 33, 33;
    --jqx-surface: rgb(var(--jqx-surface-rgb));
    --jqx-surface-color: #E7E7E7;
    --jqx-border: rgba(98, 0, 238, 1);
	color: #E7E7E7;
	background: var(--jqx-background);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/@theme/styles/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
  Declare variables before making them global.
  dart-sass doesn't allow to declare variable with !global.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * This mixin generates keyfames.
 * Because of all keyframes can't be scoped,
 * we need to puts unique name in each btn-pulse call.
 */
/*

According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector)
:host and :host-context are pseudo-classes. So we assume they could be combined,
like other pseudo-classes, even same ones.
For example: ':nth-of-type(2n):nth-of-type(even)'.

Ideal solution would be to prepend any selector with :host-context([dir=rtl]).
Then nebular components will behave as an html element and respond to [dir] attribute on any level,
so direction could be overridden on any component level.

Implementation code:

@mixin nb-rtl() {
  // add # to scss interpolation statement.
  // it works in comments and we can't use it here
  @at-root {selector-append(':host-context([dir=rtl])', &)} {
    @content;
  }
}

And when we call it somewhere:

:host {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}
:host-context(...) {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}

Result will look like:

:host-context([dir=rtl]):host .some-class {
  ...
}
:host-context([dir=rtl]):host-context(...) .some-class {
  ...
}

*
  Side note:
  :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html

  :host-context([dir=rtl]):host-context(...) should match any permutation,
  so order is not important.
*


Currently, there're two problems with this approach:

First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199.
For the moment of writing, the only possible way is:
:host {
  :host-context(...) {
    ...
  }
}
It doesn't work for us because mixin could be called somewhere deeper, like:
:host {
  p {
    @include nb-rtl() { ... }
  }
}
We are not able to go up to :host level to place content passed to mixin.

The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another
:host/:host-context pseudo-class when called in theme files (*.theme.scss).
  *
    Side note:
    Currently, nb-install-component uses another approach where :host prepended with the theme name
    (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441),
    but it was made to be able to use current realization of rtl and it can be rewritten back to
    :host-context($theme) once we will be able to use multiple shadow selectors.
  *
But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context,
because angular allows omitting pseudo-classes if we don't need to style :host component itself.
We can break such selectors, by just appending :host-context([dir=rtl]) to them.
  ***
    Possible solution
    check if we in theme by some theme variables and if so append, otherwise nest like
    @at-root :host-context([dir=rtl]) {
      // add # to scss interpolation statement.
      // it works in comments and we can't use it here
      {&} {
        @content;
      }
    }
    What if :host specified? Can we add space in :host-context(...) :host?
    Or maybe add :host selector anyway? If multiple :host selectors are allowed
  ***


Problems with the current approach.

1. Direction can be applied only on document level, because mixin prepends theme class,
which placed on the body.
2. *.component.scss styles should be in :host selector. Otherwise angular will add host
attribute to [dir=rtl] attribute as well.


General problems.

Ltr is default document direction, but for proper work of nb-ltr (means ltr only),
[dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here,
because it's satisfy any parent, that don't have [dir=rtl] attribute.
Previous approach was to use single rtl mixin and reset ltr properties to initial value.
But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose.
*/
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * Sass map contains a list of all Theme variables and also their mappings into Component variables
 * A theme consists of a list of colors, backgrounds, borders, text styles and supporting variables.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.visually-hidden {
  /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
/**
 * In case when Nebular Layout custom scroll `withScroll` mode is enabled
 * we need to disable default CDK scroll blocker (@link NbBlockScrollStrategyAdapter) on HTML element
 * so that it won't add additional positioning.
 */
.nb-global-scrollblock {
  position: static;
  width: auto;
  overflow: hidden;
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * Normalization of HTML elements, manually forked from Normalize.css to remove
 * styles targeting irrelevant browsers while applying new styles.
 *
 * Normalize is licensed MIT. https://github.com/necolas/normalize.css
 */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
html, body {
  margin: 0;
  padding: 0;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
  Declare variables before making them global.
  dart-sass doesn't allow to declare variable with !global.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * This mixin generates keyfames.
 * Because of all keyframes can't be scoped,
 * we need to puts unique name in each btn-pulse call.
 */
/*

According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector)
:host and :host-context are pseudo-classes. So we assume they could be combined,
like other pseudo-classes, even same ones.
For example: ':nth-of-type(2n):nth-of-type(even)'.

Ideal solution would be to prepend any selector with :host-context([dir=rtl]).
Then nebular components will behave as an html element and respond to [dir] attribute on any level,
so direction could be overridden on any component level.

Implementation code:

@mixin nb-rtl() {
  // add # to scss interpolation statement.
  // it works in comments and we can't use it here
  @at-root {selector-append(':host-context([dir=rtl])', &)} {
    @content;
  }
}

And when we call it somewhere:

:host {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}
:host-context(...) {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}

Result will look like:

:host-context([dir=rtl]):host .some-class {
  ...
}
:host-context([dir=rtl]):host-context(...) .some-class {
  ...
}

*
  Side note:
  :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html

  :host-context([dir=rtl]):host-context(...) should match any permutation,
  so order is not important.
*


Currently, there're two problems with this approach:

First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199.
For the moment of writing, the only possible way is:
:host {
  :host-context(...) {
    ...
  }
}
It doesn't work for us because mixin could be called somewhere deeper, like:
:host {
  p {
    @include nb-rtl() { ... }
  }
}
We are not able to go up to :host level to place content passed to mixin.

The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another
:host/:host-context pseudo-class when called in theme files (*.theme.scss).
  *
    Side note:
    Currently, nb-install-component uses another approach where :host prepended with the theme name
    (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441),
    but it was made to be able to use current realization of rtl and it can be rewritten back to
    :host-context($theme) once we will be able to use multiple shadow selectors.
  *
But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context,
because angular allows omitting pseudo-classes if we don't need to style :host component itself.
We can break such selectors, by just appending :host-context([dir=rtl]) to them.
  ***
    Possible solution
    check if we in theme by some theme variables and if so append, otherwise nest like
    @at-root :host-context([dir=rtl]) {
      // add # to scss interpolation statement.
      // it works in comments and we can't use it here
      {&} {
        @content;
      }
    }
    What if :host specified? Can we add space in :host-context(...) :host?
    Or maybe add :host selector anyway? If multiple :host selectors are allowed
  ***


Problems with the current approach.

1. Direction can be applied only on document level, because mixin prepends theme class,
which placed on the body.
2. *.component.scss styles should be in :host selector. Otherwise angular will add host
attribute to [dir=rtl] attribute as well.


General problems.

Ltr is default document direction, but for proper work of nb-ltr (means ltr only),
[dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here,
because it's satisfy any parent, that don't have [dir=rtl] attribute.
Previous approach was to use single rtl mixin and reset ltr properties to initial value.
But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose.
*/
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
  Declare variables before making them global.
  dart-sass doesn't allow to declare variable with !global.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * This mixin generates keyfames.
 * Because of all keyframes can't be scoped,
 * we need to puts unique name in each btn-pulse call.
 */
/*

According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector)
:host and :host-context are pseudo-classes. So we assume they could be combined,
like other pseudo-classes, even same ones.
For example: ':nth-of-type(2n):nth-of-type(even)'.

Ideal solution would be to prepend any selector with :host-context([dir=rtl]).
Then nebular components will behave as an html element and respond to [dir] attribute on any level,
so direction could be overridden on any component level.

Implementation code:

@mixin nb-rtl() {
  // add # to scss interpolation statement.
  // it works in comments and we can't use it here
  @at-root {selector-append(':host-context([dir=rtl])', &)} {
    @content;
  }
}

And when we call it somewhere:

:host {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}
:host-context(...) {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}

Result will look like:

:host-context([dir=rtl]):host .some-class {
  ...
}
:host-context([dir=rtl]):host-context(...) .some-class {
  ...
}

*
  Side note:
  :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html

  :host-context([dir=rtl]):host-context(...) should match any permutation,
  so order is not important.
*


Currently, there're two problems with this approach:

First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199.
For the moment of writing, the only possible way is:
:host {
  :host-context(...) {
    ...
  }
}
It doesn't work for us because mixin could be called somewhere deeper, like:
:host {
  p {
    @include nb-rtl() { ... }
  }
}
We are not able to go up to :host level to place content passed to mixin.

The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another
:host/:host-context pseudo-class when called in theme files (*.theme.scss).
  *
    Side note:
    Currently, nb-install-component uses another approach where :host prepended with the theme name
    (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441),
    but it was made to be able to use current realization of rtl and it can be rewritten back to
    :host-context($theme) once we will be able to use multiple shadow selectors.
  *
But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context,
because angular allows omitting pseudo-classes if we don't need to style :host component itself.
We can break such selectors, by just appending :host-context([dir=rtl]) to them.
  ***
    Possible solution
    check if we in theme by some theme variables and if so append, otherwise nest like
    @at-root :host-context([dir=rtl]) {
      // add # to scss interpolation statement.
      // it works in comments and we can't use it here
      {&} {
        @content;
      }
    }
    What if :host specified? Can we add space in :host-context(...) :host?
    Or maybe add :host selector anyway? If multiple :host selectors are allowed
  ***


Problems with the current approach.

1. Direction can be applied only on document level, because mixin prepends theme class,
which placed on the body.
2. *.component.scss styles should be in :host selector. Otherwise angular will add host
attribute to [dir=rtl] attribute as well.


General problems.

Ltr is default document direction, but for proper work of nb-ltr (means ltr only),
[dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here,
because it's satisfy any parent, that don't have [dir=rtl] attribute.
Previous approach was to use single rtl mixin and reset ltr properties to initial value.
But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose.
*/
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.visually-hidden {
  /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
/**
 * In case when Nebular Layout custom scroll `withScroll` mode is enabled
 * we need to disable default CDK scroll blocker (@link NbBlockScrollStrategyAdapter) on HTML element
 * so that it won't add additional positioning.
 */
.nb-global-scrollblock {
  position: static;
  width: auto;
  overflow: hidden;
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
 * Normalization of HTML elements, manually forked from Normalize.css to remove
 * styles targeting irrelevant browsers while applying new styles.
 *
 * Normalize is licensed MIT. https://github.com/necolas/normalize.css
 */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
html, body {
  margin: 0;
  padding: 0;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
html {
  font-size: 14px;
}
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/*
  Declare variables before making them global.
  dart-sass doesn't allow to declare variable with !global.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * This mixin generates keyfames.
 * Because of all keyframes can't be scoped,
 * we need to puts unique name in each btn-pulse call.
 */
/*

According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector)
:host and :host-context are pseudo-classes. So we assume they could be combined,
like other pseudo-classes, even same ones.
For example: ':nth-of-type(2n):nth-of-type(even)'.

Ideal solution would be to prepend any selector with :host-context([dir=rtl]).
Then nebular components will behave as an html element and respond to [dir] attribute on any level,
so direction could be overridden on any component level.

Implementation code:

@mixin nb-rtl() {
  // add # to scss interpolation statement.
  // it works in comments and we can't use it here
  @at-root {selector-append(':host-context([dir=rtl])', &)} {
    @content;
  }
}

And when we call it somewhere:

:host {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}
:host-context(...) {
  .some-class {
    @include nb-rtl() {
      ...
    }
  }
}

Result will look like:

:host-context([dir=rtl]):host .some-class {
  ...
}
:host-context([dir=rtl]):host-context(...) .some-class {
  ...
}

*
  Side note:
  :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html

  :host-context([dir=rtl]):host-context(...) should match any permutation,
  so order is not important.
*


Currently, there're two problems with this approach:

First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199.
For the moment of writing, the only possible way is:
:host {
  :host-context(...) {
    ...
  }
}
It doesn't work for us because mixin could be called somewhere deeper, like:
:host {
  p {
    @include nb-rtl() { ... }
  }
}
We are not able to go up to :host level to place content passed to mixin.

The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another
:host/:host-context pseudo-class when called in theme files (*.theme.scss).
  *
    Side note:
    Currently, nb-install-component uses another approach where :host prepended with the theme name
    (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441),
    but it was made to be able to use current realization of rtl and it can be rewritten back to
    :host-context($theme) once we will be able to use multiple shadow selectors.
  *
But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context,
because angular allows omitting pseudo-classes if we don't need to style :host component itself.
We can break such selectors, by just appending :host-context([dir=rtl]) to them.
  ***
    Possible solution
    check if we in theme by some theme variables and if so append, otherwise nest like
    @at-root :host-context([dir=rtl]) {
      // add # to scss interpolation statement.
      // it works in comments and we can't use it here
      {&} {
        @content;
      }
    }
    What if :host specified? Can we add space in :host-context(...) :host?
    Or maybe add :host selector anyway? If multiple :host selectors are allowed
  ***


Problems with the current approach.

1. Direction can be applied only on document level, because mixin prepends theme class,
which placed on the body.
2. *.component.scss styles should be in :host selector. Otherwise angular will add host
attribute to [dir=rtl] attribute as well.


General problems.

Ltr is default document direction, but for proper work of nb-ltr (means ltr only),
[dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here,
because it's satisfy any parent, that don't have [dir=rtl] attribute.
Previous approach was to use single rtl mixin and reset ltr properties to initial value.
But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose.
*/
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * Sass map contains a list of all Theme variables and also their mappings into Component variables
 * A theme consists of a list of colors, backgrounds, borders, text styles and supporting variables.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
nb-layout .scrollable-container {
  scrollbar-face-color: var(--layout-scrollbar-color);
  scrollbar-track-color: var(--layout-scrollbar-background-color);
}
nb-layout .scrollable-container::-webkit-scrollbar {
  width: var(--layout-scrollbar-width);
  height: var(--layout-scrollbar-width);
}
nb-layout .scrollable-container::-webkit-scrollbar-thumb {
  background: var(--layout-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--layout-scrollbar-width) * 0.5);
}
nb-layout .scrollable-container::-webkit-scrollbar-track {
  background: var(--layout-scrollbar-background-color);
}
nb-layout .scrollable-container::-webkit-scrollbar-corner {
  background: var(--layout-scrollbar-background-color);
}
nb-layout.with-scroll .scrollable-container {
  overflow: auto;
  height: 100vh;
  display: block;
}
@media (max-width: 767.98px) {
  nb-layout.with-scroll .scrollable-container {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.layout {
  min-width: var(--layout-window-mode-min-width);
}
nb-layout.window-mode {
  background: var(--layout-window-mode-background-color);
  display: block;
}
nb-layout.window-mode .scrollable-container {
  max-width: 1920px;
  margin: 0 auto;
}
nb-layout.window-mode .layout nb-layout-header {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
nb-layout.window-mode .layout nb-layout-header nav {
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (min-width: 1940px) {
  nb-layout.window-mode {
    padding-top: calc(var(--layout-window-mode-padding-top) * 0.25);
  }
  nb-layout.window-mode nb-layout-header.fixed {
    top: calc(var(--layout-window-mode-padding-top) * 0.25);
  }
  nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25) - var(--header-height));
    top: calc(calc(var(--layout-window-mode-padding-top) * 0.25) + var(--header-height));
  }
  nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.25));
  }
  nb-layout.window-mode .scrollable-container {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25));
    box-shadow: var(--layout-window-shadow);
  }
  nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25));
  }
}
@media screen and (min-width: 2070px) {
  nb-layout.window-mode {
    padding-top: calc(var(--layout-window-mode-padding-top) * 0.5);
  }
  nb-layout.window-mode nb-layout-header.fixed {
    top: calc(var(--layout-window-mode-padding-top) * 0.5);
  }
  nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5) - var(--header-height));
    top: calc(calc(var(--layout-window-mode-padding-top) * 0.5) + var(--header-height));
  }
  nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.5));
  }
  nb-layout.window-mode .scrollable-container {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5));
    box-shadow: var(--layout-window-shadow);
  }
  nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5));
  }
}
@media screen and (min-width: 2220px) {
  nb-layout.window-mode {
    padding-top: var(--layout-window-mode-padding-top);
  }
  nb-layout.window-mode nb-layout-header.fixed {
    top: var(--layout-window-mode-padding-top);
  }
  nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - var(--layout-window-mode-padding-top) - var(--header-height));
    top: calc(var(--layout-window-mode-padding-top) + var(--header-height));
  }
  nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px) / 2);
  }
  nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(var(--header-height) + var(--layout-window-mode-padding-top));
  }
  nb-layout.window-mode .scrollable-container {
    height: calc(100vh - var(--layout-window-mode-padding-top));
    box-shadow: var(--layout-window-shadow);
  }
  nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - var(--layout-window-mode-padding-top));
  }
}
nb-layout .layout {
  background-color: var(--layout-background-color);
  color: var(--layout-text-color);
  font-family: var(--layout-text-font-family);
  font-size: var(--layout-text-font-size);
  font-weight: var(--layout-text-font-weight);
  line-height: var(--layout-text-line-height);
  min-height: var(--layout-min-height);
}
nb-layout .layout .layout-container nb-sidebar.fixed,
nb-layout .layout .layout-container nb-sidebar .main-container-fixed {
  top: var(--header-height);
}
nb-layout .layout .layout-container .content nb-layout-footer {
  box-shadow: var(--footer-shadow);
}
nb-layout .layout .layout-container .content nb-layout-footer nav {
  background-color: var(--footer-background-color);
  border-top: var(--footer-divider-width) var(--footer-divider-style) var(--footer-divider-color);
  color: var(--footer-text-color);
  font-family: var(--footer-text-font-family);
  font-size: var(--footer-text-font-size);
  font-weight: var(--footer-text-font-weight);
  line-height: var(--footer-text-line-height);
  padding: var(--footer-padding);
}
nb-layout .layout .layout-container .content nb-layout-footer nav a {
  color: var(--footer-text-highlight-color);
}
nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, nb-layout .layout .layout-container .content nb-layout-footer nav a:active, nb-layout .layout .layout-container .content nb-layout-footer nav a:hover {
  color: var(--footer-text-highlight-color);
}
nb-layout .layout .layout-container .content.center {
  width: var(--layout-content-width);
  flex: 0 100 var(--layout-content-width) !important;
}
nb-layout .layout .layout-container .content .columns nb-layout-column {
  padding: var(--layout-padding);
}
@media (max-width: 991.98px) {
  nb-layout .layout .layout-container .content .columns nb-layout-column {
    padding: var(--layout-medium-padding);
  }
}
@media (max-width: 767.98px) {
  nb-layout .layout .layout-container .content .columns nb-layout-column {
    padding: var(--layout-small-padding);
  }
}
nb-layout-header {
  background-color: var(--header-background-color);
  color: var(--header-text-color);
  font-family: var(--header-text-font-family);
  font-size: var(--header-text-font-size);
  font-weight: var(--header-text-font-weight);
  line-height: var(--header-text-line-height);
}
nb-layout-header nav {
  color: var(--header-text-color);
  box-shadow: var(--header-shadow);
  height: var(--header-height);
  padding: var(--header-padding);
}
nb-layout-header nav a {
  color: var(--header-text-color);
}
nb-layout-header nav a:focus, nb-layout-header nav a:active, nb-layout-header nav a:hover {
  color: var(--header-text-color);
}
nb-layout-header ~ .layout-container {
  min-height: calc(var(--layout-min-height) - var(--header-height));
}
nb-layout-header.fixed ~ .layout-container {
  padding-top: var(--header-height);
  min-height: var(--layout-min-height);
}
nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container {
  height: calc(var(--sidebar-height) - var(--header-height));
}
nb-layout.with-subheader nb-sidebar .main-container {
  box-shadow: none;
}
nb-sidebar {
  background-color: var(--sidebar-background-color);
  box-shadow: var(--sidebar-shadow);
  color: var(--sidebar-text-color);
  font-family: var(--sidebar-text-font-family);
  font-size: var(--sidebar-text-font-size);
  font-weight: var(--sidebar-text-font-weight);
  line-height: var(--sidebar-text-line-height);
  width: var(--sidebar-width);
}
nb-sidebar .main-container {
  height: var(--sidebar-height);
  width: var(--sidebar-width);
}
nb-sidebar .scrollable {
  padding: var(--sidebar-padding);
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  scrollbar-face-color: var(--sidebar-scrollbar-color);
  scrollbar-track-color: var(--sidebar-scrollbar-background-color);
}
@media (max-width: 767.98px) {
  nb-sidebar .scrollable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
nb-sidebar .scrollable::-webkit-scrollbar {
  width: var(--sidebar-scrollbar-width);
  height: var(--sidebar-scrollbar-width);
}
nb-sidebar .scrollable::-webkit-scrollbar-thumb {
  background: var(--sidebar-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--sidebar-scrollbar-width) * 0.5);
}
nb-sidebar .scrollable::-webkit-scrollbar-track {
  background: var(--sidebar-scrollbar-background-color);
}
nb-sidebar .scrollable::-webkit-scrollbar-corner {
  background: var(--sidebar-scrollbar-background-color);
}
nb-sidebar.collapsed {
  width: 0;
  padding: 0;
}
nb-sidebar.collapsed .main-container {
  width: 0;
  padding: 0;
}
nb-sidebar.collapsed .scrollable {
  width: 0;
  padding: 0;
  overflow: hidden;
}
nb-sidebar.collapsed nb-sidebar-header,
nb-sidebar.collapsed nb-sidebar-footer {
  width: 0;
  padding: 0;
  overflow: hidden;
}
nb-sidebar.compacted {
  width: var(--sidebar-width-compact);
}
nb-sidebar.compacted .main-container {
  width: var(--sidebar-width-compact);
}
nb-sidebar.compacted nb-menu {
  width: var(--sidebar-width-compact);
}
nb-sidebar.compacted nb-menu .menu-item a.active {
  position: relative;
}
nb-sidebar.compacted nb-menu .menu-item a.active::before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 4px;
  background: var(--sidebar-menu-item-highlight-color);
}
[dir=ltr] nb-sidebar.compacted nb-menu .menu-item a.active::before {
  left: 0;
}
[dir=rtl] nb-sidebar.compacted nb-menu .menu-item a.active::before {
  right: 0;
}
nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span,
nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge,
nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state {
  display: none;
}
nb-sidebar.compacted nb-menu .menu-items > .menu-item {
  transition: border-color 1s ease;
}
nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group {
  display: block;
  color: transparent;
  width: 0;
  padding: 0;
  overflow: hidden;
}
nb-sidebar.compacted nb-menu .menu-items > .menu-item i {
  margin-right: 0;
}
nb-sidebar.compacted nb-menu .menu-items > .menu-item a {
  justify-content: center;
}
nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded {
  display: none;
}
nb-sidebar.compacted.left.fixed ~ .content {
  margin-left: var(--sidebar-width-compact);
}
nb-sidebar.compacted.fixed.right ~ .content {
  margin-left: 0;
  margin-right: var(--sidebar-width-compact);
}
nb-sidebar.compacted.left.fixed ~ .content.center {
  padding-left: var(--sidebar-width-compact);
}
nb-sidebar.compacted.fixed.right ~ .content.center {
  padding-left: 0;
  padding-right: var(--sidebar-width-compact);
}
[dir=ltr] nb-sidebar.compacted.start.fixed ~ .content {
  margin-left: var(--sidebar-width-compact);
}
[dir=rtl] nb-sidebar.compacted.start.fixed ~ .content {
  margin-right: var(--sidebar-width-compact);
}
[dir=ltr] nb-sidebar.compacted.fixed.end ~ .content {
  margin-right: var(--sidebar-width-compact);
}
[dir=rtl] nb-sidebar.compacted.fixed.end ~ .content {
  margin-left: var(--sidebar-width-compact);
}
[dir=ltr] nb-sidebar.compacted.start.fixed ~ .content.center {
  padding-left: var(--sidebar-width-compact);
}
[dir=rtl] nb-sidebar.compacted.start.fixed ~ .content.center {
  padding-right: var(--sidebar-width-compact);
}
[dir=ltr] nb-sidebar.compacted.fixed.end ~ .content.center {
  padding-right: var(--sidebar-width-compact);
}
[dir=rtl] nb-sidebar.compacted.fixed.end ~ .content.center {
  padding-left: var(--sidebar-width-compact);
}
nb-sidebar.fixed.left.collapsed + .content, nb-sidebar.fixed.start.collapsed + .content {
  margin-left: 0;
}
nb-sidebar.fixed.right.collapsed + .content, nb-sidebar.fixed.end.collapsed + .content {
  margin-right: 0;
}
nb-sidebar.expanded {
  width: var(--sidebar-width);
}
nb-sidebar.expanded > .scrollable {
  width: var(--sidebar-width);
}
nb-sidebar nb-sidebar-header {
  padding: var(--sidebar-padding);
  height: var(--sidebar-header-height);
}
nb-sidebar nb-sidebar-footer {
  padding: var(--sidebar-padding);
  height: var(--sidebar-footer-height);
}
nb-sidebar nb-menu {
  margin: 0 calc(var(--sidebar-padding) * -1) calc(var(--sidebar-padding) * -1);
}
nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active,
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic,
nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle],
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover,
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active {
  color: var(--calendar-navigation-text-color);
  font-family: var(--calendar-navigation-text-font-family);
  font-size: var(--calendar-navigation-title-text-font-size);
  font-weight: var(--calendar-navigation-title-text-font-weight);
  line-height: var(--calendar-navigation-title-text-line-height);
}
nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active),
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,
nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus,
nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active) {
  box-shadow: none;
}
[dir=ltr] nb-calendar-pageable-navigation {
  margin-left: auto;
}
[dir=rtl] nb-calendar-pageable-navigation {
  margin-right: auto;
}
nb-calendar-picker {
  display: block;
  padding-top: var(--calendar-picker-padding-top);
  padding-bottom: var(--calendar-picker-padding-bottom);
}
[dir=ltr] nb-calendar-picker {
  padding-right: var(--calendar-picker-padding-end);
  padding-left: var(--calendar-picker-padding-start);
}
[dir=rtl] nb-calendar-picker {
  padding-right: var(--calendar-picker-padding-start);
  padding-left: var(--calendar-picker-padding-end);
}
nb-calendar-days-names {
  background: var(--calendar-weekday-background);
  border-top: var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color);
  border-bottom: var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color);
}
[dir=ltr] nb-calendar-days-names {
  padding-left: var(--calendar-picker-padding-start);
  padding-right: var(--calendar-picker-padding-end);
}
[dir=rtl] nb-calendar-days-names {
  padding-left: var(--calendar-picker-padding-end);
  padding-right: var(--calendar-picker-padding-start);
}
nb-calendar-days-names .day {
  width: var(--calendar-weekday-width);
  height: var(--calendar-weekday-height);
  color: var(--calendar-weekday-text-color);
  font-size: var(--calendar-weekday-text-font-size);
  font-weight: var(--calendar-weekday-text-font-weight);
  line-height: var(--calendar-weekday-text-line-height);
}
nb-calendar-days-names .day.holiday {
  color: var(--calendar-weekday-holiday-text-color);
}
nb-calendar-days-names.size-large .day {
  width: var(--calendar-weekday-large-width);
  height: var(--calendar-weekday-large-height);
}
nb-calendar-week-numbers {
  background: var(--calendar-weeknumber-background);
  font-size: var(--calendar-weeknumber-text-font-size);
  font-weight: var(--calendar-weeknumber-text-font-weight);
  line-height: var(--calendar-weeknumber-text-line-height);
  color: var(--calendar-weeknumber-text-color);
  padding-bottom: var(--calendar-picker-padding-bottom);
}
nb-calendar-week-numbers .sign-container {
  display: flex;
  flex-direction: column;
  border-top: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);
  border-bottom: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);
  margin-bottom: var(--calendar-picker-padding-top);
}
nb-calendar-week-numbers .sign,
nb-calendar-week-numbers .week-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--calendar-weeknumber-height);
  width: var(--calendar-weeknumber-width);
}
nb-calendar-week-numbers.size-large .sign,
nb-calendar-week-numbers.size-large .week-number {
  height: var(--calendar-weeknumber-large-height);
  width: var(--calendar-weeknumber-large-width);
}
[dir=ltr] nb-calendar-day-picker nb-calendar-week-numbers {
  border-right: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);
}
[dir=rtl] nb-calendar-day-picker nb-calendar-week-numbers {
  border-left: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color);
}
nb-calendar-picker .day-cell {
  width: var(--calendar-day-cell-width);
  height: var(--calendar-day-cell-height);
}
nb-calendar-picker .day-cell.size-large {
  width: var(--calendar-day-cell-large-width);
  height: var(--calendar-day-cell-large-height);
}
nb-calendar-picker .month-cell {
  width: var(--calendar-month-cell-width);
  height: var(--calendar-month-cell-height);
}
nb-calendar-picker .month-cell.size-large {
  width: var(--calendar-month-cell-large-width);
  height: var(--calendar-month-cell-large-height);
}
nb-calendar-picker .year-cell {
  width: var(--calendar-year-cell-width);
  height: var(--calendar-year-cell-height);
}
nb-calendar-picker .year-cell.size-large {
  width: var(--calendar-year-cell-large-width);
  height: var(--calendar-year-cell-large-height);
}
nb-calendar-picker .cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: var(--calendar-border-radius);
}
nb-calendar-picker .day-cell,
nb-calendar-picker .month-cell,
nb-calendar-picker .year-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--calendar-text-font-family);
  font-size: var(--calendar-text-font-size);
  font-weight: var(--calendar-text-font-weight);
  line-height: var(--calendar-text-line-height);
  color: var(--calendar-text-color);
  text-transform: uppercase;
  cursor: pointer;
}
nb-calendar-picker .day-cell, nb-calendar-picker .day-cell .cell-content,
nb-calendar-picker .month-cell,
nb-calendar-picker .month-cell .cell-content,
nb-calendar-picker .year-cell,
nb-calendar-picker .year-cell .cell-content {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease-in;
}
nb-calendar-picker .day-cell.empty, nb-calendar-picker .day-cell.disabled,
nb-calendar-picker .month-cell.empty,
nb-calendar-picker .month-cell.disabled,
nb-calendar-picker .year-cell.empty,
nb-calendar-picker .year-cell.disabled {
  cursor: default;
}
nb-calendar-picker .day-cell.bounding-month,
nb-calendar-picker .month-cell.bounding-month,
nb-calendar-picker .year-cell.bounding-month {
  color: var(--calendar-cell-inactive-text-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content,
nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content,
nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content {
  background-color: var(--calendar-cell-hover-background-color);
  border-color: var(--calendar-cell-hover-border-color);
  color: var(--calendar-cell-hover-text-color);
  font-size: var(--calendar-cell-hover-text-font-size);
  font-weight: var(--calendar-cell-hover-text-font-weight);
  line-height: var(--calendar-cell-hover-text-line-height);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content,
nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content,
nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content {
  background-color: var(--calendar-cell-active-background-color);
  border-color: var(--calendar-cell-active-border-color);
  color: var(--calendar-cell-active-text-color);
  font-size: var(--calendar-cell-active-text-font-size);
  font-weight: var(--calendar-cell-active-text-font-weight);
  line-height: var(--calendar-cell-active-text-line-height);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content {
  background-color: var(--calendar-cell-today-background-color);
  border: 1px solid var(--calendar-cell-today-border-color);
  color: var(--calendar-cell-today-text-color);
  font-size: var(--calendar-cell-today-text-font-size);
  font-weight: var(--calendar-cell-today-text-font-weight);
  line-height: var(--calendar-cell-today-text-line-height);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover {
  background-color: var(--calendar-cell-today-hover-background-color);
  border-color: var(--calendar-cell-today-hover-border-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active {
  background-color: var(--calendar-cell-today-active-background-color);
  border-color: var(--calendar-cell-today-active-border-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content {
  background-color: var(--calendar-cell-selected-background-color);
  border-color: var(--calendar-cell-selected-border-color);
  color: var(--calendar-cell-selected-text-color);
  font-size: var(--calendar-cell-selected-text-font-size);
  font-weight: var(--calendar-cell-selected-text-font-weight);
  line-height: var(--calendar-cell-selected-text-line-height);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover {
  background-color: var(--calendar-cell-selected-hover-background-color);
  border-color: var(--calendar-cell-selected-hover-border-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active {
  background-color: var(--calendar-cell-selected-active-background-color);
  border-color: var(--calendar-cell-selected-active-border-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected {
  background-color: var(--calendar-cell-selected-background-color);
  border-radius: var(--calendar-border-radius);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content {
  background-color: var(--calendar-cell-today-selected-background-color);
  border-color: var(--calendar-cell-today-selected-border-color);
  color: var(--calendar-cell-today-selected-text-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover {
  background-color: var(--calendar-cell-today-selected-hover-background-color);
  border-color: var(--calendar-cell-today-selected-hover-border-color);
}
nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,
nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,
nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus {
  background-color: var(--calendar-cell-today-selected-active-background-color);
  border-color: var(--calendar-cell-today-selected-active-border-color);
}
nb-calendar-picker .day-cell.disabled,
nb-calendar-picker .month-cell.disabled,
nb-calendar-picker .year-cell.disabled {
  color: var(--calendar-cell-disabled-text-color);
}
nb-calendar-picker .day-cell.disabled.today .cell-content,
nb-calendar-picker .month-cell.disabled.today .cell-content,
nb-calendar-picker .year-cell.disabled.today .cell-content {
  border: 1px solid var(--calendar-cell-today-disabled-border-color);
}
nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) {
  background-color: var(--calendar-cell-selected-background-color);
  border-radius: 0;
}
[dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start {
  border-top-left-radius: var(--calendar-border-radius);
  border-bottom-left-radius: var(--calendar-border-radius);
}
[dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start {
  border-top-right-radius: var(--calendar-border-radius);
  border-bottom-right-radius: var(--calendar-border-radius);
}
[dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end {
  border-top-right-radius: var(--calendar-border-radius);
  border-bottom-right-radius: var(--calendar-border-radius);
}
[dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end {
  border-top-left-radius: var(--calendar-border-radius);
  border-bottom-left-radius: var(--calendar-border-radius);
}
nb-base-calendar nb-card {
  background-color: var(--calendar-background-color);
  border: var(--calendar-border-width) var(--calendar-border-style) var(--calendar-border-color);
  box-shadow: none;
  margin: 0;
  width: var(--calendar-width);
  overflow: hidden;
}
nb-base-calendar nb-card-body {
  padding: 0;
}
nb-base-calendar .calendar-navigation {
  border: none;
  display: flex;
  padding: var(--calendar-navigation-padding);
  color: var(--calendar-navigation-text-color);
  font-family: var(--calendar-navigation-text-font-family);
  font-size: var(--calendar-navigation-title-text-font-size);
  font-weight: var(--calendar-navigation-title-text-font-weight);
  line-height: var(--calendar-navigation-title-text-line-height);
}
nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container,
nb-base-calendar:not(.has-navigation) nb-calendar-days-names {
  border-top: 0;
}
nb-base-calendar.has-week-number nb-card {
  width: calc(var(--calendar-width) + var(--calendar-weeknumber-width) + var(--calendar-weeknumber-divider-width));
}
nb-base-calendar.has-week-number .month-cell,
nb-base-calendar.has-week-number .year-cell {
  flex: 1 0 auto;
}
nb-base-calendar.size-large nb-card {
  width: var(--calendar-large-width);
}
nb-base-calendar.size-large.has-week-number nb-card {
  width: calc(var(--calendar-large-width) + var(--calendar-weeknumber-large-width) + var(--calendar-weeknumber-divider-width));
}
nb-card {
  background-color: var(--card-background-color);
  border: var(--card-border-width) var(--card-border-style) var(--card-border-color);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  color: var(--card-text-color);
  font-family: var(--card-text-font-family);
  font-size: var(--card-text-font-size);
  font-weight: var(--card-text-font-weight);
  line-height: var(--card-text-line-height);
  margin-bottom: var(--card-margin-bottom);
  scrollbar-face-color: var(--card-scrollbar-color);
  scrollbar-track-color: var(--card-scrollbar-background-color);
}
nb-card::-webkit-scrollbar {
  width: var(--card-scrollbar-width);
  height: var(--card-scrollbar-width);
}
nb-card::-webkit-scrollbar-thumb {
  background: var(--card-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--card-scrollbar-width) * 0.5);
}
nb-card::-webkit-scrollbar-track {
  background: var(--card-scrollbar-background-color);
}
nb-card::-webkit-scrollbar-corner {
  background: var(--card-scrollbar-background-color);
}
nb-card.size-tiny {
  height: var(--card-height-tiny);
}
nb-card.size-small {
  height: var(--card-height-small);
}
nb-card.size-medium {
  height: var(--card-height-medium);
}
nb-card.size-large {
  height: var(--card-height-large);
}
nb-card.size-giant {
  height: var(--card-height-giant);
}
nb-card.status-basic nb-card-header {
  background-color: var(--card-header-basic-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-basic-background-color);
  color: var(--card-header-basic-text-color);
}
nb-card.status-basic nb-card-header a,
nb-card.status-basic nb-card-header a:hover {
  color: var(--card-header-basic-text-color);
}
nb-card.status-primary nb-card-header {
  background-color: var(--card-header-primary-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-primary-background-color);
  color: var(--card-header-primary-text-color);
}
nb-card.status-primary nb-card-header a,
nb-card.status-primary nb-card-header a:hover {
  color: var(--card-header-primary-text-color);
}
nb-card.status-success nb-card-header {
  background-color: var(--card-header-success-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-success-background-color);
  color: var(--card-header-success-text-color);
}
nb-card.status-success nb-card-header a,
nb-card.status-success nb-card-header a:hover {
  color: var(--card-header-success-text-color);
}
nb-card.status-warning nb-card-header {
  background-color: var(--card-header-warning-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-warning-background-color);
  color: var(--card-header-warning-text-color);
}
nb-card.status-warning nb-card-header a,
nb-card.status-warning nb-card-header a:hover {
  color: var(--card-header-warning-text-color);
}
nb-card.status-danger nb-card-header {
  background-color: var(--card-header-danger-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-danger-background-color);
  color: var(--card-header-danger-text-color);
}
nb-card.status-danger nb-card-header a,
nb-card.status-danger nb-card-header a:hover {
  color: var(--card-header-danger-text-color);
}
nb-card.status-info nb-card-header {
  background-color: var(--card-header-info-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-info-background-color);
  color: var(--card-header-info-text-color);
}
nb-card.status-info nb-card-header a,
nb-card.status-info nb-card-header a:hover {
  color: var(--card-header-info-text-color);
}
nb-card.status-control nb-card-header {
  background-color: var(--card-header-control-background-color);
  border-bottom-width: 0;
  border-bottom-color: var(--card-header-control-background-color);
  color: var(--card-header-control-text-color);
}
nb-card.status-control nb-card-header a,
nb-card.status-control nb-card-header a:hover {
  color: var(--card-header-control-text-color);
}
nb-card.accent-basic {
  border-top-color: var(--card-header-basic-background-color);
}
nb-card.accent-primary {
  border-top-color: var(--card-header-primary-background-color);
}
nb-card.accent-success {
  border-top-color: var(--card-header-success-background-color);
}
nb-card.accent-warning {
  border-top-color: var(--card-header-warning-background-color);
}
nb-card.accent-danger {
  border-top-color: var(--card-header-danger-background-color);
}
nb-card.accent-info {
  border-top-color: var(--card-header-info-background-color);
}
nb-card.accent-control {
  border-top-color: var(--card-header-control-background-color);
}
nb-card.accent {
  border-top-style: var(--card-border-style);
  border-top-width: var(--card-border-radius);
}
nb-card.accent nb-card-header {
  border-radius: 0;
}
nb-card-body {
  flex: 1;
  -ms-flex: 1 1 auto;
  overflow: auto;
  padding: var(--card-padding);
  position: relative;
  scrollbar-face-color: var(--card-scrollbar-color);
  scrollbar-track-color: var(--card-scrollbar-background-color);
}
nb-card-body::-webkit-scrollbar {
  width: var(--card-scrollbar-width);
  height: var(--card-scrollbar-width);
}
nb-card-body::-webkit-scrollbar-thumb {
  background: var(--card-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--card-scrollbar-width) * 0.5);
}
nb-card-body::-webkit-scrollbar-track {
  background: var(--card-scrollbar-background-color);
}
nb-card-body::-webkit-scrollbar-corner {
  background: var(--card-scrollbar-background-color);
}
nb-card-footer {
  padding: var(--card-padding);
  border-top: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
}
nb-card-header {
  padding: var(--card-padding);
  border-bottom: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  color: var(--card-header-text-color);
  font-family: var(--card-header-text-font-family);
  font-size: var(--card-header-text-font-size);
  font-weight: var(--card-header-text-font-weight);
  line-height: var(--card-header-text-line-height);
}
nb-card-header h1 {
  margin: 0;
}
nb-card-header h2 {
  margin: 0;
}
nb-card-header h3 {
  margin: 0;
}
nb-card-header h4 {
  margin: 0;
}
nb-card-header h5 {
  margin: 0;
}
nb-card-header h6 {
  margin: 0;
}
nb-reveal-card {
  box-shadow: var(--card-shadow);
  margin-bottom: var(--card-margin-bottom);
}
.second-card-container {
  height: 100%;
  border-radius: var(--card-border-radius);
}
.reveal-button {
  line-height: var(--card-text-line-height);
  padding: var(--card-padding);
}
.flip-button {
  line-height: var(--card-text-line-height);
  margin-bottom: var(--card-margin-bottom);
  padding: var(--card-padding);
}
[dir=ltr] .flipcard-body .front-container {
  margin-right: -100%;
}
[dir=rtl] .flipcard-body .front-container {
  margin-left: -100%;
}
nb-tabset {
  background-color: var(--tabset-background-color);
  border-radius: var(--tabset-border-radius);
  box-shadow: var(--tabset-shadow);
}
nb-tabset .tabset {
  border-bottom: var(--tabset-divider-width) var(--tabset-divider-style) var(--tabset-divider-color);
}
nb-tabset .tab-link {
  background-color: var(--tabset-tab-background-color);
  cursor: pointer;
  padding: var(--tabset-tab-padding);
  color: var(--tabset-tab-text-color);
  font-family: var(--tabset-tab-text-font-family);
  font-size: var(--tabset-tab-text-font-size);
  font-weight: var(--tabset-tab-text-font-weight);
  line-height: var(--tabset-tab-text-line-height);
  text-transform: var(--tabset-tab-text-transform);
}
nb-tabset .tab-link::before {
  background-color: var(--tabset-tab-underline-color);
  height: var(--tabset-tab-underline-width);
}
nb-tabset nb-badge.dot-mode.position-left {
  left: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
nb-tabset nb-badge.dot-mode.position-right {
  right: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
[dir=ltr] nb-tabset nb-badge.dot-mode.position-start {
  left: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
[dir=rtl] nb-tabset nb-badge.dot-mode.position-start {
  right: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
[dir=ltr] nb-tabset nb-badge.dot-mode.position-end {
  right: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
[dir=rtl] nb-tabset nb-badge.dot-mode.position-end {
  left: var(--tabset-tab–badge-dot-mode-horizontal-offset);
}
nb-tabset .tab.active .tab-link {
  background-color: var(--tabset-tab-active-background-color);
  color: var(--tabset-tab-active-text-color);
}
nb-tabset .tab.active .tab-link::before {
  background-color: var(--tabset-tab-active-underline-color);
}
nb-tabset .tab:focus .tab-link {
  background-color: var(--tabset-tab-focus-background-color);
  color: var(--tabset-tab-focus-text-color);
}
nb-tabset .tab:focus .tab-link::before {
  background-color: var(--tabset-tab-focus-underline-color);
}
nb-tabset .tab:hover .tab-link {
  color: var(--tabset-tab-hover-text-color);
  background-color: var(--tabset-tab-hover-background-color);
}
nb-tabset .tab:hover .tab-link::before {
  background-color: var(--tabset-tab-hover-underline-color);
}
nb-tabset .tab.disabled {
  cursor: default;
  pointer-events: none;
}
nb-tabset .tab.disabled .tab-link {
  background-color: var(--tabset-tab-disabled-background-color);
  color: var(--tabset-tab-disabled-text-color);
  cursor: default;
  pointer-events: none;
}
nb-tabset .tab.disabled .tab-link::before {
  background-color: var(--tabset-tab-disabled-underline-color);
}
@media screen and (max-width: 36rem) {
  nb-tabset .tab.responsive .tab-text {
    display: none;
  }
}
nb-tabset nb-tab {
  background-color: var(--tabset-content-background-color);
  color: var(--tabset-content-text-color);
  font-family: var(--tabset-content-text-font-family);
  font-size: var(--tabset-content-text-font-size);
  font-weight: var(--tabset-content-text-font-weight);
  line-height: var(--tabset-content-text-line-height);
  padding: var(--tabset-content-padding);
  scrollbar-face-color: var(--tabset-scrollbar-color);
  scrollbar-track-color: var(--tabset-scrollbar-background-color);
}
nb-tabset nb-tab::-webkit-scrollbar {
  width: var(--tabset-scrollbar-width);
  height: var(--tabset-scrollbar-width);
}
nb-tabset nb-tab::-webkit-scrollbar-thumb {
  background: var(--tabset-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--tabset-scrollbar-width) * 0.5);
}
nb-tabset nb-tab::-webkit-scrollbar-track {
  background: var(--tabset-scrollbar-background-color);
}
nb-tabset nb-tab::-webkit-scrollbar-corner {
  background: var(--tabset-scrollbar-background-color);
}
nb-route-tabset {
  scrollbar-face-color: var(--route-tabset-scrollbar-color);
  scrollbar-track-color: var(--route-tabset-scrollbar-background-color);
  background-color: var(--route-tabset-background-color);
  border-radius: var(--route-tabset-border-radius);
  box-shadow: var(--route-tabset-shadow);
}
nb-route-tabset::-webkit-scrollbar {
  width: var(--route-tabset-scrollbar-width);
  height: var(--route-tabset-scrollbar-width);
}
nb-route-tabset::-webkit-scrollbar-thumb {
  background: var(--route-tabset-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--route-tabset-scrollbar-width) * 0.5);
}
nb-route-tabset::-webkit-scrollbar-track {
  background: var(--route-tabset-scrollbar-background-color);
}
nb-route-tabset::-webkit-scrollbar-corner {
  background: var(--route-tabset-scrollbar-background-color);
}
nb-route-tabset .route-tabset {
  border-bottom: var(--route-tabset-divider-width) var(--route-tabset-divider-style) var(--route-tabset-divider-color);
}
nb-route-tabset .tab-link {
  background-color: var(--route-tabset-tab-background-color);
  cursor: pointer;
  padding: var(--route-tabset-tab-padding);
  color: var(--route-tabset-tab-text-color);
  font-family: var(--route-tabset-tab-text-font-family);
  font-size: var(--route-tabset-tab-text-font-size);
  font-weight: var(--route-tabset-tab-text-font-weight);
  line-height: var(--route-tabset-tab-text-line-height);
  text-transform: var(--route-tabset-tab-text-transform);
}
nb-route-tabset .tab-link::before {
  background-color: var(--route-tabset-tab-underline-color);
  height: var(--route-tabset-tab-underline-width);
}
nb-route-tabset .route-tab.active .tab-link {
  background-color: var(--tabset-tab-active-background-color);
  color: var(--tabset-tab-active-text-color);
}
nb-route-tabset .route-tab.active .tab-link::before {
  background-color: var(--tabset-tab-active-underline-color);
}
nb-route-tabset .tab-link:focus {
  background-color: var(--route-tabset-tab-focus-background-color);
  color: var(--route-tabset-tab-focus-text-color);
}
nb-route-tabset .tab-link:focus::before {
  background-color: var(--route-tabset-tab-focus-underline-color);
}
nb-route-tabset .tab-link:hover {
  background-color: var(--route-tabset-tab-hover-background-color);
  color: var(--route-tabset-tab-hover-text-color);
}
nb-route-tabset .tab-link:hover::before {
  background-color: var(--route-tabset-tab-hover-underline-color);
}
nb-route-tabset .route-tab.disabled {
  cursor: default;
  pointer-events: none;
}
nb-route-tabset .route-tab.disabled .tab-link {
  background-color: var(--route-tabset-tab-disabled-background-color);
  color: var(--route-tabset-tab-disabled-text-color);
  cursor: default;
  pointer-events: none;
}
nb-route-tabset .route-tab.disabled .tab-link::before {
  background-color: var(--route-tabset-tab-disabled-underline-color);
}
@media screen and (max-width: 36rem) {
  nb-route-tabset .route-tab.responsive .tab-text {
    display: none;
  }
}
nb-menu {
  background-color: var(--menu-background-color);
}
nb-menu ul.menu-items {
  margin: 0;
  padding: 0;
}
nb-menu .menu-group,
nb-menu .menu-item a {
  font-family: var(--menu-text-font-family);
  font-size: var(--menu-text-font-size);
  font-weight: var(--menu-text-font-weight);
  line-height: var(--menu-text-line-height);
  padding: var(--menu-item-padding);
}
nb-menu .menu-group,
nb-menu .menu-group nb-icon.menu-icon {
  color: var(--menu-group-text-color);
}
nb-menu .menu-item a {
  color: var(--menu-text-color);
  border-radius: var(--menu-item-border-radius);
}
nb-menu .menu-item a.active {
  background-color: var(--menu-item-active-background-color);
  color: var(--menu-item-active-text-color);
}
nb-menu .menu-item a.active .menu-icon {
  color: var(--menu-item-icon-active-color);
}
nb-menu .menu-item a:hover {
  background-color: var(--menu-item-hover-background-color);
  color: var(--menu-item-hover-text-color);
  cursor: var(--menu-item-hover-cursor);
}
nb-menu .menu-item a:hover .menu-icon {
  color: var(--menu-item-icon-hover-color);
}
nb-menu .menu-item .menu-icon {
  color: var(--menu-item-icon-color);
  font-size: var(--menu-item-icon-width);
  margin: var(--menu-item-icon-margin);
  width: 1em;
  text-align: center;
}
nb-menu .menu-item .expand-state {
  color: var(--menu-item-icon-color);
}
nb-menu .menu-item {
  border-bottom: var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color);
}
nb-menu .menu-item:first-child {
  border-top: none;
}
nb-menu .menu-item:last-child {
  border-bottom: none;
}
nb-menu .menu-item .menu-item:first-child {
  border-top: var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color);
}
nb-menu .menu-item > .menu-items {
  background-color: var(--menu-submenu-background-color);
  margin: var(--menu-submenu-margin);
  padding: var(--menu-submenu-padding);
}
nb-menu .menu-item > .menu-items > .menu-item {
  background: var(--menu-submenu-background-color);
  color: var(--menu-submenu-text-color);
}
nb-menu .menu-item > .menu-items > .menu-item a {
  border-color: var(--menu-submenu-item-border-color);
  border-style: var(--menu-submenu-item-border-style);
  border-width: var(--menu-submenu-item-border-width);
  padding: var(--menu-submenu-item-padding);
}
nb-menu .menu-item > .menu-items > .menu-item a.active {
  background-color: var(--menu-submenu-item-active-background-color);
  border-color: var(--menu-submenu-item-active-border-color);
  color: var(--menu-submenu-item-active-text-color);
}
nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon {
  color: var(--menu-submenu-item-icon-active-color);
}
nb-menu .menu-item > .menu-items > .menu-item a:hover {
  background-color: var(--menu-submenu-item-hover-background-color);
  border-color: var(--menu-submenu-item-hover-border-color);
  color: var(--menu-submenu-item-hover-text-color);
}
nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon {
  color: var(--menu-submenu-item-icon-hover-color);
}
nb-menu .menu-item > .menu-items > .menu-item a.active:hover {
  background-color: var(--menu-submenu-item-active-hover-background-color);
  border-color: var(--menu-submenu-item-active-hover-border-color);
  color: var(--menu-submenu-item-active-hover-text-color);
}
nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon {
  color: var(--menu-submenu-item-icon-active-hover-color);
}
nb-menu .menu-item > .menu-items > .menu-group, nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon {
  color: var(--menu-group-text-color);
}
nb-user .user-picture {
  background-color: var(--user-picture-box-background-color);
  border: var(--user-picture-box-border-width) solid var(--user-picture-box-border-color);
}
nb-user .initials {
  color: var(--user-initials-text-color);
  font-family: var(--user-initials-text-font-family);
  font-weight: var(--user-initials-text-font-weight);
}
nb-user .user-name {
  color: var(--user-name-text-color);
  font-family: var(--user-name-text-font-family);
  font-weight: var(--user-name-text-font-weight);
}
nb-user .user-title {
  color: var(--user-title-text-color);
  font-family: var(--user-title-text-font-family);
  font-weight: var(--user-title-text-font-weight);
}
nb-user.size-tiny .user-picture {
  height: var(--user-tiny-height);
  width: var(--user-tiny-width);
}
nb-user.size-tiny .initials {
  font-size: var(--user-tiny-initials-text-font-size);
  line-height: var(--user-tiny-initials-text-line-height);
}
nb-user.size-tiny .user-name {
  font-size: var(--user-tiny-name-text-font-size);
  line-height: var(--user-tiny-name-text-line-height);
}
nb-user.size-tiny .user-title {
  font-size: var(--user-tiny-title-text-font-size);
  line-height: var(--user-tiny-title-text-line-height);
}
nb-user.size-small .user-picture {
  height: var(--user-small-height);
  width: var(--user-small-width);
}
nb-user.size-small .initials {
  font-size: var(--user-small-initials-text-font-size);
  line-height: var(--user-small-initials-text-line-height);
}
nb-user.size-small .user-name {
  font-size: var(--user-small-name-text-font-size);
  line-height: var(--user-small-name-text-line-height);
}
nb-user.size-small .user-title {
  font-size: var(--user-small-title-text-font-size);
  line-height: var(--user-small-title-text-line-height);
}
nb-user.size-medium .user-picture {
  height: var(--user-medium-height);
  width: var(--user-medium-width);
}
nb-user.size-medium .initials {
  font-size: var(--user-medium-initials-text-font-size);
  line-height: var(--user-medium-initials-text-line-height);
}
nb-user.size-medium .user-name {
  font-size: var(--user-medium-name-text-font-size);
  line-height: var(--user-medium-name-text-line-height);
}
nb-user.size-medium .user-title {
  font-size: var(--user-medium-title-text-font-size);
  line-height: var(--user-medium-title-text-line-height);
}
nb-user.size-large .user-picture {
  height: var(--user-large-height);
  width: var(--user-large-width);
}
nb-user.size-large .initials {
  font-size: var(--user-large-initials-text-font-size);
  line-height: var(--user-large-initials-text-line-height);
}
nb-user.size-large .user-name {
  font-size: var(--user-large-name-text-font-size);
  line-height: var(--user-large-name-text-line-height);
}
nb-user.size-large .user-title {
  font-size: var(--user-large-title-text-font-size);
  line-height: var(--user-large-title-text-line-height);
}
nb-user.size-giant .user-picture {
  height: var(--user-giant-height);
  width: var(--user-giant-width);
}
nb-user.size-giant .initials {
  font-size: var(--user-giant-initials-text-font-size);
  line-height: var(--user-giant-initials-text-line-height);
}
nb-user.size-giant .user-name {
  font-size: var(--user-giant-name-text-font-size);
  line-height: var(--user-giant-name-text-line-height);
}
nb-user.size-giant .user-title {
  font-size: var(--user-giant-title-text-font-size);
  line-height: var(--user-giant-title-text-line-height);
}
nb-user.shape-rectangle .user-picture {
  border-radius: var(--user-rectangle-border-radius);
}
nb-user.shape-semi-round .user-picture {
  border-radius: var(--user-semi-round-border-radius);
}
nb-user.shape-round .user-picture {
  border-radius: var(--user-round-border-radius);
}
nb-actions {
  background-color: var(--actions-background-color);
  color: var(--actions-text-color);
  font-family: var(--actions-text-font-family);
  font-weight: var(--actions-text-font-weight);
  line-height: var(--actions-text-line-height);
}
nb-actions.size-tiny nb-action {
  font-size: var(--actions-tiny-text-font-size);
  height: var(--actions-tiny-height);
  padding: var(--actions-tiny-padding);
}
nb-actions.size-tiny nb-action nb-icon {
  font-size: var(--actions-tiny-icon-height);
}
nb-actions.size-small nb-action {
  font-size: var(--actions-small-text-font-size);
  height: var(--actions-small-height);
  padding: var(--actions-small-padding);
}
nb-actions.size-small nb-action nb-icon {
  font-size: var(--actions-small-icon-height);
}
nb-actions.size-medium nb-action {
  font-size: var(--actions-medium-text-font-size);
  height: var(--actions-medium-height);
  padding: var(--actions-medium-padding);
}
nb-actions.size-medium nb-action nb-icon {
  font-size: var(--actions-medium-icon-height);
}
nb-actions.size-large nb-action {
  font-size: var(--actions-large-text-font-size);
  height: var(--actions-large-height);
  padding: var(--actions-large-padding);
}
nb-actions.size-large nb-action nb-icon {
  font-size: var(--actions-large-icon-height);
}
nb-actions.size-giant nb-action {
  font-size: var(--actions-giant-text-font-size);
  height: var(--actions-giant-height);
  padding: var(--actions-giant-padding);
}
nb-actions.size-giant nb-action nb-icon {
  font-size: var(--actions-giant-icon-height);
}
[dir=ltr] nb-action {
  border-left: var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color);
}
[dir=rtl] nb-action {
  border-right: var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color);
}
[dir=ltr] nb-action:first-child {
  border-left: none !important;
}
[dir=rtl] nb-action:first-child {
  border-right: none !important;
}
nb-action nb-icon {
  color: var(--actions-icon-color);
}
nb-action.disabled {
  color: var(--actions-disabled-text-color);
}
nb-action.disabled nb-icon {
  color: var(--actions-disabled-icon-color);
}
nb-search-field .close-button {
  z-index: 1;
}
nb-search-field .search {
  background: var(--search-background-color);
}
nb-search-field .search span.info {
  color: var(--search-info-text-color);
  font-family: var(--search-info-text-font-family);
  font-size: var(--search-info-text-font-size);
  font-weight: var(--search-info-text-font-weight);
  line-height: var(--search-info-text-line-height);
}
nb-search-field .search input {
  border-bottom: var(--search-divider-width) var(--search-divider-style) var(--search-divider-color);
  color: var(--search-text-color);
  font-family: var(--search-text-font-family);
  font-size: var(--search-text-font-size);
  font-weight: var(--search-text-font-weight);
  line-height: var(--search-text-line-height);
}
nb-search-field .search input::-moz-placeholder {
  color: var(--search-placeholder-text-color);
}
nb-search-field .search input::placeholder {
  color: var(--search-placeholder-text-color);
}
nb-search-field .search input::-ms-clear {
  display: none;
}
nb-search-field.rotate-layout {
  opacity: 0;
  background: var(--search-background-color);
}
nb-search-field.modal-zoomin .search::before,
nb-search-field.modal-zoomin .search::after {
  border: 1.5rem solid var(--search-extra-background-color);
}
nb-search-field.modal-half .form-wrapper {
  background: var(--search-background-color);
}
nb-search-field.modal-half .search::before {
  background: var(--search-extra-background-color);
}
nb-search-field.modal-drop .form-content::after {
  background: var(--search-divider-color);
}
nb-search-field.modal-drop .search::before {
  background: var(--search-background-color);
}
nb-search-field.curtain .search::after {
  background: var(--search-background-color);
}
nb-search-field.curtain .search {
  background: var(--search-background-color);
}
nb-search-field.column-curtain::before {
  background: var(--search-background-color);
}
nb-search-field.column-curtain::after {
  background: transparent;
}
nb-search-field.column-curtain.show::after {
  background: var(--search-extra-background-color);
}
.nb-spinner-container {
  position: relative;
}
nb-spinner .message {
  color: var(--spinner-text-color);
  font-family: var(--spinner-text-font-family);
  font-size: var(--spinner-text-font-size);
  font-weight: var(--spinner-text-font-weight);
  line-height: var(--spinner-text-line-height);
}
nb-spinner.status-basic {
  background-color: var(--spinner-basic-background-color);
}
nb-spinner.status-basic .spin-circle {
  border-top-color: var(--spinner-basic-circle-filled-color);
  border-right-color: var(--spinner-basic-circle-empty-color);
  border-bottom-color: var(--spinner-basic-circle-filled-color);
  border-left-color: var(--spinner-basic-circle-filled-color);
}
nb-spinner.status-primary {
  background-color: var(--spinner-primary-background-color);
}
nb-spinner.status-primary .spin-circle {
  border-top-color: var(--spinner-primary-circle-filled-color);
  border-right-color: var(--spinner-primary-circle-empty-color);
  border-bottom-color: var(--spinner-primary-circle-filled-color);
  border-left-color: var(--spinner-primary-circle-filled-color);
}
nb-spinner.status-success {
  background-color: var(--spinner-success-background-color);
}
nb-spinner.status-success .spin-circle {
  border-top-color: var(--spinner-success-circle-filled-color);
  border-right-color: var(--spinner-success-circle-empty-color);
  border-bottom-color: var(--spinner-success-circle-filled-color);
  border-left-color: var(--spinner-success-circle-filled-color);
}
nb-spinner.status-warning {
  background-color: var(--spinner-warning-background-color);
}
nb-spinner.status-warning .spin-circle {
  border-top-color: var(--spinner-warning-circle-filled-color);
  border-right-color: var(--spinner-warning-circle-empty-color);
  border-bottom-color: var(--spinner-warning-circle-filled-color);
  border-left-color: var(--spinner-warning-circle-filled-color);
}
nb-spinner.status-danger {
  background-color: var(--spinner-danger-background-color);
}
nb-spinner.status-danger .spin-circle {
  border-top-color: var(--spinner-danger-circle-filled-color);
  border-right-color: var(--spinner-danger-circle-empty-color);
  border-bottom-color: var(--spinner-danger-circle-filled-color);
  border-left-color: var(--spinner-danger-circle-filled-color);
}
nb-spinner.status-info {
  background-color: var(--spinner-info-background-color);
}
nb-spinner.status-info .spin-circle {
  border-top-color: var(--spinner-info-circle-filled-color);
  border-right-color: var(--spinner-info-circle-empty-color);
  border-bottom-color: var(--spinner-info-circle-filled-color);
  border-left-color: var(--spinner-info-circle-filled-color);
}
nb-spinner.status-control {
  background-color: var(--spinner-control-background-color);
}
nb-spinner.status-control .spin-circle {
  border-top-color: var(--spinner-control-circle-filled-color);
  border-right-color: var(--spinner-control-circle-empty-color);
  border-bottom-color: var(--spinner-control-circle-filled-color);
  border-left-color: var(--spinner-control-circle-filled-color);
}
nb-spinner.size-tiny {
  font-size: var(--spinner-height-tiny);
}
nb-spinner.size-small {
  font-size: var(--spinner-height-small);
}
nb-spinner.size-medium {
  font-size: var(--spinner-height-medium);
}
nb-spinner.size-large {
  font-size: var(--spinner-height-large);
}
nb-spinner.size-giant {
  font-size: var(--spinner-height-giant);
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(230deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(230deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.nb-timepicker-container {
  width: var(--timepicker-container-width);
  height: var(--timepicker-container-height);
}
.nb-timepicker-container .list-item {
  color: var(--timepicker-cell-text-color);
  font-size: var(--timepicker-cell-text-font-size);
  font-family: var(--timepicker-cell-text-font-family);
  height: var(--timepicker-cell-height);
  line-height: var(--timepicker-cell-text-line-height);
  font-weight: var(--timepicker-cell-text-font-weight);
}
.nb-timepicker-container .list-item:first-child {
  border-top: none;
}
.nb-timepicker-container .list-item:hover {
  background-color: var(--timepicker-cell-hover-background-color);
  color: var(--timepicker-cell-hover-text-color);
}
.nb-timepicker-container .list-item:focus {
  background-color: var(--timepicker-cell-focus-background-color);
  color: var(--timepicker-cell-focus-text-color);
}
.nb-timepicker-container .list-item.selected {
  background-color: var(--timepicker-cell-active-background-color);
  color: var(--timepicker-cell-active-text-color);
}
.nb-timepicker-container .values-list {
  scrollbar-face-color: var(--timepicker-scrollbar-color);
  scrollbar-track-color: var(--timepicker-scrollbar-background-color);
}
[dir=ltr] .nb-timepicker-container .values-list:not(:last-of-type) {
  border-right: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color);
}
[dir=rtl] .nb-timepicker-container .values-list:not(:last-of-type) {
  border-left: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color);
}
.nb-timepicker-container .values-list::-webkit-scrollbar {
  width: var(--timepicker-scrollbar-width);
  height: var(--timepicker-scrollbar-width);
}
.nb-timepicker-container .values-list::-webkit-scrollbar-thumb {
  background: var(--timepicker-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--timepicker-scrollbar-width) * 0.5);
}
.nb-timepicker-container .values-list::-webkit-scrollbar-track {
  background: var(--timepicker-scrollbar-background-color);
}
.nb-timepicker-container .values-list::-webkit-scrollbar-corner {
  background: var(--timepicker-scrollbar-background-color);
}
[dir=ltr] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) {
  margin-right: calc(var(--timepicker-scrollbar-width) * -1);
}
[dir=rtl] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) {
  margin-left: calc(var(--timepicker-scrollbar-width) * -1);
}
.nb-timepicker-container .header-cell {
  color: var(--timepicker-header-cell-text-color);
  font-size: var(--timepicker-header-cell-text-font-size);
  font-family: var(--timepicker-header-cell-text-font-family);
  height: var(--timepicker-header-cell-height);
  line-height: var(--timepicker-header-cell-text-line-height);
  font-weight: var(--timepicker-header-cell-text-font-weight);
}
[dir=ltr] .nb-timepicker-container .header-cell:not(:last-child) {
  border-right: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color);
}
[dir=rtl] .nb-timepicker-container .header-cell:not(:last-child) {
  border-left: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color);
}
.nb-timepicker-container .column-header {
  border-bottom: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color);
}
[dir=ltr] .nb-timepicker-container .actions-footer {
  padding-left: 0.625rem;
}
[dir=rtl] .nb-timepicker-container .actions-footer {
  padding-right: 0.625rem;
}
nb-checkbox .label {
  padding: var(--checkbox-padding);
}
nb-checkbox .custom-checkbox {
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  border-style: var(--checkbox-border-style);
  border-width: var(--checkbox-border-width);
  border-radius: var(--checkbox-border-radius);
  position: relative;
}
nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox {
  box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color);
}
nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) {
  box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color), inset var(--checkbox-focus-inset-shadow-length) var(--checkbox-outline-color);
}
nb-checkbox .native-input:focus:checked + .custom-checkbox {
  box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color);
}
nb-checkbox .custom-checkbox-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
nb-checkbox .text {
  font-family: var(--checkbox-text-font-family);
  font-size: var(--checkbox-text-font-size);
  font-weight: var(--checkbox-text-font-weight);
  line-height: var(--checkbox-text-line-height);
}
[dir=ltr] nb-checkbox .text:not(:empty) {
  padding-left: var(--checkbox-text-space);
}
[dir=rtl] nb-checkbox .text:not(:empty) {
  padding-right: var(--checkbox-text-space);
}
nb-checkbox.status-basic .custom-checkbox {
  background-color: var(--checkbox-basic-background-color);
  border-color: var(--checkbox-basic-border-color);
}
nb-checkbox.status-basic .text {
  color: var(--checkbox-basic-text-color);
}
nb-checkbox.status-basic .custom-checkbox.checked {
  background-color: var(--checkbox-basic-checked-background-color);
  border-color: var(--checkbox-basic-checked-border-color);
}
nb-checkbox.status-basic .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-basic-checked-checkmark-color);
}
nb-checkbox.status-basic .custom-checkbox.indeterminate {
  background-color: var(--checkbox-basic-indeterminate-background-color);
  border-color: var(--checkbox-basic-indeterminate-border-color);
}
nb-checkbox.status-basic .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-basic-indeterminate-checkmark-color);
}
nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-basic-focus-background-color);
  border-color: var(--checkbox-basic-focus-border-color);
}
nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-basic-focus-checked-background-color);
  border-color: var(--checkbox-basic-focus-checked-border-color);
}
nb-checkbox.status-basic .custom-checkbox:hover {
  background-color: var(--checkbox-basic-hover-background-color);
  border-color: var(--checkbox-basic-hover-border-color);
}
nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, nb-checkbox.status-basic .custom-checkbox:hover.checked {
  background-color: var(--checkbox-basic-hover-checked-background-color);
  border-color: var(--checkbox-basic-hover-checked-border-color);
}
nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-basic-active-background-color);
  border-color: var(--checkbox-basic-active-border-color);
}
nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-basic-active-checked-background-color);
  border-color: var(--checkbox-basic-active-checked-border-color);
}
nb-checkbox.status-basic .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-basic-disabled-background-color);
  border-color: var(--checkbox-basic-disabled-border-color);
}
nb-checkbox.status-basic .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-basic-disabled-checkmark-color);
}
nb-checkbox.status-basic .native-input:disabled ~ .text {
  color: var(--checkbox-basic-disabled-text-color);
}
nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-basic-disabled-checked-background-color);
  border-color: var(--checkbox-basic-disabled-checked-border-color);
}
nb-checkbox.status-primary .custom-checkbox {
  background-color: var(--checkbox-primary-background-color);
  border-color: var(--checkbox-primary-border-color);
}
nb-checkbox.status-primary .text {
  color: var(--checkbox-primary-text-color);
}
nb-checkbox.status-primary .custom-checkbox.checked {
  background-color: var(--checkbox-primary-checked-background-color);
  border-color: var(--checkbox-primary-checked-border-color);
}
nb-checkbox.status-primary .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-primary-checked-checkmark-color);
}
nb-checkbox.status-primary .custom-checkbox.indeterminate {
  background-color: var(--checkbox-primary-indeterminate-background-color);
  border-color: var(--checkbox-primary-indeterminate-border-color);
}
nb-checkbox.status-primary .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-primary-indeterminate-checkmark-color);
}
nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-primary-focus-background-color);
  border-color: var(--checkbox-primary-focus-border-color);
}
nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-primary-focus-checked-background-color);
  border-color: var(--checkbox-primary-focus-checked-border-color);
}
nb-checkbox.status-primary .custom-checkbox:hover {
  background-color: var(--checkbox-primary-hover-background-color);
  border-color: var(--checkbox-primary-hover-border-color);
}
nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, nb-checkbox.status-primary .custom-checkbox:hover.checked {
  background-color: var(--checkbox-primary-hover-checked-background-color);
  border-color: var(--checkbox-primary-hover-checked-border-color);
}
nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-primary-active-background-color);
  border-color: var(--checkbox-primary-active-border-color);
}
nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-primary-active-checked-background-color);
  border-color: var(--checkbox-primary-active-checked-border-color);
}
nb-checkbox.status-primary .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-primary-disabled-background-color);
  border-color: var(--checkbox-primary-disabled-border-color);
}
nb-checkbox.status-primary .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-primary-disabled-checkmark-color);
}
nb-checkbox.status-primary .native-input:disabled ~ .text {
  color: var(--checkbox-primary-disabled-text-color);
}
nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-primary-disabled-checked-background-color);
  border-color: var(--checkbox-primary-disabled-checked-border-color);
}
nb-checkbox.status-success .custom-checkbox {
  background-color: var(--checkbox-success-background-color);
  border-color: var(--checkbox-success-border-color);
}
nb-checkbox.status-success .text {
  color: var(--checkbox-success-text-color);
}
nb-checkbox.status-success .custom-checkbox.checked {
  background-color: var(--checkbox-success-checked-background-color);
  border-color: var(--checkbox-success-checked-border-color);
}
nb-checkbox.status-success .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-success-checked-checkmark-color);
}
nb-checkbox.status-success .custom-checkbox.indeterminate {
  background-color: var(--checkbox-success-indeterminate-background-color);
  border-color: var(--checkbox-success-indeterminate-border-color);
}
nb-checkbox.status-success .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-success-indeterminate-checkmark-color);
}
nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-success-focus-background-color);
  border-color: var(--checkbox-success-focus-border-color);
}
nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-success-focus-checked-background-color);
  border-color: var(--checkbox-success-focus-checked-border-color);
}
nb-checkbox.status-success .custom-checkbox:hover {
  background-color: var(--checkbox-success-hover-background-color);
  border-color: var(--checkbox-success-hover-border-color);
}
nb-checkbox.status-success .custom-checkbox:hover.indeterminate, nb-checkbox.status-success .custom-checkbox:hover.checked {
  background-color: var(--checkbox-success-hover-checked-background-color);
  border-color: var(--checkbox-success-hover-checked-border-color);
}
nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-success-active-background-color);
  border-color: var(--checkbox-success-active-border-color);
}
nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-success-active-checked-background-color);
  border-color: var(--checkbox-success-active-checked-border-color);
}
nb-checkbox.status-success .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-success-disabled-background-color);
  border-color: var(--checkbox-success-disabled-border-color);
}
nb-checkbox.status-success .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-success-disabled-checkmark-color);
}
nb-checkbox.status-success .native-input:disabled ~ .text {
  color: var(--checkbox-success-disabled-text-color);
}
nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-success-disabled-checked-background-color);
  border-color: var(--checkbox-success-disabled-checked-border-color);
}
nb-checkbox.status-warning .custom-checkbox {
  background-color: var(--checkbox-warning-background-color);
  border-color: var(--checkbox-warning-border-color);
}
nb-checkbox.status-warning .text {
  color: var(--checkbox-warning-text-color);
}
nb-checkbox.status-warning .custom-checkbox.checked {
  background-color: var(--checkbox-warning-checked-background-color);
  border-color: var(--checkbox-warning-checked-border-color);
}
nb-checkbox.status-warning .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-warning-checked-checkmark-color);
}
nb-checkbox.status-warning .custom-checkbox.indeterminate {
  background-color: var(--checkbox-warning-indeterminate-background-color);
  border-color: var(--checkbox-warning-indeterminate-border-color);
}
nb-checkbox.status-warning .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-warning-indeterminate-checkmark-color);
}
nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-warning-focus-background-color);
  border-color: var(--checkbox-warning-focus-border-color);
}
nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-warning-focus-checked-background-color);
  border-color: var(--checkbox-warning-focus-checked-border-color);
}
nb-checkbox.status-warning .custom-checkbox:hover {
  background-color: var(--checkbox-warning-hover-background-color);
  border-color: var(--checkbox-warning-hover-border-color);
}
nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, nb-checkbox.status-warning .custom-checkbox:hover.checked {
  background-color: var(--checkbox-warning-hover-checked-background-color);
  border-color: var(--checkbox-warning-hover-checked-border-color);
}
nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-warning-active-background-color);
  border-color: var(--checkbox-warning-active-border-color);
}
nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-warning-active-checked-background-color);
  border-color: var(--checkbox-warning-active-checked-border-color);
}
nb-checkbox.status-warning .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-warning-disabled-background-color);
  border-color: var(--checkbox-warning-disabled-border-color);
}
nb-checkbox.status-warning .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-warning-disabled-checkmark-color);
}
nb-checkbox.status-warning .native-input:disabled ~ .text {
  color: var(--checkbox-warning-disabled-text-color);
}
nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-warning-disabled-checked-background-color);
  border-color: var(--checkbox-warning-disabled-checked-border-color);
}
nb-checkbox.status-danger .custom-checkbox {
  background-color: var(--checkbox-danger-background-color);
  border-color: var(--checkbox-danger-border-color);
}
nb-checkbox.status-danger .text {
  color: var(--checkbox-danger-text-color);
}
nb-checkbox.status-danger .custom-checkbox.checked {
  background-color: var(--checkbox-danger-checked-background-color);
  border-color: var(--checkbox-danger-checked-border-color);
}
nb-checkbox.status-danger .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-danger-checked-checkmark-color);
}
nb-checkbox.status-danger .custom-checkbox.indeterminate {
  background-color: var(--checkbox-danger-indeterminate-background-color);
  border-color: var(--checkbox-danger-indeterminate-border-color);
}
nb-checkbox.status-danger .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-danger-indeterminate-checkmark-color);
}
nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-danger-focus-background-color);
  border-color: var(--checkbox-danger-focus-border-color);
}
nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-danger-focus-checked-background-color);
  border-color: var(--checkbox-danger-focus-checked-border-color);
}
nb-checkbox.status-danger .custom-checkbox:hover {
  background-color: var(--checkbox-danger-hover-background-color);
  border-color: var(--checkbox-danger-hover-border-color);
}
nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, nb-checkbox.status-danger .custom-checkbox:hover.checked {
  background-color: var(--checkbox-danger-hover-checked-background-color);
  border-color: var(--checkbox-danger-hover-checked-border-color);
}
nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-danger-active-background-color);
  border-color: var(--checkbox-danger-active-border-color);
}
nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-danger-active-checked-background-color);
  border-color: var(--checkbox-danger-active-checked-border-color);
}
nb-checkbox.status-danger .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-danger-disabled-background-color);
  border-color: var(--checkbox-danger-disabled-border-color);
}
nb-checkbox.status-danger .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-danger-disabled-checkmark-color);
}
nb-checkbox.status-danger .native-input:disabled ~ .text {
  color: var(--checkbox-danger-disabled-text-color);
}
nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-danger-disabled-checked-background-color);
  border-color: var(--checkbox-danger-disabled-checked-border-color);
}
nb-checkbox.status-info .custom-checkbox {
  background-color: var(--checkbox-info-background-color);
  border-color: var(--checkbox-info-border-color);
}
nb-checkbox.status-info .text {
  color: var(--checkbox-info-text-color);
}
nb-checkbox.status-info .custom-checkbox.checked {
  background-color: var(--checkbox-info-checked-background-color);
  border-color: var(--checkbox-info-checked-border-color);
}
nb-checkbox.status-info .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-info-checked-checkmark-color);
}
nb-checkbox.status-info .custom-checkbox.indeterminate {
  background-color: var(--checkbox-info-indeterminate-background-color);
  border-color: var(--checkbox-info-indeterminate-border-color);
}
nb-checkbox.status-info .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-info-indeterminate-checkmark-color);
}
nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-info-focus-background-color);
  border-color: var(--checkbox-info-focus-border-color);
}
nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-info-focus-checked-background-color);
  border-color: var(--checkbox-info-focus-checked-border-color);
}
nb-checkbox.status-info .custom-checkbox:hover {
  background-color: var(--checkbox-info-hover-background-color);
  border-color: var(--checkbox-info-hover-border-color);
}
nb-checkbox.status-info .custom-checkbox:hover.indeterminate, nb-checkbox.status-info .custom-checkbox:hover.checked {
  background-color: var(--checkbox-info-hover-checked-background-color);
  border-color: var(--checkbox-info-hover-checked-border-color);
}
nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-info-active-background-color);
  border-color: var(--checkbox-info-active-border-color);
}
nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-info-active-checked-background-color);
  border-color: var(--checkbox-info-active-checked-border-color);
}
nb-checkbox.status-info .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-info-disabled-background-color);
  border-color: var(--checkbox-info-disabled-border-color);
}
nb-checkbox.status-info .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-info-disabled-checkmark-color);
}
nb-checkbox.status-info .native-input:disabled ~ .text {
  color: var(--checkbox-info-disabled-text-color);
}
nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-info-disabled-checked-background-color);
  border-color: var(--checkbox-info-disabled-checked-border-color);
}
nb-checkbox.status-control .custom-checkbox {
  background-color: var(--checkbox-control-background-color);
  border-color: var(--checkbox-control-border-color);
}
nb-checkbox.status-control .text {
  color: var(--checkbox-control-text-color);
}
nb-checkbox.status-control .custom-checkbox.checked {
  background-color: var(--checkbox-control-checked-background-color);
  border-color: var(--checkbox-control-checked-border-color);
}
nb-checkbox.status-control .custom-checkbox.checked .custom-checkbox-icon {
  color: var(--checkbox-control-checked-checkmark-color);
}
nb-checkbox.status-control .custom-checkbox.indeterminate {
  background-color: var(--checkbox-control-indeterminate-background-color);
  border-color: var(--checkbox-control-indeterminate-border-color);
}
nb-checkbox.status-control .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: var(--checkbox-control-indeterminate-checkmark-color);
}
nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox {
  background-color: var(--checkbox-control-focus-background-color);
  border-color: var(--checkbox-control-focus-border-color);
}
nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: var(--checkbox-control-focus-checked-background-color);
  border-color: var(--checkbox-control-focus-checked-border-color);
}
nb-checkbox.status-control .custom-checkbox:hover {
  background-color: var(--checkbox-control-hover-background-color);
  border-color: var(--checkbox-control-hover-border-color);
}
nb-checkbox.status-control .custom-checkbox:hover.indeterminate, nb-checkbox.status-control .custom-checkbox:hover.checked {
  background-color: var(--checkbox-control-hover-checked-background-color);
  border-color: var(--checkbox-control-hover-checked-border-color);
}
nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox {
  background-color: var(--checkbox-control-active-background-color);
  border-color: var(--checkbox-control-active-border-color);
}
nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked {
  background-color: var(--checkbox-control-active-checked-background-color);
  border-color: var(--checkbox-control-active-checked-border-color);
}
nb-checkbox.status-control .native-input:disabled + .custom-checkbox {
  background-color: var(--checkbox-control-disabled-background-color);
  border-color: var(--checkbox-control-disabled-border-color);
}
nb-checkbox.status-control .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: var(--checkbox-control-disabled-checkmark-color);
}
nb-checkbox.status-control .native-input:disabled ~ .text {
  color: var(--checkbox-control-disabled-text-color);
}
nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox {
  background-color: var(--checkbox-control-disabled-checked-background-color);
  border-color: var(--checkbox-control-disabled-checked-border-color);
}
nb-toggle .toggle {
  height: var(--toggle-height);
  width: var(--toggle-width);
  border-width: var(--toggle-border-width);
  border-style: solid;
  border-radius: var(--toggle-border-radius);
  cursor: var(--toggle-cursor);
  /*
    We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value.
    Setting it in SCSS as we don't have access to theme variables from TS.
  */
}
[dir=ltr] nb-toggle .toggle.checked .toggle-switcher {
  left: calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width));
}
[dir=ltr] nb-toggle .toggle:not(.checked) .toggle-switcher {
  right: 0;
}
[dir=rtl] nb-toggle .toggle.checked .toggle-switcher {
  right: calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width));
}
[dir=rtl] nb-toggle .toggle:not(.checked) .toggle-switcher {
  left: 0;
}
nb-toggle .native-input:enabled:focus + .toggle {
  box-shadow: 0 0 0 var(--toggle-outline-width) var(--toggle-outline-color);
}
nb-toggle .native-input:disabled + .toggle {
  cursor: var(--toggle-disabled-cursor);
}
nb-toggle .toggle-switcher {
  width: var(--toggle-switcher-size);
  height: var(--toggle-switcher-size);
}
nb-toggle .toggle-switcher nb-icon {
  height: var(--toggle-switcher-icon-size);
  width: var(--toggle-switcher-icon-size);
}
nb-toggle .text {
  font-family: var(--toggle-text-font-family);
  font-size: var(--toggle-text-font-size);
  font-weight: var(--toggle-text-font-weight);
  line-height: var(--toggle-text-line-height);
}
nb-toggle.status-basic .text {
  color: var(--toggle-basic-text-color);
}
nb-toggle.status-basic .toggle {
  background-color: var(--toggle-basic-background-color);
  border-color: var(--toggle-basic-border-color);
}
nb-toggle.status-basic .toggle.checked {
  background-color: var(--toggle-basic-checked-background-color);
  border-color: var(--toggle-basic-checked-border-color);
}
nb-toggle.status-basic .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-basic-focus-background-color);
  border-color: var(--toggle-basic-focus-border-color);
}
nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-basic-focus-checked-background-color);
  border-color: var(--toggle-basic-focus-checked-border-color);
}
nb-toggle.status-basic .native-input:enabled:active + .toggle {
  background-color: var(--toggle-basic-active-background-color);
  border-color: var(--toggle-basic-active-border-color);
}
nb-toggle.status-basic .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-basic-active-checked-background-color);
  border-color: var(--toggle-basic-active-checked-border-color);
}
nb-toggle.status-basic .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-basic-hover-background-color);
  border-color: var(--toggle-basic-hover-border-color);
}
nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-basic-hover-checked-background-color);
  border-color: var(--toggle-basic-hover-checked-border-color);
}
nb-toggle.status-basic .toggle-switcher {
  background-color: var(--toggle-basic-checked-switcher-background-color);
}
nb-toggle.status-basic .toggle-switcher nb-icon {
  color: var(--toggle-basic-checked-switcher-checkmark-color);
}
nb-toggle.status-basic .native-input:disabled + .toggle {
  background-color: var(--toggle-basic-disabled-background-color);
  border-color: var(--toggle-basic-disabled-border-color);
}
nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-basic-disabled-switcher-background-color);
}
nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-basic-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-basic .native-input:disabled ~ .text {
  color: var(--toggle-basic-disabled-text-color);
}
nb-toggle.status-primary .text {
  color: var(--toggle-primary-text-color);
}
nb-toggle.status-primary .toggle {
  background-color: var(--toggle-primary-background-color);
  border-color: var(--toggle-primary-border-color);
}
nb-toggle.status-primary .toggle.checked {
  background-color: var(--toggle-primary-checked-background-color);
  border-color: var(--toggle-primary-checked-border-color);
}
nb-toggle.status-primary .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-primary-focus-background-color);
  border-color: var(--toggle-primary-focus-border-color);
}
nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-primary-focus-checked-background-color);
  border-color: var(--toggle-primary-focus-checked-border-color);
}
nb-toggle.status-primary .native-input:enabled:active + .toggle {
  background-color: var(--toggle-primary-active-background-color);
  border-color: var(--toggle-primary-active-border-color);
}
nb-toggle.status-primary .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-primary-active-checked-background-color);
  border-color: var(--toggle-primary-active-checked-border-color);
}
nb-toggle.status-primary .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-primary-hover-background-color);
  border-color: var(--toggle-primary-hover-border-color);
}
nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-primary-hover-checked-background-color);
  border-color: var(--toggle-primary-hover-checked-border-color);
}
nb-toggle.status-primary .toggle-switcher {
  background-color: var(--toggle-primary-checked-switcher-background-color);
}
nb-toggle.status-primary .toggle-switcher nb-icon {
  color: var(--toggle-primary-checked-switcher-checkmark-color);
}
nb-toggle.status-primary .native-input:disabled + .toggle {
  background-color: var(--toggle-primary-disabled-background-color);
  border-color: var(--toggle-primary-disabled-border-color);
}
nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-primary-disabled-switcher-background-color);
}
nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-primary-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-primary .native-input:disabled ~ .text {
  color: var(--toggle-primary-disabled-text-color);
}
nb-toggle.status-success .text {
  color: var(--toggle-success-text-color);
}
nb-toggle.status-success .toggle {
  background-color: var(--toggle-success-background-color);
  border-color: var(--toggle-success-border-color);
}
nb-toggle.status-success .toggle.checked {
  background-color: var(--toggle-success-checked-background-color);
  border-color: var(--toggle-success-checked-border-color);
}
nb-toggle.status-success .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-success-focus-background-color);
  border-color: var(--toggle-success-focus-border-color);
}
nb-toggle.status-success .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-success-focus-checked-background-color);
  border-color: var(--toggle-success-focus-checked-border-color);
}
nb-toggle.status-success .native-input:enabled:active + .toggle {
  background-color: var(--toggle-success-active-background-color);
  border-color: var(--toggle-success-active-border-color);
}
nb-toggle.status-success .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-success-active-checked-background-color);
  border-color: var(--toggle-success-active-checked-border-color);
}
nb-toggle.status-success .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-success-hover-background-color);
  border-color: var(--toggle-success-hover-border-color);
}
nb-toggle.status-success .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-success-hover-checked-background-color);
  border-color: var(--toggle-success-hover-checked-border-color);
}
nb-toggle.status-success .toggle-switcher {
  background-color: var(--toggle-success-checked-switcher-background-color);
}
nb-toggle.status-success .toggle-switcher nb-icon {
  color: var(--toggle-success-checked-switcher-checkmark-color);
}
nb-toggle.status-success .native-input:disabled + .toggle {
  background-color: var(--toggle-success-disabled-background-color);
  border-color: var(--toggle-success-disabled-border-color);
}
nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-success-disabled-switcher-background-color);
}
nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-success-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-success .native-input:disabled ~ .text {
  color: var(--toggle-success-disabled-text-color);
}
nb-toggle.status-warning .text {
  color: var(--toggle-warning-text-color);
}
nb-toggle.status-warning .toggle {
  background-color: var(--toggle-warning-background-color);
  border-color: var(--toggle-warning-border-color);
}
nb-toggle.status-warning .toggle.checked {
  background-color: var(--toggle-warning-checked-background-color);
  border-color: var(--toggle-warning-checked-border-color);
}
nb-toggle.status-warning .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-warning-focus-background-color);
  border-color: var(--toggle-warning-focus-border-color);
}
nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-warning-focus-checked-background-color);
  border-color: var(--toggle-warning-focus-checked-border-color);
}
nb-toggle.status-warning .native-input:enabled:active + .toggle {
  background-color: var(--toggle-warning-active-background-color);
  border-color: var(--toggle-warning-active-border-color);
}
nb-toggle.status-warning .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-warning-active-checked-background-color);
  border-color: var(--toggle-warning-active-checked-border-color);
}
nb-toggle.status-warning .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-warning-hover-background-color);
  border-color: var(--toggle-warning-hover-border-color);
}
nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-warning-hover-checked-background-color);
  border-color: var(--toggle-warning-hover-checked-border-color);
}
nb-toggle.status-warning .toggle-switcher {
  background-color: var(--toggle-warning-checked-switcher-background-color);
}
nb-toggle.status-warning .toggle-switcher nb-icon {
  color: var(--toggle-warning-checked-switcher-checkmark-color);
}
nb-toggle.status-warning .native-input:disabled + .toggle {
  background-color: var(--toggle-warning-disabled-background-color);
  border-color: var(--toggle-warning-disabled-border-color);
}
nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-warning-disabled-switcher-background-color);
}
nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-warning-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-warning .native-input:disabled ~ .text {
  color: var(--toggle-warning-disabled-text-color);
}
nb-toggle.status-danger .text {
  color: var(--toggle-danger-text-color);
}
nb-toggle.status-danger .toggle {
  background-color: var(--toggle-danger-background-color);
  border-color: var(--toggle-danger-border-color);
}
nb-toggle.status-danger .toggle.checked {
  background-color: var(--toggle-danger-checked-background-color);
  border-color: var(--toggle-danger-checked-border-color);
}
nb-toggle.status-danger .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-danger-focus-background-color);
  border-color: var(--toggle-danger-focus-border-color);
}
nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-danger-focus-checked-background-color);
  border-color: var(--toggle-danger-focus-checked-border-color);
}
nb-toggle.status-danger .native-input:enabled:active + .toggle {
  background-color: var(--toggle-danger-active-background-color);
  border-color: var(--toggle-danger-active-border-color);
}
nb-toggle.status-danger .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-danger-active-checked-background-color);
  border-color: var(--toggle-danger-active-checked-border-color);
}
nb-toggle.status-danger .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-danger-hover-background-color);
  border-color: var(--toggle-danger-hover-border-color);
}
nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-danger-hover-checked-background-color);
  border-color: var(--toggle-danger-hover-checked-border-color);
}
nb-toggle.status-danger .toggle-switcher {
  background-color: var(--toggle-danger-checked-switcher-background-color);
}
nb-toggle.status-danger .toggle-switcher nb-icon {
  color: var(--toggle-danger-checked-switcher-checkmark-color);
}
nb-toggle.status-danger .native-input:disabled + .toggle {
  background-color: var(--toggle-danger-disabled-background-color);
  border-color: var(--toggle-danger-disabled-border-color);
}
nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-danger-disabled-switcher-background-color);
}
nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-danger-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-danger .native-input:disabled ~ .text {
  color: var(--toggle-danger-disabled-text-color);
}
nb-toggle.status-info .text {
  color: var(--toggle-info-text-color);
}
nb-toggle.status-info .toggle {
  background-color: var(--toggle-info-background-color);
  border-color: var(--toggle-info-border-color);
}
nb-toggle.status-info .toggle.checked {
  background-color: var(--toggle-info-checked-background-color);
  border-color: var(--toggle-info-checked-border-color);
}
nb-toggle.status-info .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-info-focus-background-color);
  border-color: var(--toggle-info-focus-border-color);
}
nb-toggle.status-info .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-info-focus-checked-background-color);
  border-color: var(--toggle-info-focus-checked-border-color);
}
nb-toggle.status-info .native-input:enabled:active + .toggle {
  background-color: var(--toggle-info-active-background-color);
  border-color: var(--toggle-info-active-border-color);
}
nb-toggle.status-info .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-info-active-checked-background-color);
  border-color: var(--toggle-info-active-checked-border-color);
}
nb-toggle.status-info .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-info-hover-background-color);
  border-color: var(--toggle-info-hover-border-color);
}
nb-toggle.status-info .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-info-hover-checked-background-color);
  border-color: var(--toggle-info-hover-checked-border-color);
}
nb-toggle.status-info .toggle-switcher {
  background-color: var(--toggle-info-checked-switcher-background-color);
}
nb-toggle.status-info .toggle-switcher nb-icon {
  color: var(--toggle-info-checked-switcher-checkmark-color);
}
nb-toggle.status-info .native-input:disabled + .toggle {
  background-color: var(--toggle-info-disabled-background-color);
  border-color: var(--toggle-info-disabled-border-color);
}
nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-info-disabled-switcher-background-color);
}
nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-info-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-info .native-input:disabled ~ .text {
  color: var(--toggle-info-disabled-text-color);
}
nb-toggle.status-control .text {
  color: var(--toggle-control-text-color);
}
nb-toggle.status-control .toggle {
  background-color: var(--toggle-control-background-color);
  border-color: var(--toggle-control-border-color);
}
nb-toggle.status-control .toggle.checked {
  background-color: var(--toggle-control-checked-background-color);
  border-color: var(--toggle-control-checked-border-color);
}
nb-toggle.status-control .native-input:enabled:focus + .toggle {
  background-color: var(--toggle-control-focus-background-color);
  border-color: var(--toggle-control-focus-border-color);
}
nb-toggle.status-control .native-input:enabled:focus + .toggle.checked {
  background-color: var(--toggle-control-focus-checked-background-color);
  border-color: var(--toggle-control-focus-checked-border-color);
}
nb-toggle.status-control .native-input:enabled:active + .toggle {
  background-color: var(--toggle-control-active-background-color);
  border-color: var(--toggle-control-active-border-color);
}
nb-toggle.status-control .native-input:enabled:active + .toggle.checked {
  background-color: var(--toggle-control-active-checked-background-color);
  border-color: var(--toggle-control-active-checked-border-color);
}
nb-toggle.status-control .native-input:enabled + .toggle:hover {
  background-color: var(--toggle-control-hover-background-color);
  border-color: var(--toggle-control-hover-border-color);
}
nb-toggle.status-control .native-input:enabled + .toggle:hover.checked {
  background-color: var(--toggle-control-hover-checked-background-color);
  border-color: var(--toggle-control-hover-checked-border-color);
}
nb-toggle.status-control .toggle-switcher {
  background-color: var(--toggle-control-checked-switcher-background-color);
}
nb-toggle.status-control .toggle-switcher nb-icon {
  color: var(--toggle-control-checked-switcher-checkmark-color);
}
nb-toggle.status-control .native-input:disabled + .toggle {
  background-color: var(--toggle-control-disabled-background-color);
  border-color: var(--toggle-control-disabled-border-color);
}
nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher {
  background-color: var(--toggle-control-disabled-switcher-background-color);
}
nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: var(--toggle-control-disabled-checked-switcher-checkmark-color);
}
nb-toggle.status-control .native-input:disabled ~ .text {
  color: var(--toggle-control-disabled-text-color);
}
nb-progress-bar .progress-container {
  border-radius: var(--progress-bar-border-radius);
}
nb-progress-bar .progress-value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--progress-bar-text-font-family);
  transition-duration: var(--progress-bar-animation-duration);
  transition-property: width, background-color;
}
nb-progress-bar.size-tiny .progress-container {
  height: var(--progress-bar-tiny-height);
}
nb-progress-bar.size-tiny .progress-value {
  font-size: var(--progress-bar-tiny-text-font-size);
  font-weight: var(--progress-bar-tiny-text-font-weight);
  line-height: var(--progress-bar-tiny-text-line-height);
}
nb-progress-bar.size-small .progress-container {
  height: var(--progress-bar-small-height);
}
nb-progress-bar.size-small .progress-value {
  font-size: var(--progress-bar-small-text-font-size);
  font-weight: var(--progress-bar-small-text-font-weight);
  line-height: var(--progress-bar-small-text-line-height);
}
nb-progress-bar.size-medium .progress-container {
  height: var(--progress-bar-medium-height);
}
nb-progress-bar.size-medium .progress-value {
  font-size: var(--progress-bar-medium-text-font-size);
  font-weight: var(--progress-bar-medium-text-font-weight);
  line-height: var(--progress-bar-medium-text-line-height);
}
nb-progress-bar.size-large .progress-container {
  height: var(--progress-bar-large-height);
}
nb-progress-bar.size-large .progress-value {
  font-size: var(--progress-bar-large-text-font-size);
  font-weight: var(--progress-bar-large-text-font-weight);
  line-height: var(--progress-bar-large-text-line-height);
}
nb-progress-bar.size-giant .progress-container {
  height: var(--progress-bar-giant-height);
}
nb-progress-bar.size-giant .progress-value {
  font-size: var(--progress-bar-giant-text-font-size);
  font-weight: var(--progress-bar-giant-text-font-weight);
  line-height: var(--progress-bar-giant-text-line-height);
}
nb-progress-bar.status-basic .progress-container {
  background-color: var(--progress-bar-basic-background-color);
}
nb-progress-bar.status-basic .progress-value {
  background-color: var(--progress-bar-basic-filled-background-color);
  color: var(--progress-bar-basic-text-color);
}
nb-progress-bar.status-primary .progress-container {
  background-color: var(--progress-bar-primary-background-color);
}
nb-progress-bar.status-primary .progress-value {
  background-color: var(--progress-bar-primary-filled-background-color);
  color: var(--progress-bar-primary-text-color);
}
nb-progress-bar.status-success .progress-container {
  background-color: var(--progress-bar-success-background-color);
}
nb-progress-bar.status-success .progress-value {
  background-color: var(--progress-bar-success-filled-background-color);
  color: var(--progress-bar-success-text-color);
}
nb-progress-bar.status-warning .progress-container {
  background-color: var(--progress-bar-warning-background-color);
}
nb-progress-bar.status-warning .progress-value {
  background-color: var(--progress-bar-warning-filled-background-color);
  color: var(--progress-bar-warning-text-color);
}
nb-progress-bar.status-danger .progress-container {
  background-color: var(--progress-bar-danger-background-color);
}
nb-progress-bar.status-danger .progress-value {
  background-color: var(--progress-bar-danger-filled-background-color);
  color: var(--progress-bar-danger-text-color);
}
nb-progress-bar.status-info .progress-container {
  background-color: var(--progress-bar-info-background-color);
}
nb-progress-bar.status-info .progress-value {
  background-color: var(--progress-bar-info-filled-background-color);
  color: var(--progress-bar-info-text-color);
}
nb-progress-bar.status-control .progress-container {
  background-color: var(--progress-bar-control-background-color);
}
nb-progress-bar.status-control .progress-value {
  background-color: var(--progress-bar-control-filled-background-color);
  color: var(--progress-bar-control-text-color);
}
nb-badge {
  border-radius: var(--badge-border-radius);
  font-family: var(--badge-text-font-family);
  font-size: var(--badge-text-font-size);
  font-weight: var(--badge-text-font-weight);
  line-height: var(--badge-text-line-height);
  padding: var(--badge-padding);
}
nb-badge.dot-mode {
  padding: var(--badge-dot-mode-padding);
  border-radius: var(--badge-dot-mode-border-radius);
}
nb-badge.status-basic {
  color: var(--badge-basic-text-color);
  background-color: var(--badge-basic-background-color);
}
nb-badge.status-primary {
  color: var(--badge-primary-text-color);
  background-color: var(--badge-primary-background-color);
}
nb-badge.status-success {
  color: var(--badge-success-text-color);
  background-color: var(--badge-success-background-color);
}
nb-badge.status-warning {
  color: var(--badge-warning-text-color);
  background-color: var(--badge-warning-background-color);
}
nb-badge.status-danger {
  color: var(--badge-danger-text-color);
  background-color: var(--badge-danger-background-color);
}
nb-badge.status-info {
  color: var(--badge-info-text-color);
  background-color: var(--badge-info-background-color);
}
nb-badge.status-control {
  color: var(--badge-control-text-color);
  background-color: var(--badge-control-background-color);
}
nb-stepper.horizontal .header .step {
  width: var(--stepper-step-index-width);
  margin: 0 calc(var(--stepper-step-index-width) * 0.5);
}
nb-stepper.horizontal .header .connector {
  margin: var(--stepper-horizontal-connector-margin);
}
nb-stepper.vertical .header .connector {
  margin: var(--stepper-vertical-connector-margin);
}
nb-stepper .header .connector {
  background-color: var(--stepper-connector-background-color);
}
nb-stepper .header .connector-past {
  background-color: var(--stepper-connector-completed-background-color);
}
nb-stepper .header .label-index {
  border-radius: var(--stepper-step-index-border-radius);
  border-color: var(--stepper-step-index-border-color);
  border-style: var(--stepper-step-index-border-style);
  border-width: var(--stepper-step-index-border-width);
  width: var(--stepper-step-index-width);
  height: var(--stepper-step-index-width);
}
nb-stepper .header .step {
  color: var(--stepper-step-text-color);
  font-family: var(--stepper-step-text-font-family);
  font-size: var(--stepper-step-text-font-size);
  font-weight: var(--stepper-step-text-font-weight);
  line-height: var(--stepper-step-text-line-height);
}
nb-stepper .header .step.label-index {
  border-color: var(--stepper-step-index-border-color);
}
nb-stepper .header .step.selected {
  color: var(--stepper-step-active-text-color);
}
nb-stepper .header .step.selected .label-index {
  border-color: var(--stepper-step-index-active-border-color);
}
nb-stepper .header .step.completed {
  color: var(--stepper-step-completed-text-color);
}
nb-stepper .header .step.completed .label-index {
  background-color: var(--stepper-step-index-completed-background-color);
  border-color: var(--stepper-step-index-completed-border-color);
  color: var(--stepper-step-index-completed-text-color);
}
nb-stepper .step-content {
  padding: var(--stepper-step-content-padding);
}
nb-alert {
  border-radius: var(--alert-border-radius);
  box-shadow: var(--alert-shadow);
  font-family: var(--alert-text-font-family);
  font-size: var(--alert-text-font-size);
  font-weight: var(--alert-text-font-weight);
  line-height: var(--alert-text-line-height);
  padding: var(--alert-padding);
  margin-bottom: var(--alert-bottom-margin);
  scrollbar-face-color: var(--alert-scrollbar-color);
  scrollbar-track-color: var(--alert-scrollbar-background-color);
}
nb-alert::-webkit-scrollbar {
  width: var(--alert-scrollbar-width);
  height: var(--alert-scrollbar-width);
}
nb-alert::-webkit-scrollbar-thumb {
  background: var(--alert-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--alert-scrollbar-width) * 0.5);
}
nb-alert::-webkit-scrollbar-track {
  background: var(--alert-scrollbar-background-color);
}
nb-alert::-webkit-scrollbar-corner {
  background: var(--alert-scrollbar-background-color);
}
[dir=ltr] nb-alert.closable {
  padding-right: var(--alert-closable-start-padding);
}
[dir=rtl] nb-alert.closable {
  padding-left: var(--alert-closable-start-padding);
}
nb-alert .close {
  padding: var(--alert-padding);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  font-family: monospace;
}
nb-alert.size-tiny {
  height: var(--alert-tiny-height);
}
nb-alert.size-small {
  height: var(--alert-small-height);
}
nb-alert.size-medium {
  height: var(--alert-medium-height);
}
nb-alert.size-large {
  height: var(--alert-large-height);
}
nb-alert.size-giant {
  height: var(--alert-giant-height);
}
nb-alert.status-basic {
  color: var(--alert-basic-text-color);
  background-color: var(--alert-basic-background-color);
}
nb-alert.status-basic a,
nb-alert.status-basic a:hover {
  color: var(--alert-basic-text-color);
}
nb-alert.accent-basic {
  border-top: var(--alert-border-radius) solid var(--alert-accent-basic-color);
}
nb-alert.outline-basic {
  border: var(--alert-outline-width) solid var(--alert-outline-basic-color);
}
nb-alert.status-primary {
  color: var(--alert-primary-text-color);
  background-color: var(--alert-primary-background-color);
}
nb-alert.status-primary a,
nb-alert.status-primary a:hover {
  color: var(--alert-primary-text-color);
}
nb-alert.accent-primary {
  border-top: var(--alert-border-radius) solid var(--alert-accent-primary-color);
}
nb-alert.outline-primary {
  border: var(--alert-outline-width) solid var(--alert-outline-primary-color);
}
nb-alert.status-success {
  color: var(--alert-success-text-color);
  background-color: var(--alert-success-background-color);
}
nb-alert.status-success a,
nb-alert.status-success a:hover {
  color: var(--alert-success-text-color);
}
nb-alert.accent-success {
  border-top: var(--alert-border-radius) solid var(--alert-accent-success-color);
}
nb-alert.outline-success {
  border: var(--alert-outline-width) solid var(--alert-outline-success-color);
}
nb-alert.status-warning {
  color: var(--alert-warning-text-color);
  background-color: var(--alert-warning-background-color);
}
nb-alert.status-warning a,
nb-alert.status-warning a:hover {
  color: var(--alert-warning-text-color);
}
nb-alert.accent-warning {
  border-top: var(--alert-border-radius) solid var(--alert-accent-warning-color);
}
nb-alert.outline-warning {
  border: var(--alert-outline-width) solid var(--alert-outline-warning-color);
}
nb-alert.status-danger {
  color: var(--alert-danger-text-color);
  background-color: var(--alert-danger-background-color);
}
nb-alert.status-danger a,
nb-alert.status-danger a:hover {
  color: var(--alert-danger-text-color);
}
nb-alert.accent-danger {
  border-top: var(--alert-border-radius) solid var(--alert-accent-danger-color);
}
nb-alert.outline-danger {
  border: var(--alert-outline-width) solid var(--alert-outline-danger-color);
}
nb-alert.status-info {
  color: var(--alert-info-text-color);
  background-color: var(--alert-info-background-color);
}
nb-alert.status-info a,
nb-alert.status-info a:hover {
  color: var(--alert-info-text-color);
}
nb-alert.accent-info {
  border-top: var(--alert-border-radius) solid var(--alert-accent-info-color);
}
nb-alert.outline-info {
  border: var(--alert-outline-width) solid var(--alert-outline-info-color);
}
nb-alert.status-control {
  color: var(--alert-control-text-color);
  background-color: var(--alert-control-background-color);
}
nb-alert.status-control a,
nb-alert.status-control a:hover {
  color: var(--alert-control-text-color);
}
nb-alert.accent-control {
  border-top: var(--alert-border-radius) solid var(--alert-accent-control-color);
}
nb-alert.outline-control {
  border: var(--alert-outline-width) solid var(--alert-outline-control-color);
}
nb-chat {
  background-color: var(--chat-background-color);
  border: var(--chat-border);
  border-radius: var(--chat-border-radius);
  box-shadow: var(--chat-shadow);
  color: var(--chat-text-color);
  font-family: var(--chat-text-font-family);
  font-size: var(--chat-text-font-size);
  font-weight: var(--chat-text-font-weight);
  line-height: var(--chat-text-line-height);
}
nb-chat nb-icon {
  font-size: inherit;
}
nb-chat .header {
  border-bottom: var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color);
  border-top-left-radius: var(--chat-border-radius);
  border-top-right-radius: var(--chat-border-radius);
  padding: var(--chat-padding);
  font-family: var(--chat-header-text-font-family);
  font-size: var(--chat-header-text-font-size);
  font-weight: var(--chat-header-text-font-weight);
  line-height: var(--chat-header-text-line-height);
}
nb-chat .scrollable {
  overflow: auto;
  flex: 1;
  scrollbar-face-color: var(--chat-scrollbar-color);
  scrollbar-track-color: var(--chat-scrollbar-background-color);
}
nb-chat .scrollable::-webkit-scrollbar {
  width: var(--chat-scrollbar-width);
  height: var(--chat-scrollbar-width);
}
nb-chat .scrollable::-webkit-scrollbar-thumb {
  background: var(--chat-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--chat-scrollbar-width) * 0.5);
}
nb-chat .scrollable::-webkit-scrollbar-track {
  background: var(--chat-scrollbar-background-color);
}
nb-chat .scrollable::-webkit-scrollbar-corner {
  background: var(--chat-scrollbar-background-color);
}
nb-chat .messages {
  padding: var(--chat-padding);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
nb-chat .no-messages {
  text-align: center;
}
nb-chat.size-tiny {
  height: var(--chat-tiny-height);
}
nb-chat.size-small {
  height: var(--chat-small-height);
}
nb-chat.size-medium {
  height: var(--chat-medium-height);
}
nb-chat.size-large {
  height: var(--chat-large-height);
}
nb-chat.size-giant {
  height: var(--chat-giant-height);
}
nb-chat.status-basic .header {
  background-color: var(--chat-basic-background-color);
  color: var(--chat-basic-text-color);
}
nb-chat.status-primary .header {
  background-color: var(--chat-primary-background-color);
  color: var(--chat-primary-text-color);
}
nb-chat.status-success .header {
  background-color: var(--chat-success-background-color);
  color: var(--chat-success-text-color);
}
nb-chat.status-warning .header {
  background-color: var(--chat-warning-background-color);
  color: var(--chat-warning-text-color);
}
nb-chat.status-danger .header {
  background-color: var(--chat-danger-background-color);
  color: var(--chat-danger-text-color);
}
nb-chat.status-info .header {
  background-color: var(--chat-info-background-color);
  color: var(--chat-info-text-color);
}
nb-chat.status-control .header {
  background-color: var(--chat-control-background-color);
  color: var(--chat-control-text-color);
}
nb-chat-message {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
}
nb-chat-message .message {
  flex: 1;
}
nb-chat-message .avatar {
  display: block;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--chat-message-avatar-background-color);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  font-size: 0.875rem;
  color: white;
}
nb-chat-message nb-chat-message-text {
  display: flex;
  flex-direction: column;
}
nb-chat-message nb-chat-message-text .sender {
  font-size: 0.875rem;
  color: var(--chat-message-sender-text-color);
  margin-top: 0;
  margin-bottom: 0.5rem;
}
nb-chat-message nb-chat-message-text p {
  word-break: break-word;
  white-space: pre-wrap;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
nb-chat-message nb-chat-message-text .text {
  padding: 1rem;
  border-radius: 0.5rem;
}
nb-chat-message nb-chat-message-file {
  display: flex;
  flex-direction: column;
}
nb-chat-message nb-chat-message-file a {
  color: var(--chat-message-file-text-color);
  background: var(--chat-message-file-background-color);
  font-size: 4rem;
  text-align: center;
  border: 1px solid var(--chat-message-file-text-color);
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.5rem;
}
nb-chat-message nb-chat-message-file a:hover, nb-chat-message nb-chat-message-file a:focus {
  text-decoration: none;
  color: var(--chat-message-file-text-color);
}
nb-chat-message nb-chat-message-file a div {
  background-size: cover;
  width: 100%;
  height: 100%;
}
nb-chat-message nb-chat-message-file nb-chat-message-text {
  display: block;
  margin-bottom: 0.5rem;
}
nb-chat-message nb-chat-message-file .message-content-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
nb-chat-message nb-chat-message-file .message-content-group a {
  margin-bottom: 1rem;
  width: 5rem;
  height: 5rem;
}
[dir=ltr] nb-chat-message nb-chat-message-file .message-content-group a {
  margin-right: 1rem;
}
[dir=rtl] nb-chat-message nb-chat-message-file .message-content-group a {
  margin-left: 1rem;
}
nb-chat-message nb-chat-message-quote p.quote {
  font-style: italic;
  font-size: 0.875rem;
  background: var(--chat-message-quote-background-color);
  color: var(--chat-message-quote-text-color);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
nb-chat-message nb-chat-message-quote .sender {
  font-size: 0.875rem;
  color: var(--chat-message-sender-text-color);
  margin-bottom: 0.5rem;
}
[dir=ltr] nb-chat-message.not-reply .message {
  margin-left: 0.5rem;
}
[dir=rtl] nb-chat-message.not-reply .message {
  margin-right: 0.5rem;
}
[dir=ltr] nb-chat-message.not-reply .message {
  margin-right: 3rem;
}
[dir=rtl] nb-chat-message.not-reply .message {
  margin-left: 3rem;
}
nb-chat-message.not-reply nb-chat-message-text {
  align-items: flex-start;
}
nb-chat-message.not-reply nb-chat-message-text .text {
  background: var(--chat-message-background);
  color: var(--chat-message-text-color);
}
[dir=ltr] nb-chat-message.not-reply nb-chat-message-text .text {
  border-top-left-radius: 0;
}
[dir=rtl] nb-chat-message.not-reply nb-chat-message-text .text {
  border-top-right-radius: 0;
}
nb-chat-message.not-reply nb-chat-message-file {
  align-items: flex-start;
}
nb-chat-message.reply {
  flex-direction: row-reverse;
}
nb-chat-message.reply .message {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 0;
}
[dir=ltr] nb-chat-message.reply .message {
  margin-right: 0.5rem;
}
[dir=rtl] nb-chat-message.reply .message {
  margin-left: 0.5rem;
}
[dir=ltr] nb-chat-message.reply .message {
  margin-left: 3rem;
}
[dir=rtl] nb-chat-message.reply .message {
  margin-right: 3rem;
}
nb-chat-message.reply nb-chat-message-text {
  align-items: flex-end;
}
[dir=ltr] nb-chat-message.reply nb-chat-message-text .sender {
  text-align: right;
}
[dir=rtl] nb-chat-message.reply nb-chat-message-text .sender {
  text-align: left;
}
nb-chat-message.reply nb-chat-message-text .text {
  background: var(--chat-message-reply-background-color);
  color: var(--chat-message-reply-text-color);
}
[dir=ltr] nb-chat-message.reply nb-chat-message-text .text {
  border-top-right-radius: 0;
}
[dir=rtl] nb-chat-message.reply nb-chat-message-text .text {
  border-top-left-radius: 0;
}
nb-chat-message.reply nb-chat-message-file {
  align-items: flex-end;
}
nb-chat-form {
  display: flex;
  flex-direction: column;
  padding: var(--chat-padding);
  border-top: var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color);
}
nb-chat-form .message-row {
  flex-direction: row;
  display: flex;
}
nb-chat-form input {
  flex: 1;
}
nb-chat-form input.with-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=ltr] nb-chat-form input.with-button {
  border-bottom-right-radius: 0;
}
[dir=ltr] nb-chat-form input.with-button {
  border-top-right-radius: 0;
}
[dir=rtl] nb-chat-form input.with-button {
  border-bottom-left-radius: 0;
}
[dir=rtl] nb-chat-form input.with-button {
  border-top-left-radius: 0;
}
nb-chat-form .send-button nb-icon {
  font-size: 1.5rem;
}
[dir=ltr] nb-chat-form .send-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] nb-chat-form .send-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
nb-chat-form .dropped-files {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
nb-chat-form .dropped-files div {
  background-size: cover;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid currentColor;
  text-align: center;
  font-size: 2rem;
  position: relative;
}
[dir=ltr] nb-chat-form .dropped-files div {
  margin-right: 0.5rem;
}
[dir=rtl] nb-chat-form .dropped-files div {
  margin-left: 0.5rem;
}
nb-chat-form .dropped-files div .remove {
  position: absolute;
  right: -0.5rem;
  top: -0.875rem;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
}
nb-chat-form .dropped-files div nb-icon {
  width: 65%;
  height: 100%;
}
.nb-custom-message {
  display: inline-block;
  padding: var(--chat-padding);
  margin-top: 0.5rem;
  border-radius: 0.5rem;
}
.nb-custom-message-full-width {
  width: 100%;
}
.nb-custom-message-no-space {
  margin-top: 0;
}
.nb-custom-message-not-reply {
  background: var(--chat-message-background);
  color: var(--chat-message-text-color);
}
[dir=ltr] .nb-custom-message-not-reply {
  border-top-left-radius: 0;
}
[dir=rtl] .nb-custom-message-not-reply {
  border-top-right-radius: 0;
}
.nb-custom-message-not-reply a,
.nb-custom-message-not-reply a:hover,
.nb-custom-message-not-reply a:focus {
  color: var(--chat-message-text-color);
}
.nb-custom-message-reply {
  background: var(--chat-message-reply-background-color);
  color: var(--chat-message-reply-text-color);
}
[dir=ltr] .nb-custom-message-reply {
  border-top-right-radius: 0;
}
[dir=rtl] .nb-custom-message-reply {
  border-top-left-radius: 0;
}
nb-accordion {
  display: block;
  box-shadow: var(--accordion-shadow);
  border-radius: var(--accordion-border-radius);
}
nb-accordion-item-header {
  position: relative;
  border-bottom-width: var(--accordion-header-border-width);
  border-bottom-style: var(--accordion-header-border-style);
  border-bottom-color: var(--accordion-header-border-color);
  color: var(--accordion-header-text-color);
  font-family: var(--accordion-header-text-font-family);
  font-size: var(--accordion-header-text-font-size);
  font-weight: var(--accordion-header-text-font-weight);
  line-height: var(--accordion-header-text-line-height);
  padding: var(--accordion-padding);
}
nb-accordion-item-header h1 {
  margin: 0;
}
nb-accordion-item-header h2 {
  margin: 0;
}
nb-accordion-item-header h3 {
  margin: 0;
}
nb-accordion-item-header h4 {
  margin: 0;
}
nb-accordion-item-header h5 {
  margin: 0;
}
nb-accordion-item-header h6 {
  margin: 0;
}
nb-accordion-item-header .expansion-indicator {
  position: absolute;
}
[dir=ltr] nb-accordion-item-header .expansion-indicator {
  right: 1rem;
}
[dir=rtl] nb-accordion-item-header .expansion-indicator {
  left: 1rem;
}
nb-accordion-item {
  background-color: var(--accordion-item-background-color);
  color: var(--accordion-item-text-color);
  font-family: var(--accordion-item-text-font-family);
  font-size: var(--accordion-item-text-font-size);
  font-weight: var(--accordion-item-text-font-weight);
  line-height: var(--accordion-item-text-line-height);
}
nb-accordion-item.disabled nb-accordion-item-header {
  color: var(--accordion-header-disabled-text-color);
  cursor: default;
}
nb-accordion-item:first-child {
  border-top-left-radius: var(--accordion-border-radius);
  border-top-right-radius: var(--accordion-border-radius);
}
nb-accordion-item:last-child {
  border-bottom-left-radius: var(--accordion-border-radius);
  border-bottom-right-radius: var(--accordion-border-radius);
}
nb-accordion-item:last-child.collapsed nb-accordion-item-header {
  border-bottom: none;
}
nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header {
  border-top-color: var(--accordion-header-border-color);
  border-top-style: var(--accordion-header-border-style);
  border-top-width: var(--accordion-header-border-width);
}
nb-accordion-item-body .item-body {
  flex: 1;
  -ms-flex: 1 1 auto;
  overflow: auto;
  padding: var(--accordion-padding);
  position: relative;
}
[nbButton], [nbButtonToggle] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: var(--button-cursor);
  font-family: var(--button-text-font-family);
  font-weight: var(--button-text-font-weight);
}
[nbButton]:hover, [nbButtonToggle]:hover, [nbButton]:focus, [nbButtonToggle]:focus {
  text-decoration: none;
}
[nbButton].full-width, .full-width[nbButtonToggle] {
  width: 100%;
}
[nbButton] nb-icon, [nbButtonToggle] nb-icon {
  vertical-align: top;
}
[nbButton].nb-transition, .nb-transition[nbButtonToggle] {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, box-shadow, color;
  transition-timing-function: ease-in;
}
[nbButton]:focus, [nbButtonToggle]:focus {
  position: relative;
  outline: none;
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color);
}
[nbButton][disabled], [disabled][nbButtonToggle], [nbButton].btn-disabled, .btn-disabled[nbButtonToggle] {
  cursor: var(--button-disabled-cursor);
}
[nbButton].size-tiny, .size-tiny[nbButtonToggle] {
  font-size: var(--button-tiny-text-font-size);
  line-height: var(--button-tiny-text-line-height);
}
[nbButton].size-tiny nb-icon, .size-tiny[nbButtonToggle] nb-icon {
  font-size: var(--button-tiny-text-font-size);
  height: var(--button-tiny-icon-size);
  width: var(--button-tiny-icon-size);
  margin-top: var(--button-tiny-icon-vertical-margin);
  margin-bottom: var(--button-tiny-icon-vertical-margin);
}
[dir=ltr] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: var(--button-tiny-icon-offset);
}
[dir=rtl] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: var(--button-tiny-icon-offset);
}
[dir=ltr] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: var(--button-tiny-icon-offset);
}
[dir=rtl] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: var(--button-tiny-icon-offset);
}
[nbButton].size-tiny.icon-start.icon-end.appearance-filled, .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: var(--icon-button-filled-tiny-padding);
}
[nbButton].size-tiny.icon-start.icon-end.appearance-outline, .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: var(--icon-button-outline-tiny-padding);
}
[nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: var(--icon-button-ghost-tiny-padding);
}
[nbButton].size-tiny.icon-start.icon-end.appearance-hero, .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: var(--icon-button-hero-tiny-padding);
}
[nbButton].size-small, .size-small[nbButtonToggle] {
  font-size: var(--button-small-text-font-size);
  line-height: var(--button-small-text-line-height);
}
[nbButton].size-small nb-icon, .size-small[nbButtonToggle] nb-icon {
  font-size: var(--button-small-text-font-size);
  height: var(--button-small-icon-size);
  width: var(--button-small-icon-size);
  margin-top: var(--button-small-icon-vertical-margin);
  margin-bottom: var(--button-small-icon-vertical-margin);
}
[dir=ltr] [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: var(--button-small-icon-offset);
}
[dir=rtl] [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: var(--button-small-icon-offset);
}
[dir=ltr] [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: var(--button-small-icon-offset);
}
[dir=rtl] [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: var(--button-small-icon-offset);
}
[nbButton].size-small.icon-start.icon-end.appearance-filled, .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: var(--icon-button-filled-small-padding);
}
[nbButton].size-small.icon-start.icon-end.appearance-outline, .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: var(--icon-button-outline-small-padding);
}
[nbButton].size-small.icon-start.icon-end.appearance-ghost, .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: var(--icon-button-ghost-small-padding);
}
[nbButton].size-small.icon-start.icon-end.appearance-hero, .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: var(--icon-button-hero-small-padding);
}
[nbButton].size-medium, .size-medium[nbButtonToggle] {
  font-size: var(--button-medium-text-font-size);
  line-height: var(--button-medium-text-line-height);
}
[nbButton].size-medium nb-icon, .size-medium[nbButtonToggle] nb-icon {
  font-size: var(--button-medium-text-font-size);
  height: var(--button-medium-icon-size);
  width: var(--button-medium-icon-size);
  margin-top: var(--button-medium-icon-vertical-margin);
  margin-bottom: var(--button-medium-icon-vertical-margin);
}
[dir=ltr] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: var(--button-medium-icon-offset);
}
[dir=rtl] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: var(--button-medium-icon-offset);
}
[dir=ltr] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: var(--button-medium-icon-offset);
}
[dir=rtl] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: var(--button-medium-icon-offset);
}
[nbButton].size-medium.icon-start.icon-end.appearance-filled, .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: var(--icon-button-filled-medium-padding);
}
[nbButton].size-medium.icon-start.icon-end.appearance-outline, .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: var(--icon-button-outline-medium-padding);
}
[nbButton].size-medium.icon-start.icon-end.appearance-ghost, .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: var(--icon-button-ghost-medium-padding);
}
[nbButton].size-medium.icon-start.icon-end.appearance-hero, .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: var(--icon-button-hero-medium-padding);
}
[nbButton].size-large, .size-large[nbButtonToggle] {
  font-size: var(--button-large-text-font-size);
  line-height: var(--button-large-text-line-height);
}
[nbButton].size-large nb-icon, .size-large[nbButtonToggle] nb-icon {
  font-size: var(--button-large-text-font-size);
  height: var(--button-large-icon-size);
  width: var(--button-large-icon-size);
  margin-top: var(--button-large-icon-vertical-margin);
  margin-bottom: var(--button-large-icon-vertical-margin);
}
[dir=ltr] [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: var(--button-large-icon-offset);
}
[dir=rtl] [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: var(--button-large-icon-offset);
}
[dir=ltr] [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: var(--button-large-icon-offset);
}
[dir=rtl] [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: var(--button-large-icon-offset);
}
[nbButton].size-large.icon-start.icon-end.appearance-filled, .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: var(--icon-button-filled-large-padding);
}
[nbButton].size-large.icon-start.icon-end.appearance-outline, .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: var(--icon-button-outline-large-padding);
}
[nbButton].size-large.icon-start.icon-end.appearance-ghost, .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: var(--icon-button-ghost-large-padding);
}
[nbButton].size-large.icon-start.icon-end.appearance-hero, .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: var(--icon-button-hero-large-padding);
}
[nbButton].size-giant, .size-giant[nbButtonToggle] {
  font-size: var(--button-giant-text-font-size);
  line-height: var(--button-giant-text-line-height);
}
[nbButton].size-giant nb-icon, .size-giant[nbButtonToggle] nb-icon {
  font-size: var(--button-giant-text-font-size);
  height: var(--button-giant-icon-size);
  width: var(--button-giant-icon-size);
  margin-top: var(--button-giant-icon-vertical-margin);
  margin-bottom: var(--button-giant-icon-vertical-margin);
}
[dir=ltr] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: var(--button-giant-icon-offset);
}
[dir=rtl] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: var(--button-giant-icon-offset);
}
[dir=ltr] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: var(--button-giant-icon-offset);
}
[dir=rtl] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: var(--button-giant-icon-offset);
}
[nbButton].size-giant.icon-start.icon-end.appearance-filled, .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: var(--icon-button-filled-giant-padding);
}
[nbButton].size-giant.icon-start.icon-end.appearance-outline, .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: var(--icon-button-outline-giant-padding);
}
[nbButton].size-giant.icon-start.icon-end.appearance-ghost, .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: var(--icon-button-ghost-giant-padding);
}
[nbButton].size-giant.icon-start.icon-end.appearance-hero, .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: var(--icon-button-hero-giant-padding);
}
[nbButton].shape-rectangle, .shape-rectangle[nbButtonToggle] {
  border-radius: var(--button-rectangle-border-radius);
}
[nbButton].shape-semi-round, .shape-semi-round[nbButtonToggle] {
  border-radius: var(--button-semi-round-border-radius);
}
[nbButton].shape-round, .shape-round[nbButtonToggle] {
  border-radius: var(--button-round-border-radius);
}
a[nbButton], a[nbButtonToggle] {
  text-decoration: none;
}
[nbButton].appearance-filled, .appearance-filled[nbButtonToggle] {
  border-style: var(--button-filled-border-style);
  border-width: var(--button-filled-border-width);
  text-transform: var(--button-filled-text-transform);
}
[nbButton].appearance-filled.size-tiny, .appearance-filled.size-tiny[nbButtonToggle] {
  padding: var(--button-filled-tiny-padding);
}
[nbButton].appearance-filled.size-small, .appearance-filled.size-small[nbButtonToggle] {
  padding: var(--button-filled-small-padding);
}
[nbButton].appearance-filled.size-medium, .appearance-filled.size-medium[nbButtonToggle] {
  padding: var(--button-filled-medium-padding);
}
[nbButton].appearance-filled.size-large, .appearance-filled.size-large[nbButtonToggle] {
  padding: var(--button-filled-large-padding);
}
[nbButton].appearance-filled.size-giant, .appearance-filled.size-giant[nbButtonToggle] {
  padding: var(--button-filled-giant-padding);
}
[nbButton].appearance-filled.status-basic, .appearance-filled.status-basic[nbButtonToggle] {
  background-color: var(--button-filled-basic-background-color);
  border-color: var(--button-filled-basic-border-color);
  color: var(--button-filled-basic-text-color);
}
[nbButton].appearance-filled.status-basic:focus, .appearance-filled.status-basic[nbButtonToggle]:focus {
  background-color: var(--button-filled-basic-focus-background-color);
  border-color: var(--button-filled-basic-focus-border-color);
}
[nbButton].appearance-filled.status-basic:hover, .appearance-filled.status-basic[nbButtonToggle]:hover {
  background-color: var(--button-filled-basic-hover-background-color);
  border-color: var(--button-filled-basic-hover-border-color);
}
[nbButton].appearance-filled.status-basic:active, .appearance-filled.status-basic[nbButtonToggle]:active {
  background-color: var(--button-filled-basic-active-background-color);
  border-color: var(--button-filled-basic-active-border-color);
}
[nbButton].appearance-filled.status-basic[disabled], .appearance-filled.status-basic[disabled][nbButtonToggle], [nbButton].appearance-filled.status-basic.btn-disabled, .appearance-filled.status-basic.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-basic-disabled-background-color);
  border-color: var(--button-filled-basic-disabled-border-color);
  color: var(--button-filled-basic-disabled-text-color);
}
[nbButton].appearance-filled.status-primary, .appearance-filled.status-primary[nbButtonToggle] {
  background-color: var(--button-filled-primary-background-color);
  border-color: var(--button-filled-primary-border-color);
  color: var(--button-filled-primary-text-color);
}
[nbButton].appearance-filled.status-primary:focus, .appearance-filled.status-primary[nbButtonToggle]:focus {
  background-color: var(--button-filled-primary-focus-background-color);
  border-color: var(--button-filled-primary-focus-border-color);
}
[nbButton].appearance-filled.status-primary:hover, .appearance-filled.status-primary[nbButtonToggle]:hover {
  background-color: var(--button-filled-primary-hover-background-color);
  border-color: var(--button-filled-primary-hover-border-color);
}
[nbButton].appearance-filled.status-primary:active, .appearance-filled.status-primary[nbButtonToggle]:active {
  background-color: var(--button-filled-primary-active-background-color);
  border-color: var(--button-filled-primary-active-border-color);
}
[nbButton].appearance-filled.status-primary[disabled], .appearance-filled.status-primary[disabled][nbButtonToggle], [nbButton].appearance-filled.status-primary.btn-disabled, .appearance-filled.status-primary.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-primary-disabled-background-color);
  border-color: var(--button-filled-primary-disabled-border-color);
  color: var(--button-filled-primary-disabled-text-color);
}
[nbButton].appearance-filled.status-success, .appearance-filled.status-success[nbButtonToggle] {
  background-color: var(--button-filled-success-background-color);
  border-color: var(--button-filled-success-border-color);
  color: var(--button-filled-success-text-color);
}
[nbButton].appearance-filled.status-success:focus, .appearance-filled.status-success[nbButtonToggle]:focus {
  background-color: var(--button-filled-success-focus-background-color);
  border-color: var(--button-filled-success-focus-border-color);
}
[nbButton].appearance-filled.status-success:hover, .appearance-filled.status-success[nbButtonToggle]:hover {
  background-color: var(--button-filled-success-hover-background-color);
  border-color: var(--button-filled-success-hover-border-color);
}
[nbButton].appearance-filled.status-success:active, .appearance-filled.status-success[nbButtonToggle]:active {
  background-color: var(--button-filled-success-active-background-color);
  border-color: var(--button-filled-success-active-border-color);
}
[nbButton].appearance-filled.status-success[disabled], .appearance-filled.status-success[disabled][nbButtonToggle], [nbButton].appearance-filled.status-success.btn-disabled, .appearance-filled.status-success.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-success-disabled-background-color);
  border-color: var(--button-filled-success-disabled-border-color);
  color: var(--button-filled-success-disabled-text-color);
}
[nbButton].appearance-filled.status-warning, .appearance-filled.status-warning[nbButtonToggle] {
  background-color: var(--button-filled-warning-background-color);
  border-color: var(--button-filled-warning-border-color);
  color: var(--button-filled-warning-text-color);
}
[nbButton].appearance-filled.status-warning:focus, .appearance-filled.status-warning[nbButtonToggle]:focus {
  background-color: var(--button-filled-warning-focus-background-color);
  border-color: var(--button-filled-warning-focus-border-color);
}
[nbButton].appearance-filled.status-warning:hover, .appearance-filled.status-warning[nbButtonToggle]:hover {
  background-color: var(--button-filled-warning-hover-background-color);
  border-color: var(--button-filled-warning-hover-border-color);
}
[nbButton].appearance-filled.status-warning:active, .appearance-filled.status-warning[nbButtonToggle]:active {
  background-color: var(--button-filled-warning-active-background-color);
  border-color: var(--button-filled-warning-active-border-color);
}
[nbButton].appearance-filled.status-warning[disabled], .appearance-filled.status-warning[disabled][nbButtonToggle], [nbButton].appearance-filled.status-warning.btn-disabled, .appearance-filled.status-warning.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-warning-disabled-background-color);
  border-color: var(--button-filled-warning-disabled-border-color);
  color: var(--button-filled-warning-disabled-text-color);
}
[nbButton].appearance-filled.status-danger, .appearance-filled.status-danger[nbButtonToggle] {
  background-color: var(--button-filled-danger-background-color);
  border-color: var(--button-filled-danger-border-color);
  color: var(--button-filled-danger-text-color);
}
[nbButton].appearance-filled.status-danger:focus, .appearance-filled.status-danger[nbButtonToggle]:focus {
  background-color: var(--button-filled-danger-focus-background-color);
  border-color: var(--button-filled-danger-focus-border-color);
}
[nbButton].appearance-filled.status-danger:hover, .appearance-filled.status-danger[nbButtonToggle]:hover {
  background-color: var(--button-filled-danger-hover-background-color);
  border-color: var(--button-filled-danger-hover-border-color);
}
[nbButton].appearance-filled.status-danger:active, .appearance-filled.status-danger[nbButtonToggle]:active {
  background-color: var(--button-filled-danger-active-background-color);
  border-color: var(--button-filled-danger-active-border-color);
}
[nbButton].appearance-filled.status-danger[disabled], .appearance-filled.status-danger[disabled][nbButtonToggle], [nbButton].appearance-filled.status-danger.btn-disabled, .appearance-filled.status-danger.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-danger-disabled-background-color);
  border-color: var(--button-filled-danger-disabled-border-color);
  color: var(--button-filled-danger-disabled-text-color);
}
[nbButton].appearance-filled.status-info, .appearance-filled.status-info[nbButtonToggle] {
  background-color: var(--button-filled-info-background-color);
  border-color: var(--button-filled-info-border-color);
  color: var(--button-filled-info-text-color);
}
[nbButton].appearance-filled.status-info:focus, .appearance-filled.status-info[nbButtonToggle]:focus {
  background-color: var(--button-filled-info-focus-background-color);
  border-color: var(--button-filled-info-focus-border-color);
}
[nbButton].appearance-filled.status-info:hover, .appearance-filled.status-info[nbButtonToggle]:hover {
  background-color: var(--button-filled-info-hover-background-color);
  border-color: var(--button-filled-info-hover-border-color);
}
[nbButton].appearance-filled.status-info:active, .appearance-filled.status-info[nbButtonToggle]:active {
  background-color: var(--button-filled-info-active-background-color);
  border-color: var(--button-filled-info-active-border-color);
}
[nbButton].appearance-filled.status-info[disabled], .appearance-filled.status-info[disabled][nbButtonToggle], [nbButton].appearance-filled.status-info.btn-disabled, .appearance-filled.status-info.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-info-disabled-background-color);
  border-color: var(--button-filled-info-disabled-border-color);
  color: var(--button-filled-info-disabled-text-color);
}
[nbButton].appearance-filled.status-control, .appearance-filled.status-control[nbButtonToggle] {
  background-color: var(--button-filled-control-background-color);
  border-color: var(--button-filled-control-border-color);
  color: var(--button-filled-control-text-color);
}
[nbButton].appearance-filled.status-control:focus, .appearance-filled.status-control[nbButtonToggle]:focus {
  background-color: var(--button-filled-control-focus-background-color);
  border-color: var(--button-filled-control-focus-border-color);
}
[nbButton].appearance-filled.status-control:hover, .appearance-filled.status-control[nbButtonToggle]:hover {
  background-color: var(--button-filled-control-hover-background-color);
  border-color: var(--button-filled-control-hover-border-color);
}
[nbButton].appearance-filled.status-control:active, .appearance-filled.status-control[nbButtonToggle]:active {
  background-color: var(--button-filled-control-active-background-color);
  border-color: var(--button-filled-control-active-border-color);
}
[nbButton].appearance-filled.status-control[disabled], .appearance-filled.status-control[disabled][nbButtonToggle], [nbButton].appearance-filled.status-control.btn-disabled, .appearance-filled.status-control.btn-disabled[nbButtonToggle] {
  background-color: var(--button-filled-control-disabled-background-color);
  border-color: var(--button-filled-control-disabled-border-color);
  color: var(--button-filled-control-disabled-text-color);
}
[nbButton].appearance-outline, .appearance-outline[nbButtonToggle] {
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
}
[nbButton].appearance-outline:focus, .appearance-outline[nbButtonToggle]:focus {
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color);
}
[nbButton].appearance-outline:focus:not(:hover):not(:active), .appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active) {
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color), inset var(--button-outline-focus-inset-shadow-length) var(--button-outline-color);
}
[nbButton].appearance-outline.size-tiny, .appearance-outline.size-tiny[nbButtonToggle] {
  padding: var(--button-outline-tiny-padding);
}
[nbButton].appearance-outline.size-small, .appearance-outline.size-small[nbButtonToggle] {
  padding: var(--button-outline-small-padding);
}
[nbButton].appearance-outline.size-medium, .appearance-outline.size-medium[nbButtonToggle] {
  padding: var(--button-outline-medium-padding);
}
[nbButton].appearance-outline.size-large, .appearance-outline.size-large[nbButtonToggle] {
  padding: var(--button-outline-large-padding);
}
[nbButton].appearance-outline.size-giant, .appearance-outline.size-giant[nbButtonToggle] {
  padding: var(--button-outline-giant-padding);
}
[nbButton].appearance-outline.status-basic, .appearance-outline.status-basic[nbButtonToggle] {
  background-color: var(--button-outline-basic-background-color);
  border-color: var(--button-outline-basic-border-color);
  color: var(--button-outline-basic-text-color);
}
[nbButton].appearance-outline.status-basic:focus, .appearance-outline.status-basic[nbButtonToggle]:focus {
  background-color: var(--button-outline-basic-focus-background-color);
  border-color: var(--button-outline-basic-focus-border-color);
  color: var(--button-outline-basic-focus-text-color);
}
[nbButton].appearance-outline.status-basic:hover, .appearance-outline.status-basic[nbButtonToggle]:hover {
  background-color: var(--button-outline-basic-hover-background-color);
  border-color: var(--button-outline-basic-hover-border-color);
  color: var(--button-outline-basic-hover-text-color);
}
[nbButton].appearance-outline.status-basic:active, .appearance-outline.status-basic[nbButtonToggle]:active {
  background-color: var(--button-outline-basic-active-background-color);
  border-color: var(--button-outline-basic-active-border-color);
  color: var(--button-outline-basic-active-text-color);
}
[nbButton].appearance-outline.status-basic[disabled], .appearance-outline.status-basic[disabled][nbButtonToggle], [nbButton].appearance-outline.status-basic.btn-disabled, .appearance-outline.status-basic.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-basic-disabled-background-color);
  border-color: var(--button-outline-basic-disabled-border-color);
  color: var(--button-outline-basic-disabled-text-color);
}
[nbButton].appearance-outline.status-primary, .appearance-outline.status-primary[nbButtonToggle] {
  background-color: var(--button-outline-primary-background-color);
  border-color: var(--button-outline-primary-border-color);
  color: var(--button-outline-primary-text-color);
}
[nbButton].appearance-outline.status-primary:focus, .appearance-outline.status-primary[nbButtonToggle]:focus {
  background-color: var(--button-outline-primary-focus-background-color);
  border-color: var(--button-outline-primary-focus-border-color);
  color: var(--button-outline-primary-focus-text-color);
}
[nbButton].appearance-outline.status-primary:hover, .appearance-outline.status-primary[nbButtonToggle]:hover {
  background-color: var(--button-outline-primary-hover-background-color);
  border-color: var(--button-outline-primary-hover-border-color);
  color: var(--button-outline-primary-hover-text-color);
}
[nbButton].appearance-outline.status-primary:active, .appearance-outline.status-primary[nbButtonToggle]:active {
  background-color: var(--button-outline-primary-active-background-color);
  border-color: var(--button-outline-primary-active-border-color);
  color: var(--button-outline-primary-active-text-color);
}
[nbButton].appearance-outline.status-primary[disabled], .appearance-outline.status-primary[disabled][nbButtonToggle], [nbButton].appearance-outline.status-primary.btn-disabled, .appearance-outline.status-primary.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-primary-disabled-background-color);
  border-color: var(--button-outline-primary-disabled-border-color);
  color: var(--button-outline-primary-disabled-text-color);
}
[nbButton].appearance-outline.status-success, .appearance-outline.status-success[nbButtonToggle] {
  background-color: var(--button-outline-success-background-color);
  border-color: var(--button-outline-success-border-color);
  color: var(--button-outline-success-text-color);
}
[nbButton].appearance-outline.status-success:focus, .appearance-outline.status-success[nbButtonToggle]:focus {
  background-color: var(--button-outline-success-focus-background-color);
  border-color: var(--button-outline-success-focus-border-color);
  color: var(--button-outline-success-focus-text-color);
}
[nbButton].appearance-outline.status-success:hover, .appearance-outline.status-success[nbButtonToggle]:hover {
  background-color: var(--button-outline-success-hover-background-color);
  border-color: var(--button-outline-success-hover-border-color);
  color: var(--button-outline-success-hover-text-color);
}
[nbButton].appearance-outline.status-success:active, .appearance-outline.status-success[nbButtonToggle]:active {
  background-color: var(--button-outline-success-active-background-color);
  border-color: var(--button-outline-success-active-border-color);
  color: var(--button-outline-success-active-text-color);
}
[nbButton].appearance-outline.status-success[disabled], .appearance-outline.status-success[disabled][nbButtonToggle], [nbButton].appearance-outline.status-success.btn-disabled, .appearance-outline.status-success.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-success-disabled-background-color);
  border-color: var(--button-outline-success-disabled-border-color);
  color: var(--button-outline-success-disabled-text-color);
}
[nbButton].appearance-outline.status-warning, .appearance-outline.status-warning[nbButtonToggle] {
  background-color: var(--button-outline-warning-background-color);
  border-color: var(--button-outline-warning-border-color);
  color: var(--button-outline-warning-text-color);
}
[nbButton].appearance-outline.status-warning:focus, .appearance-outline.status-warning[nbButtonToggle]:focus {
  background-color: var(--button-outline-warning-focus-background-color);
  border-color: var(--button-outline-warning-focus-border-color);
  color: var(--button-outline-warning-focus-text-color);
}
[nbButton].appearance-outline.status-warning:hover, .appearance-outline.status-warning[nbButtonToggle]:hover {
  background-color: var(--button-outline-warning-hover-background-color);
  border-color: var(--button-outline-warning-hover-border-color);
  color: var(--button-outline-warning-hover-text-color);
}
[nbButton].appearance-outline.status-warning:active, .appearance-outline.status-warning[nbButtonToggle]:active {
  background-color: var(--button-outline-warning-active-background-color);
  border-color: var(--button-outline-warning-active-border-color);
  color: var(--button-outline-warning-active-text-color);
}
[nbButton].appearance-outline.status-warning[disabled], .appearance-outline.status-warning[disabled][nbButtonToggle], [nbButton].appearance-outline.status-warning.btn-disabled, .appearance-outline.status-warning.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-warning-disabled-background-color);
  border-color: var(--button-outline-warning-disabled-border-color);
  color: var(--button-outline-warning-disabled-text-color);
}
[nbButton].appearance-outline.status-danger, .appearance-outline.status-danger[nbButtonToggle] {
  background-color: var(--button-outline-danger-background-color);
  border-color: var(--button-outline-danger-border-color);
  color: var(--button-outline-danger-text-color);
}
[nbButton].appearance-outline.status-danger:focus, .appearance-outline.status-danger[nbButtonToggle]:focus {
  background-color: var(--button-outline-danger-focus-background-color);
  border-color: var(--button-outline-danger-focus-border-color);
  color: var(--button-outline-danger-focus-text-color);
}
[nbButton].appearance-outline.status-danger:hover, .appearance-outline.status-danger[nbButtonToggle]:hover {
  background-color: var(--button-outline-danger-hover-background-color);
  border-color: var(--button-outline-danger-hover-border-color);
  color: var(--button-outline-danger-hover-text-color);
}
[nbButton].appearance-outline.status-danger:active, .appearance-outline.status-danger[nbButtonToggle]:active {
  background-color: var(--button-outline-danger-active-background-color);
  border-color: var(--button-outline-danger-active-border-color);
  color: var(--button-outline-danger-active-text-color);
}
[nbButton].appearance-outline.status-danger[disabled], .appearance-outline.status-danger[disabled][nbButtonToggle], [nbButton].appearance-outline.status-danger.btn-disabled, .appearance-outline.status-danger.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-danger-disabled-background-color);
  border-color: var(--button-outline-danger-disabled-border-color);
  color: var(--button-outline-danger-disabled-text-color);
}
[nbButton].appearance-outline.status-info, .appearance-outline.status-info[nbButtonToggle] {
  background-color: var(--button-outline-info-background-color);
  border-color: var(--button-outline-info-border-color);
  color: var(--button-outline-info-text-color);
}
[nbButton].appearance-outline.status-info:focus, .appearance-outline.status-info[nbButtonToggle]:focus {
  background-color: var(--button-outline-info-focus-background-color);
  border-color: var(--button-outline-info-focus-border-color);
  color: var(--button-outline-info-focus-text-color);
}
[nbButton].appearance-outline.status-info:hover, .appearance-outline.status-info[nbButtonToggle]:hover {
  background-color: var(--button-outline-info-hover-background-color);
  border-color: var(--button-outline-info-hover-border-color);
  color: var(--button-outline-info-hover-text-color);
}
[nbButton].appearance-outline.status-info:active, .appearance-outline.status-info[nbButtonToggle]:active {
  background-color: var(--button-outline-info-active-background-color);
  border-color: var(--button-outline-info-active-border-color);
  color: var(--button-outline-info-active-text-color);
}
[nbButton].appearance-outline.status-info[disabled], .appearance-outline.status-info[disabled][nbButtonToggle], [nbButton].appearance-outline.status-info.btn-disabled, .appearance-outline.status-info.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-info-disabled-background-color);
  border-color: var(--button-outline-info-disabled-border-color);
  color: var(--button-outline-info-disabled-text-color);
}
[nbButton].appearance-outline.status-control, .appearance-outline.status-control[nbButtonToggle] {
  background-color: var(--button-outline-control-background-color);
  border-color: var(--button-outline-control-border-color);
  color: var(--button-outline-control-text-color);
}
[nbButton].appearance-outline.status-control:focus, .appearance-outline.status-control[nbButtonToggle]:focus {
  background-color: var(--button-outline-control-focus-background-color);
  border-color: var(--button-outline-control-focus-border-color);
  color: var(--button-outline-control-focus-text-color);
}
[nbButton].appearance-outline.status-control:hover, .appearance-outline.status-control[nbButtonToggle]:hover {
  background-color: var(--button-outline-control-hover-background-color);
  border-color: var(--button-outline-control-hover-border-color);
  color: var(--button-outline-control-hover-text-color);
}
[nbButton].appearance-outline.status-control:active, .appearance-outline.status-control[nbButtonToggle]:active {
  background-color: var(--button-outline-control-active-background-color);
  border-color: var(--button-outline-control-active-border-color);
  color: var(--button-outline-control-active-text-color);
}
[nbButton].appearance-outline.status-control[disabled], .appearance-outline.status-control[disabled][nbButtonToggle], [nbButton].appearance-outline.status-control.btn-disabled, .appearance-outline.status-control.btn-disabled[nbButtonToggle] {
  background-color: var(--button-outline-control-disabled-background-color);
  border-color: var(--button-outline-control-disabled-border-color);
  color: var(--button-outline-control-disabled-text-color);
}
[nbButton].appearance-ghost, .appearance-ghost[nbButtonToggle] {
  background-color: var(--button-ghost-background-color);
  border-color: var(--button-ghost-border-color);
  border-style: var(--button-ghost-border-style);
  border-width: var(--button-ghost-border-width);
  text-transform: var(--button-ghost-text-transform);
}
[nbButton].appearance-ghost:focus, .appearance-ghost[nbButtonToggle]:focus {
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color);
}
[nbButton].appearance-ghost:focus:not(:hover):not(:active), .appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active) {
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color), inset var(--button-ghost-focus-inset-shadow-length) var(--button-outline-color);
}
[nbButton].appearance-ghost.size-tiny, .appearance-ghost.size-tiny[nbButtonToggle] {
  padding: var(--button-ghost-tiny-padding);
}
[nbButton].appearance-ghost.size-small, .appearance-ghost.size-small[nbButtonToggle] {
  padding: var(--button-ghost-small-padding);
}
[nbButton].appearance-ghost.size-medium, .appearance-ghost.size-medium[nbButtonToggle] {
  padding: var(--button-ghost-medium-padding);
}
[nbButton].appearance-ghost.size-large, .appearance-ghost.size-large[nbButtonToggle] {
  padding: var(--button-ghost-large-padding);
}
[nbButton].appearance-ghost.size-giant, .appearance-ghost.size-giant[nbButtonToggle] {
  padding: var(--button-ghost-giant-padding);
}
[nbButton].appearance-ghost.status-basic, .appearance-ghost.status-basic[nbButtonToggle] {
  color: var(--button-ghost-basic-text-color);
}
[nbButton].appearance-ghost.status-basic:focus, .appearance-ghost.status-basic[nbButtonToggle]:focus {
  background-color: var(--button-ghost-basic-focus-background-color);
  border-color: var(--button-ghost-basic-focus-border-color);
  color: var(--button-ghost-basic-focus-text-color);
}
[nbButton].appearance-ghost.status-basic:hover, .appearance-ghost.status-basic[nbButtonToggle]:hover {
  background-color: var(--button-ghost-basic-hover-background-color);
  border-color: var(--button-ghost-basic-hover-border-color);
  color: var(--button-ghost-basic-hover-text-color);
}
[nbButton].appearance-ghost.status-basic:active, .appearance-ghost.status-basic[nbButtonToggle]:active {
  background-color: var(--button-ghost-basic-active-background-color);
  border-color: var(--button-ghost-basic-active-border-color);
  color: var(--button-ghost-basic-active-text-color);
}
[nbButton].appearance-ghost.status-basic[disabled], .appearance-ghost.status-basic[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-basic.btn-disabled, .appearance-ghost.status-basic.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-basic-disabled-background-color);
  border-color: var(--button-ghost-basic-disabled-border-color);
  color: var(--button-ghost-basic-disabled-text-color);
}
[nbButton].appearance-ghost.status-primary, .appearance-ghost.status-primary[nbButtonToggle] {
  color: var(--button-ghost-primary-text-color);
}
[nbButton].appearance-ghost.status-primary:focus, .appearance-ghost.status-primary[nbButtonToggle]:focus {
  background-color: var(--button-ghost-primary-focus-background-color);
  border-color: var(--button-ghost-primary-focus-border-color);
  color: var(--button-ghost-primary-focus-text-color);
}
[nbButton].appearance-ghost.status-primary:hover, .appearance-ghost.status-primary[nbButtonToggle]:hover {
  background-color: var(--button-ghost-primary-hover-background-color);
  border-color: var(--button-ghost-primary-hover-border-color);
  color: var(--button-ghost-primary-hover-text-color);
}
[nbButton].appearance-ghost.status-primary:active, .appearance-ghost.status-primary[nbButtonToggle]:active {
  background-color: var(--button-ghost-primary-active-background-color);
  border-color: var(--button-ghost-primary-active-border-color);
  color: var(--button-ghost-primary-active-text-color);
}
[nbButton].appearance-ghost.status-primary[disabled], .appearance-ghost.status-primary[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-primary.btn-disabled, .appearance-ghost.status-primary.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-primary-disabled-background-color);
  border-color: var(--button-ghost-primary-disabled-border-color);
  color: var(--button-ghost-primary-disabled-text-color);
}
[nbButton].appearance-ghost.status-success, .appearance-ghost.status-success[nbButtonToggle] {
  color: var(--button-ghost-success-text-color);
}
[nbButton].appearance-ghost.status-success:focus, .appearance-ghost.status-success[nbButtonToggle]:focus {
  background-color: var(--button-ghost-success-focus-background-color);
  border-color: var(--button-ghost-success-focus-border-color);
  color: var(--button-ghost-success-focus-text-color);
}
[nbButton].appearance-ghost.status-success:hover, .appearance-ghost.status-success[nbButtonToggle]:hover {
  background-color: var(--button-ghost-success-hover-background-color);
  border-color: var(--button-ghost-success-hover-border-color);
  color: var(--button-ghost-success-hover-text-color);
}
[nbButton].appearance-ghost.status-success:active, .appearance-ghost.status-success[nbButtonToggle]:active {
  background-color: var(--button-ghost-success-active-background-color);
  border-color: var(--button-ghost-success-active-border-color);
  color: var(--button-ghost-success-active-text-color);
}
[nbButton].appearance-ghost.status-success[disabled], .appearance-ghost.status-success[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-success.btn-disabled, .appearance-ghost.status-success.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-success-disabled-background-color);
  border-color: var(--button-ghost-success-disabled-border-color);
  color: var(--button-ghost-success-disabled-text-color);
}
[nbButton].appearance-ghost.status-warning, .appearance-ghost.status-warning[nbButtonToggle] {
  color: var(--button-ghost-warning-text-color);
}
[nbButton].appearance-ghost.status-warning:focus, .appearance-ghost.status-warning[nbButtonToggle]:focus {
  background-color: var(--button-ghost-warning-focus-background-color);
  border-color: var(--button-ghost-warning-focus-border-color);
  color: var(--button-ghost-warning-focus-text-color);
}
[nbButton].appearance-ghost.status-warning:hover, .appearance-ghost.status-warning[nbButtonToggle]:hover {
  background-color: var(--button-ghost-warning-hover-background-color);
  border-color: var(--button-ghost-warning-hover-border-color);
  color: var(--button-ghost-warning-hover-text-color);
}
[nbButton].appearance-ghost.status-warning:active, .appearance-ghost.status-warning[nbButtonToggle]:active {
  background-color: var(--button-ghost-warning-active-background-color);
  border-color: var(--button-ghost-warning-active-border-color);
  color: var(--button-ghost-warning-active-text-color);
}
[nbButton].appearance-ghost.status-warning[disabled], .appearance-ghost.status-warning[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-warning.btn-disabled, .appearance-ghost.status-warning.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-warning-disabled-background-color);
  border-color: var(--button-ghost-warning-disabled-border-color);
  color: var(--button-ghost-warning-disabled-text-color);
}
[nbButton].appearance-ghost.status-danger, .appearance-ghost.status-danger[nbButtonToggle] {
  color: var(--button-ghost-danger-text-color);
}
[nbButton].appearance-ghost.status-danger:focus, .appearance-ghost.status-danger[nbButtonToggle]:focus {
  background-color: var(--button-ghost-danger-focus-background-color);
  border-color: var(--button-ghost-danger-focus-border-color);
  color: var(--button-ghost-danger-focus-text-color);
}
[nbButton].appearance-ghost.status-danger:hover, .appearance-ghost.status-danger[nbButtonToggle]:hover {
  background-color: var(--button-ghost-danger-hover-background-color);
  border-color: var(--button-ghost-danger-hover-border-color);
  color: var(--button-ghost-danger-hover-text-color);
}
[nbButton].appearance-ghost.status-danger:active, .appearance-ghost.status-danger[nbButtonToggle]:active {
  background-color: var(--button-ghost-danger-active-background-color);
  border-color: var(--button-ghost-danger-active-border-color);
  color: var(--button-ghost-danger-active-text-color);
}
[nbButton].appearance-ghost.status-danger[disabled], .appearance-ghost.status-danger[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-danger.btn-disabled, .appearance-ghost.status-danger.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-danger-disabled-background-color);
  border-color: var(--button-ghost-danger-disabled-border-color);
  color: var(--button-ghost-danger-disabled-text-color);
}
[nbButton].appearance-ghost.status-info, .appearance-ghost.status-info[nbButtonToggle] {
  color: var(--button-ghost-info-text-color);
}
[nbButton].appearance-ghost.status-info:focus, .appearance-ghost.status-info[nbButtonToggle]:focus {
  background-color: var(--button-ghost-info-focus-background-color);
  border-color: var(--button-ghost-info-focus-border-color);
  color: var(--button-ghost-info-focus-text-color);
}
[nbButton].appearance-ghost.status-info:hover, .appearance-ghost.status-info[nbButtonToggle]:hover {
  background-color: var(--button-ghost-info-hover-background-color);
  border-color: var(--button-ghost-info-hover-border-color);
  color: var(--button-ghost-info-hover-text-color);
}
[nbButton].appearance-ghost.status-info:active, .appearance-ghost.status-info[nbButtonToggle]:active {
  background-color: var(--button-ghost-info-active-background-color);
  border-color: var(--button-ghost-info-active-border-color);
  color: var(--button-ghost-info-active-text-color);
}
[nbButton].appearance-ghost.status-info[disabled], .appearance-ghost.status-info[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-info.btn-disabled, .appearance-ghost.status-info.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-info-disabled-background-color);
  border-color: var(--button-ghost-info-disabled-border-color);
  color: var(--button-ghost-info-disabled-text-color);
}
[nbButton].appearance-ghost.status-control, .appearance-ghost.status-control[nbButtonToggle] {
  color: var(--button-ghost-control-text-color);
}
[nbButton].appearance-ghost.status-control:focus, .appearance-ghost.status-control[nbButtonToggle]:focus {
  background-color: var(--button-ghost-control-focus-background-color);
  border-color: var(--button-ghost-control-focus-border-color);
  color: var(--button-ghost-control-focus-text-color);
}
[nbButton].appearance-ghost.status-control:hover, .appearance-ghost.status-control[nbButtonToggle]:hover {
  background-color: var(--button-ghost-control-hover-background-color);
  border-color: var(--button-ghost-control-hover-border-color);
  color: var(--button-ghost-control-hover-text-color);
}
[nbButton].appearance-ghost.status-control:active, .appearance-ghost.status-control[nbButtonToggle]:active {
  background-color: var(--button-ghost-control-active-background-color);
  border-color: var(--button-ghost-control-active-border-color);
  color: var(--button-ghost-control-active-text-color);
}
[nbButton].appearance-ghost.status-control[disabled], .appearance-ghost.status-control[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-control.btn-disabled, .appearance-ghost.status-control.btn-disabled[nbButtonToggle] {
  background-color: var(--button-ghost-control-disabled-background-color);
  border-color: var(--button-ghost-control-disabled-border-color);
  color: var(--button-ghost-control-disabled-text-color);
}
[nbButton].appearance-hero, .appearance-hero[nbButtonToggle] {
  text-shadow: var(--button-hero-text-shadow);
  text-transform: var(--button-hero-text-transform);
}
[nbButton].appearance-hero.size-tiny, .appearance-hero.size-tiny[nbButtonToggle] {
  padding: var(--button-hero-tiny-padding);
}
[nbButton].appearance-hero.size-small, .appearance-hero.size-small[nbButtonToggle] {
  padding: var(--button-hero-small-padding);
}
[nbButton].appearance-hero.size-medium, .appearance-hero.size-medium[nbButtonToggle] {
  padding: var(--button-hero-medium-padding);
}
[nbButton].appearance-hero.size-large, .appearance-hero.size-large[nbButtonToggle] {
  padding: var(--button-hero-large-padding);
}
[nbButton].appearance-hero.size-giant, .appearance-hero.size-giant[nbButtonToggle] {
  padding: var(--button-hero-giant-padding);
}
[nbButton].appearance-hero.status-basic, .appearance-hero.status-basic[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-basic-left-background-color), var(--button-hero-basic-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color), var(--button-hero-glow-size) var(--button-hero-basic-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-basic-text-color);
}
[nbButton].appearance-hero.status-basic:focus, .appearance-hero.status-basic[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-basic-focus-left-background-color), var(--button-hero-basic-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color), var(--button-hero-glow-size) var(--button-hero-basic-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-basic:hover, .appearance-hero.status-basic[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-basic-hover-left-background-color), var(--button-hero-basic-hover-right-background-color));
}
[nbButton].appearance-hero.status-basic:active, .appearance-hero.status-basic[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-basic-active-left-background-color), var(--button-hero-basic-active-right-background-color));
}
[nbButton].appearance-hero.status-basic[disabled], .appearance-hero.status-basic[disabled][nbButtonToggle], [nbButton].appearance-hero.status-basic.btn-disabled, .appearance-hero.status-basic.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-basic-disabled-background-color);
  background-image: none;
  color: var(--button-hero-basic-disabled-text-color);
}
[nbButton].appearance-hero.status-basic.button-pulse, .appearance-hero.status-basic.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-basic-pulse 0.75s infinite alternate;
          animation: button-hero-basic-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-basic-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-basic-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-primary, .appearance-hero.status-primary[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-primary-left-background-color), var(--button-hero-primary-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-primary-text-color);
}
[nbButton].appearance-hero.status-primary:focus, .appearance-hero.status-primary[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-primary-focus-left-background-color), var(--button-hero-primary-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-primary:hover, .appearance-hero.status-primary[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-primary-hover-left-background-color), var(--button-hero-primary-hover-right-background-color));
}
[nbButton].appearance-hero.status-primary:active, .appearance-hero.status-primary[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-primary-active-left-background-color), var(--button-hero-primary-active-right-background-color));
}
[nbButton].appearance-hero.status-primary[disabled], .appearance-hero.status-primary[disabled][nbButtonToggle], [nbButton].appearance-hero.status-primary.btn-disabled, .appearance-hero.status-primary.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-primary-disabled-background-color);
  background-image: none;
  color: var(--button-hero-primary-disabled-text-color);
}
[nbButton].appearance-hero.status-primary.button-pulse, .appearance-hero.status-primary.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-primary-pulse 0.75s infinite alternate;
          animation: button-hero-primary-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-primary-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-primary-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-success, .appearance-hero.status-success[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-success-left-background-color), var(--button-hero-success-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-success-text-color);
}
[nbButton].appearance-hero.status-success:focus, .appearance-hero.status-success[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-success-focus-left-background-color), var(--button-hero-success-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-success:hover, .appearance-hero.status-success[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-success-hover-left-background-color), var(--button-hero-success-hover-right-background-color));
}
[nbButton].appearance-hero.status-success:active, .appearance-hero.status-success[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-success-active-left-background-color), var(--button-hero-success-active-right-background-color));
}
[nbButton].appearance-hero.status-success[disabled], .appearance-hero.status-success[disabled][nbButtonToggle], [nbButton].appearance-hero.status-success.btn-disabled, .appearance-hero.status-success.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-success-disabled-background-color);
  background-image: none;
  color: var(--button-hero-success-disabled-text-color);
}
[nbButton].appearance-hero.status-success.button-pulse, .appearance-hero.status-success.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-success-pulse 0.75s infinite alternate;
          animation: button-hero-success-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-success-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-success-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-warning, .appearance-hero.status-warning[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-warning-left-background-color), var(--button-hero-warning-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-warning-text-color);
}
[nbButton].appearance-hero.status-warning:focus, .appearance-hero.status-warning[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-warning-focus-left-background-color), var(--button-hero-warning-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-warning:hover, .appearance-hero.status-warning[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-warning-hover-left-background-color), var(--button-hero-warning-hover-right-background-color));
}
[nbButton].appearance-hero.status-warning:active, .appearance-hero.status-warning[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-warning-active-left-background-color), var(--button-hero-warning-active-right-background-color));
}
[nbButton].appearance-hero.status-warning[disabled], .appearance-hero.status-warning[disabled][nbButtonToggle], [nbButton].appearance-hero.status-warning.btn-disabled, .appearance-hero.status-warning.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-warning-disabled-background-color);
  background-image: none;
  color: var(--button-hero-warning-disabled-text-color);
}
[nbButton].appearance-hero.status-warning.button-pulse, .appearance-hero.status-warning.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-warning-pulse 0.75s infinite alternate;
          animation: button-hero-warning-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-warning-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-warning-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-danger, .appearance-hero.status-danger[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-danger-left-background-color), var(--button-hero-danger-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-danger-text-color);
}
[nbButton].appearance-hero.status-danger:focus, .appearance-hero.status-danger[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-danger-focus-left-background-color), var(--button-hero-danger-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-danger:hover, .appearance-hero.status-danger[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-danger-hover-left-background-color), var(--button-hero-danger-hover-right-background-color));
}
[nbButton].appearance-hero.status-danger:active, .appearance-hero.status-danger[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-danger-active-left-background-color), var(--button-hero-danger-active-right-background-color));
}
[nbButton].appearance-hero.status-danger[disabled], .appearance-hero.status-danger[disabled][nbButtonToggle], [nbButton].appearance-hero.status-danger.btn-disabled, .appearance-hero.status-danger.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-danger-disabled-background-color);
  background-image: none;
  color: var(--button-hero-danger-disabled-text-color);
}
[nbButton].appearance-hero.status-danger.button-pulse, .appearance-hero.status-danger.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-danger-pulse 0.75s infinite alternate;
          animation: button-hero-danger-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-danger-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-danger-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-info, .appearance-hero.status-info[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-info-left-background-color), var(--button-hero-info-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-info-text-color);
}
[nbButton].appearance-hero.status-info:focus, .appearance-hero.status-info[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-info-focus-left-background-color), var(--button-hero-info-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-info:hover, .appearance-hero.status-info[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-info-hover-left-background-color), var(--button-hero-info-hover-right-background-color));
}
[nbButton].appearance-hero.status-info:active, .appearance-hero.status-info[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-info-active-left-background-color), var(--button-hero-info-active-right-background-color));
}
[nbButton].appearance-hero.status-info[disabled], .appearance-hero.status-info[disabled][nbButtonToggle], [nbButton].appearance-hero.status-info.btn-disabled, .appearance-hero.status-info.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-info-disabled-background-color);
  background-image: none;
  color: var(--button-hero-info-disabled-text-color);
}
[nbButton].appearance-hero.status-info.button-pulse, .appearance-hero.status-info.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-info-pulse 0.75s infinite alternate;
          animation: button-hero-info-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-info-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-info-left-background-color);
    opacity: 0.8;
  }
}
[nbButton].appearance-hero.status-control, .appearance-hero.status-control[nbButtonToggle] {
  background-image: linear-gradient(to right, var(--button-hero-control-left-background-color), var(--button-hero-control-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-control-bevel-color), var(--button-hero-glow-size) var(--button-hero-control-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-control-text-color);
}
[nbButton].appearance-hero.status-control:focus, .appearance-hero.status-control[nbButtonToggle]:focus {
  background-image: linear-gradient(to right, var(--button-hero-control-focus-left-background-color), var(--button-hero-control-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-control-bevel-color), var(--button-hero-glow-size) var(--button-hero-control-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
[nbButton].appearance-hero.status-control:hover, .appearance-hero.status-control[nbButtonToggle]:hover {
  background-image: linear-gradient(to right, var(--button-hero-control-hover-left-background-color), var(--button-hero-control-hover-right-background-color));
}
[nbButton].appearance-hero.status-control:active, .appearance-hero.status-control[nbButtonToggle]:active {
  background-image: linear-gradient(to right, var(--button-hero-control-active-left-background-color), var(--button-hero-control-active-right-background-color));
}
[nbButton].appearance-hero.status-control[disabled], .appearance-hero.status-control[disabled][nbButtonToggle], [nbButton].appearance-hero.status-control.btn-disabled, .appearance-hero.status-control.btn-disabled[nbButtonToggle] {
  background-color: var(--button-hero-control-disabled-background-color);
  background-image: none;
  color: var(--button-hero-control-disabled-text-color);
}
[nbButton].appearance-hero.status-control.button-pulse, .appearance-hero.status-control.button-pulse[nbButtonToggle] {
  -webkit-animation: button-hero-control-pulse 0.75s infinite alternate;
          animation: button-hero-control-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-control-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-control-left-background-color);
    opacity: 0.8;
  }
}
nb-button-group {
  display: inline-flex;
}
[dir=ltr] nb-button-group [nbButton]:first-child:not(:last-child),
[dir=ltr] nb-button-group [nbButtonToggle]:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] nb-button-group [nbButton]:last-child:not(:first-child),
[dir=ltr] nb-button-group [nbButtonToggle]:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] nb-button-group [nbButton]:first-child:not(:last-child),
[dir=rtl] nb-button-group [nbButtonToggle]:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] nb-button-group [nbButton]:last-child:not(:first-child),
[dir=rtl] nb-button-group [nbButtonToggle]:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
nb-button-group [nbButton]:not(:first-child):not(:last-child),
nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) {
  border-radius: 0;
}
nb-button-group [nbButton].appearance-filled, nb-button-group [nbButton].appearance-ghost,
nb-button-group [nbButtonToggle].appearance-filled,
nb-button-group [nbButtonToggle].appearance-ghost {
  border-color: transparent;
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-basic-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-basic-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-basic,
nb-button-group [nbButtonToggle].appearance-filled.status-basic {
  color: var(--button-group-filled-button-basic-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-primary-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-primary-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-primary,
nb-button-group [nbButtonToggle].appearance-filled.status-primary {
  color: var(--button-group-filled-button-primary-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-success-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-success-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-success,
nb-button-group [nbButtonToggle].appearance-filled.status-success {
  color: var(--button-group-filled-button-success-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-warning-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-warning-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-warning,
nb-button-group [nbButtonToggle].appearance-filled.status-warning {
  color: var(--button-group-filled-button-warning-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-danger-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-danger-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-danger,
nb-button-group [nbButtonToggle].appearance-filled.status-danger {
  color: var(--button-group-filled-button-danger-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-info-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-info-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-info,
nb-button-group [nbButtonToggle].appearance-filled.status-info {
  color: var(--button-group-filled-button-info-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-filled-control-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-filled-control-divider-color);
}
nb-button-group [nbButton].appearance-filled.status-control,
nb-button-group [nbButtonToggle].appearance-filled.status-control {
  color: var(--button-group-filled-button-control-text-color);
}
[dir=ltr] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: var(--button-group-ghost-divider-color);
}
[dir=rtl] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: var(--button-group-ghost-divider-color);
}
nb-list-item {
  border-bottom: var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color);
  color: var(--list-item-text-color);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
  padding: var(--list-item-padding);
}
nb-list-item:first-child {
  border-top: var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color);
}
[nbInput] {
  border-style: var(--input-border-style);
  border-width: var(--input-border-width);
  font-family: var(--input-text-font-family);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[nbInput].nb-transition {
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
}
[nbInput]::-moz-placeholder {
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
[nbInput]::placeholder {
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
[nbInput]:focus {
  outline: none;
}
[nbInput].input-full-width {
  width: 100%;
}
[nbInput].status-basic {
  background-color: var(--input-basic-background-color);
  border-color: var(--input-basic-border-color);
  color: var(--input-basic-text-color);
}
[nbInput].status-basic::-moz-placeholder {
  color: var(--input-basic-placeholder-text-color);
}
[nbInput].status-basic::placeholder {
  color: var(--input-basic-placeholder-text-color);
}
[nbInput].status-basic:focus {
  background-color: var(--input-basic-focus-background-color);
  border-color: var(--input-basic-focus-border-color);
}
[nbInput].status-basic:hover {
  background-color: var(--input-basic-hover-background-color);
  border-color: var(--input-basic-hover-border-color);
}
[nbInput].status-basic:disabled {
  background-color: var(--input-basic-disabled-background-color);
  border-color: var(--input-basic-disabled-border-color);
  color: var(--input-basic-disabled-text-color);
}
[nbInput].status-basic:disabled::-moz-placeholder {
  color: var(--input-basic-disabled-placeholder-text-color);
}
[nbInput].status-basic:disabled::placeholder {
  color: var(--input-basic-disabled-placeholder-text-color);
}
[nbInput].status-primary {
  background-color: var(--input-primary-background-color);
  border-color: var(--input-primary-border-color);
  color: var(--input-primary-text-color);
}
[nbInput].status-primary::-moz-placeholder {
  color: var(--input-primary-placeholder-text-color);
}
[nbInput].status-primary::placeholder {
  color: var(--input-primary-placeholder-text-color);
}
[nbInput].status-primary:focus {
  background-color: var(--input-primary-focus-background-color);
  border-color: var(--input-primary-focus-border-color);
}
[nbInput].status-primary:hover {
  background-color: var(--input-primary-hover-background-color);
  border-color: var(--input-primary-hover-border-color);
}
[nbInput].status-primary:disabled {
  background-color: var(--input-primary-disabled-background-color);
  border-color: var(--input-primary-disabled-border-color);
  color: var(--input-primary-disabled-text-color);
}
[nbInput].status-primary:disabled::-moz-placeholder {
  color: var(--input-primary-disabled-placeholder-text-color);
}
[nbInput].status-primary:disabled::placeholder {
  color: var(--input-primary-disabled-placeholder-text-color);
}
[nbInput].status-success {
  background-color: var(--input-success-background-color);
  border-color: var(--input-success-border-color);
  color: var(--input-success-text-color);
}
[nbInput].status-success::-moz-placeholder {
  color: var(--input-success-placeholder-text-color);
}
[nbInput].status-success::placeholder {
  color: var(--input-success-placeholder-text-color);
}
[nbInput].status-success:focus {
  background-color: var(--input-success-focus-background-color);
  border-color: var(--input-success-focus-border-color);
}
[nbInput].status-success:hover {
  background-color: var(--input-success-hover-background-color);
  border-color: var(--input-success-hover-border-color);
}
[nbInput].status-success:disabled {
  background-color: var(--input-success-disabled-background-color);
  border-color: var(--input-success-disabled-border-color);
  color: var(--input-success-disabled-text-color);
}
[nbInput].status-success:disabled::-moz-placeholder {
  color: var(--input-success-disabled-placeholder-text-color);
}
[nbInput].status-success:disabled::placeholder {
  color: var(--input-success-disabled-placeholder-text-color);
}
[nbInput].status-warning {
  background-color: var(--input-warning-background-color);
  border-color: var(--input-warning-border-color);
  color: var(--input-warning-text-color);
}
[nbInput].status-warning::-moz-placeholder {
  color: var(--input-warning-placeholder-text-color);
}
[nbInput].status-warning::placeholder {
  color: var(--input-warning-placeholder-text-color);
}
[nbInput].status-warning:focus {
  background-color: var(--input-warning-focus-background-color);
  border-color: var(--input-warning-focus-border-color);
}
[nbInput].status-warning:hover {
  background-color: var(--input-warning-hover-background-color);
  border-color: var(--input-warning-hover-border-color);
}
[nbInput].status-warning:disabled {
  background-color: var(--input-warning-disabled-background-color);
  border-color: var(--input-warning-disabled-border-color);
  color: var(--input-warning-disabled-text-color);
}
[nbInput].status-warning:disabled::-moz-placeholder {
  color: var(--input-warning-disabled-placeholder-text-color);
}
[nbInput].status-warning:disabled::placeholder {
  color: var(--input-warning-disabled-placeholder-text-color);
}
[nbInput].status-danger {
  background-color: var(--input-danger-background-color);
  border-color: var(--input-danger-border-color);
  color: var(--input-danger-text-color);
}
[nbInput].status-danger::-moz-placeholder {
  color: var(--input-danger-placeholder-text-color);
}
[nbInput].status-danger::placeholder {
  color: var(--input-danger-placeholder-text-color);
}
[nbInput].status-danger:focus {
  background-color: var(--input-danger-focus-background-color);
  border-color: var(--input-danger-focus-border-color);
}
[nbInput].status-danger:hover {
  background-color: var(--input-danger-hover-background-color);
  border-color: var(--input-danger-hover-border-color);
}
[nbInput].status-danger:disabled {
  background-color: var(--input-danger-disabled-background-color);
  border-color: var(--input-danger-disabled-border-color);
  color: var(--input-danger-disabled-text-color);
}
[nbInput].status-danger:disabled::-moz-placeholder {
  color: var(--input-danger-disabled-placeholder-text-color);
}
[nbInput].status-danger:disabled::placeholder {
  color: var(--input-danger-disabled-placeholder-text-color);
}
[nbInput].status-info {
  background-color: var(--input-info-background-color);
  border-color: var(--input-info-border-color);
  color: var(--input-info-text-color);
}
[nbInput].status-info::-moz-placeholder {
  color: var(--input-info-placeholder-text-color);
}
[nbInput].status-info::placeholder {
  color: var(--input-info-placeholder-text-color);
}
[nbInput].status-info:focus {
  background-color: var(--input-info-focus-background-color);
  border-color: var(--input-info-focus-border-color);
}
[nbInput].status-info:hover {
  background-color: var(--input-info-hover-background-color);
  border-color: var(--input-info-hover-border-color);
}
[nbInput].status-info:disabled {
  background-color: var(--input-info-disabled-background-color);
  border-color: var(--input-info-disabled-border-color);
  color: var(--input-info-disabled-text-color);
}
[nbInput].status-info:disabled::-moz-placeholder {
  color: var(--input-info-disabled-placeholder-text-color);
}
[nbInput].status-info:disabled::placeholder {
  color: var(--input-info-disabled-placeholder-text-color);
}
[nbInput].status-control {
  background-color: var(--input-control-background-color);
  border-color: var(--input-control-border-color);
  color: var(--input-control-text-color);
}
[nbInput].status-control::-moz-placeholder {
  color: var(--input-control-placeholder-text-color);
}
[nbInput].status-control::placeholder {
  color: var(--input-control-placeholder-text-color);
}
[nbInput].status-control:focus {
  background-color: var(--input-control-focus-background-color);
  border-color: var(--input-control-focus-border-color);
}
[nbInput].status-control:hover {
  background-color: var(--input-control-hover-background-color);
  border-color: var(--input-control-hover-border-color);
}
[nbInput].status-control:disabled {
  background-color: var(--input-control-disabled-background-color);
  border-color: var(--input-control-disabled-border-color);
  color: var(--input-control-disabled-text-color);
}
[nbInput].status-control:disabled::-moz-placeholder {
  color: var(--input-control-disabled-placeholder-text-color);
}
[nbInput].status-control:disabled::placeholder {
  color: var(--input-control-disabled-placeholder-text-color);
}
[nbInput].size-tiny {
  font-size: var(--input-tiny-text-font-size);
  font-weight: var(--input-tiny-text-font-weight);
  line-height: var(--input-tiny-text-line-height);
  padding: var(--input-tiny-padding);
}
[nbInput].size-tiny:not(.input-full-width) {
  max-width: var(--input-tiny-max-width);
}
[nbInput].size-tiny::-moz-placeholder {
  font-size: var(--input-tiny-placeholder-text-font-size);
  font-weight: var(--input-tiny-placeholder-text-font-weight);
  line-height: var(--input-tiny-placeholder-text-line-height);
}
[nbInput].size-tiny::placeholder {
  font-size: var(--input-tiny-placeholder-text-font-size);
  font-weight: var(--input-tiny-placeholder-text-font-weight);
  line-height: var(--input-tiny-placeholder-text-line-height);
}
[nbInput].size-small {
  font-size: var(--input-small-text-font-size);
  font-weight: var(--input-small-text-font-weight);
  line-height: var(--input-small-text-line-height);
  padding: var(--input-small-padding);
}
[nbInput].size-small:not(.input-full-width) {
  max-width: var(--input-small-max-width);
}
[nbInput].size-small::-moz-placeholder {
  font-size: var(--input-small-placeholder-text-font-size);
  font-weight: var(--input-small-placeholder-text-font-weight);
  line-height: var(--input-small-placeholder-text-line-height);
}
[nbInput].size-small::placeholder {
  font-size: var(--input-small-placeholder-text-font-size);
  font-weight: var(--input-small-placeholder-text-font-weight);
  line-height: var(--input-small-placeholder-text-line-height);
}
[nbInput].size-medium {
  font-size: var(--input-medium-text-font-size);
  font-weight: var(--input-medium-text-font-weight);
  line-height: var(--input-medium-text-line-height);
  padding: var(--input-medium-padding);
}
[nbInput].size-medium:not(.input-full-width) {
  max-width: var(--input-medium-max-width);
}
[nbInput].size-medium::-moz-placeholder {
  font-size: var(--input-medium-placeholder-text-font-size);
  font-weight: var(--input-medium-placeholder-text-font-weight);
  line-height: var(--input-medium-placeholder-text-line-height);
}
[nbInput].size-medium::placeholder {
  font-size: var(--input-medium-placeholder-text-font-size);
  font-weight: var(--input-medium-placeholder-text-font-weight);
  line-height: var(--input-medium-placeholder-text-line-height);
}
[nbInput].size-large {
  font-size: var(--input-large-text-font-size);
  font-weight: var(--input-large-text-font-weight);
  line-height: var(--input-large-text-line-height);
  padding: var(--input-large-padding);
}
[nbInput].size-large:not(.input-full-width) {
  max-width: var(--input-large-max-width);
}
[nbInput].size-large::-moz-placeholder {
  font-size: var(--input-large-placeholder-text-font-size);
  font-weight: var(--input-large-placeholder-text-font-weight);
  line-height: var(--input-large-placeholder-text-line-height);
}
[nbInput].size-large::placeholder {
  font-size: var(--input-large-placeholder-text-font-size);
  font-weight: var(--input-large-placeholder-text-font-weight);
  line-height: var(--input-large-placeholder-text-line-height);
}
[nbInput].size-giant {
  font-size: var(--input-giant-text-font-size);
  font-weight: var(--input-giant-text-font-weight);
  line-height: var(--input-giant-text-line-height);
  padding: var(--input-giant-padding);
}
[nbInput].size-giant:not(.input-full-width) {
  max-width: var(--input-giant-max-width);
}
[nbInput].size-giant::-moz-placeholder {
  font-size: var(--input-giant-placeholder-text-font-size);
  font-weight: var(--input-giant-placeholder-text-font-weight);
  line-height: var(--input-giant-placeholder-text-line-height);
}
[nbInput].size-giant::placeholder {
  font-size: var(--input-giant-placeholder-text-font-size);
  font-weight: var(--input-giant-placeholder-text-font-weight);
  line-height: var(--input-giant-placeholder-text-line-height);
}
[nbInput].shape-rectangle {
  border-radius: var(--input-rectangle-border-radius);
}
[nbInput].shape-semi-round {
  border-radius: var(--input-semi-round-border-radius);
}
[nbInput].shape-round {
  border-radius: var(--input-round-border-radius);
}
nb-form-field [nbInput] {
  width: 100%;
}
[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-tiny {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-tiny {
  padding-right: var(--form-field-addon-tiny-width);
}
[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-tiny {
  padding-right: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-tiny {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-small {
  padding-left: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-small {
  padding-right: var(--form-field-addon-small-width);
}
[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-small {
  padding-right: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-small {
  padding-left: var(--form-field-addon-small-width);
}
[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-medium {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-medium {
  padding-right: var(--form-field-addon-medium-width);
}
[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-medium {
  padding-right: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-medium {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-large {
  padding-left: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-large {
  padding-right: var(--form-field-addon-large-width);
}
[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-large {
  padding-right: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-large {
  padding-left: var(--form-field-addon-large-width);
}
[dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-giant {
  padding-left: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-giant {
  padding-right: var(--form-field-addon-giant-width);
}
[dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-giant {
  padding-right: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-giant {
  padding-left: var(--form-field-addon-giant-width);
}
.overlay-backdrop {
  background: var(--overlay-backdrop-background-color);
}
.cdk-overlay-container {
  z-index: 1040;
}
nb-popover {
  border: var(--popover-border-width) solid var(--popover-border-color);
  border-radius: var(--popover-border-radius);
  background: var(--popover-background-color);
  box-shadow: var(--popover-shadow);
  color: var(--popover-text-color);
}
nb-popover .primitive-overlay {
  font-family: var(--popover-text-font-family);
  font-size: var(--popover-text-font-size);
  font-weight: var(--popover-text-font-weight);
  line-height: var(--popover-text-line-height);
  padding: var(--popover-padding);
}
nb-popover .arrow {
  border-left: var(--popover-arrow-size) solid transparent;
  border-right: var(--popover-arrow-size) solid transparent;
  border-bottom: var(--popover-arrow-size) solid var(--popover-border-color);
}
nb-popover .arrow::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 3px;
  left: calc(50% - var(--popover-arrow-size));
  border-left: var(--popover-arrow-size) solid transparent;
  border-right: var(--popover-arrow-size) solid transparent;
  border-bottom: var(--popover-arrow-size) solid var(--popover-background-color);
  -webkit-clip-path: inset(0 0 2px);
          clip-path: inset(0 0 2px);
}
nb-popover.nb-overlay-bottom .arrow {
  top: calc(-1 * var(--popover-arrow-size) + 1px);
  left: calc(50% - var(--popover-arrow-size));
}
nb-popover.nb-overlay-bottom-start .arrow {
  top: calc(-1 * var(--popover-arrow-size) + 1px);
}
[dir=ltr] nb-popover.nb-overlay-bottom-start .arrow {
  right: var(--popover-arrow-size);
}
[dir=rtl] nb-popover.nb-overlay-bottom-start .arrow {
  left: var(--popover-arrow-size);
}
nb-popover.nb-overlay-bottom-end .arrow {
  top: calc(-1 * var(--popover-arrow-size) + 1px);
}
[dir=ltr] nb-popover.nb-overlay-bottom-end .arrow {
  left: var(--popover-arrow-size);
}
[dir=rtl] nb-popover.nb-overlay-bottom-end .arrow {
  right: var(--popover-arrow-size);
}
nb-popover.nb-overlay-left .arrow {
  right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  top: calc(50% - var(--popover-arrow-size) * 0.5);
  transform: rotate(90deg);
}
nb-popover.nb-overlay-start-top .arrow {
  right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  bottom: var(--popover-arrow-size);
  transform: rotate(90deg);
}
nb-popover.nb-overlay-start-bottom .arrow {
  right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  top: var(--popover-arrow-size);
  transform: rotate(90deg);
}
nb-popover.nb-overlay-top .arrow {
  bottom: calc(-1 * var(--popover-arrow-size) + 1px);
  left: calc(50% - var(--popover-arrow-size));
  transform: rotate(180deg);
}
nb-popover.nb-overlay-top-start .arrow {
  bottom: calc(-1 * var(--popover-arrow-size) + 1px);
  transform: rotate(180deg);
}
[dir=ltr] nb-popover.nb-overlay-top-start .arrow {
  right: var(--popover-arrow-size);
}
[dir=rtl] nb-popover.nb-overlay-top-start .arrow {
  left: var(--popover-arrow-size);
}
nb-popover.nb-overlay-top-end .arrow {
  bottom: calc(-1 * var(--popover-arrow-size) + 1px);
  transform: rotate(180deg);
}
[dir=ltr] nb-popover.nb-overlay-top-end .arrow {
  left: var(--popover-arrow-size);
}
[dir=rtl] nb-popover.nb-overlay-top-end .arrow {
  right: var(--popover-arrow-size);
}
nb-popover.nb-overlay-right .arrow {
  left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  top: calc(50% - var(--popover-arrow-size) * 0.5);
  transform: rotate(270deg);
}
nb-popover.nb-overlay-end-top .arrow {
  left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  bottom: var(--popover-arrow-size);
  transform: rotate(270deg);
}
nb-popover.nb-overlay-end-bottom .arrow {
  left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px);
  top: var(--popover-arrow-size);
  transform: rotate(270deg);
}
.context-menu-host {
  /*
    Fixes click not being bubbled to the body in Safari.
    https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
  */
  cursor: pointer;
}
nb-context-menu {
  background-color: var(--context-menu-background-color);
  border-color: var(--context-menu-border-color);
  border-style: var(--context-menu-border-style);
  border-width: var(--context-menu-border-width);
  border-radius: var(--context-menu-border-radius);
  box-shadow: var(--context-menu-shadow);
  min-width: var(--context-menu-min-width);
  max-width: var(--context-menu-max-width);
}
nb-context-menu nb-menu {
  border-radius: var(--context-menu-border-radius);
  overflow: hidden;
  text-align: var(--context-menu-text-align);
}
nb-context-menu nb-menu nb-icon.expand-state svg {
  pointer-events: none;
}
nb-select .select-button {
  min-width: var(--select-min-width);
  cursor: var(--select-cursor);
  font-family: var(--select-text-font-family);
}
nb-select .select-button.placeholder {
  font-family: var(--select-placeholder-text-font-family);
}
nb-select .select-button:focus {
  outline: none;
}
nb-select .select-button[disabled] {
  cursor: var(--select-disabled-cursor);
}
nb-select.size-tiny .select-button {
  font-size: var(--select-tiny-text-font-size);
  font-weight: var(--select-tiny-text-font-weight);
  line-height: var(--select-tiny-text-line-height);
}
nb-select.size-tiny .select-button.placeholder {
  font-size: var(--select-tiny-placeholder-text-font-size);
  font-weight: var(--select-tiny-placeholder-text-font-weight);
}
nb-select.size-tiny .select-button.empty::before {
  content: " ";
  display: block;
  height: var(--select-tiny-text-line-height);
}
nb-select.size-tiny:not(.full-width) {
  max-width: var(--select-tiny-max-width);
}
nb-select.size-small .select-button {
  font-size: var(--select-small-text-font-size);
  font-weight: var(--select-small-text-font-weight);
  line-height: var(--select-small-text-line-height);
}
nb-select.size-small .select-button.placeholder {
  font-size: var(--select-small-placeholder-text-font-size);
  font-weight: var(--select-small-placeholder-text-font-weight);
}
nb-select.size-small .select-button.empty::before {
  content: " ";
  display: block;
  height: var(--select-small-text-line-height);
}
nb-select.size-small:not(.full-width) {
  max-width: var(--select-small-max-width);
}
nb-select.size-medium .select-button {
  font-size: var(--select-medium-text-font-size);
  font-weight: var(--select-medium-text-font-weight);
  line-height: var(--select-medium-text-line-height);
}
nb-select.size-medium .select-button.placeholder {
  font-size: var(--select-medium-placeholder-text-font-size);
  font-weight: var(--select-medium-placeholder-text-font-weight);
}
nb-select.size-medium .select-button.empty::before {
  content: " ";
  display: block;
  height: var(--select-medium-text-line-height);
}
nb-select.size-medium:not(.full-width) {
  max-width: var(--select-medium-max-width);
}
nb-select.size-large .select-button {
  font-size: var(--select-large-text-font-size);
  font-weight: var(--select-large-text-font-weight);
  line-height: var(--select-large-text-line-height);
}
nb-select.size-large .select-button.placeholder {
  font-size: var(--select-large-placeholder-text-font-size);
  font-weight: var(--select-large-placeholder-text-font-weight);
}
nb-select.size-large .select-button.empty::before {
  content: " ";
  display: block;
  height: var(--select-large-text-line-height);
}
nb-select.size-large:not(.full-width) {
  max-width: var(--select-large-max-width);
}
nb-select.size-giant .select-button {
  font-size: var(--select-giant-text-font-size);
  font-weight: var(--select-giant-text-font-weight);
  line-height: var(--select-giant-text-line-height);
}
nb-select.size-giant .select-button.placeholder {
  font-size: var(--select-giant-placeholder-text-font-size);
  font-weight: var(--select-giant-placeholder-text-font-weight);
}
nb-select.size-giant .select-button.empty::before {
  content: " ";
  display: block;
  height: var(--select-giant-text-line-height);
}
nb-select.size-giant:not(.full-width) {
  max-width: var(--select-giant-max-width);
}
nb-select.shape-rectangle .select-button {
  border-radius: var(--select-rectangle-border-radius);
}
nb-select.shape-semi-round .select-button {
  border-radius: var(--select-semi-round-border-radius);
}
nb-select.shape-round .select-button {
  border-radius: var(--select-round-border-radius);
}
nb-select.appearance-outline .select-button {
  border-style: var(--select-outline-border-style);
  border-width: var(--select-outline-border-width);
}
nb-select.appearance-outline .select-button.top {
  border-top-style: var(--select-outline-adjacent-border-style);
  border-top-width: var(--select-outline-adjacent-border-width);
}
nb-select.appearance-outline .select-button.bottom {
  border-bottom-style: var(--select-outline-adjacent-border-style);
  border-bottom-width: var(--select-outline-adjacent-border-width);
}
nb-select.appearance-outline.status-basic .select-button {
  background-color: var(--select-outline-basic-background-color);
  border-color: var(--select-outline-basic-border-color);
  color: var(--select-outline-basic-text-color);
}
nb-select.appearance-outline.status-basic .select-button.placeholder {
  color: var(--select-outline-basic-placeholder-text-color);
}
nb-select.appearance-outline.status-basic .select-button nb-icon {
  color: var(--select-outline-basic-icon-color);
}
nb-select.appearance-outline.status-basic .select-button:focus {
  background-color: var(--select-outline-basic-focus-background-color);
  border-color: var(--select-outline-basic-focus-border-color);
}
nb-select.appearance-outline.status-basic .select-button:hover {
  background-color: var(--select-outline-basic-hover-background-color);
  border-color: var(--select-outline-basic-hover-border-color);
}
nb-select.appearance-outline.status-basic .select-button[disabled] {
  color: var(--select-outline-basic-disabled-text-color);
  background-color: var(--select-outline-basic-disabled-background-color);
  border-color: var(--select-outline-basic-disabled-border-color);
}
nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon {
  color: var(--select-outline-basic-disabled-icon-color);
}
nb-select.appearance-outline.status-basic .select-button.bottom, nb-select.appearance-outline.status-basic .select-button.top {
  border-color: var(--select-outline-basic-open-border-color);
}
nb-select.appearance-outline.status-basic .select-button.top {
  border-top-color: var(--select-outline-basic-adjacent-border-color);
}
nb-select.appearance-outline.status-basic .select-button.bottom {
  border-bottom-color: var(--select-outline-basic-adjacent-border-color);
}
nb-select.appearance-outline.status-primary .select-button {
  background-color: var(--select-outline-primary-background-color);
  border-color: var(--select-outline-primary-border-color);
  color: var(--select-outline-primary-text-color);
}
nb-select.appearance-outline.status-primary .select-button.placeholder {
  color: var(--select-outline-primary-placeholder-text-color);
}
nb-select.appearance-outline.status-primary .select-button nb-icon {
  color: var(--select-outline-primary-icon-color);
}
nb-select.appearance-outline.status-primary .select-button:focus {
  background-color: var(--select-outline-primary-focus-background-color);
  border-color: var(--select-outline-primary-focus-border-color);
}
nb-select.appearance-outline.status-primary .select-button:hover {
  background-color: var(--select-outline-primary-hover-background-color);
  border-color: var(--select-outline-primary-hover-border-color);
}
nb-select.appearance-outline.status-primary .select-button[disabled] {
  color: var(--select-outline-primary-disabled-text-color);
  background-color: var(--select-outline-primary-disabled-background-color);
  border-color: var(--select-outline-primary-disabled-border-color);
}
nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon {
  color: var(--select-outline-primary-disabled-icon-color);
}
nb-select.appearance-outline.status-primary .select-button.bottom, nb-select.appearance-outline.status-primary .select-button.top {
  border-color: var(--select-outline-primary-open-border-color);
}
nb-select.appearance-outline.status-primary .select-button.top {
  border-top-color: var(--select-outline-primary-adjacent-border-color);
}
nb-select.appearance-outline.status-primary .select-button.bottom {
  border-bottom-color: var(--select-outline-primary-adjacent-border-color);
}
nb-select.appearance-outline.status-success .select-button {
  background-color: var(--select-outline-success-background-color);
  border-color: var(--select-outline-success-border-color);
  color: var(--select-outline-success-text-color);
}
nb-select.appearance-outline.status-success .select-button.placeholder {
  color: var(--select-outline-success-placeholder-text-color);
}
nb-select.appearance-outline.status-success .select-button nb-icon {
  color: var(--select-outline-success-icon-color);
}
nb-select.appearance-outline.status-success .select-button:focus {
  background-color: var(--select-outline-success-focus-background-color);
  border-color: var(--select-outline-success-focus-border-color);
}
nb-select.appearance-outline.status-success .select-button:hover {
  background-color: var(--select-outline-success-hover-background-color);
  border-color: var(--select-outline-success-hover-border-color);
}
nb-select.appearance-outline.status-success .select-button[disabled] {
  color: var(--select-outline-success-disabled-text-color);
  background-color: var(--select-outline-success-disabled-background-color);
  border-color: var(--select-outline-success-disabled-border-color);
}
nb-select.appearance-outline.status-success .select-button[disabled] nb-icon {
  color: var(--select-outline-success-disabled-icon-color);
}
nb-select.appearance-outline.status-success .select-button.bottom, nb-select.appearance-outline.status-success .select-button.top {
  border-color: var(--select-outline-success-open-border-color);
}
nb-select.appearance-outline.status-success .select-button.top {
  border-top-color: var(--select-outline-success-adjacent-border-color);
}
nb-select.appearance-outline.status-success .select-button.bottom {
  border-bottom-color: var(--select-outline-success-adjacent-border-color);
}
nb-select.appearance-outline.status-warning .select-button {
  background-color: var(--select-outline-warning-background-color);
  border-color: var(--select-outline-warning-border-color);
  color: var(--select-outline-warning-text-color);
}
nb-select.appearance-outline.status-warning .select-button.placeholder {
  color: var(--select-outline-warning-placeholder-text-color);
}
nb-select.appearance-outline.status-warning .select-button nb-icon {
  color: var(--select-outline-warning-icon-color);
}
nb-select.appearance-outline.status-warning .select-button:focus {
  background-color: var(--select-outline-warning-focus-background-color);
  border-color: var(--select-outline-warning-focus-border-color);
}
nb-select.appearance-outline.status-warning .select-button:hover {
  background-color: var(--select-outline-warning-hover-background-color);
  border-color: var(--select-outline-warning-hover-border-color);
}
nb-select.appearance-outline.status-warning .select-button[disabled] {
  color: var(--select-outline-warning-disabled-text-color);
  background-color: var(--select-outline-warning-disabled-background-color);
  border-color: var(--select-outline-warning-disabled-border-color);
}
nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon {
  color: var(--select-outline-warning-disabled-icon-color);
}
nb-select.appearance-outline.status-warning .select-button.bottom, nb-select.appearance-outline.status-warning .select-button.top {
  border-color: var(--select-outline-warning-open-border-color);
}
nb-select.appearance-outline.status-warning .select-button.top {
  border-top-color: var(--select-outline-warning-adjacent-border-color);
}
nb-select.appearance-outline.status-warning .select-button.bottom {
  border-bottom-color: var(--select-outline-warning-adjacent-border-color);
}
nb-select.appearance-outline.status-danger .select-button {
  background-color: var(--select-outline-danger-background-color);
  border-color: var(--select-outline-danger-border-color);
  color: var(--select-outline-danger-text-color);
}
nb-select.appearance-outline.status-danger .select-button.placeholder {
  color: var(--select-outline-danger-placeholder-text-color);
}
nb-select.appearance-outline.status-danger .select-button nb-icon {
  color: var(--select-outline-danger-icon-color);
}
nb-select.appearance-outline.status-danger .select-button:focus {
  background-color: var(--select-outline-danger-focus-background-color);
  border-color: var(--select-outline-danger-focus-border-color);
}
nb-select.appearance-outline.status-danger .select-button:hover {
  background-color: var(--select-outline-danger-hover-background-color);
  border-color: var(--select-outline-danger-hover-border-color);
}
nb-select.appearance-outline.status-danger .select-button[disabled] {
  color: var(--select-outline-danger-disabled-text-color);
  background-color: var(--select-outline-danger-disabled-background-color);
  border-color: var(--select-outline-danger-disabled-border-color);
}
nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon {
  color: var(--select-outline-danger-disabled-icon-color);
}
nb-select.appearance-outline.status-danger .select-button.bottom, nb-select.appearance-outline.status-danger .select-button.top {
  border-color: var(--select-outline-danger-open-border-color);
}
nb-select.appearance-outline.status-danger .select-button.top {
  border-top-color: var(--select-outline-danger-adjacent-border-color);
}
nb-select.appearance-outline.status-danger .select-button.bottom {
  border-bottom-color: var(--select-outline-danger-adjacent-border-color);
}
nb-select.appearance-outline.status-info .select-button {
  background-color: var(--select-outline-info-background-color);
  border-color: var(--select-outline-info-border-color);
  color: var(--select-outline-info-text-color);
}
nb-select.appearance-outline.status-info .select-button.placeholder {
  color: var(--select-outline-info-placeholder-text-color);
}
nb-select.appearance-outline.status-info .select-button nb-icon {
  color: var(--select-outline-info-icon-color);
}
nb-select.appearance-outline.status-info .select-button:focus {
  background-color: var(--select-outline-info-focus-background-color);
  border-color: var(--select-outline-info-focus-border-color);
}
nb-select.appearance-outline.status-info .select-button:hover {
  background-color: var(--select-outline-info-hover-background-color);
  border-color: var(--select-outline-info-hover-border-color);
}
nb-select.appearance-outline.status-info .select-button[disabled] {
  color: var(--select-outline-info-disabled-text-color);
  background-color: var(--select-outline-info-disabled-background-color);
  border-color: var(--select-outline-info-disabled-border-color);
}
nb-select.appearance-outline.status-info .select-button[disabled] nb-icon {
  color: var(--select-outline-info-disabled-icon-color);
}
nb-select.appearance-outline.status-info .select-button.bottom, nb-select.appearance-outline.status-info .select-button.top {
  border-color: var(--select-outline-info-open-border-color);
}
nb-select.appearance-outline.status-info .select-button.top {
  border-top-color: var(--select-outline-info-adjacent-border-color);
}
nb-select.appearance-outline.status-info .select-button.bottom {
  border-bottom-color: var(--select-outline-info-adjacent-border-color);
}
nb-select.appearance-outline.status-control .select-button {
  background-color: var(--select-outline-control-background-color);
  border-color: var(--select-outline-control-border-color);
  color: var(--select-outline-control-text-color);
}
nb-select.appearance-outline.status-control .select-button.placeholder {
  color: var(--select-outline-control-placeholder-text-color);
}
nb-select.appearance-outline.status-control .select-button nb-icon {
  color: var(--select-outline-control-icon-color);
}
nb-select.appearance-outline.status-control .select-button:focus {
  background-color: var(--select-outline-control-focus-background-color);
  border-color: var(--select-outline-control-focus-border-color);
}
nb-select.appearance-outline.status-control .select-button:hover {
  background-color: var(--select-outline-control-hover-background-color);
  border-color: var(--select-outline-control-hover-border-color);
}
nb-select.appearance-outline.status-control .select-button[disabled] {
  color: var(--select-outline-control-disabled-text-color);
  background-color: var(--select-outline-control-disabled-background-color);
  border-color: var(--select-outline-control-disabled-border-color);
}
nb-select.appearance-outline.status-control .select-button[disabled] nb-icon {
  color: var(--select-outline-control-disabled-icon-color);
}
nb-select.appearance-outline.status-control .select-button.bottom, nb-select.appearance-outline.status-control .select-button.top {
  border-color: var(--select-outline-control-open-border-color);
}
nb-select.appearance-outline.status-control .select-button.top {
  border-top-color: var(--select-outline-control-adjacent-border-color);
}
nb-select.appearance-outline.status-control .select-button.bottom {
  border-bottom-color: var(--select-outline-control-adjacent-border-color);
}
nb-select.appearance-outline.size-tiny .select-button {
  padding: var(--select-outline-tiny-padding);
}
[dir=ltr] nb-select.appearance-outline.size-tiny .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-outline.size-tiny .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button {
  padding-right: var(--form-field-addon-tiny-width);
}
nb-select.appearance-outline.size-small .select-button {
  padding: var(--select-outline-small-padding);
}
[dir=ltr] nb-select.appearance-outline.size-small .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-outline.size-small .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button {
  padding-left: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button {
  padding-right: var(--form-field-addon-small-width);
}
nb-select.appearance-outline.size-medium .select-button {
  padding: var(--select-outline-medium-padding);
}
[dir=ltr] nb-select.appearance-outline.size-medium .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-outline.size-medium .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button {
  padding-right: var(--form-field-addon-medium-width);
}
nb-select.appearance-outline.size-large .select-button {
  padding: var(--select-outline-large-padding);
}
[dir=ltr] nb-select.appearance-outline.size-large .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-outline.size-large .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button {
  padding-left: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button {
  padding-right: var(--form-field-addon-large-width);
}
nb-select.appearance-outline.size-giant .select-button {
  padding: var(--select-outline-giant-padding);
}
[dir=ltr] nb-select.appearance-outline.size-giant .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-outline.size-giant .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button {
  padding-left: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button {
  padding-right: var(--form-field-addon-giant-width);
}
nb-select.appearance-filled .select-button {
  border-style: var(--select-filled-border-style);
  border-width: var(--select-filled-border-width);
}
nb-select.appearance-filled.size-tiny .select-button {
  padding: var(--select-filled-tiny-padding);
}
[dir=ltr] nb-select.appearance-filled.size-tiny .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-filled.size-tiny .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button {
  padding-right: var(--form-field-addon-tiny-width);
}
nb-select.appearance-filled.size-small .select-button {
  padding: var(--select-filled-small-padding);
}
[dir=ltr] nb-select.appearance-filled.size-small .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-filled.size-small .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button {
  padding-left: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button {
  padding-right: var(--form-field-addon-small-width);
}
nb-select.appearance-filled.size-medium .select-button {
  padding: var(--select-filled-medium-padding);
}
[dir=ltr] nb-select.appearance-filled.size-medium .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-filled.size-medium .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button {
  padding-right: var(--form-field-addon-medium-width);
}
nb-select.appearance-filled.size-large .select-button {
  padding: var(--select-filled-large-padding);
}
[dir=ltr] nb-select.appearance-filled.size-large .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-filled.size-large .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button {
  padding-left: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button {
  padding-right: var(--form-field-addon-large-width);
}
nb-select.appearance-filled.size-giant .select-button {
  padding: var(--select-filled-giant-padding);
}
[dir=ltr] nb-select.appearance-filled.size-giant .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-filled.size-giant .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button {
  padding-left: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button {
  padding-right: var(--form-field-addon-giant-width);
}
nb-select.appearance-filled.status-basic .select-button {
  background-color: var(--select-filled-basic-background-color);
  border-color: var(--select-filled-basic-border-color);
  color: var(--select-filled-basic-text-color);
}
nb-select.appearance-filled.status-basic .select-button.placeholder {
  color: var(--select-filled-basic-placeholder-text-color);
}
nb-select.appearance-filled.status-basic .select-button:focus {
  background-color: var(--select-filled-basic-focus-background-color);
  border-color: var(--select-filled-basic-focus-border-color);
}
nb-select.appearance-filled.status-basic .select-button:hover {
  background-color: var(--select-filled-basic-hover-background-color);
  border-color: var(--select-filled-basic-hover-border-color);
}
nb-select.appearance-filled.status-basic .select-button[disabled] {
  background-color: var(--select-filled-basic-disabled-background-color);
  border-color: var(--select-filled-basic-disabled-border-color);
  color: var(--select-filled-basic-disabled-text-color);
}
nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon {
  color: var(--select-filled-basic-disabled-icon-color);
}
nb-select.appearance-filled.status-basic .select-button nb-icon {
  color: var(--select-filled-basic-icon-color);
}
nb-select.appearance-filled.status-primary .select-button {
  background-color: var(--select-filled-primary-background-color);
  border-color: var(--select-filled-primary-border-color);
  color: var(--select-filled-primary-text-color);
}
nb-select.appearance-filled.status-primary .select-button.placeholder {
  color: var(--select-filled-primary-placeholder-text-color);
}
nb-select.appearance-filled.status-primary .select-button:focus {
  background-color: var(--select-filled-primary-focus-background-color);
  border-color: var(--select-filled-primary-focus-border-color);
}
nb-select.appearance-filled.status-primary .select-button:hover {
  background-color: var(--select-filled-primary-hover-background-color);
  border-color: var(--select-filled-primary-hover-border-color);
}
nb-select.appearance-filled.status-primary .select-button[disabled] {
  background-color: var(--select-filled-primary-disabled-background-color);
  border-color: var(--select-filled-primary-disabled-border-color);
  color: var(--select-filled-primary-disabled-text-color);
}
nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon {
  color: var(--select-filled-primary-disabled-icon-color);
}
nb-select.appearance-filled.status-primary .select-button nb-icon {
  color: var(--select-filled-primary-icon-color);
}
nb-select.appearance-filled.status-success .select-button {
  background-color: var(--select-filled-success-background-color);
  border-color: var(--select-filled-success-border-color);
  color: var(--select-filled-success-text-color);
}
nb-select.appearance-filled.status-success .select-button.placeholder {
  color: var(--select-filled-success-placeholder-text-color);
}
nb-select.appearance-filled.status-success .select-button:focus {
  background-color: var(--select-filled-success-focus-background-color);
  border-color: var(--select-filled-success-focus-border-color);
}
nb-select.appearance-filled.status-success .select-button:hover {
  background-color: var(--select-filled-success-hover-background-color);
  border-color: var(--select-filled-success-hover-border-color);
}
nb-select.appearance-filled.status-success .select-button[disabled] {
  background-color: var(--select-filled-success-disabled-background-color);
  border-color: var(--select-filled-success-disabled-border-color);
  color: var(--select-filled-success-disabled-text-color);
}
nb-select.appearance-filled.status-success .select-button[disabled] nb-icon {
  color: var(--select-filled-success-disabled-icon-color);
}
nb-select.appearance-filled.status-success .select-button nb-icon {
  color: var(--select-filled-success-icon-color);
}
nb-select.appearance-filled.status-warning .select-button {
  background-color: var(--select-filled-warning-background-color);
  border-color: var(--select-filled-warning-border-color);
  color: var(--select-filled-warning-text-color);
}
nb-select.appearance-filled.status-warning .select-button.placeholder {
  color: var(--select-filled-warning-placeholder-text-color);
}
nb-select.appearance-filled.status-warning .select-button:focus {
  background-color: var(--select-filled-warning-focus-background-color);
  border-color: var(--select-filled-warning-focus-border-color);
}
nb-select.appearance-filled.status-warning .select-button:hover {
  background-color: var(--select-filled-warning-hover-background-color);
  border-color: var(--select-filled-warning-hover-border-color);
}
nb-select.appearance-filled.status-warning .select-button[disabled] {
  background-color: var(--select-filled-warning-disabled-background-color);
  border-color: var(--select-filled-warning-disabled-border-color);
  color: var(--select-filled-warning-disabled-text-color);
}
nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon {
  color: var(--select-filled-warning-disabled-icon-color);
}
nb-select.appearance-filled.status-warning .select-button nb-icon {
  color: var(--select-filled-warning-icon-color);
}
nb-select.appearance-filled.status-danger .select-button {
  background-color: var(--select-filled-danger-background-color);
  border-color: var(--select-filled-danger-border-color);
  color: var(--select-filled-danger-text-color);
}
nb-select.appearance-filled.status-danger .select-button.placeholder {
  color: var(--select-filled-danger-placeholder-text-color);
}
nb-select.appearance-filled.status-danger .select-button:focus {
  background-color: var(--select-filled-danger-focus-background-color);
  border-color: var(--select-filled-danger-focus-border-color);
}
nb-select.appearance-filled.status-danger .select-button:hover {
  background-color: var(--select-filled-danger-hover-background-color);
  border-color: var(--select-filled-danger-hover-border-color);
}
nb-select.appearance-filled.status-danger .select-button[disabled] {
  background-color: var(--select-filled-danger-disabled-background-color);
  border-color: var(--select-filled-danger-disabled-border-color);
  color: var(--select-filled-danger-disabled-text-color);
}
nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon {
  color: var(--select-filled-danger-disabled-icon-color);
}
nb-select.appearance-filled.status-danger .select-button nb-icon {
  color: var(--select-filled-danger-icon-color);
}
nb-select.appearance-filled.status-info .select-button {
  background-color: var(--select-filled-info-background-color);
  border-color: var(--select-filled-info-border-color);
  color: var(--select-filled-info-text-color);
}
nb-select.appearance-filled.status-info .select-button.placeholder {
  color: var(--select-filled-info-placeholder-text-color);
}
nb-select.appearance-filled.status-info .select-button:focus {
  background-color: var(--select-filled-info-focus-background-color);
  border-color: var(--select-filled-info-focus-border-color);
}
nb-select.appearance-filled.status-info .select-button:hover {
  background-color: var(--select-filled-info-hover-background-color);
  border-color: var(--select-filled-info-hover-border-color);
}
nb-select.appearance-filled.status-info .select-button[disabled] {
  background-color: var(--select-filled-info-disabled-background-color);
  border-color: var(--select-filled-info-disabled-border-color);
  color: var(--select-filled-info-disabled-text-color);
}
nb-select.appearance-filled.status-info .select-button[disabled] nb-icon {
  color: var(--select-filled-info-disabled-icon-color);
}
nb-select.appearance-filled.status-info .select-button nb-icon {
  color: var(--select-filled-info-icon-color);
}
nb-select.appearance-filled.status-control .select-button {
  background-color: var(--select-filled-control-background-color);
  border-color: var(--select-filled-control-border-color);
  color: var(--select-filled-control-text-color);
}
nb-select.appearance-filled.status-control .select-button.placeholder {
  color: var(--select-filled-control-placeholder-text-color);
}
nb-select.appearance-filled.status-control .select-button:focus {
  background-color: var(--select-filled-control-focus-background-color);
  border-color: var(--select-filled-control-focus-border-color);
}
nb-select.appearance-filled.status-control .select-button:hover {
  background-color: var(--select-filled-control-hover-background-color);
  border-color: var(--select-filled-control-hover-border-color);
}
nb-select.appearance-filled.status-control .select-button[disabled] {
  background-color: var(--select-filled-control-disabled-background-color);
  border-color: var(--select-filled-control-disabled-border-color);
  color: var(--select-filled-control-disabled-text-color);
}
nb-select.appearance-filled.status-control .select-button[disabled] nb-icon {
  color: var(--select-filled-control-disabled-icon-color);
}
nb-select.appearance-filled.status-control .select-button nb-icon {
  color: var(--select-filled-control-icon-color);
}
nb-select.appearance-hero .select-button {
  border: none;
}
nb-select.appearance-hero.size-tiny .select-button {
  padding: var(--select-hero-tiny-padding);
}
[dir=ltr] nb-select.appearance-hero.size-tiny .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-hero.size-tiny .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button {
  padding-right: var(--form-field-addon-tiny-width);
}
nb-select.appearance-hero.size-small .select-button {
  padding: var(--select-hero-small-padding);
}
[dir=ltr] nb-select.appearance-hero.size-small .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-hero.size-small .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button {
  padding-left: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button {
  padding-right: var(--form-field-addon-small-width);
}
nb-select.appearance-hero.size-medium .select-button {
  padding: var(--select-hero-medium-padding);
}
[dir=ltr] nb-select.appearance-hero.size-medium .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-hero.size-medium .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button {
  padding-right: var(--form-field-addon-medium-width);
}
nb-select.appearance-hero.size-large .select-button {
  padding: var(--select-hero-large-padding);
}
[dir=ltr] nb-select.appearance-hero.size-large .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-hero.size-large .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button {
  padding-left: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button {
  padding-right: var(--form-field-addon-large-width);
}
nb-select.appearance-hero.size-giant .select-button {
  padding: var(--select-hero-giant-padding);
}
[dir=ltr] nb-select.appearance-hero.size-giant .select-button {
  padding-right: var(--select-icon-offset);
}
[dir=rtl] nb-select.appearance-hero.size-giant .select-button {
  padding-left: var(--select-icon-offset);
}
[dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button {
  padding-left: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button {
  padding-right: var(--form-field-addon-giant-width);
}
nb-select.appearance-hero.status-basic .select-button {
  background-image: linear-gradient(to right, var(--select-hero-basic-left-background-color), var(--select-hero-basic-right-background-color));
  color: var(--select-hero-basic-text-color);
}
nb-select.appearance-hero.status-basic .select-button.placeholder {
  color: var(--select-hero-basic-placeholder-text-color);
}
nb-select.appearance-hero.status-basic .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-basic-focus-left-background-color), var(--select-hero-basic-focus-right-background-color));
}
nb-select.appearance-hero.status-basic .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-basic-hover-left-background-color), var(--select-hero-basic-hover-right-background-color));
}
nb-select.appearance-hero.status-basic .select-button[disabled] {
  color: var(--select-hero-basic-disabled-text-color);
  background-color: var(--select-hero-basic-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon {
  color: var(--select-hero-basic-disabled-icon-color);
}
nb-select.appearance-hero.status-basic .select-button nb-icon {
  color: var(--select-hero-basic-icon-color);
}
nb-select.appearance-hero.status-primary .select-button {
  background-image: linear-gradient(to right, var(--select-hero-primary-left-background-color), var(--select-hero-primary-right-background-color));
  color: var(--select-hero-primary-text-color);
}
nb-select.appearance-hero.status-primary .select-button.placeholder {
  color: var(--select-hero-primary-placeholder-text-color);
}
nb-select.appearance-hero.status-primary .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-primary-focus-left-background-color), var(--select-hero-primary-focus-right-background-color));
}
nb-select.appearance-hero.status-primary .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-primary-hover-left-background-color), var(--select-hero-primary-hover-right-background-color));
}
nb-select.appearance-hero.status-primary .select-button[disabled] {
  color: var(--select-hero-primary-disabled-text-color);
  background-color: var(--select-hero-primary-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon {
  color: var(--select-hero-primary-disabled-icon-color);
}
nb-select.appearance-hero.status-primary .select-button nb-icon {
  color: var(--select-hero-primary-icon-color);
}
nb-select.appearance-hero.status-success .select-button {
  background-image: linear-gradient(to right, var(--select-hero-success-left-background-color), var(--select-hero-success-right-background-color));
  color: var(--select-hero-success-text-color);
}
nb-select.appearance-hero.status-success .select-button.placeholder {
  color: var(--select-hero-success-placeholder-text-color);
}
nb-select.appearance-hero.status-success .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-success-focus-left-background-color), var(--select-hero-success-focus-right-background-color));
}
nb-select.appearance-hero.status-success .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-success-hover-left-background-color), var(--select-hero-success-hover-right-background-color));
}
nb-select.appearance-hero.status-success .select-button[disabled] {
  color: var(--select-hero-success-disabled-text-color);
  background-color: var(--select-hero-success-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-success .select-button[disabled] nb-icon {
  color: var(--select-hero-success-disabled-icon-color);
}
nb-select.appearance-hero.status-success .select-button nb-icon {
  color: var(--select-hero-success-icon-color);
}
nb-select.appearance-hero.status-warning .select-button {
  background-image: linear-gradient(to right, var(--select-hero-warning-left-background-color), var(--select-hero-warning-right-background-color));
  color: var(--select-hero-warning-text-color);
}
nb-select.appearance-hero.status-warning .select-button.placeholder {
  color: var(--select-hero-warning-placeholder-text-color);
}
nb-select.appearance-hero.status-warning .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-warning-focus-left-background-color), var(--select-hero-warning-focus-right-background-color));
}
nb-select.appearance-hero.status-warning .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-warning-hover-left-background-color), var(--select-hero-warning-hover-right-background-color));
}
nb-select.appearance-hero.status-warning .select-button[disabled] {
  color: var(--select-hero-warning-disabled-text-color);
  background-color: var(--select-hero-warning-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon {
  color: var(--select-hero-warning-disabled-icon-color);
}
nb-select.appearance-hero.status-warning .select-button nb-icon {
  color: var(--select-hero-warning-icon-color);
}
nb-select.appearance-hero.status-danger .select-button {
  background-image: linear-gradient(to right, var(--select-hero-danger-left-background-color), var(--select-hero-danger-right-background-color));
  color: var(--select-hero-danger-text-color);
}
nb-select.appearance-hero.status-danger .select-button.placeholder {
  color: var(--select-hero-danger-placeholder-text-color);
}
nb-select.appearance-hero.status-danger .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-danger-focus-left-background-color), var(--select-hero-danger-focus-right-background-color));
}
nb-select.appearance-hero.status-danger .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-danger-hover-left-background-color), var(--select-hero-danger-hover-right-background-color));
}
nb-select.appearance-hero.status-danger .select-button[disabled] {
  color: var(--select-hero-danger-disabled-text-color);
  background-color: var(--select-hero-danger-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon {
  color: var(--select-hero-danger-disabled-icon-color);
}
nb-select.appearance-hero.status-danger .select-button nb-icon {
  color: var(--select-hero-danger-icon-color);
}
nb-select.appearance-hero.status-info .select-button {
  background-image: linear-gradient(to right, var(--select-hero-info-left-background-color), var(--select-hero-info-right-background-color));
  color: var(--select-hero-info-text-color);
}
nb-select.appearance-hero.status-info .select-button.placeholder {
  color: var(--select-hero-info-placeholder-text-color);
}
nb-select.appearance-hero.status-info .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-info-focus-left-background-color), var(--select-hero-info-focus-right-background-color));
}
nb-select.appearance-hero.status-info .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-info-hover-left-background-color), var(--select-hero-info-hover-right-background-color));
}
nb-select.appearance-hero.status-info .select-button[disabled] {
  color: var(--select-hero-info-disabled-text-color);
  background-color: var(--select-hero-info-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-info .select-button[disabled] nb-icon {
  color: var(--select-hero-info-disabled-icon-color);
}
nb-select.appearance-hero.status-info .select-button nb-icon {
  color: var(--select-hero-info-icon-color);
}
nb-select.appearance-hero.status-control .select-button {
  background-image: linear-gradient(to right, var(--select-hero-control-left-background-color), var(--select-hero-control-right-background-color));
  color: var(--select-hero-control-text-color);
}
nb-select.appearance-hero.status-control .select-button.placeholder {
  color: var(--select-hero-control-placeholder-text-color);
}
nb-select.appearance-hero.status-control .select-button:focus {
  background-image: linear-gradient(to right, var(--select-hero-control-focus-left-background-color), var(--select-hero-control-focus-right-background-color));
}
nb-select.appearance-hero.status-control .select-button:hover {
  background-image: linear-gradient(to right, var(--select-hero-control-hover-left-background-color), var(--select-hero-control-hover-right-background-color));
}
nb-select.appearance-hero.status-control .select-button[disabled] {
  color: var(--select-hero-control-disabled-text-color);
  background-color: var(--select-hero-control-disabled-background-color);
  background-image: none;
}
nb-select.appearance-hero.status-control .select-button[disabled] nb-icon {
  color: var(--select-hero-control-disabled-icon-color);
}
nb-select.appearance-hero.status-control .select-button nb-icon {
  color: var(--select-hero-control-icon-color);
}
nb-form-field nb-select {
  width: 100%;
}
nb-option-list {
  background-color: var(--option-list-background-color);
  border-color: var(--option-list-border-color);
  border-style: var(--option-list-border-style);
  border-width: var(--option-list-border-width);
  border-radius: var(--option-list-border-radius);
  box-shadow: var(--option-list-shadow);
  overflow: hidden;
}
nb-option-list .option-list {
  height: 100%;
  max-height: var(--option-list-max-height);
  margin: 0;
  padding: 0;
  overflow: auto;
}
nb-option-list.position-top {
  border-bottom: var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color);
}
nb-option-list.position-bottom {
  border-top: var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color);
}
nb-option-group {
  color: var(--option-group-text-color);
  font-family: var(--option-text-font-family);
}
nb-option-list.size-tiny nb-option-group {
  font-size: var(--option-tiny-text-font-size);
  font-weight: var(--option-tiny-text-font-weight);
  line-height: var(--option-tiny-text-line-height);
}
nb-option-list.size-tiny nb-option-group .option-group-title {
  padding: var(--option-tiny-padding);
}
nb-option-list.size-tiny nb-option-group nb-option {
  padding-left: var(--option-group-tiny-start-padding);
}
nb-option-list.size-small nb-option-group {
  font-size: var(--option-small-text-font-size);
  font-weight: var(--option-small-text-font-weight);
  line-height: var(--option-small-text-line-height);
}
nb-option-list.size-small nb-option-group .option-group-title {
  padding: var(--option-small-padding);
}
nb-option-list.size-small nb-option-group nb-option {
  padding-left: var(--option-group-small-start-padding);
}
nb-option-list.size-medium nb-option-group {
  font-size: var(--option-medium-text-font-size);
  font-weight: var(--option-medium-text-font-weight);
  line-height: var(--option-medium-text-line-height);
}
nb-option-list.size-medium nb-option-group .option-group-title {
  padding: var(--option-medium-padding);
}
nb-option-list.size-medium nb-option-group nb-option {
  padding-left: var(--option-group-medium-start-padding);
}
nb-option-list.size-large nb-option-group {
  font-size: var(--option-large-text-font-size);
  font-weight: var(--option-large-text-font-weight);
  line-height: var(--option-large-text-line-height);
}
nb-option-list.size-large nb-option-group .option-group-title {
  padding: var(--option-large-padding);
}
nb-option-list.size-large nb-option-group nb-option {
  padding-left: var(--option-group-large-start-padding);
}
nb-option-list.size-giant nb-option-group {
  font-size: var(--option-giant-text-font-size);
  font-weight: var(--option-giant-text-font-weight);
  line-height: var(--option-giant-text-line-height);
}
nb-option-list.size-giant nb-option-group .option-group-title {
  padding: var(--option-giant-padding);
}
nb-option-list.size-giant nb-option-group nb-option {
  padding-left: var(--option-group-giant-start-padding);
}
nb-option {
  background-color: var(--option-background-color);
  color: var(--option-text-color);
  font-family: var(--option-text-font-family);
}
nb-option.active {
  background-color: var(--option-active-background-color);
  color: var(--option-active-text-color);
}
nb-option.selected {
  background-color: var(--option-selected-background-color);
  color: var(--option-selected-text-color);
}
nb-option:focus {
  background-color: var(--option-focus-background-color);
  color: var(--option-focus-text-color);
  outline: none;
}
nb-option:focus.selected {
  background-color: var(--option-selected-focus-background-color);
  color: var(--option-selected-focus-text-color);
}
nb-option:hover {
  background-color: var(--option-hover-background-color);
  color: var(--option-hover-text-color);
}
nb-option:hover.selected {
  background-color: var(--option-selected-hover-background-color);
  color: var(--option-selected-hover-text-color);
}
nb-option.multiple.selected {
  background-color: var(--option-background-color);
  color: var(--option-text-color);
}
nb-option.multiple:focus {
  background-color: var(--option-focus-background-color);
  color: var(--option-focus-text-color);
}
nb-option-list.size-tiny nb-option {
  font-size: var(--option-tiny-text-font-size);
  font-weight: var(--option-tiny-text-font-weight);
  line-height: var(--option-tiny-text-line-height);
  padding: var(--option-tiny-padding);
}
nb-option-list.size-small nb-option {
  font-size: var(--option-small-text-font-size);
  font-weight: var(--option-small-text-font-weight);
  line-height: var(--option-small-text-line-height);
  padding: var(--option-small-padding);
}
nb-option-list.size-medium nb-option {
  font-size: var(--option-medium-text-font-size);
  font-weight: var(--option-medium-text-font-weight);
  line-height: var(--option-medium-text-line-height);
  padding: var(--option-medium-padding);
}
nb-option-list.size-large nb-option {
  font-size: var(--option-large-text-font-size);
  font-weight: var(--option-large-text-font-weight);
  line-height: var(--option-large-text-line-height);
  padding: var(--option-large-padding);
}
nb-option-list.size-giant nb-option {
  font-size: var(--option-giant-text-font-size);
  font-weight: var(--option-giant-text-font-weight);
  line-height: var(--option-giant-text-line-height);
  padding: var(--option-giant-padding);
}
nb-option,
nb-option-group {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
nb-option[disabled],
nb-option-group[disabled] {
  background-color: var(--option-disabled-background-color);
  color: var(--option-disabled-text-color);
}
nb-toast {
  border-style: var(--toastr-border-style);
  border-width: var(--toastr-border-width);
  border-radius: var(--toastr-border-radius);
  padding: var(--toastr-padding);
  box-shadow: var(--toastr-shadow);
}
nb-toast .title {
  font-family: var(--toastr-title-text-font-family);
  font-size: var(--toastr-title-text-font-size);
  font-weight: var(--toastr-title-text-font-weight);
  line-height: var(--toastr-title-text-line-height);
}
nb-toast .message {
  font-family: var(--toastr-text-font-family);
  font-size: var(--toastr-text-font-size);
  font-weight: var(--toastr-text-font-weight);
  line-height: var(--toastr-text-line-height);
}
nb-toast .icon-container {
  border-radius: var(--toastr-border-radius);
  min-width: 2.5rem;
  min-height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir=ltr] nb-toast .icon-container {
  margin-right: 1.25rem;
}
[dir=rtl] nb-toast .icon-container {
  margin-left: 1.25rem;
}
nb-toast .icon-container nb-icon {
  font-size: 1.5rem;
}
nb-toast.status-basic {
  background: var(--toastr-basic-background-color);
  border-color: var(--toastr-basic-border-color);
  color: var(--toastr-basic-text-color);
}
nb-toast.status-basic .title {
  color: var(--toastr-basic-text-color);
}
nb-toast.status-basic.destroy-by-click:hover {
  background: var(--toastr-destroyable-basic-hover-background-color);
  border-color: var(--toastr-destroyable-basic-hover-border-color);
}
nb-toast.status-basic .icon-container {
  background: var(--toastr-icon-basic-background-color);
  color: var(--toastr-icon-basic-color);
}
nb-toast.status-primary {
  background: var(--toastr-primary-background-color);
  border-color: var(--toastr-primary-border-color);
  color: var(--toastr-primary-text-color);
}
nb-toast.status-primary .title {
  color: var(--toastr-primary-text-color);
}
nb-toast.status-primary.destroy-by-click:hover {
  background: var(--toastr-destroyable-primary-hover-background-color);
  border-color: var(--toastr-destroyable-primary-hover-border-color);
}
nb-toast.status-primary .icon-container {
  background: var(--toastr-icon-primary-background-color);
  color: var(--toastr-icon-primary-color);
}
nb-toast.status-success {
  background: var(--toastr-success-background-color);
  border-color: var(--toastr-success-border-color);
  color: var(--toastr-success-text-color);
}
nb-toast.status-success .title {
  color: var(--toastr-success-text-color);
}
nb-toast.status-success.destroy-by-click:hover {
  background: var(--toastr-destroyable-success-hover-background-color);
  border-color: var(--toastr-destroyable-success-hover-border-color);
}
nb-toast.status-success .icon-container {
  background: var(--toastr-icon-success-background-color);
  color: var(--toastr-icon-success-color);
}
nb-toast.status-warning {
  background: var(--toastr-warning-background-color);
  border-color: var(--toastr-warning-border-color);
  color: var(--toastr-warning-text-color);
}
nb-toast.status-warning .title {
  color: var(--toastr-warning-text-color);
}
nb-toast.status-warning.destroy-by-click:hover {
  background: var(--toastr-destroyable-warning-hover-background-color);
  border-color: var(--toastr-destroyable-warning-hover-border-color);
}
nb-toast.status-warning .icon-container {
  background: var(--toastr-icon-warning-background-color);
  color: var(--toastr-icon-warning-color);
}
nb-toast.status-danger {
  background: var(--toastr-danger-background-color);
  border-color: var(--toastr-danger-border-color);
  color: var(--toastr-danger-text-color);
}
nb-toast.status-danger .title {
  color: var(--toastr-danger-text-color);
}
nb-toast.status-danger.destroy-by-click:hover {
  background: var(--toastr-destroyable-danger-hover-background-color);
  border-color: var(--toastr-destroyable-danger-hover-border-color);
}
nb-toast.status-danger .icon-container {
  background: var(--toastr-icon-danger-background-color);
  color: var(--toastr-icon-danger-color);
}
nb-toast.status-info {
  background: var(--toastr-info-background-color);
  border-color: var(--toastr-info-border-color);
  color: var(--toastr-info-text-color);
}
nb-toast.status-info .title {
  color: var(--toastr-info-text-color);
}
nb-toast.status-info.destroy-by-click:hover {
  background: var(--toastr-destroyable-info-hover-background-color);
  border-color: var(--toastr-destroyable-info-hover-border-color);
}
nb-toast.status-info .icon-container {
  background: var(--toastr-icon-info-background-color);
  color: var(--toastr-icon-info-color);
}
nb-toast.status-control {
  background: var(--toastr-control-background-color);
  border-color: var(--toastr-control-border-color);
  color: var(--toastr-control-text-color);
}
nb-toast.status-control .title {
  color: var(--toastr-control-text-color);
}
nb-toast.status-control.destroy-by-click:hover {
  background: var(--toastr-destroyable-control-hover-background-color);
  border-color: var(--toastr-destroyable-control-hover-border-color);
}
nb-toast.status-control .icon-container {
  background: var(--toastr-icon-control-background-color);
  color: var(--toastr-icon-control-color);
}
.toastr-overlay-container {
  z-index: 1041;
}
nb-tooltip {
  box-shadow: var(--tooltip-shadow);
  background: var(--tooltip-background-color);
  border: var(--tooltip-border-width) var(--tooltip-border-style) var(--tooltip-border-color);
  border-radius: var(--tooltip-border-radius);
  padding: var(--tooltip-padding);
  max-width: var(--tooltip-max-width);
}
nb-tooltip nb-icon:only-child {
  height: var(--tooltip-icon-height);
  width: var(--tooltip-icon-width);
}
nb-tooltip nb-icon:not(:only-child) {
  height: var(--tooltip-text-font-size);
  width: var(--tooltip-text-font-size);
}
nb-tooltip .content {
  color: var(--tooltip-text-color);
  font-family: var(--tooltip-text-font-family);
  font-size: var(--tooltip-text-font-size);
  font-weight: var(--tooltip-text-font-weight);
  line-height: var(--tooltip-text-line-height);
}
nb-tooltip .arrow {
  border-bottom: 6px var(--tooltip-border-style) var(--tooltip-background-color);
}
nb-tooltip.status-basic {
  background: var(--tooltip-basic-background-color);
  border-color: var(--tooltip-basic-border-color);
}
nb-tooltip.status-basic .arrow {
  border-bottom-color: var(--tooltip-basic-background-color);
}
nb-tooltip.status-basic .content {
  color: var(--tooltip-basic-text-color);
}
nb-tooltip.status-primary {
  background: var(--tooltip-primary-background-color);
  border-color: var(--tooltip-primary-border-color);
}
nb-tooltip.status-primary .arrow {
  border-bottom-color: var(--tooltip-primary-background-color);
}
nb-tooltip.status-primary .content {
  color: var(--tooltip-primary-text-color);
}
nb-tooltip.status-success {
  background: var(--tooltip-success-background-color);
  border-color: var(--tooltip-success-border-color);
}
nb-tooltip.status-success .arrow {
  border-bottom-color: var(--tooltip-success-background-color);
}
nb-tooltip.status-success .content {
  color: var(--tooltip-success-text-color);
}
nb-tooltip.status-warning {
  background: var(--tooltip-warning-background-color);
  border-color: var(--tooltip-warning-border-color);
}
nb-tooltip.status-warning .arrow {
  border-bottom-color: var(--tooltip-warning-background-color);
}
nb-tooltip.status-warning .content {
  color: var(--tooltip-warning-text-color);
}
nb-tooltip.status-danger {
  background: var(--tooltip-danger-background-color);
  border-color: var(--tooltip-danger-border-color);
}
nb-tooltip.status-danger .arrow {
  border-bottom-color: var(--tooltip-danger-background-color);
}
nb-tooltip.status-danger .content {
  color: var(--tooltip-danger-text-color);
}
nb-tooltip.status-info {
  background: var(--tooltip-info-background-color);
  border-color: var(--tooltip-info-border-color);
}
nb-tooltip.status-info .arrow {
  border-bottom-color: var(--tooltip-info-background-color);
}
nb-tooltip.status-info .content {
  color: var(--tooltip-info-text-color);
}
nb-tooltip.status-control {
  background: var(--tooltip-control-background-color);
  border-color: var(--tooltip-control-border-color);
}
nb-tooltip.status-control .arrow {
  border-bottom-color: var(--tooltip-control-background-color);
}
nb-tooltip.status-control .content {
  color: var(--tooltip-control-text-color);
}
nb-datepicker-container nb-card {
  border-color: var(--datepicker-border-color);
  border-style: var(--datepicker-border-style);
  border-width: var(--datepicker-border-width);
  border-radius: var(--datepicker-border-radius);
  background: var(--datepicker-background-color);
  box-shadow: var(--datepicker-shadow);
}
nb-calendar-with-time .nb-timepicker-container,
nb-calendar-with-time nb-base-calendar nb-card {
  border: none;
}
nb-calendar-with-time .column-header {
  border-top: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color);
  border-radius: 0;
}
nb-calendar-with-time .timepicker-section.size-large nb-list-item {
  height: var(--calendar-day-cell-large-height);
}
nb-calendar-with-time .timepicker-section.size-large .header-cell {
  height: var(--calendar-weekday-large-height);
}
[dir=ltr] nb-calendar-with-time .timepicker-section {
  border-left: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color);
}
[dir=rtl] nb-calendar-with-time .timepicker-section {
  border-right: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color);
}
nb-calendar-with-time .timepicker-single-column-width {
  width: var(--timepicker-single-column-width);
}
nb-calendar-with-time .timepicker-multiple-column-width {
  width: var(--timepicker-multiple-column-width);
}
nb-calendar-with-time .picker-title {
  height: var(--timepicker-title-height);
  padding: var(--timepicker-title-padding);
}
nb-radio .outer-circle,
nb-radio .inner-circle {
  height: var(--radio-height);
  width: var(--radio-width);
}
nb-radio .outer-circle {
  border-style: var(--radio-border-style);
  border-width: var(--radio-border-width);
}
nb-radio .native-input:enabled:focus + .outer-circle {
  box-shadow: 0 0 0 var(--radio-outline-width) var(--radio-outline-color);
}
nb-radio.status-basic .native-input:enabled + .outer-circle {
  background-color: var(--radio-basic-background-color);
  border-color: var(--radio-basic-border-color);
}
nb-radio.status-basic .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-basic-checked-background-color);
  border-color: var(--radio-basic-checked-border-color);
}
nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-basic-inner-circle-color);
}
nb-radio.status-basic .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-basic-focus-background-color);
  border-color: var(--radio-basic-focus-border-color);
}
nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-basic-focus-checked-background-color);
  border-color: var(--radio-basic-focus-checked-border-color);
}
nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-basic-focus-inner-circle-color);
}
nb-radio.status-basic label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-basic-hover-background-color);
  border-color: var(--radio-basic-hover-border-color);
}
nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-basic-hover-checked-background-color);
  border-color: var(--radio-basic-hover-checked-border-color);
}
nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-basic-hover-inner-circle-color);
}
nb-radio.status-basic label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-basic-active-background-color);
  border-color: var(--radio-basic-active-border-color);
}
nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-basic-active-checked-background-color);
  border-color: var(--radio-basic-active-checked-border-color);
}
nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-basic-active-inner-circle-color);
}
nb-radio.status-basic .text {
  color: var(--radio-basic-text-color);
}
nb-radio.status-basic .native-input:disabled + .outer-circle {
  background-color: var(--radio-basic-disabled-background-color);
  border-color: var(--radio-basic-disabled-border-color);
}
nb-radio.status-basic .native-input:disabled ~ .text {
  color: var(--radio-basic-disabled-text-color);
}
nb-radio.status-basic .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-basic-disabled-checked-background-color);
  border-color: var(--radio-basic-disabled-checked-border-color);
}
nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-basic-disabled-checked-inner-circle-color);
}
nb-radio.status-primary .native-input:enabled + .outer-circle {
  background-color: var(--radio-primary-background-color);
  border-color: var(--radio-primary-border-color);
}
nb-radio.status-primary .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-primary-checked-background-color);
  border-color: var(--radio-primary-checked-border-color);
}
nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-primary-inner-circle-color);
}
nb-radio.status-primary .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-primary-focus-background-color);
  border-color: var(--radio-primary-focus-border-color);
}
nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-primary-focus-checked-background-color);
  border-color: var(--radio-primary-focus-checked-border-color);
}
nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-primary-focus-inner-circle-color);
}
nb-radio.status-primary label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-primary-hover-background-color);
  border-color: var(--radio-primary-hover-border-color);
}
nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-primary-hover-checked-background-color);
  border-color: var(--radio-primary-hover-checked-border-color);
}
nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-primary-hover-inner-circle-color);
}
nb-radio.status-primary label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-primary-active-background-color);
  border-color: var(--radio-primary-active-border-color);
}
nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-primary-active-checked-background-color);
  border-color: var(--radio-primary-active-checked-border-color);
}
nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-primary-active-inner-circle-color);
}
nb-radio.status-primary .text {
  color: var(--radio-primary-text-color);
}
nb-radio.status-primary .native-input:disabled + .outer-circle {
  background-color: var(--radio-primary-disabled-background-color);
  border-color: var(--radio-primary-disabled-border-color);
}
nb-radio.status-primary .native-input:disabled ~ .text {
  color: var(--radio-primary-disabled-text-color);
}
nb-radio.status-primary .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-primary-disabled-checked-background-color);
  border-color: var(--radio-primary-disabled-checked-border-color);
}
nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-primary-disabled-checked-inner-circle-color);
}
nb-radio.status-success .native-input:enabled + .outer-circle {
  background-color: var(--radio-success-background-color);
  border-color: var(--radio-success-border-color);
}
nb-radio.status-success .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-success-checked-background-color);
  border-color: var(--radio-success-checked-border-color);
}
nb-radio.status-success .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-success-inner-circle-color);
}
nb-radio.status-success .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-success-focus-background-color);
  border-color: var(--radio-success-focus-border-color);
}
nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-success-focus-checked-background-color);
  border-color: var(--radio-success-focus-checked-border-color);
}
nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-success-focus-inner-circle-color);
}
nb-radio.status-success label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-success-hover-background-color);
  border-color: var(--radio-success-hover-border-color);
}
nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-success-hover-checked-background-color);
  border-color: var(--radio-success-hover-checked-border-color);
}
nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-success-hover-inner-circle-color);
}
nb-radio.status-success label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-success-active-background-color);
  border-color: var(--radio-success-active-border-color);
}
nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-success-active-checked-background-color);
  border-color: var(--radio-success-active-checked-border-color);
}
nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-success-active-inner-circle-color);
}
nb-radio.status-success .text {
  color: var(--radio-success-text-color);
}
nb-radio.status-success .native-input:disabled + .outer-circle {
  background-color: var(--radio-success-disabled-background-color);
  border-color: var(--radio-success-disabled-border-color);
}
nb-radio.status-success .native-input:disabled ~ .text {
  color: var(--radio-success-disabled-text-color);
}
nb-radio.status-success .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-success-disabled-checked-background-color);
  border-color: var(--radio-success-disabled-checked-border-color);
}
nb-radio.status-success .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-success-disabled-checked-inner-circle-color);
}
nb-radio.status-warning .native-input:enabled + .outer-circle {
  background-color: var(--radio-warning-background-color);
  border-color: var(--radio-warning-border-color);
}
nb-radio.status-warning .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-warning-checked-background-color);
  border-color: var(--radio-warning-checked-border-color);
}
nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-warning-inner-circle-color);
}
nb-radio.status-warning .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-warning-focus-background-color);
  border-color: var(--radio-warning-focus-border-color);
}
nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-warning-focus-checked-background-color);
  border-color: var(--radio-warning-focus-checked-border-color);
}
nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-warning-focus-inner-circle-color);
}
nb-radio.status-warning label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-warning-hover-background-color);
  border-color: var(--radio-warning-hover-border-color);
}
nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-warning-hover-checked-background-color);
  border-color: var(--radio-warning-hover-checked-border-color);
}
nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-warning-hover-inner-circle-color);
}
nb-radio.status-warning label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-warning-active-background-color);
  border-color: var(--radio-warning-active-border-color);
}
nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-warning-active-checked-background-color);
  border-color: var(--radio-warning-active-checked-border-color);
}
nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-warning-active-inner-circle-color);
}
nb-radio.status-warning .text {
  color: var(--radio-warning-text-color);
}
nb-radio.status-warning .native-input:disabled + .outer-circle {
  background-color: var(--radio-warning-disabled-background-color);
  border-color: var(--radio-warning-disabled-border-color);
}
nb-radio.status-warning .native-input:disabled ~ .text {
  color: var(--radio-warning-disabled-text-color);
}
nb-radio.status-warning .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-warning-disabled-checked-background-color);
  border-color: var(--radio-warning-disabled-checked-border-color);
}
nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-warning-disabled-checked-inner-circle-color);
}
nb-radio.status-danger .native-input:enabled + .outer-circle {
  background-color: var(--radio-danger-background-color);
  border-color: var(--radio-danger-border-color);
}
nb-radio.status-danger .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-danger-checked-background-color);
  border-color: var(--radio-danger-checked-border-color);
}
nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-danger-inner-circle-color);
}
nb-radio.status-danger .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-danger-focus-background-color);
  border-color: var(--radio-danger-focus-border-color);
}
nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-danger-focus-checked-background-color);
  border-color: var(--radio-danger-focus-checked-border-color);
}
nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-danger-focus-inner-circle-color);
}
nb-radio.status-danger label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-danger-hover-background-color);
  border-color: var(--radio-danger-hover-border-color);
}
nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-danger-hover-checked-background-color);
  border-color: var(--radio-danger-hover-checked-border-color);
}
nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-danger-hover-inner-circle-color);
}
nb-radio.status-danger label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-danger-active-background-color);
  border-color: var(--radio-danger-active-border-color);
}
nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-danger-active-checked-background-color);
  border-color: var(--radio-danger-active-checked-border-color);
}
nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-danger-active-inner-circle-color);
}
nb-radio.status-danger .text {
  color: var(--radio-danger-text-color);
}
nb-radio.status-danger .native-input:disabled + .outer-circle {
  background-color: var(--radio-danger-disabled-background-color);
  border-color: var(--radio-danger-disabled-border-color);
}
nb-radio.status-danger .native-input:disabled ~ .text {
  color: var(--radio-danger-disabled-text-color);
}
nb-radio.status-danger .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-danger-disabled-checked-background-color);
  border-color: var(--radio-danger-disabled-checked-border-color);
}
nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-danger-disabled-checked-inner-circle-color);
}
nb-radio.status-info .native-input:enabled + .outer-circle {
  background-color: var(--radio-info-background-color);
  border-color: var(--radio-info-border-color);
}
nb-radio.status-info .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-info-checked-background-color);
  border-color: var(--radio-info-checked-border-color);
}
nb-radio.status-info .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-info-inner-circle-color);
}
nb-radio.status-info .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-info-focus-background-color);
  border-color: var(--radio-info-focus-border-color);
}
nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-info-focus-checked-background-color);
  border-color: var(--radio-info-focus-checked-border-color);
}
nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-info-focus-inner-circle-color);
}
nb-radio.status-info label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-info-hover-background-color);
  border-color: var(--radio-info-hover-border-color);
}
nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-info-hover-checked-background-color);
  border-color: var(--radio-info-hover-checked-border-color);
}
nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-info-hover-inner-circle-color);
}
nb-radio.status-info label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-info-active-background-color);
  border-color: var(--radio-info-active-border-color);
}
nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-info-active-checked-background-color);
  border-color: var(--radio-info-active-checked-border-color);
}
nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-info-active-inner-circle-color);
}
nb-radio.status-info .text {
  color: var(--radio-info-text-color);
}
nb-radio.status-info .native-input:disabled + .outer-circle {
  background-color: var(--radio-info-disabled-background-color);
  border-color: var(--radio-info-disabled-border-color);
}
nb-radio.status-info .native-input:disabled ~ .text {
  color: var(--radio-info-disabled-text-color);
}
nb-radio.status-info .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-info-disabled-checked-background-color);
  border-color: var(--radio-info-disabled-checked-border-color);
}
nb-radio.status-info .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-info-disabled-checked-inner-circle-color);
}
nb-radio.status-control .native-input:enabled + .outer-circle {
  background-color: var(--radio-control-background-color);
  border-color: var(--radio-control-border-color);
}
nb-radio.status-control .native-input:enabled:checked + .outer-circle {
  background-color: var(--radio-control-checked-background-color);
  border-color: var(--radio-control-checked-border-color);
}
nb-radio.status-control .native-input:enabled:checked ~ .inner-circle {
  background-color: var(--radio-control-inner-circle-color);
}
nb-radio.status-control .native-input:enabled:focus + .outer-circle {
  background-color: var(--radio-control-focus-background-color);
  border-color: var(--radio-control-focus-border-color);
}
nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle {
  background-color: var(--radio-control-focus-checked-background-color);
  border-color: var(--radio-control-focus-checked-border-color);
}
nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: var(--radio-control-focus-inner-circle-color);
}
nb-radio.status-control label:hover .native-input:enabled + .outer-circle {
  background-color: var(--radio-control-hover-background-color);
  border-color: var(--radio-control-hover-border-color);
}
nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle {
  background-color: var(--radio-control-hover-checked-background-color);
  border-color: var(--radio-control-hover-checked-border-color);
}
nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: var(--radio-control-hover-inner-circle-color);
}
nb-radio.status-control label .native-input:enabled:active + .outer-circle {
  background-color: var(--radio-control-active-background-color);
  border-color: var(--radio-control-active-border-color);
}
nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle {
  background-color: var(--radio-control-active-checked-background-color);
  border-color: var(--radio-control-active-checked-border-color);
}
nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: var(--radio-control-active-inner-circle-color);
}
nb-radio.status-control .text {
  color: var(--radio-control-text-color);
}
nb-radio.status-control .native-input:disabled + .outer-circle {
  background-color: var(--radio-control-disabled-background-color);
  border-color: var(--radio-control-disabled-border-color);
}
nb-radio.status-control .native-input:disabled ~ .text {
  color: var(--radio-control-disabled-text-color);
}
nb-radio.status-control .native-input:disabled:checked + .outer-circle {
  background-color: var(--radio-control-disabled-checked-background-color);
  border-color: var(--radio-control-disabled-checked-border-color);
}
nb-radio.status-control .native-input:disabled:checked ~ .inner-circle {
  background-color: var(--radio-control-disabled-checked-inner-circle-color);
}
nb-radio .text {
  font-family: var(--radio-text-font-family);
  font-size: var(--radio-text-font-size);
  font-weight: var(--radio-text-font-weight);
  line-height: var(--radio-text-line-height);
}
[dir=ltr] nb-radio .text {
  margin-left: var(--radio-width);
}
[dir=rtl] nb-radio .text {
  margin-right: var(--radio-width);
}
.nb-tree-grid-header-cell,
.nb-tree-grid-cell,
.nb-tree-grid-footer-cell {
  height: var(--tree-grid-row-min-height);
  padding: var(--tree-grid-cell-padding);
  border: var(--tree-grid-cell-border-width) var(--tree-grid-cell-border-style) var(--tree-grid-cell-border-color);
}
.nb-tree-grid-header-row {
  background: var(--tree-grid-header-background-color);
  color: var(--tree-grid-header-text-color);
  font-family: var(--tree-grid-header-text-font-family);
  font-size: var(--tree-grid-header-text-font-size);
  font-weight: var(--tree-grid-header-text-font-weight);
  line-height: var(--tree-grid-header-text-line-height);
}
.nb-tree-grid-footer-row {
  background: var(--tree-grid-footer-background-color);
  color: var(--tree-grid-footer-text-color);
  font-family: var(--tree-grid-footer-text-font-family);
  font-size: var(--tree-grid-footer-text-font-size);
  font-weight: var(--tree-grid-footer-text-font-weight);
  line-height: var(--tree-grid-footer-text-line-height);
}
.nb-tree-grid-row {
  background: var(--tree-grid-row-background-color);
  color: var(--tree-grid-row-text-color);
  font-family: var(--tree-grid-row-text-font-family);
  font-size: var(--tree-grid-row-text-font-size);
  font-weight: var(--tree-grid-row-text-font-weight);
  line-height: var(--tree-grid-row-text-line-height);
}
.nb-tree-grid-row:hover {
  background: var(--tree-grid-row-hover-background-color);
}
.nb-tree-grid-row:nth-child(2n):not(:hover) {
  background-color: var(--tree-grid-row-even-background-color);
}
.nb-tree-grid-header-cell button {
  vertical-align: middle;
}
nb-tree-grid-row-toggle nb-icon,
nb-sort-icon nb-icon {
  font-size: inherit;
  vertical-align: middle;
  color: currentColor;
}
.nb-tree-grid-header-change-sort-button {
  background: var(--tree-grid-sort-header-button-background-color);
  border: var(--tree-grid-sort-header-button-border);
  padding: var(--tree-grid-sort-header-button-padding);
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
nb-icon {
  font-size: var(--icon-font-size);
  line-height: var(--icon-line-height);
  width: var(--icon-width);
  height: var(--icon-height);
}
nb-icon svg {
  vertical-align: var(--icon-svg-vertical-align);
}
nb-icon.status-basic {
  color: var(--icon-basic-color);
}
nb-icon.status-primary {
  color: var(--icon-primary-color);
}
nb-icon.status-success {
  color: var(--icon-success-color);
}
nb-icon.status-warning {
  color: var(--icon-warning-color);
}
nb-icon.status-danger {
  color: var(--icon-danger-color);
}
nb-icon.status-info {
  color: var(--icon-info-color);
}
nb-icon.status-control {
  color: var(--icon-control-color);
}
.nb-form-control-container {
  max-width: inherit;
}
.nb-form-field-addon {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.nb-form-field-addon-disabled {
  color: var(--form-field-addon-disabled-text-color);
}
nb-form-field.nb-transition .nb-form-field-addon {
  transition-duration: 0.15s;
  transition-property: color;
  transition-timing-function: ease-in;
}
.nb-form-field-addon-basic {
  color: var(--form-field-addon-basic-text-color);
}
.nb-form-field-addon-basic-highlight {
  color: var(--form-field-addon-basic-highlight-text-color);
}
.nb-form-field-addon-primary {
  color: var(--form-field-addon-primary-text-color);
}
.nb-form-field-addon-primary-highlight {
  color: var(--form-field-addon-primary-highlight-text-color);
}
.nb-form-field-addon-success {
  color: var(--form-field-addon-success-text-color);
}
.nb-form-field-addon-success-highlight {
  color: var(--form-field-addon-success-highlight-text-color);
}
.nb-form-field-addon-warning {
  color: var(--form-field-addon-warning-text-color);
}
.nb-form-field-addon-warning-highlight {
  color: var(--form-field-addon-warning-highlight-text-color);
}
.nb-form-field-addon-danger {
  color: var(--form-field-addon-danger-text-color);
}
.nb-form-field-addon-danger-highlight {
  color: var(--form-field-addon-danger-highlight-text-color);
}
.nb-form-field-addon-info {
  color: var(--form-field-addon-info-text-color);
}
.nb-form-field-addon-info-highlight {
  color: var(--form-field-addon-info-highlight-text-color);
}
.nb-form-field-addon-control {
  color: var(--form-field-addon-control-text-color);
}
.nb-form-field-addon-control-highlight {
  color: var(--form-field-addon-control-highlight-text-color);
}
.nb-form-field-limited-width.nb-form-field-size-tiny {
  max-width: var(--form-field-tiny-max-width);
}
.nb-form-field-prefix-tiny,
.nb-form-field-suffix-tiny {
  height: var(--form-field-addon-tiny-height);
  width: var(--form-field-addon-tiny-width);
  font-size: var(--form-field-addon-tiny-font-size);
  line-height: var(--form-field-addon-tiny-line-height);
  font-weight: var(--form-field-addon-tiny-font-weight);
}
.nb-form-field-prefix-tiny nb-icon,
.nb-form-field-suffix-tiny nb-icon {
  font-size: var(--form-field-addon-tiny-icon-size);
  line-height: var(--form-field-addon-tiny-icon-size);
}
[dir=ltr] .nb-form-field-prefix-tiny {
  margin-right: calc(var(--form-field-addon-tiny-width) * -1);
}
[dir=rtl] .nb-form-field-prefix-tiny {
  margin-left: calc(var(--form-field-addon-tiny-width) * -1);
}
[dir=ltr] .nb-form-field-suffix-tiny {
  margin-left: calc(var(--form-field-addon-tiny-width) * -1);
}
[dir=rtl] .nb-form-field-suffix-tiny {
  margin-right: calc(var(--form-field-addon-tiny-width) * -1);
}
.nb-form-field-limited-width.nb-form-field-size-small {
  max-width: var(--form-field-small-max-width);
}
.nb-form-field-prefix-small,
.nb-form-field-suffix-small {
  height: var(--form-field-addon-small-height);
  width: var(--form-field-addon-small-width);
  font-size: var(--form-field-addon-small-font-size);
  line-height: var(--form-field-addon-small-line-height);
  font-weight: var(--form-field-addon-small-font-weight);
}
.nb-form-field-prefix-small nb-icon,
.nb-form-field-suffix-small nb-icon {
  font-size: var(--form-field-addon-small-icon-size);
  line-height: var(--form-field-addon-small-icon-size);
}
[dir=ltr] .nb-form-field-prefix-small {
  margin-right: calc(var(--form-field-addon-small-width) * -1);
}
[dir=rtl] .nb-form-field-prefix-small {
  margin-left: calc(var(--form-field-addon-small-width) * -1);
}
[dir=ltr] .nb-form-field-suffix-small {
  margin-left: calc(var(--form-field-addon-small-width) * -1);
}
[dir=rtl] .nb-form-field-suffix-small {
  margin-right: calc(var(--form-field-addon-small-width) * -1);
}
.nb-form-field-limited-width.nb-form-field-size-medium {
  max-width: var(--form-field-medium-max-width);
}
.nb-form-field-prefix-medium,
.nb-form-field-suffix-medium {
  height: var(--form-field-addon-medium-height);
  width: var(--form-field-addon-medium-width);
  font-size: var(--form-field-addon-medium-font-size);
  line-height: var(--form-field-addon-medium-line-height);
  font-weight: var(--form-field-addon-medium-font-weight);
}
.nb-form-field-prefix-medium nb-icon,
.nb-form-field-suffix-medium nb-icon {
  font-size: var(--form-field-addon-medium-icon-size);
  line-height: var(--form-field-addon-medium-icon-size);
}
[dir=ltr] .nb-form-field-prefix-medium {
  margin-right: calc(var(--form-field-addon-medium-width) * -1);
}
[dir=rtl] .nb-form-field-prefix-medium {
  margin-left: calc(var(--form-field-addon-medium-width) * -1);
}
[dir=ltr] .nb-form-field-suffix-medium {
  margin-left: calc(var(--form-field-addon-medium-width) * -1);
}
[dir=rtl] .nb-form-field-suffix-medium {
  margin-right: calc(var(--form-field-addon-medium-width) * -1);
}
.nb-form-field-limited-width.nb-form-field-size-large {
  max-width: var(--form-field-large-max-width);
}
.nb-form-field-prefix-large,
.nb-form-field-suffix-large {
  height: var(--form-field-addon-large-height);
  width: var(--form-field-addon-large-width);
  font-size: var(--form-field-addon-large-font-size);
  line-height: var(--form-field-addon-large-line-height);
  font-weight: var(--form-field-addon-large-font-weight);
}
.nb-form-field-prefix-large nb-icon,
.nb-form-field-suffix-large nb-icon {
  font-size: var(--form-field-addon-large-icon-size);
  line-height: var(--form-field-addon-large-icon-size);
}
[dir=ltr] .nb-form-field-prefix-large {
  margin-right: calc(var(--form-field-addon-large-width) * -1);
}
[dir=rtl] .nb-form-field-prefix-large {
  margin-left: calc(var(--form-field-addon-large-width) * -1);
}
[dir=ltr] .nb-form-field-suffix-large {
  margin-left: calc(var(--form-field-addon-large-width) * -1);
}
[dir=rtl] .nb-form-field-suffix-large {
  margin-right: calc(var(--form-field-addon-large-width) * -1);
}
.nb-form-field-limited-width.nb-form-field-size-giant {
  max-width: var(--form-field-giant-max-width);
}
.nb-form-field-prefix-giant,
.nb-form-field-suffix-giant {
  height: var(--form-field-addon-giant-height);
  width: var(--form-field-addon-giant-width);
  font-size: var(--form-field-addon-giant-font-size);
  line-height: var(--form-field-addon-giant-line-height);
  font-weight: var(--form-field-addon-giant-font-weight);
}
.nb-form-field-prefix-giant nb-icon,
.nb-form-field-suffix-giant nb-icon {
  font-size: var(--form-field-addon-giant-icon-size);
  line-height: var(--form-field-addon-giant-icon-size);
}
[dir=ltr] .nb-form-field-prefix-giant {
  margin-right: calc(var(--form-field-addon-giant-width) * -1);
}
[dir=rtl] .nb-form-field-prefix-giant {
  margin-left: calc(var(--form-field-addon-giant-width) * -1);
}
[dir=ltr] .nb-form-field-suffix-giant {
  margin-left: calc(var(--form-field-addon-giant-width) * -1);
}
[dir=rtl] .nb-form-field-suffix-giant {
  margin-right: calc(var(--form-field-addon-giant-width) * -1);
}
nb-tag {
  border-style: var(--tag-border-style);
  border-width: var(--tag-border-width);
  border-radius: var(--tag-border-radius);
  display: inline-flex;
  align-items: center;
  font-family: var(--tag-text-font-family);
  text-transform: var(--tag-text-transform);
  cursor: default;
}
nb-tag.nb-transition {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease-in;
}
nb-tag.size-tiny {
  font-size: var(--tag-tiny-text-font-size);
  font-weight: var(--tag-tiny-text-font-weight);
  line-height: var(--tag-tiny-text-line-height);
  padding: var(--tag-tiny-padding);
}
nb-tag.size-small {
  font-size: var(--tag-small-text-font-size);
  font-weight: var(--tag-small-text-font-weight);
  line-height: var(--tag-small-text-line-height);
  padding: var(--tag-small-padding);
}
nb-tag.size-medium {
  font-size: var(--tag-medium-text-font-size);
  font-weight: var(--tag-medium-text-font-weight);
  line-height: var(--tag-medium-text-line-height);
  padding: var(--tag-medium-padding);
}
nb-tag.size-large {
  font-size: var(--tag-large-text-font-size);
  font-weight: var(--tag-large-text-font-weight);
  line-height: var(--tag-large-text-line-height);
  padding: var(--tag-large-padding);
}
nb-tag.size-giant {
  font-size: var(--tag-giant-text-font-size);
  font-weight: var(--tag-giant-text-font-weight);
  line-height: var(--tag-giant-text-line-height);
  padding: var(--tag-giant-padding);
}
nb-tag.appearance-filled.status-basic {
  background-color: var(--tag-filled-basic-background-color);
  border-color: var(--tag-filled-basic-border-color);
  color: var(--tag-filled-basic-text-color);
}
nb-tag.appearance-filled.status-basic.selected {
  background-color: var(--tag-filled-basic-selected-background-color);
  border-color: var(--tag-filled-basic-selected-border-color);
}
nb-tag.appearance-filled.status-basic.active {
  background-color: var(--tag-filled-basic-active-background-color);
  border-color: var(--tag-filled-basic-active-border-color);
}
nb-tag.appearance-filled.status-basic:hover {
  background-color: var(--tag-filled-basic-hover-background-color);
  border-color: var(--tag-filled-basic-hover-border-color);
}
nb-tag.appearance-filled.status-primary {
  background-color: var(--tag-filled-primary-background-color);
  border-color: var(--tag-filled-primary-border-color);
  color: var(--tag-filled-primary-text-color);
}
nb-tag.appearance-filled.status-primary.selected {
  background-color: var(--tag-filled-primary-selected-background-color);
  border-color: var(--tag-filled-primary-selected-border-color);
}
nb-tag.appearance-filled.status-primary.active {
  background-color: var(--tag-filled-primary-active-background-color);
  border-color: var(--tag-filled-primary-active-border-color);
}
nb-tag.appearance-filled.status-primary:hover {
  background-color: var(--tag-filled-primary-hover-background-color);
  border-color: var(--tag-filled-primary-hover-border-color);
}
nb-tag.appearance-filled.status-success {
  background-color: var(--tag-filled-success-background-color);
  border-color: var(--tag-filled-success-border-color);
  color: var(--tag-filled-success-text-color);
}
nb-tag.appearance-filled.status-success.selected {
  background-color: var(--tag-filled-success-selected-background-color);
  border-color: var(--tag-filled-success-selected-border-color);
}
nb-tag.appearance-filled.status-success.active {
  background-color: var(--tag-filled-success-active-background-color);
  border-color: var(--tag-filled-success-active-border-color);
}
nb-tag.appearance-filled.status-success:hover {
  background-color: var(--tag-filled-success-hover-background-color);
  border-color: var(--tag-filled-success-hover-border-color);
}
nb-tag.appearance-filled.status-warning {
  background-color: var(--tag-filled-warning-background-color);
  border-color: var(--tag-filled-warning-border-color);
  color: var(--tag-filled-warning-text-color);
}
nb-tag.appearance-filled.status-warning.selected {
  background-color: var(--tag-filled-warning-selected-background-color);
  border-color: var(--tag-filled-warning-selected-border-color);
}
nb-tag.appearance-filled.status-warning.active {
  background-color: var(--tag-filled-warning-active-background-color);
  border-color: var(--tag-filled-warning-active-border-color);
}
nb-tag.appearance-filled.status-warning:hover {
  background-color: var(--tag-filled-warning-hover-background-color);
  border-color: var(--tag-filled-warning-hover-border-color);
}
nb-tag.appearance-filled.status-danger {
  background-color: var(--tag-filled-danger-background-color);
  border-color: var(--tag-filled-danger-border-color);
  color: var(--tag-filled-danger-text-color);
}
nb-tag.appearance-filled.status-danger.selected {
  background-color: var(--tag-filled-danger-selected-background-color);
  border-color: var(--tag-filled-danger-selected-border-color);
}
nb-tag.appearance-filled.status-danger.active {
  background-color: var(--tag-filled-danger-active-background-color);
  border-color: var(--tag-filled-danger-active-border-color);
}
nb-tag.appearance-filled.status-danger:hover {
  background-color: var(--tag-filled-danger-hover-background-color);
  border-color: var(--tag-filled-danger-hover-border-color);
}
nb-tag.appearance-filled.status-info {
  background-color: var(--tag-filled-info-background-color);
  border-color: var(--tag-filled-info-border-color);
  color: var(--tag-filled-info-text-color);
}
nb-tag.appearance-filled.status-info.selected {
  background-color: var(--tag-filled-info-selected-background-color);
  border-color: var(--tag-filled-info-selected-border-color);
}
nb-tag.appearance-filled.status-info.active {
  background-color: var(--tag-filled-info-active-background-color);
  border-color: var(--tag-filled-info-active-border-color);
}
nb-tag.appearance-filled.status-info:hover {
  background-color: var(--tag-filled-info-hover-background-color);
  border-color: var(--tag-filled-info-hover-border-color);
}
nb-tag.appearance-filled.status-control {
  background-color: var(--tag-filled-control-background-color);
  border-color: var(--tag-filled-control-border-color);
  color: var(--tag-filled-control-text-color);
}
nb-tag.appearance-filled.status-control.selected {
  background-color: var(--tag-filled-control-selected-background-color);
  border-color: var(--tag-filled-control-selected-border-color);
}
nb-tag.appearance-filled.status-control.active {
  background-color: var(--tag-filled-control-active-background-color);
  border-color: var(--tag-filled-control-active-border-color);
}
nb-tag.appearance-filled.status-control:hover {
  background-color: var(--tag-filled-control-hover-background-color);
  border-color: var(--tag-filled-control-hover-border-color);
}
nb-tag.appearance-outline.status-basic {
  background-color: var(--tag-outline-basic-background-color);
  border-color: var(--tag-outline-basic-border-color);
  color: var(--tag-outline-basic-text-color);
}
nb-tag.appearance-outline.status-basic.selected {
  background-color: var(--tag-outline-basic-selected-background-color);
  border-color: var(--tag-outline-basic-selected-border-color);
  color: var(--tag-outline-basic-selected-text-color);
}
nb-tag.appearance-outline.status-basic.active {
  background-color: var(--tag-outline-basic-active-background-color);
  border-color: var(--tag-outline-basic-active-border-color);
  color: var(--tag-outline-basic-active-text-color);
}
nb-tag.appearance-outline.status-basic:hover {
  background-color: var(--tag-outline-basic-hover-background-color);
  border-color: var(--tag-outline-basic-hover-border-color);
  color: var(--tag-outline-basic-hover-text-color);
}
nb-tag.appearance-outline.status-primary {
  background-color: var(--tag-outline-primary-background-color);
  border-color: var(--tag-outline-primary-border-color);
  color: var(--tag-outline-primary-text-color);
}
nb-tag.appearance-outline.status-primary.selected {
  background-color: var(--tag-outline-primary-selected-background-color);
  border-color: var(--tag-outline-primary-selected-border-color);
  color: var(--tag-outline-primary-selected-text-color);
}
nb-tag.appearance-outline.status-primary.active {
  background-color: var(--tag-outline-primary-active-background-color);
  border-color: var(--tag-outline-primary-active-border-color);
  color: var(--tag-outline-primary-active-text-color);
}
nb-tag.appearance-outline.status-primary:hover {
  background-color: var(--tag-outline-primary-hover-background-color);
  border-color: var(--tag-outline-primary-hover-border-color);
  color: var(--tag-outline-primary-hover-text-color);
}
nb-tag.appearance-outline.status-success {
  background-color: var(--tag-outline-success-background-color);
  border-color: var(--tag-outline-success-border-color);
  color: var(--tag-outline-success-text-color);
}
nb-tag.appearance-outline.status-success.selected {
  background-color: var(--tag-outline-success-selected-background-color);
  border-color: var(--tag-outline-success-selected-border-color);
  color: var(--tag-outline-success-selected-text-color);
}
nb-tag.appearance-outline.status-success.active {
  background-color: var(--tag-outline-success-active-background-color);
  border-color: var(--tag-outline-success-active-border-color);
  color: var(--tag-outline-success-active-text-color);
}
nb-tag.appearance-outline.status-success:hover {
  background-color: var(--tag-outline-success-hover-background-color);
  border-color: var(--tag-outline-success-hover-border-color);
  color: var(--tag-outline-success-hover-text-color);
}
nb-tag.appearance-outline.status-warning {
  background-color: var(--tag-outline-warning-background-color);
  border-color: var(--tag-outline-warning-border-color);
  color: var(--tag-outline-warning-text-color);
}
nb-tag.appearance-outline.status-warning.selected {
  background-color: var(--tag-outline-warning-selected-background-color);
  border-color: var(--tag-outline-warning-selected-border-color);
  color: var(--tag-outline-warning-selected-text-color);
}
nb-tag.appearance-outline.status-warning.active {
  background-color: var(--tag-outline-warning-active-background-color);
  border-color: var(--tag-outline-warning-active-border-color);
  color: var(--tag-outline-warning-active-text-color);
}
nb-tag.appearance-outline.status-warning:hover {
  background-color: var(--tag-outline-warning-hover-background-color);
  border-color: var(--tag-outline-warning-hover-border-color);
  color: var(--tag-outline-warning-hover-text-color);
}
nb-tag.appearance-outline.status-danger {
  background-color: var(--tag-outline-danger-background-color);
  border-color: var(--tag-outline-danger-border-color);
  color: var(--tag-outline-danger-text-color);
}
nb-tag.appearance-outline.status-danger.selected {
  background-color: var(--tag-outline-danger-selected-background-color);
  border-color: var(--tag-outline-danger-selected-border-color);
  color: var(--tag-outline-danger-selected-text-color);
}
nb-tag.appearance-outline.status-danger.active {
  background-color: var(--tag-outline-danger-active-background-color);
  border-color: var(--tag-outline-danger-active-border-color);
  color: var(--tag-outline-danger-active-text-color);
}
nb-tag.appearance-outline.status-danger:hover {
  background-color: var(--tag-outline-danger-hover-background-color);
  border-color: var(--tag-outline-danger-hover-border-color);
  color: var(--tag-outline-danger-hover-text-color);
}
nb-tag.appearance-outline.status-info {
  background-color: var(--tag-outline-info-background-color);
  border-color: var(--tag-outline-info-border-color);
  color: var(--tag-outline-info-text-color);
}
nb-tag.appearance-outline.status-info.selected {
  background-color: var(--tag-outline-info-selected-background-color);
  border-color: var(--tag-outline-info-selected-border-color);
  color: var(--tag-outline-info-selected-text-color);
}
nb-tag.appearance-outline.status-info.active {
  background-color: var(--tag-outline-info-active-background-color);
  border-color: var(--tag-outline-info-active-border-color);
  color: var(--tag-outline-info-active-text-color);
}
nb-tag.appearance-outline.status-info:hover {
  background-color: var(--tag-outline-info-hover-background-color);
  border-color: var(--tag-outline-info-hover-border-color);
  color: var(--tag-outline-info-hover-text-color);
}
nb-tag.appearance-outline.status-control {
  background-color: var(--tag-outline-control-background-color);
  border-color: var(--tag-outline-control-border-color);
  color: var(--tag-outline-control-text-color);
}
nb-tag.appearance-outline.status-control.selected {
  background-color: var(--tag-outline-control-selected-background-color);
  border-color: var(--tag-outline-control-selected-border-color);
  color: var(--tag-outline-control-selected-text-color);
}
nb-tag.appearance-outline.status-control.active {
  background-color: var(--tag-outline-control-active-background-color);
  border-color: var(--tag-outline-control-active-border-color);
  color: var(--tag-outline-control-active-text-color);
}
nb-tag.appearance-outline.status-control:hover {
  background-color: var(--tag-outline-control-hover-background-color);
  border-color: var(--tag-outline-control-hover-border-color);
  color: var(--tag-outline-control-hover-text-color);
}
.nb-tag-remove {
  cursor: pointer;
}
.nb-tag-remove.size-tiny {
  font-size: var(--tag-tiny-text-line-height);
}
[dir=ltr] .nb-tag-remove.size-tiny {
  margin-left: var(--tag-tiny-close-offset);
  margin-right: calc(var(--tag-tiny-close-offset) * -1);
}
[dir=rtl] .nb-tag-remove.size-tiny {
  margin-right: var(--tag-tiny-close-offset);
  margin-left: calc(var(--tag-tiny-close-offset) * -1);
}
.nb-tag-remove.size-small {
  font-size: var(--tag-small-text-line-height);
}
[dir=ltr] .nb-tag-remove.size-small {
  margin-left: var(--tag-small-close-offset);
  margin-right: calc(var(--tag-small-close-offset) * -1);
}
[dir=rtl] .nb-tag-remove.size-small {
  margin-right: var(--tag-small-close-offset);
  margin-left: calc(var(--tag-small-close-offset) * -1);
}
.nb-tag-remove.size-medium {
  font-size: var(--tag-medium-text-line-height);
}
[dir=ltr] .nb-tag-remove.size-medium {
  margin-left: var(--tag-medium-close-offset);
  margin-right: calc(var(--tag-medium-close-offset) * -1);
}
[dir=rtl] .nb-tag-remove.size-medium {
  margin-right: var(--tag-medium-close-offset);
  margin-left: calc(var(--tag-medium-close-offset) * -1);
}
.nb-tag-remove.size-large {
  font-size: var(--tag-large-text-line-height);
}
[dir=ltr] .nb-tag-remove.size-large {
  margin-left: var(--tag-large-close-offset);
  margin-right: calc(var(--tag-large-close-offset) * -1);
}
[dir=rtl] .nb-tag-remove.size-large {
  margin-right: var(--tag-large-close-offset);
  margin-left: calc(var(--tag-large-close-offset) * -1);
}
.nb-tag-remove.size-giant {
  font-size: var(--tag-giant-text-line-height);
}
[dir=ltr] .nb-tag-remove.size-giant {
  margin-left: var(--tag-giant-close-offset);
  margin-right: calc(var(--tag-giant-close-offset) * -1);
}
[dir=rtl] .nb-tag-remove.size-giant {
  margin-right: var(--tag-giant-close-offset);
  margin-left: calc(var(--tag-giant-close-offset) * -1);
}
nb-tag-list {
  display: inline-flex;
  outline: none;
}
nb-tag-list.size-tiny .nb-tag-list-tags-wrapper {
  margin: calc(var(--tag-list-tiny-tag-offset) * -1);
}
nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag,
nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: var(--tag-list-tiny-tag-offset);
}
nb-tag-list.size-small .nb-tag-list-tags-wrapper {
  margin: calc(var(--tag-list-small-tag-offset) * -1);
}
nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag,
nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: var(--tag-list-small-tag-offset);
}
nb-tag-list.size-medium .nb-tag-list-tags-wrapper {
  margin: calc(var(--tag-list-medium-tag-offset) * -1);
}
nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag,
nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: var(--tag-list-medium-tag-offset);
}
nb-tag-list.size-large .nb-tag-list-tags-wrapper {
  margin: calc(var(--tag-list-large-tag-offset) * -1);
}
nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag,
nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: var(--tag-list-large-tag-offset);
}
nb-tag-list.size-giant .nb-tag-list-tags-wrapper {
  margin: calc(var(--tag-list-giant-tag-offset) * -1);
}
nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag,
nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: var(--tag-list-giant-tag-offset);
}
.nb-tag-list-tags-wrapper {
  display: inline-flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1;
}
.nb-tag-list-with-input {
  border-style: var(--input-border-style);
  border-width: var(--input-border-width);
  font-family: var(--input-text-font-family);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.nb-tag-list-with-input.nb-transition {
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
}
.nb-tag-list-with-input::-moz-placeholder {
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
.nb-tag-list-with-input::placeholder {
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
.nb-tag-list-with-input:focus {
  outline: none;
}
.nb-tag-list-with-input.input-full-width {
  width: 100%;
}
.nb-tag-list-with-input.shape-rectangle {
  border-radius: var(--tag-list-with-input-rectangle-border-radius);
}
.nb-tag-list-with-input.shape-semi-round {
  border-radius: var(--tag-list-with-input-semi-round-border-radius);
}
.nb-tag-list-with-input.shape-round {
  border-radius: var(--tag-list-with-input-round-border-radius);
}
.nb-tag-list-with-input.size-tiny {
  padding: var(--tag-list-with-input-tiny-padding);
}
.nb-tag-list-with-input.size-small {
  padding: var(--tag-list-with-input-small-padding);
}
.nb-tag-list-with-input.size-medium {
  padding: var(--tag-list-with-input-medium-padding);
}
.nb-tag-list-with-input.size-large {
  padding: var(--tag-list-with-input-large-padding);
}
.nb-tag-list-with-input.size-giant {
  padding: var(--tag-list-with-input-giant-padding);
}
.nb-tag-list-with-input.status-basic {
  background-color: var(--tag-input-basic-background-color);
  border-color: var(--tag-input-basic-border-color);
}
.nb-tag-list-with-input.status-basic.focus {
  background-color: var(--tag-input-basic-focus-background-color);
  border-color: var(--tag-input-basic-focus-border-color);
}
.nb-tag-list-with-input.status-primary {
  background-color: var(--tag-input-primary-background-color);
  border-color: var(--tag-input-primary-border-color);
}
.nb-tag-list-with-input.status-primary.focus {
  background-color: var(--tag-input-primary-focus-background-color);
  border-color: var(--tag-input-primary-focus-border-color);
}
.nb-tag-list-with-input.status-success {
  background-color: var(--tag-input-success-background-color);
  border-color: var(--tag-input-success-border-color);
}
.nb-tag-list-with-input.status-success.focus {
  background-color: var(--tag-input-success-focus-background-color);
  border-color: var(--tag-input-success-focus-border-color);
}
.nb-tag-list-with-input.status-warning {
  background-color: var(--tag-input-warning-background-color);
  border-color: var(--tag-input-warning-border-color);
}
.nb-tag-list-with-input.status-warning.focus {
  background-color: var(--tag-input-warning-focus-background-color);
  border-color: var(--tag-input-warning-focus-border-color);
}
.nb-tag-list-with-input.status-danger {
  background-color: var(--tag-input-danger-background-color);
  border-color: var(--tag-input-danger-border-color);
}
.nb-tag-list-with-input.status-danger.focus {
  background-color: var(--tag-input-danger-focus-background-color);
  border-color: var(--tag-input-danger-focus-border-color);
}
.nb-tag-list-with-input.status-info {
  background-color: var(--tag-input-info-background-color);
  border-color: var(--tag-input-info-border-color);
}
.nb-tag-list-with-input.status-info.focus {
  background-color: var(--tag-input-info-focus-background-color);
  border-color: var(--tag-input-info-focus-border-color);
}
.nb-tag-list-with-input.status-control {
  background-color: var(--tag-input-control-background-color);
  border-color: var(--tag-input-control-border-color);
}
.nb-tag-list-with-input.status-control.focus {
  background-color: var(--tag-input-control-focus-background-color);
  border-color: var(--tag-input-control-focus-border-color);
}
nb-form-field nb-tag-list {
  width: 100%;
}
[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny {
  padding-right: var(--form-field-addon-tiny-width);
}
[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny {
  padding-right: var(--form-field-addon-tiny-width);
}
[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny {
  padding-left: var(--form-field-addon-tiny-width);
}
[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small {
  padding-left: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small {
  padding-right: var(--form-field-addon-small-width);
}
[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small {
  padding-right: var(--form-field-addon-small-width);
}
[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small {
  padding-left: var(--form-field-addon-small-width);
}
[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium {
  padding-right: var(--form-field-addon-medium-width);
}
[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium {
  padding-right: var(--form-field-addon-medium-width);
}
[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium {
  padding-left: var(--form-field-addon-medium-width);
}
[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large {
  padding-left: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large {
  padding-right: var(--form-field-addon-large-width);
}
[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large {
  padding-right: var(--form-field-addon-large-width);
}
[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large {
  padding-left: var(--form-field-addon-large-width);
}
[dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant {
  padding-left: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant {
  padding-right: var(--form-field-addon-giant-width);
}
[dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant {
  padding-right: var(--form-field-addon-giant-width);
}
[dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant {
  padding-left: var(--form-field-addon-giant-width);
}
.nb-tag-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: transparent;
  background: transparent;
  outline: none;
  flex: 1;
  padding: 0;
  min-width: var(--tag-input-min-width);
  font-family: var(--tag-input-text-font-family);
}
.nb-tag-input::-moz-placeholder {
  font-family: var(--tag-input-placeholder-text-font-family);
}
.nb-tag-input::placeholder {
  font-family: var(--tag-input-placeholder-text-font-family);
}
.nb-tag-input.size-tiny {
  font-size: var(--tag-input-tiny-text-font-size);
  font-weight: var(--tag-input-tiny-text-font-weight);
  line-height: var(--tag-input-tiny-text-line-height);
  padding: var(--tag-input-tiny-padding);
}
.nb-tag-input.size-tiny::-moz-placeholder {
  font-size: var(--tag-input-tiny-placeholder-text-font-size);
  font-weight: var(--tag-input-tiny-placeholder-text-font-weight);
  line-height: var(--tag-input-tiny-placeholder-text-line-height);
}
.nb-tag-input.size-tiny::placeholder {
  font-size: var(--tag-input-tiny-placeholder-text-font-size);
  font-weight: var(--tag-input-tiny-placeholder-text-font-weight);
  line-height: var(--tag-input-tiny-placeholder-text-line-height);
}
.nb-tag-input.size-small {
  font-size: var(--tag-input-small-text-font-size);
  font-weight: var(--tag-input-small-text-font-weight);
  line-height: var(--tag-input-small-text-line-height);
  padding: var(--tag-input-small-padding);
}
.nb-tag-input.size-small::-moz-placeholder {
  font-size: var(--tag-input-small-placeholder-text-font-size);
  font-weight: var(--tag-input-small-placeholder-text-font-weight);
  line-height: var(--tag-input-small-placeholder-text-line-height);
}
.nb-tag-input.size-small::placeholder {
  font-size: var(--tag-input-small-placeholder-text-font-size);
  font-weight: var(--tag-input-small-placeholder-text-font-weight);
  line-height: var(--tag-input-small-placeholder-text-line-height);
}
.nb-tag-input.size-medium {
  font-size: var(--tag-input-medium-text-font-size);
  font-weight: var(--tag-input-medium-text-font-weight);
  line-height: var(--tag-input-medium-text-line-height);
  padding: var(--tag-input-medium-padding);
}
.nb-tag-input.size-medium::-moz-placeholder {
  font-size: var(--tag-input-medium-placeholder-text-font-size);
  font-weight: var(--tag-input-medium-placeholder-text-font-weight);
  line-height: var(--tag-input-medium-placeholder-text-line-height);
}
.nb-tag-input.size-medium::placeholder {
  font-size: var(--tag-input-medium-placeholder-text-font-size);
  font-weight: var(--tag-input-medium-placeholder-text-font-weight);
  line-height: var(--tag-input-medium-placeholder-text-line-height);
}
.nb-tag-input.size-large {
  font-size: var(--tag-input-large-text-font-size);
  font-weight: var(--tag-input-large-text-font-weight);
  line-height: var(--tag-input-large-text-line-height);
  padding: var(--tag-input-large-padding);
}
.nb-tag-input.size-large::-moz-placeholder {
  font-size: var(--tag-input-large-placeholder-text-font-size);
  font-weight: var(--tag-input-large-placeholder-text-font-weight);
  line-height: var(--tag-input-large-placeholder-text-line-height);
}
.nb-tag-input.size-large::placeholder {
  font-size: var(--tag-input-large-placeholder-text-font-size);
  font-weight: var(--tag-input-large-placeholder-text-font-weight);
  line-height: var(--tag-input-large-placeholder-text-line-height);
}
.nb-tag-input.size-giant {
  font-size: var(--tag-input-giant-text-font-size);
  font-weight: var(--tag-input-giant-text-font-weight);
  line-height: var(--tag-input-giant-text-line-height);
  padding: var(--tag-input-giant-padding);
}
.nb-tag-input.size-giant::-moz-placeholder {
  font-size: var(--tag-input-giant-placeholder-text-font-size);
  font-weight: var(--tag-input-giant-placeholder-text-font-weight);
  line-height: var(--tag-input-giant-placeholder-text-line-height);
}
.nb-tag-input.size-giant::placeholder {
  font-size: var(--tag-input-giant-placeholder-text-font-size);
  font-weight: var(--tag-input-giant-placeholder-text-font-weight);
  line-height: var(--tag-input-giant-placeholder-text-line-height);
}
.nb-tag-input.status-basic {
  color: var(--tag-input-basic-text-color);
}
.nb-tag-input.status-basic::-moz-placeholder {
  color: var(--tag-input-basic-placeholder-text-color);
}
.nb-tag-input.status-basic::placeholder {
  color: var(--tag-input-basic-placeholder-text-color);
}
.nb-tag-input.status-basic:disabled {
  color: var(--tag-input-basic-disabled-text-color);
}
.nb-tag-input.status-basic:disabled::-moz-placeholder {
  color: var(--tag-input-basic-disabled-placeholder-text-color);
}
.nb-tag-input.status-basic:disabled::placeholder {
  color: var(--tag-input-basic-disabled-placeholder-text-color);
}
.nb-tag-input.status-primary {
  color: var(--tag-input-primary-text-color);
}
.nb-tag-input.status-primary::-moz-placeholder {
  color: var(--tag-input-primary-placeholder-text-color);
}
.nb-tag-input.status-primary::placeholder {
  color: var(--tag-input-primary-placeholder-text-color);
}
.nb-tag-input.status-primary:disabled {
  color: var(--tag-input-primary-disabled-text-color);
}
.nb-tag-input.status-primary:disabled::-moz-placeholder {
  color: var(--tag-input-primary-disabled-placeholder-text-color);
}
.nb-tag-input.status-primary:disabled::placeholder {
  color: var(--tag-input-primary-disabled-placeholder-text-color);
}
.nb-tag-input.status-success {
  color: var(--tag-input-success-text-color);
}
.nb-tag-input.status-success::-moz-placeholder {
  color: var(--tag-input-success-placeholder-text-color);
}
.nb-tag-input.status-success::placeholder {
  color: var(--tag-input-success-placeholder-text-color);
}
.nb-tag-input.status-success:disabled {
  color: var(--tag-input-success-disabled-text-color);
}
.nb-tag-input.status-success:disabled::-moz-placeholder {
  color: var(--tag-input-success-disabled-placeholder-text-color);
}
.nb-tag-input.status-success:disabled::placeholder {
  color: var(--tag-input-success-disabled-placeholder-text-color);
}
.nb-tag-input.status-warning {
  color: var(--tag-input-warning-text-color);
}
.nb-tag-input.status-warning::-moz-placeholder {
  color: var(--tag-input-warning-placeholder-text-color);
}
.nb-tag-input.status-warning::placeholder {
  color: var(--tag-input-warning-placeholder-text-color);
}
.nb-tag-input.status-warning:disabled {
  color: var(--tag-input-warning-disabled-text-color);
}
.nb-tag-input.status-warning:disabled::-moz-placeholder {
  color: var(--tag-input-warning-disabled-placeholder-text-color);
}
.nb-tag-input.status-warning:disabled::placeholder {
  color: var(--tag-input-warning-disabled-placeholder-text-color);
}
.nb-tag-input.status-danger {
  color: var(--tag-input-danger-text-color);
}
.nb-tag-input.status-danger::-moz-placeholder {
  color: var(--tag-input-danger-placeholder-text-color);
}
.nb-tag-input.status-danger::placeholder {
  color: var(--tag-input-danger-placeholder-text-color);
}
.nb-tag-input.status-danger:disabled {
  color: var(--tag-input-danger-disabled-text-color);
}
.nb-tag-input.status-danger:disabled::-moz-placeholder {
  color: var(--tag-input-danger-disabled-placeholder-text-color);
}
.nb-tag-input.status-danger:disabled::placeholder {
  color: var(--tag-input-danger-disabled-placeholder-text-color);
}
.nb-tag-input.status-info {
  color: var(--tag-input-info-text-color);
}
.nb-tag-input.status-info::-moz-placeholder {
  color: var(--tag-input-info-placeholder-text-color);
}
.nb-tag-input.status-info::placeholder {
  color: var(--tag-input-info-placeholder-text-color);
}
.nb-tag-input.status-info:disabled {
  color: var(--tag-input-info-disabled-text-color);
}
.nb-tag-input.status-info:disabled::-moz-placeholder {
  color: var(--tag-input-info-disabled-placeholder-text-color);
}
.nb-tag-input.status-info:disabled::placeholder {
  color: var(--tag-input-info-disabled-placeholder-text-color);
}
.nb-tag-input.status-control {
  color: var(--tag-input-control-text-color);
}
.nb-tag-input.status-control::-moz-placeholder {
  color: var(--tag-input-control-placeholder-text-color);
}
.nb-tag-input.status-control::placeholder {
  color: var(--tag-input-control-placeholder-text-color);
}
.nb-tag-input.status-control:disabled {
  color: var(--tag-input-control-disabled-text-color);
}
.nb-tag-input.status-control:disabled::-moz-placeholder {
  color: var(--tag-input-control-disabled-placeholder-text-color);
}
.nb-tag-input.status-control:disabled::placeholder {
  color: var(--tag-input-control-disabled-placeholder-text-color);
}
body {
  color: var(--text-basic-color);
  font-family: var(--text-paragraph-font-family);
  font-size: var(--text-paragraph-font-size);
  font-weight: var(--text-paragraph-font-weight);
  line-height: var(--text-paragraph-line-height);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--text-basic-color);
}
h1,
.h1 {
  font-size: var(--text-heading-1-font-size);
  font-family: var(--text-heading-1-font-family);
  font-weight: var(--text-heading-1-font-weight);
  line-height: var(--text-heading-1-line-height);
}
h2,
.h2 {
  font-size: var(--text-heading-2-font-size);
  font-family: var(--text-heading-2-font-family);
  font-weight: var(--text-heading-2-font-weight);
  line-height: var(--text-heading-2-line-height);
}
h3,
.h3 {
  font-size: var(--text-heading-3-font-size);
  font-family: var(--text-heading-3-font-family);
  font-weight: var(--text-heading-3-font-weight);
  line-height: var(--text-heading-3-line-height);
}
h4,
.h4 {
  font-size: var(--text-heading-4-font-size);
  font-family: var(--text-heading-4-font-family);
  font-weight: var(--text-heading-4-font-weight);
  line-height: var(--text-heading-4-line-height);
}
h5,
.h5 {
  font-size: var(--text-heading-5-font-size);
  font-family: var(--text-heading-5-font-family);
  font-weight: var(--text-heading-5-font-weight);
  line-height: var(--text-heading-5-line-height);
}
h6,
.h6 {
  font-size: var(--text-heading-6-font-size);
  font-family: var(--text-heading-6-font-family);
  font-weight: var(--text-heading-6-font-weight);
  line-height: var(--text-heading-6-line-height);
}
.subtitle,
.subtitle-2 {
  color: var(--text-basic-color);
}
.subtitle {
  font-family: var(--text-subtitle-font-family);
  font-size: var(--text-subtitle-font-size);
  font-weight: var(--text-subtitle-font-weight);
  line-height: var(--text-subtitle-line-height);
}
.subtitle-2 {
  font-family: var(--text-subtitle-2-font-family);
  font-size: var(--text-subtitle-2-font-size);
  font-weight: var(--text-subtitle-2-font-weight);
  line-height: var(--text-subtitle-2-line-height);
}
p,
.paragraph {
  color: var(--text-basic-color);
  font-family: var(--text-paragraph-font-family);
  font-size: var(--text-paragraph-font-size);
  font-weight: var(--text-paragraph-font-weight);
  line-height: var(--text-paragraph-line-height);
}
.paragraph-2 {
  color: var(--text-basic-color);
  font-family: var(--text-paragraph-2-font-family);
  font-size: var(--text-paragraph-2-font-size);
  font-weight: var(--text-paragraph-2-font-weight);
  line-height: var(--text-paragraph-2-line-height);
}
a {
  color: var(--link-text-color);
  -webkit-text-decoration: var(--link-text-decoration);
          text-decoration: var(--link-text-decoration);
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
a:focus {
  color: var(--link-text-focus-color);
}
a:hover {
  color: var(--link-text-hover-color);
}
a.link-control, a.link-control:hover {
  color: var(--text-control-color);
}
a.link-alternate, a.link-alternate:hover {
  color: var(--text-alternate-color);
}
.label {
  color: var(--text-hint-color);
  font-family: var(--text-label-font-family);
  font-size: var(--text-label-font-size);
  font-weight: var(--text-label-font-weight);
  line-height: var(--text-label-line-height);
}
.caption {
  font-family: var(--text-caption-font-family);
  font-size: var(--text-caption-font-size);
  font-weight: var(--text-caption-font-weight);
  line-height: var(--text-caption-line-height);
}
.caption-2 {
  font-family: var(--text-caption-2-font-family);
  font-size: var(--text-caption-2-font-size);
  font-weight: var(--text-caption-2-font-weight);
  line-height: var(--text-caption-2-line-height);
}
.caption,
.caption-2 {
  color: var(--text-hint-color);
}
.caption.status-basic,
.caption-2.status-basic {
  color: var(--text-basic-color);
}
.caption.status-primary,
.caption-2.status-primary {
  color: var(--text-primary-color);
}
.caption.status-success,
.caption-2.status-success {
  color: var(--text-success-color);
}
.caption.status-warning,
.caption-2.status-warning {
  color: var(--text-warning-color);
}
.caption.status-danger,
.caption-2.status-danger {
  color: var(--text-danger-color);
}
.caption.status-info,
.caption-2.status-info {
  color: var(--text-info-color);
}
.caption.status-control,
.caption-2.status-control {
  color: var(--text-control-color);
}
li {
  color: var(--list-item-text-color);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
}
.text-alternate {
  color: var(--text-alternate-color);
}
.text-disabled {
  color: var(--text-disabled-color);
}
.text-hint {
  color: var(--text-hint-color);
}
.text-basic {
  color: var(--text-basic-color);
}
.text-primary {
  color: var(--text-primary-color);
}
.text-success {
  color: var(--text-success-color);
}
.text-warning {
  color: var(--text-warning-color);
}
.text-danger {
  color: var(--text-danger-color);
}
.text-info {
  color: var(--text-info-color);
}
.text-control {
  color: var(--text-control-color);
}
ng2-smart-table table tr th,
ng2-smart-table table tr th a {
  font-family: var(--smart-table-header-font-family);
  font-size: var(--smart-table-header-font-size);
  font-weight: var(--smart-table-header-font-weight);
  line-height: var(--smart-table-header-line-height);
  color: var(--smart-table-header-fg);
}
ng2-smart-table table tr td {
  font-family: var(--smart-table-font-family);
  font-size: var(--smart-table-font-size);
  font-weight: var(--smart-table-font-weight);
  line-height: var(--smart-table-line-height);
  color: var(--smart-table-fg);
}
ng2-smart-table table tr th,
ng2-smart-table table tr td {
  position: relative;
  padding: var(--smart-table-padding);
  border: 1px solid var(--smart-table-separator);
  vertical-align: middle;
}
ng2-smart-table table tr.ng2-smart-titles th {
  padding: var(--smart-table-padding);
}
[dir=ltr] ng2-smart-table table tr.ng2-smart-titles th {
  padding-right: 1.75rem;
}
[dir=rtl] ng2-smart-table table tr.ng2-smart-titles th {
  padding-left: 1.75rem;
}
ng2-smart-table table tr.ng2-smart-titles th a:hover, ng2-smart-table table tr.ng2-smart-titles th a:active, ng2-smart-table table tr.ng2-smart-titles th a:visited {
  color: var(--smart-table-header-fg);
  text-decoration: none;
}
ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc {
  font-weight: var(--smart-table-header-font-weight);
}
ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  border-bottom-color: var(--smart-table-fg-secondary);
  border-width: 0.375rem;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translate(0, -50%);
}
[dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  right: 0.75rem;
}
[dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  left: 0.75rem;
}
ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after {
  transform: translate(0, -50%) rotate(180deg);
}
ng2-smart-table thead tr {
  background: var(--smart-table-header-bg);
}
ng2-smart-table thead tr.ng2-smart-filters th {
  padding: var(--smart-table-filter-padding);
}
ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input {
  line-height: var(--smart-table-line-height);
}
ng2-smart-table tbody tr.selected, ng2-smart-table tbody tr:hover {
  background: var(--smart-table-bg-active) !important;
}
ng2-smart-table tbody tr:nth-child(2n) {
  background-color: var(--smart-table-bg-even);
}
ng2-smart-table th.ng2-smart-actions-title-add a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem !important;
  padding: var(--smart-table-filter-padding);
  border-color: var(--smart-table-add-button-border-color);
  background-color: var(--smart-table-add-button-background-color);
  color: var(--smart-table-add-button-text-color);
  border-radius: 0.375rem;
}
ng2-smart-table th.ng2-smart-actions-title-add a:focus {
  border-color: var(--smart-table-add-button-focus-border-color);
}
ng2-smart-table th.ng2-smart-actions-title-add a:hover {
  text-decoration: none;
  background-color: var(--smart-table-add-button-hover-background-color);
  border-color: var(--smart-table-add-button-hover-border-color);
}
ng2-smart-table th.ng2-smart-actions-title-add a:active {
  background-color: var(--smart-table-add-button-active-background-color);
  border-color: var(--smart-table-add-button-active-border-color);
}
ng2-smart-table .ng2-smart-actions {
  padding: 0;
  height: 1px;
}
ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete,
ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel,
ng2-smart-table .ng2-smart-actions ng2-st-actions {
  display: flex;
  height: 100%;
}
ng2-smart-table .ng2-smart-actions a.ng2-smart-action {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 2rem !important;
  color: var(--smart-table-fg-secondary);
}
ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) {
  border-right: 1px solid var(--smart-table-separator);
}
ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover {
  text-decoration: none;
}
ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover,
ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover,
ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover {
  color: var(--smart-table-action-add-edit-hover-text-color);
}
ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover,
ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover,
ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover {
  color: var(--smart-table-action-cancel-delete-hover-text-color);
}
ng2-smart-table table-cell-edit-mode {
  display: block;
  margin: -7.5px -12px;
}
ng2-smart-table ng2-smart-table-pager {
  display: block;
}
ng2-smart-table nav.ng2-smart-pagination-nav {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}
ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination {
  display: flex;
  padding: 0;
}
ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link,
ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus,
ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover {
  background-color: var(--smart-table-paging-hover);
  color: var(--smart-table-paging-disabled-text-color);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination {
  font-family: var(--smart-table-paging-font-family);
  font-size: var(--smart-table-paging-font-size);
  line-height: var(--smart-table-paging-line-height);
  border: var(--smart-table-paging-border-color) solid var(--smart-table-paging-border-width);
  border-radius: var(--smart-table-border-radius);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li {
  overflow: hidden;
}
[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) {
  border-right: 1px solid var(--smart-table-separator);
}
[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) {
  border-left: 1px solid var(--smart-table-separator);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next {
  font-size: var(--smart-table-paging-font-size);
  line-height: var(--smart-table-paging-line-height);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span {
  font-size: var(--smart-table-paging-font-size);
  line-height: var(--smart-table-paging-line-height);
  background-color: transparent;
  color: var(--smart-table-paging-page-text-color);
  padding: 0.75rem 1.25rem;
  border: none;
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus {
  border-color: var(--smart-table-paging-page-focus-border-color);
  color: var(--smart-table-paging-page-focus-text-color);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover {
  background-color: var(--smart-table-paging-hover);
  border-color: var(--smart-table-paging-hover-border-color);
  color: var(--smart-table-paging-hover-text-color);
  text-decoration: none;
}
[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,
[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span {
  border-top-left-radius: var(--smart-table-border-radius);
  border-bottom-left-radius: var(--smart-table-border-radius);
}
[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,
[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span {
  border-top-right-radius: var(--smart-table-border-radius);
  border-bottom-right-radius: var(--smart-table-border-radius);
}
[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,
[dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span {
  border-top-right-radius: var(--smart-table-border-radius);
  border-bottom-right-radius: var(--smart-table-border-radius);
}
[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,
[dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span {
  border-top-left-radius: var(--smart-table-border-radius);
  border-bottom-left-radius: var(--smart-table-border-radius);
}
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover,
ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus {
  color: var(--smart-table-paging-fg-active);
  background-color: var(--smart-table-paging-bg-active);
}
nb-auth-block .text-link {
  color: var(--text-hint-color);
}
nb-auth-block .forgot-password {
  color: var(--text-disabled-color);
}
nb-auth-block .socials a {
  color: var(--text-hint-color);
}
.btn {
  cursor: var(--button-cursor);
  font-family: var(--button-text-font-family);
  font-weight: var(--button-text-font-weight);
  font-size: var(--button-medium-text-font-size);
  line-height: var(--button-medium-text-line-height);
  padding: var(--button-filled-medium-padding);
}
.btn:focus {
  box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color);
  outline: none;
}
.btn[disabled] {
  cursor: var(--button-disabled-cursor);
}
.btn.btn-rectangle {
  border-radius: var(--button-rectangle-border-radius);
}
.btn.btn-semi-round {
  border-radius: var(--button-semi-round-border-radius);
}
.btn.btn-round {
  border-radius: var(--button-round-border-radius);
}
.btn.btn-lg {
  font-size: var(--button-large-text-font-size);
  line-height: var(--button-large-text-line-height);
  padding: var(--button-filled-large-padding);
}
.btn.btn-md {
  font-size: var(--button-medium-text-font-size);
  line-height: var(--button-medium-text-line-height);
  padding: var(--button-filled-medium-padding);
}
.btn.btn-sm {
  font-size: var(--button-small-text-font-size);
  line-height: var(--button-small-text-line-height);
  padding: var(--button-filled-small-padding);
}
.btn.btn-xs {
  font-size: var(--button-tiny-text-font-size);
  line-height: var(--button-tiny-text-line-height);
  padding: var(--button-filled-tiny-padding);
}
.btn.btn-primary {
  background-color: var(--button-filled-primary-background-color);
  border-color: var(--button-filled-primary-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn.btn-primary:focus {
  border-color: var(--button-filled-primary-focus-border-color);
}
.btn.btn-primary:hover {
  background-color: var(--button-filled-primary-hover-background-color);
  border-color: var(--button-filled-primary-hover-border-color);
}
.btn.btn-primary:active {
  background-color: var(--button-filled-primary-active-background-color);
  border-color: var(--button-filled-primary-active-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn.btn-primary[disabled] {
  background-color: var(--button-filled-primary-disabled-background-color);
  border-color: var(--button-filled-primary-disabled-border-color);
  color: var(--button-filled-primary-disabled-text-color);
}
.btn.btn-success {
  background-color: var(--button-filled-success-background-color);
  border-color: var(--button-filled-success-border-color);
  color: var(--button-filled-success-text-color);
}
.btn.btn-success:focus {
  border-color: var(--button-filled-success-focus-border-color);
}
.btn.btn-success:hover {
  background-color: var(--button-filled-success-hover-background-color);
  border-color: var(--button-filled-success-hover-border-color);
}
.btn.btn-success:active {
  background-color: var(--button-filled-success-active-background-color);
  border-color: var(--button-filled-success-active-border-color);
  color: var(--button-filled-success-text-color);
}
.btn.btn-success[disabled] {
  background-color: var(--button-filled-success-disabled-background-color);
  border-color: var(--button-filled-success-disabled-border-color);
  color: var(--button-filled-success-disabled-text-color);
}
.btn.btn-warning {
  background-color: var(--button-filled-warning-background-color);
  border-color: var(--button-filled-warning-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn.btn-warning:focus {
  border-color: var(--button-filled-warning-focus-border-color);
}
.btn.btn-warning:hover {
  background-color: var(--button-filled-warning-hover-background-color);
  border-color: var(--button-filled-warning-hover-border-color);
}
.btn.btn-warning:active {
  background-color: var(--button-filled-warning-active-background-color);
  border-color: var(--button-filled-warning-active-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn.btn-warning[disabled] {
  background-color: var(--button-filled-warning-disabled-background-color);
  border-color: var(--button-filled-warning-disabled-border-color);
  color: var(--button-filled-warning-disabled-text-color);
}
.btn.btn-info {
  background-color: var(--button-filled-info-background-color);
  border-color: var(--button-filled-info-border-color);
  color: var(--button-filled-info-text-color);
}
.btn.btn-info:focus {
  border-color: var(--button-filled-info-focus-border-color);
}
.btn.btn-info:hover {
  background-color: var(--button-filled-info-hover-background-color);
  border-color: var(--button-filled-info-hover-border-color);
}
.btn.btn-info:active {
  background-color: var(--button-filled-info-active-background-color);
  border-color: var(--button-filled-info-active-border-color);
  color: var(--button-filled-info-text-color);
}
.btn.btn-info[disabled] {
  background-color: var(--button-filled-info-disabled-background-color);
  border-color: var(--button-filled-info-disabled-border-color);
  color: var(--button-filled-info-disabled-text-color);
}
.btn.btn-danger {
  background-color: var(--button-filled-danger-background-color);
  border-color: var(--button-filled-danger-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn.btn-danger:focus {
  border-color: var(--button-filled-danger-focus-border-color);
}
.btn.btn-danger:hover {
  background-color: var(--button-filled-danger-hover-background-color);
  border-color: var(--button-filled-danger-hover-border-color);
}
.btn.btn-danger:active {
  background-color: var(--button-filled-danger-active-background-color);
  border-color: var(--button-filled-danger-active-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn.btn-danger[disabled] {
  background-color: var(--button-filled-danger-disabled-background-color);
  border-color: var(--button-filled-danger-disabled-border-color);
  color: var(--button-filled-danger-disabled-text-color);
}
.btn.btn-hero-primary {
  background-image: linear-gradient(to right, var(--button-hero-primary-left-background-color), var(--button-hero-primary-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-primary-text-color);
}
.btn.btn-hero-primary:focus {
  background-image: linear-gradient(to right, var(--button-hero-primary-focus-left-background-color), var(--button-hero-primary-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
.btn.btn-hero-primary:hover {
  background-image: linear-gradient(to right, var(--button-hero-primary-hover-left-background-color), var(--button-hero-primary-hover-right-background-color));
}
.btn.btn-hero-primary:active {
  background-image: linear-gradient(to right, var(--button-hero-primary-active-left-background-color), var(--button-hero-primary-active-right-background-color));
}
.btn.btn-hero-primary[disabled] {
  background-color: var(--button-hero-primary-disabled-background-color);
  background-image: none;
  color: var(--button-hero-primary-disabled-text-color);
}
.btn.btn-hero-primary.button-pulse {
  -webkit-animation: button-hero-primary-pulse 0.75s infinite alternate;
          animation: button-hero-primary-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-primary-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-primary-left-background-color);
    opacity: 0.8;
  }
}
.btn.btn-hero-success {
  background-image: linear-gradient(to right, var(--button-hero-success-left-background-color), var(--button-hero-success-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-success-text-color);
}
.btn.btn-hero-success:focus {
  background-image: linear-gradient(to right, var(--button-hero-success-focus-left-background-color), var(--button-hero-success-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
.btn.btn-hero-success:hover {
  background-image: linear-gradient(to right, var(--button-hero-success-hover-left-background-color), var(--button-hero-success-hover-right-background-color));
}
.btn.btn-hero-success:active {
  background-image: linear-gradient(to right, var(--button-hero-success-active-left-background-color), var(--button-hero-success-active-right-background-color));
}
.btn.btn-hero-success[disabled] {
  background-color: var(--button-hero-success-disabled-background-color);
  background-image: none;
  color: var(--button-hero-success-disabled-text-color);
}
.btn.btn-hero-success.button-pulse {
  -webkit-animation: button-hero-success-pulse 0.75s infinite alternate;
          animation: button-hero-success-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-success-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-success-left-background-color);
    opacity: 0.8;
  }
}
.btn.btn-hero-warning {
  background-image: linear-gradient(to right, var(--button-hero-warning-left-background-color), var(--button-hero-warning-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-warning-text-color);
}
.btn.btn-hero-warning:focus {
  background-image: linear-gradient(to right, var(--button-hero-warning-focus-left-background-color), var(--button-hero-warning-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
.btn.btn-hero-warning:hover {
  background-image: linear-gradient(to right, var(--button-hero-warning-hover-left-background-color), var(--button-hero-warning-hover-right-background-color));
}
.btn.btn-hero-warning:active {
  background-image: linear-gradient(to right, var(--button-hero-warning-active-left-background-color), var(--button-hero-warning-active-right-background-color));
}
.btn.btn-hero-warning[disabled] {
  background-color: var(--button-hero-warning-disabled-background-color);
  background-image: none;
  color: var(--button-hero-warning-disabled-text-color);
}
.btn.btn-hero-warning.button-pulse {
  -webkit-animation: button-hero-warning-pulse 0.75s infinite alternate;
          animation: button-hero-warning-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-warning-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-warning-left-background-color);
    opacity: 0.8;
  }
}
.btn.btn-hero-info {
  background-image: linear-gradient(to right, var(--button-hero-info-left-background-color), var(--button-hero-info-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-info-text-color);
}
.btn.btn-hero-info:focus {
  background-image: linear-gradient(to right, var(--button-hero-info-focus-left-background-color), var(--button-hero-info-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
.btn.btn-hero-info:hover {
  background-image: linear-gradient(to right, var(--button-hero-info-hover-left-background-color), var(--button-hero-info-hover-right-background-color));
}
.btn.btn-hero-info:active {
  background-image: linear-gradient(to right, var(--button-hero-info-active-left-background-color), var(--button-hero-info-active-right-background-color));
}
.btn.btn-hero-info[disabled] {
  background-color: var(--button-hero-info-disabled-background-color);
  background-image: none;
  color: var(--button-hero-info-disabled-text-color);
}
.btn.btn-hero-info.button-pulse {
  -webkit-animation: button-hero-info-pulse 0.75s infinite alternate;
          animation: button-hero-info-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-info-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-info-left-background-color);
    opacity: 0.8;
  }
}
.btn.btn-hero-danger {
  background-image: linear-gradient(to right, var(--button-hero-danger-left-background-color), var(--button-hero-danger-right-background-color));
  border: none;
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow);
  color: var(--button-hero-danger-text-color);
}
.btn.btn-hero-danger:focus {
  background-image: linear-gradient(to right, var(--button-hero-danger-focus-left-background-color), var(--button-hero-danger-focus-right-background-color));
  box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color);
}
.btn.btn-hero-danger:hover {
  background-image: linear-gradient(to right, var(--button-hero-danger-hover-left-background-color), var(--button-hero-danger-hover-right-background-color));
}
.btn.btn-hero-danger:active {
  background-image: linear-gradient(to right, var(--button-hero-danger-active-left-background-color), var(--button-hero-danger-active-right-background-color));
}
.btn.btn-hero-danger[disabled] {
  background-color: var(--button-hero-danger-disabled-background-color);
  background-image: none;
  color: var(--button-hero-danger-disabled-text-color);
}
.btn.btn-hero-danger.button-pulse {
  -webkit-animation: button-hero-danger-pulse 0.75s infinite alternate;
          animation: button-hero-danger-pulse 0.75s infinite alternate;
}
@-webkit-keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-danger-left-background-color);
    opacity: 0.8;
  }
}
@keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: 0.3;
  }
  100% {
    box-shadow: 0 0 1rem 0 var(--button-hero-danger-left-background-color);
    opacity: 0.8;
  }
}
.btn.btn-outline-primary {
  background-color: var(--button-outline-primary-background-color);
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
  border-color: var(--button-outline-primary-border-color);
  color: var(--button-outline-primary-text-color);
}
.btn.btn-outline-primary:focus {
  background-color: var(--button-outline-primary-background-color);
  border-color: var(--button-outline-primary-focus-border-color);
  color: var(--button-outline-primary-focus-text-color);
}
.btn.btn-outline-primary:hover {
  background-color: var(--button-outline-primary-background-color);
  border-color: var(--button-outline-primary-hover-border-color);
  color: var(--button-outline-primary-hover-text-color);
}
.btn.btn-outline-primary:active {
  background-color: var(--button-outline-primary-background-color);
  border-color: var(--button-outline-primary-active-border-color);
  color: var(--button-outline-primary-active-text-color);
}
.btn.btn-outline-primary[disabled] {
  background-color: var(--button-outline-primary-disabled-background-color);
  border-color: var(--button-outline-primary-disabled-border-color);
  color: var(--button-outline-primary-disabled-text-color);
}
.btn.btn-outline-warning {
  background-color: var(--button-outline-warning-background-color);
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
  border-color: var(--button-outline-warning-border-color);
  color: var(--button-outline-warning-text-color);
}
.btn.btn-outline-warning:focus {
  background-color: var(--button-outline-warning-background-color);
  border-color: var(--button-outline-warning-focus-border-color);
  color: var(--button-outline-warning-focus-text-color);
}
.btn.btn-outline-warning:hover {
  background-color: var(--button-outline-warning-background-color);
  border-color: var(--button-outline-warning-hover-border-color);
  color: var(--button-outline-warning-hover-text-color);
}
.btn.btn-outline-warning:active {
  background-color: var(--button-outline-warning-background-color);
  border-color: var(--button-outline-warning-active-border-color);
  color: var(--button-outline-warning-active-text-color);
}
.btn.btn-outline-warning[disabled] {
  background-color: var(--button-outline-warning-disabled-background-color);
  border-color: var(--button-outline-warning-disabled-border-color);
  color: var(--button-outline-warning-disabled-text-color);
}
.btn.btn-outline-success {
  background-color: var(--button-outline-success-background-color);
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
  border-color: var(--button-outline-success-border-color);
  color: var(--button-outline-success-text-color);
}
.btn.btn-outline-success:focus {
  background-color: var(--button-outline-success-background-color);
  border-color: var(--button-outline-success-focus-border-color);
  color: var(--button-outline-success-focus-text-color);
}
.btn.btn-outline-success:hover {
  background-color: var(--button-outline-success-background-color);
  border-color: var(--button-outline-success-hover-border-color);
  color: var(--button-outline-success-hover-text-color);
}
.btn.btn-outline-success:active {
  background-color: var(--button-outline-success-background-color);
  border-color: var(--button-outline-success-active-border-color);
  color: var(--button-outline-success-active-text-color);
}
.btn.btn-outline-success[disabled] {
  background-color: var(--button-outline-success-disabled-background-color);
  border-color: var(--button-outline-success-disabled-border-color);
  color: var(--button-outline-success-disabled-text-color);
}
.btn.btn-outline-info {
  background-color: var(--button-outline-info-background-color);
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
  border-color: var(--button-outline-info-border-color);
  color: var(--button-outline-info-text-color);
}
.btn.btn-outline-info:focus {
  background-color: var(--button-outline-info-background-color);
  border-color: var(--button-outline-info-focus-border-color);
  color: var(--button-outline-info-focus-text-color);
}
.btn.btn-outline-info:hover {
  background-color: var(--button-outline-info-background-color);
  border-color: var(--button-outline-info-hover-border-color);
  color: var(--button-outline-info-hover-text-color);
}
.btn.btn-outline-info:active {
  background-color: var(--button-outline-info-background-color);
  border-color: var(--button-outline-info-active-border-color);
  color: var(--button-outline-info-active-text-color);
}
.btn.btn-outline-info[disabled] {
  background-color: var(--button-outline-info-disabled-background-color);
  border-color: var(--button-outline-info-disabled-border-color);
  color: var(--button-outline-info-disabled-text-color);
}
.btn.btn-outline-danger {
  background-color: var(--button-outline-danger-background-color);
  border-style: var(--button-outline-border-style);
  border-width: var(--button-outline-border-width);
  text-transform: var(--button-outline-text-transform);
  border-color: var(--button-outline-danger-border-color);
  color: var(--button-outline-danger-text-color);
}
.btn.btn-outline-danger:focus {
  background-color: var(--button-outline-danger-background-color);
  border-color: var(--button-outline-danger-focus-border-color);
  color: var(--button-outline-danger-focus-text-color);
}
.btn.btn-outline-danger:hover {
  background-color: var(--button-outline-danger-background-color);
  border-color: var(--button-outline-danger-hover-border-color);
  color: var(--button-outline-danger-hover-text-color);
}
.btn.btn-outline-danger:active {
  background-color: var(--button-outline-danger-background-color);
  border-color: var(--button-outline-danger-active-border-color);
  color: var(--button-outline-danger-active-text-color);
}
.btn.btn-outline-danger[disabled] {
  background-color: var(--button-outline-danger-disabled-background-color);
  border-color: var(--button-outline-danger-disabled-border-color);
  color: var(--button-outline-danger-disabled-text-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-primary {
  border-left: 1px solid var(--button-filled-primary-active-background-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-success {
  border-left: 1px solid var(--button-filled-success-active-background-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-warning {
  border-left: 1px solid var(--button-filled-warning-active-background-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-info {
  border-left: 1px solid var(--button-filled-info-active-background-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-danger {
  border-left: 1px solid var(--button-filled-danger-active-background-color);
}
.btn-group:not(.btn-divided-group) > .btn + .btn.btn-secondary {
  border-left: 1px solid var(--button-filled-primary-active-background-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-basic.active {
  background-color: var(--button-filled-basic-active-background-color);
  border-color: var(--button-filled-basic-active-border-color);
  color: var(--button-filled-basic-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-basic:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-basic.hover {
  background-color: var(--button-filled-basic-hover-background-color);
  border-color: var(--button-filled-basic-hover-border-color);
  color: var(--button-filled-basic-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-primary.active {
  background-color: var(--button-filled-primary-active-background-color);
  border-color: var(--button-filled-primary-active-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-primary:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-primary.hover {
  background-color: var(--button-filled-primary-hover-background-color);
  border-color: var(--button-filled-primary-hover-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-success.active {
  background-color: var(--button-filled-success-active-background-color);
  border-color: var(--button-filled-success-active-border-color);
  color: var(--button-filled-success-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-success:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-success.hover {
  background-color: var(--button-filled-success-hover-background-color);
  border-color: var(--button-filled-success-hover-border-color);
  color: var(--button-filled-success-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-warning.active {
  background-color: var(--button-filled-warning-active-background-color);
  border-color: var(--button-filled-warning-active-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-warning:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-warning.hover {
  background-color: var(--button-filled-warning-hover-background-color);
  border-color: var(--button-filled-warning-hover-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-danger.active {
  background-color: var(--button-filled-danger-active-background-color);
  border-color: var(--button-filled-danger-active-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-danger:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-danger.hover {
  background-color: var(--button-filled-danger-hover-background-color);
  border-color: var(--button-filled-danger-hover-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-info.active {
  background-color: var(--button-filled-info-active-background-color);
  border-color: var(--button-filled-info-active-border-color);
  color: var(--button-filled-info-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-info:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-info.hover {
  background-color: var(--button-filled-info-hover-background-color);
  border-color: var(--button-filled-info-hover-border-color);
  color: var(--button-filled-info-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-control.active {
  background-color: var(--button-filled-control-active-background-color);
  border-color: var(--button-filled-control-active-border-color);
  color: var(--button-filled-control-text-color);
}
.btn-group:not(.btn-divided-group) .btn.btn-outline-control:hover,
.btn-group:not(.btn-divided-group) .btn.btn-outline-control.hover {
  background-color: var(--button-filled-control-hover-background-color);
  border-color: var(--button-filled-control-hover-border-color);
  color: var(--button-filled-control-text-color);
}
[dir=ltr] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):first-child {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=rtl] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):last-child {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropdown > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
}
[dir=rtl] .btn-group.dropdown > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-group.dropdown > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
}
[dir=rtl] .btn-group.dropdown > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
}
[dir=ltr] .btn-group.dropdown:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group.dropdown:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-group.dropdown:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=rtl] .btn-group.dropdown:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: 0;
}
.btn-group.dropdown.show > .btn.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropup > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group.dropup > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-group.dropup > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--button-rectangle-border-radius);
}
[dir=rtl] .btn-group.dropup > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--button-rectangle-border-radius);
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropup:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
}
[dir=rtl] .btn-group.dropup:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-group.dropup:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--button-rectangle-border-radius);
}
[dir=rtl] .btn-group.dropup:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: var(--button-rectangle-border-radius);
  border-top-right-radius: 0;
}
.btn-group.dropup.show > .btn.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-icon {
  font-size: 1.5rem;
  padding: 0 1rem;
}
.btn-divided-group .btn-basic {
  background-color: var(--button-filled-basic-background-color);
  border-color: var(--button-filled-basic-border-color);
  color: var(--button-filled-basic-text-color);
}
.btn-divided-group .btn-outline-basic {
  background-color: var(--button-outline-basic-background-color);
  border-color: var(--button-outline-basic-border-color);
  color: var(--button-outline-basic-text-color);
}
.btn-divided-group .btn:active.btn-basic, .btn-divided-group .btn:active.btn-outline-basic,
.btn-divided-group .btn.active.btn-basic,
.btn-divided-group .btn.active.btn-outline-basic {
  background-color: var(--button-filled-basic-active-background-color);
  border-color: var(--button-filled-basic-active-border-color);
  color: var(--button-filled-basic-text-color);
}
.btn-divided-group .btn:hover.btn-basic, .btn-divided-group .btn:hover.btn-outline-basic,
.btn-divided-group .btn.hover.btn-basic,
.btn-divided-group .btn.hover.btn-outline-basic {
  background-color: var(--button-filled-basic-hover-background-color);
  border-color: var(--button-filled-basic-hover-border-color);
  color: var(--button-filled-basic-text-color);
}
.btn-divided-group .btn-primary {
  background-color: var(--button-filled-primary-background-color);
  border-color: var(--button-filled-primary-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn-divided-group .btn-outline-primary {
  background-color: var(--button-outline-primary-background-color);
  border-color: var(--button-outline-primary-border-color);
  color: var(--button-outline-primary-text-color);
}
.btn-divided-group .btn:active.btn-primary, .btn-divided-group .btn:active.btn-outline-primary,
.btn-divided-group .btn.active.btn-primary,
.btn-divided-group .btn.active.btn-outline-primary {
  background-color: var(--button-filled-primary-active-background-color);
  border-color: var(--button-filled-primary-active-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn-divided-group .btn:hover.btn-primary, .btn-divided-group .btn:hover.btn-outline-primary,
.btn-divided-group .btn.hover.btn-primary,
.btn-divided-group .btn.hover.btn-outline-primary {
  background-color: var(--button-filled-primary-hover-background-color);
  border-color: var(--button-filled-primary-hover-border-color);
  color: var(--button-filled-primary-text-color);
}
.btn-divided-group .btn-success {
  background-color: var(--button-filled-success-background-color);
  border-color: var(--button-filled-success-border-color);
  color: var(--button-filled-success-text-color);
}
.btn-divided-group .btn-outline-success {
  background-color: var(--button-outline-success-background-color);
  border-color: var(--button-outline-success-border-color);
  color: var(--button-outline-success-text-color);
}
.btn-divided-group .btn:active.btn-success, .btn-divided-group .btn:active.btn-outline-success,
.btn-divided-group .btn.active.btn-success,
.btn-divided-group .btn.active.btn-outline-success {
  background-color: var(--button-filled-success-active-background-color);
  border-color: var(--button-filled-success-active-border-color);
  color: var(--button-filled-success-text-color);
}
.btn-divided-group .btn:hover.btn-success, .btn-divided-group .btn:hover.btn-outline-success,
.btn-divided-group .btn.hover.btn-success,
.btn-divided-group .btn.hover.btn-outline-success {
  background-color: var(--button-filled-success-hover-background-color);
  border-color: var(--button-filled-success-hover-border-color);
  color: var(--button-filled-success-text-color);
}
.btn-divided-group .btn-warning {
  background-color: var(--button-filled-warning-background-color);
  border-color: var(--button-filled-warning-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn-divided-group .btn-outline-warning {
  background-color: var(--button-outline-warning-background-color);
  border-color: var(--button-outline-warning-border-color);
  color: var(--button-outline-warning-text-color);
}
.btn-divided-group .btn:active.btn-warning, .btn-divided-group .btn:active.btn-outline-warning,
.btn-divided-group .btn.active.btn-warning,
.btn-divided-group .btn.active.btn-outline-warning {
  background-color: var(--button-filled-warning-active-background-color);
  border-color: var(--button-filled-warning-active-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn-divided-group .btn:hover.btn-warning, .btn-divided-group .btn:hover.btn-outline-warning,
.btn-divided-group .btn.hover.btn-warning,
.btn-divided-group .btn.hover.btn-outline-warning {
  background-color: var(--button-filled-warning-hover-background-color);
  border-color: var(--button-filled-warning-hover-border-color);
  color: var(--button-filled-warning-text-color);
}
.btn-divided-group .btn-danger {
  background-color: var(--button-filled-danger-background-color);
  border-color: var(--button-filled-danger-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn-divided-group .btn-outline-danger {
  background-color: var(--button-outline-danger-background-color);
  border-color: var(--button-outline-danger-border-color);
  color: var(--button-outline-danger-text-color);
}
.btn-divided-group .btn:active.btn-danger, .btn-divided-group .btn:active.btn-outline-danger,
.btn-divided-group .btn.active.btn-danger,
.btn-divided-group .btn.active.btn-outline-danger {
  background-color: var(--button-filled-danger-active-background-color);
  border-color: var(--button-filled-danger-active-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn-divided-group .btn:hover.btn-danger, .btn-divided-group .btn:hover.btn-outline-danger,
.btn-divided-group .btn.hover.btn-danger,
.btn-divided-group .btn.hover.btn-outline-danger {
  background-color: var(--button-filled-danger-hover-background-color);
  border-color: var(--button-filled-danger-hover-border-color);
  color: var(--button-filled-danger-text-color);
}
.btn-divided-group .btn-info {
  background-color: var(--button-filled-info-background-color);
  border-color: var(--button-filled-info-border-color);
  color: var(--button-filled-info-text-color);
}
.btn-divided-group .btn-outline-info {
  background-color: var(--button-outline-info-background-color);
  border-color: var(--button-outline-info-border-color);
  color: var(--button-outline-info-text-color);
}
.btn-divided-group .btn:active.btn-info, .btn-divided-group .btn:active.btn-outline-info,
.btn-divided-group .btn.active.btn-info,
.btn-divided-group .btn.active.btn-outline-info {
  background-color: var(--button-filled-info-active-background-color);
  border-color: var(--button-filled-info-active-border-color);
  color: var(--button-filled-info-text-color);
}
.btn-divided-group .btn:hover.btn-info, .btn-divided-group .btn:hover.btn-outline-info,
.btn-divided-group .btn.hover.btn-info,
.btn-divided-group .btn.hover.btn-outline-info {
  background-color: var(--button-filled-info-hover-background-color);
  border-color: var(--button-filled-info-hover-border-color);
  color: var(--button-filled-info-text-color);
}
.btn-divided-group .btn-control {
  background-color: var(--button-filled-control-background-color);
  border-color: var(--button-filled-control-border-color);
  color: var(--button-filled-control-text-color);
}
.btn-divided-group .btn-outline-control {
  background-color: var(--button-outline-control-background-color);
  border-color: var(--button-outline-control-border-color);
  color: var(--button-outline-control-text-color);
}
.btn-divided-group .btn:active.btn-control, .btn-divided-group .btn:active.btn-outline-control,
.btn-divided-group .btn.active.btn-control,
.btn-divided-group .btn.active.btn-outline-control {
  background-color: var(--button-filled-control-active-background-color);
  border-color: var(--button-filled-control-active-border-color);
  color: var(--button-filled-control-text-color);
}
.btn-divided-group .btn:hover.btn-control, .btn-divided-group .btn:hover.btn-outline-control,
.btn-divided-group .btn.hover.btn-control,
.btn-divided-group .btn.hover.btn-outline-control {
  background-color: var(--button-filled-control-hover-background-color);
  border-color: var(--button-filled-control-hover-border-color);
  color: var(--button-filled-control-text-color);
}
.btn-divided-group .btn:active.btn-secondary, .btn-divided-group .btn:active.btn-outline-secondary,
.btn-divided-group .btn.active.btn-secondary,
.btn-divided-group .btn.active.btn-outline-secondary {
  background-color: var(--button-filled-primary-active-background-color);
}
.btn-divided-group .btn:hover.btn-secondary, .btn-divided-group .btn:hover.btn-outline-secondary,
.btn-divided-group .btn.hover.btn-secondary,
.btn-divided-group .btn.hover.btn-outline-secondary {
  background-color: var(--button-filled-primary-hover-background-color);
}
.btn-outline-toggle-group .btn {
  background-color: transparent;
}
.btn-outline-toggle-group .btn:not(.active):not(:hover) + .btn:not(.active):not(:hover)::before {
  background-color: var(--divider-color);
}
.btn-divided-group .btn:not(:first-child) {
  border-radius: var(--button-rectangle-border-radius);
}
[dir=ltr] .btn-divided-group .btn:not(:first-child) {
  margin-left: 0.5rem;
}
[dir=rtl] .btn-divided-group .btn:not(:first-child) {
  margin-right: 0.5rem;
}
.btn-divided-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--button-rectangle-border-radius);
}
.btn-divided-group .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--button-rectangle-border-radius);
}
.btn-outline-divided-group .btn {
  background-color: transparent;
}
.btn-group-full-width {
  width: 100%;
}
.btn-group-full-width .btn:not(.btn-fixed) {
  width: 100%;
}
.dropdown-menu {
  box-shadow: var(--option-list-shadow);
  max-height: var(--option-list-max-height);
  overflow: auto;
  border: none;
}
.dropdown-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--option-background-color);
  color: var(--option-text-color);
  font-family: var(--option-text-font-family);
  font-weight: var(--option-medium-text-font-weight);
  font-size: var(--option-medium-text-font-size);
  line-height: var(--option-medium-text-line-height);
}
.dropdown-item[disabled] {
  background-color: var(--option-disabled-background-color);
  color: var(--option-disabled-text-color);
}
.dropdown-item:focus {
  outline: none;
}
.dropdown-item.selected {
  background-color: var(--option-selected-background-color);
  color: var(--option-selected-text-color);
}
.dropdown-item:focus {
  background-color: var(--option-focus-background-color);
  color: var(--option-focus-text-color);
}
.dropdown-item:hover {
  background-color: var(--option-hover-background-color);
  color: var(--option-hover-text-color);
}
.btn-icon {
  font-size: 1.75rem;
  padding: 0.5rem 1rem;
}
.btn-icon nb-icon,
.btn-icon .icon {
  vertical-align: middle;
}
[dir=ltr] .btn-with-icon {
  padding-left: 1rem;
  text-align: left;
}
[dir=rtl] .btn-with-icon {
  padding-right: 1rem;
  text-align: right;
}
.btn-with-icon nb-icon,
.btn-with-icon .icon {
  vertical-align: middle;
}
[dir=ltr] .btn-with-icon nb-icon,
[dir=ltr] .btn-with-icon .icon {
  margin-right: 1rem;
}
[dir=rtl] .btn-with-icon nb-icon,
[dir=rtl] .btn-with-icon .icon {
  margin-left: 1rem;
}
.form-control {
  background-color: var(--input-basic-background-color);
  border-color: var(--input-basic-border-color);
  border-style: var(--input-border-style);
  border-width: var(--input-border-width);
  color: var(--input-basic-text-color);
  font-family: var(--input-text-font-family);
  transition-duration: 0.15s;
  transition-property: border, background-color, color;
  transition-timing-function: ease-in;
}
.form-control::-moz-placeholder {
  color: var(--input-basic-placeholder-text-color);
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
.form-control::placeholder {
  color: var(--input-basic-placeholder-text-color);
  font-family: var(--input-placeholder-text-font-family);
  text-overflow: ellipsis;
}
.form-control:focus {
  outline: none;
  border-color: var(--input-basic-focus-border-color);
}
.form-control:hover {
  border-color: var(--input-basic-hover-border-color);
}
.form-control:disabled {
  background-color: var(--input-basic-disabled-background-color);
  border-color: var(--input-basic-disabled-border-color);
  color: var(--input-basic-disabled-text-color);
}
.form-control:disabled::-moz-placeholder {
  color: var(--input-basic-disabled-placeholder-text-color);
}
.form-control:disabled::placeholder {
  color: var(--input-basic-disabled-placeholder-text-color);
}
.form-control.input-full-width {
  width: 100%;
}
.input-group-md .form-control,
.form-control {
  font-size: var(--input-medium-text-font-size);
  font-weight: var(--input-medium-text-font-weight);
  line-height: var(--input-medium-text-line-height);
  padding: var(--input-medium-padding);
}
.input-group-md .form-control::-moz-placeholder, .form-control::-moz-placeholder {
  font-size: var(--input-medium-placeholder-text-font-size);
  font-weight: var(--input-medium-placeholder-text-font-weight);
  line-height: var(--input-medium-placeholder-text-line-height);
}
.input-group-md .form-control::placeholder,
.form-control::placeholder {
  font-size: var(--input-medium-placeholder-text-font-size);
  font-weight: var(--input-medium-placeholder-text-font-weight);
  line-height: var(--input-medium-placeholder-text-line-height);
}
.input-group-sm .form-control,
.form-control.input-sm {
  font-size: var(--input-small-text-font-size);
  font-weight: var(--input-small-text-font-weight);
  line-height: var(--input-small-text-line-height);
  padding: var(--input-small-padding);
}
.input-group-sm .form-control::-moz-placeholder, .form-control.input-sm::-moz-placeholder {
  font-size: var(--input-small-placeholder-text-font-size);
  font-weight: var(--input-small-placeholder-text-font-weight);
  line-height: var(--input-small-placeholder-text-line-height);
}
.input-group-sm .form-control::placeholder,
.form-control.input-sm::placeholder {
  font-size: var(--input-small-placeholder-text-font-size);
  font-weight: var(--input-small-placeholder-text-font-weight);
  line-height: var(--input-small-placeholder-text-line-height);
}
.input-group-lg .form-control,
.form-control.input-lg {
  font-size: var(--input-large-text-font-size);
  font-weight: var(--input-large-text-font-weight);
  line-height: var(--input-large-text-line-height);
  padding: var(--input-large-padding);
}
.input-group-lg .form-control::-moz-placeholder, .form-control.input-lg::-moz-placeholder {
  font-size: var(--input-large-placeholder-text-font-size);
  font-weight: var(--input-large-placeholder-text-font-weight);
  line-height: var(--input-large-placeholder-text-line-height);
}
.input-group-lg .form-control::placeholder,
.form-control.input-lg::placeholder {
  font-size: var(--input-large-placeholder-text-font-size);
  font-weight: var(--input-large-placeholder-text-font-weight);
  line-height: var(--input-large-placeholder-text-line-height);
}
.form-control-success {
  border-color: var(--input-success-border-color);
}
.form-control-success:focus {
  border-color: var(--input-success-focus-border-color);
}
.form-control-success:hover {
  border-color: var(--input-success-hover-border-color);
}
.form-control-info {
  border-color: var(--input-info-border-color);
}
.form-control-info:focus {
  border-color: var(--input-info-focus-border-color);
}
.form-control-info:hover {
  border-color: var(--input-info-hover-border-color);
}
.form-control-danger {
  border-color: var(--input-danger-border-color);
}
.form-control-danger:focus {
  border-color: var(--input-danger-focus-border-color);
}
.form-control-danger:hover {
  border-color: var(--input-danger-hover-border-color);
}
.form-control-warning {
  border-color: var(--input-warning-border-color);
}
.form-control-warning:focus {
  border-color: var(--input-warning-focus-border-color);
}
.form-control-warning:hover {
  border-color: var(--input-warning-hover-border-color);
}
.modal-content {
  display: flex;
  flex-direction: column;
  background-color: var(--card-background-color);
  border: var(--card-border-width) var(--card-border-style) var(--card-border-color);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  color: var(--card-text-color);
  font-family: var(--card-text-font-family);
  font-size: var(--card-text-font-size);
  font-weight: var(--card-text-font-weight);
  line-height: var(--card-text-line-height);
  margin-bottom: var(--card-margin-bottom);
  scrollbar-face-color: var(--card-scrollbar-color);
  scrollbar-track-color: var(--card-scrollbar-background-color);
}
.modal-content::-webkit-scrollbar {
  width: var(--card-scrollbar-width);
  height: var(--card-scrollbar-width);
}
.modal-content::-webkit-scrollbar-thumb {
  background: var(--card-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--card-scrollbar-width) * 0.5);
}
.modal-content::-webkit-scrollbar-track {
  background: var(--card-scrollbar-background-color);
}
.modal-content::-webkit-scrollbar-corner {
  background: var(--card-scrollbar-background-color);
}
.modal-header {
  border-bottom-width: 0;
  padding: var(--card-padding);
  border-bottom: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  color: var(--card-header-text-color);
  font-family: var(--card-header-text-font-family);
  font-size: var(--card-header-text-font-size);
  font-weight: var(--card-header-text-font-weight);
  line-height: var(--card-header-text-line-height);
}
.modal-header h1 {
  margin: 0;
}
.modal-header h2 {
  margin: 0;
}
.modal-header h3 {
  margin: 0;
}
.modal-header h4 {
  margin: 0;
}
.modal-header h5 {
  margin: 0;
}
.modal-header h6 {
  margin: 0;
}
.modal-header .close {
  text-shadow: none;
  color: var(--card-header-text-color);
}
[dir=rtl] .modal-header .close {
  margin-left: -1rem;
  margin-right: auto;
}
.modal-body {
  flex: 1;
  -ms-flex: 1 1 auto;
  overflow: auto;
  padding: var(--card-padding);
  position: relative;
  scrollbar-face-color: var(--card-scrollbar-color);
  scrollbar-track-color: var(--card-scrollbar-background-color);
}
.modal-body::-webkit-scrollbar {
  width: var(--card-scrollbar-width);
  height: var(--card-scrollbar-width);
}
.modal-body::-webkit-scrollbar-thumb {
  background: var(--card-scrollbar-color);
  cursor: pointer;
  border-radius: calc(var(--card-scrollbar-width) * 0.5);
}
.modal-body::-webkit-scrollbar-track {
  background: var(--card-scrollbar-background-color);
}
.modal-body::-webkit-scrollbar-corner {
  background: var(--card-scrollbar-background-color);
}
.modal-footer {
  padding: var(--card-padding);
  border-top: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
}
nb-card-header {
  padding: var(--card-padding);
  border-bottom: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color);
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  color: var(--card-header-text-color);
  font-family: var(--card-header-text-font-family);
  font-size: var(--card-header-text-font-size);
  font-weight: var(--card-header-text-font-weight);
  line-height: var(--card-header-text-line-height);
}
nb-card-header h1 {
  margin: 0;
}
nb-card-header h2 {
  margin: 0;
}
nb-card-header h3 {
  margin: 0;
}
nb-card-header h4 {
  margin: 0;
}
nb-card-header h5 {
  margin: 0;
}
nb-card-header h6 {
  margin: 0;
}
@media (max-width: 575.98px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.pace .pace-progress {
  background: var(--color-fg-highlight);
}
.pace .pace-progress-inner {
  box-shadow: 0 0 10px var(--color-fg-highlight), 0 0 5px var(--color-fg-highlight);
}
.pace .pace-activity {
  display: none;
}
.custom-control .custom-control-indicator {
  border-radius: 50%;
}
[dir=ltr] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):first-child {
  border-top-left-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=rtl] .btn-group:not(.btn-divided-group) > .btn:not(.dropdown-toggle):last-child {
  border-top-left-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropdown > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
}
[dir=rtl] .btn-group.dropdown > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-group.dropdown > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
}
[dir=rtl] .btn-group.dropdown > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
}
[dir=ltr] .btn-group.dropdown:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--btn-border-radius);
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group.dropdown:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-group.dropdown:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=rtl] .btn-group.dropdown:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--btn-border-radius);
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropup > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--btn-border-radius);
  border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group.dropup > .btn:first-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-group.dropup > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--btn-border-radius);
}
[dir=rtl] .btn-group.dropup > .btn:last-of-type.dropdown-toggle {
  border-bottom-left-radius: var(--btn-border-radius);
  border-bottom-right-radius: 0;
}
[dir=ltr] .btn-group.dropup:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
}
[dir=rtl] .btn-group.dropup:not(.show) > .btn:first-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-group.dropup:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: var(--btn-border-radius);
}
[dir=rtl] .btn-group.dropup:not(.show) > .btn:last-of-type.dropdown-toggle {
  border-top-left-radius: var(--btn-border-radius);
  border-top-right-radius: 0;
}
.btn-divided-group .btn:not(:first-child) {
  border-radius: var(--btn-border-radius);
}
[dir=ltr] .btn-divided-group .btn:not(:first-child) {
  margin-left: 0.5rem;
}
[dir=rtl] .btn-divided-group .btn:not(:first-child) {
  margin-right: 0.5rem;
}
[dir=ltr] .input-group-addon,
[dir=ltr] .input-group-icon {
  border-left: var(--form-control-border);
  border-right: none;
}
[dir=rtl] .input-group-addon,
[dir=rtl] .input-group-icon {
  border-left: none;
  border-right: var(--form-control-border);
}
[dir=ltr] .input-group .form-control:first-child:not(:only-child),
[dir=ltr] .input-group .input-group-addon:first-child,
[dir=ltr] .input-group .input-group-prepend .btn:first-child,
[dir=ltr] .input-group .input-group-btn .btn:first-child {
  border-top-left-radius: var(--form-control-border-radius);
  border-bottom-left-radius: var(--form-control-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .input-group .form-control:first-child:not(:only-child),
[dir=rtl] .input-group .input-group-addon:first-child,
[dir=rtl] .input-group .input-group-prepend .btn:first-child,
[dir=rtl] .input-group .input-group-btn .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--form-control-border-radius);
  border-bottom-right-radius: var(--form-control-border-radius);
}
[dir=ltr] .input-group .form-control:last-child:not(:only-child),
[dir=ltr] .input-group .input-group-addon:last-child,
[dir=ltr] .input-group .input-group-append .btn:last-child,
[dir=ltr] .input-group .input-group-btn .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--form-control-border-radius);
  border-bottom-right-radius: var(--form-control-border-radius);
}
[dir=rtl] .input-group .form-control:last-child:not(:only-child),
[dir=rtl] .input-group .input-group-addon:last-child,
[dir=rtl] .input-group .input-group-append .btn:last-child,
[dir=rtl] .input-group .input-group-btn .btn:last-child {
  border-top-left-radius: var(--form-control-border-radius);
  border-bottom-left-radius: var(--form-control-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .dropdown.show .btn.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .dropup.show .btn.dropdown-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nb-theme-default {
  --link-text-color: var(--text-primary-color);
  --link-text-decoration: underline;
  --link-text-focus-color: var(--text-primary-focus-color);
  --link-text-hover-color: var(--text-primary-hover-color);
  --card-background-color: var(--background-basic-color-1);
  --card-text-color: var(--text-basic-color);
  --card-text-font-family: var(--text-paragraph-font-family);
  --card-text-font-size: var(--text-paragraph-font-size);
  --card-text-font-weight: var(--text-paragraph-font-weight);
  --card-text-line-height: var(--text-paragraph-line-height);
  --card-border-width: 0.0625rem;
  --card-border-style: solid;
  --card-border-color: var(--border-basic-color-4);
  --card-border-radius: var(--border-radius);
  --card-padding: 1rem 1.5rem;
  --card-shadow: none;
  --card-divider-color: var(--divider-color);
  --card-divider-style: var(--divider-style);
  --card-divider-width: var(--divider-width);
  --card-header-text-color: var(--text-basic-color);
  --card-header-text-font-family: var(--text-subtitle-font-family);
  --card-header-text-font-size: var(--text-subtitle-font-size);
  --card-header-text-font-weight: var(--text-subtitle-font-weight);
  --card-header-text-line-height: var(--text-subtitle-line-height);
  --card-header-basic-background-color: var(--background-basic-color-2);
  --card-header-basic-text-color: var(--text-basic-color);
  --card-header-primary-background-color: var(--color-primary-default);
  --card-header-primary-text-color: var(--text-control-color);
  --card-header-info-background-color: var(--color-info-default);
  --card-header-info-text-color: var(--text-control-color);
  --card-header-success-background-color: var(--color-success-default);
  --card-header-success-text-color: var(--text-control-color);
  --card-header-warning-background-color: var(--color-warning-default);
  --card-header-warning-text-color: var(--text-control-color);
  --card-header-danger-background-color: var(--color-danger-default);
  --card-header-danger-text-color: var(--text-control-color);
  --card-header-control-background-color: var(--color-control-default);
  --card-header-control-text-color: var(--color-basic-800);
  --card-height-tiny: 13.5rem;
  --card-height-small: 21.1875rem;
  --card-height-medium: 28.875rem;
  --card-height-large: 36.5625rem;
  --card-height-giant: 44.25rem;
  --card-margin-bottom: 1.875rem;
  --card-scrollbar-color: var(--scrollbar-color);
  --card-scrollbar-background-color: var(--scrollbar-background-color);
  --card-scrollbar-width: var(--scrollbar-width);
  --header-background-color: var(--background-basic-color-1);
  --header-text-color: var(--text-basic-color);
  --header-text-font-family: var(--text-paragraph-font-family);
  --header-text-font-size: var(--text-paragraph-font-size);
  --header-text-font-weight: var(--text-paragraph-font-weight);
  --header-text-line-height: var(--text-paragraph-line-height);
  --header-height: 4.75rem;
  --header-padding: 1.25rem;
  --header-shadow: var(--shadow);
  --footer-background-color: var(--background-basic-color-1);
  --footer-text-color: var(--text-basic-color);
  --footer-text-font-family: var(--text-paragraph-font-family);
  --footer-text-font-size: var(--text-paragraph-font-size);
  --footer-text-font-weight: var(--text-paragraph-font-weight);
  --footer-text-line-height: var(--text-paragraph-line-height);
  --footer-text-highlight-color: var(--color-primary-hover);
  --footer-height: 4.725rem;
  --footer-padding: 1.25rem;
  --footer-divider-color: var(--divider-color);
  --footer-divider-style: var(--divider-style);
  --footer-divider-width: var(--divider-width);
  --footer-shadow: var(--shadow);
  --layout-background-color: var(--background-basic-color-3);
  --layout-text-color: var(--text-basic-color);
  --layout-text-font-family: var(--text-paragraph-font-family);
  --layout-text-font-size: var(--text-paragraph-font-size);
  --layout-text-font-weight: var(--text-paragraph-font-weight);
  --layout-text-line-height: var(--text-paragraph-line-height);
  --layout-min-height: 100vh;
  --layout-content-width: 1400px;
  --layout-window-mode-min-width: 300px;
  --layout-window-mode-background-color: var(--background-basic-color-3);
  --layout-window-mode-padding-top: 4.75rem;
  --layout-window-shadow: var(--shadow);
  --layout-padding: 2.25rem 2.25rem 0.75rem;
  --layout-medium-padding: 1.5rem 1.5rem 0.5rem;
  --layout-small-padding: 1rem 1rem 0;
  --layout-scrollbar-background-color: var(--scrollbar-background-color);
  --layout-scrollbar-color: var(--scrollbar-color);
  --layout-scrollbar-width: var(--scrollbar-width);
  --sidebar-background-color: var(--background-basic-color-1);
  --sidebar-text-color: var(--text-basic-color);
  --sidebar-text-font-family: var(--text-paragraph-font-family);
  --sidebar-text-font-size: var(--text-paragraph-font-size);
  --sidebar-text-font-weight: var(--text-paragraph-font-weight);
  --sidebar-text-line-height: var(--text-paragraph-line-height);
  --sidebar-height: 100vh;
  --sidebar-width: 16rem;
  --sidebar-width-compact: 3.5rem;
  --sidebar-padding: 1.25rem;
  --sidebar-header-height: initial;
  --sidebar-footer-height: 3.5rem;
  --sidebar-shadow: var(--shadow);
  --sidebar-menu-item-highlight-color: var(--color-primary-default);
  --sidebar-scrollbar-background-color: var(--scrollbar-background-color);
  --sidebar-scrollbar-color: var(--scrollbar-color);
  --sidebar-scrollbar-width: var(--scrollbar-width);
  --menu-background-color: transparent;
  --menu-text-color: var(--text-basic-color);
  --menu-text-font-family: var(--text-subtitle-2-font-family);
  --menu-text-font-size: var(--text-subtitle-2-font-size);
  --menu-text-font-weight: var(--text-subtitle-2-font-weight);
  --menu-text-line-height: var(--text-subtitle-2-line-height);
  --menu-group-text-color: var(--text-hint-color);
  --menu-item-border-radius: 0;
  --menu-item-padding: 0.75rem 1rem;
  --menu-item-hover-background-color: var(--menu-background-color);
  --menu-item-hover-cursor: pointer;
  --menu-item-hover-text-color: var(--text-primary-hover-color);
  --menu-item-icon-hover-color: var(--menu-item-hover-text-color);
  --menu-item-active-background-color: var(--menu-background-color);
  --menu-item-active-text-color: var(--text-primary-color);
  --menu-item-icon-active-color: var(--menu-item-active-text-color);
  --menu-item-icon-color: var(--text-hint-color);
  --menu-item-icon-margin: 0 0.5rem 0 0;
  --menu-item-icon-width: 1.25rem;
  --menu-item-divider-color: var(--divider-color);
  --menu-item-divider-style: var(--divider-style);
  --menu-item-divider-width: var(--divider-width);
  --menu-submenu-background-color: var(--menu-background-color);
  --menu-submenu-text-color: var(--text-basic-color);
  --menu-submenu-margin: 0;
  --menu-submenu-padding: 0 1.25rem;
  --menu-submenu-item-border-color: var(--menu-submenu-background-color);
  --menu-submenu-item-border-style: solid;
  --menu-submenu-item-border-width: 0;
  --menu-submenu-item-border-radius: 0;
  --menu-submenu-item-padding: var(--menu-item-padding);
  --menu-submenu-item-hover-background-color: var(--menu-background-color);
  --menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);
  --menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);
  --menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);
  --menu-submenu-item-active-background-color: var(--menu-background-color);
  --menu-submenu-item-active-border-color: var(--color-primary-default);
  --menu-submenu-item-active-text-color: var(--menu-item-active-text-color);
  --menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);
  --menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);
  --menu-submenu-item-active-hover-border-color: var(--color-primary-hover);
  --menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);
  --menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);
  --tabset-background-color: transparent;
  --tabset-border-radius: 0;
  --tabset-shadow: none;
  --tabset-tab-background-color: transparent;
  --tabset-tab-padding: 1rem 2rem;
  --tabset-tab-text-color: var(--text-hint-color);
  --tabset-tab-text-font-family: var(--text-button-font-family);
  --tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --tabset-tab-text-font-weight: var(--text-button-font-weight);
  --tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --tabset-tab-text-transform: uppercase;
  --tabset-tab-underline-width: 0.25rem;
  --tabset-tab-underline-color: transparent;
  --tabset-tab-active-background-color: transparent;
  --tabset-tab-active-text-color: var(--text-primary-color);
  --tabset-tab-active-underline-color: var(--text-primary-color);
  --tabset-tab-focus-background-color: transparent;
  --tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --tabset-tab-hover-background-color: transparent;
  --tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --tabset-tab-disabled-background-color: transparent;
  --tabset-tab-disabled-text-color: var(--text-disabled-color);
  --tabset-tab-disabled-underline-color: transparent;
  --tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;
  --tabset-tab-badge-dot-mode-padding: 0.25rem;
  --tabset-divider-color: var(--divider-color);
  --tabset-divider-style: var(--divider-style);
  --tabset-divider-width: var(--divider-width);
  --tabset-content-background-color: transparent;
  --tabset-content-padding: 1rem 2rem;
  --tabset-content-text-color: var(--text-basic-color);
  --tabset-content-text-font-family: var(--text-paragraph-font-family);
  --tabset-content-text-font-size: var(--text-paragraph-font-size);
  --tabset-content-text-font-weight: var(--text-paragraph-font-weight);
  --tabset-content-text-line-height: var(--text-paragraph-line-height);
  --tabset-scrollbar-color: var(--scrollbar-color);
  --tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --tabset-scrollbar-width: var(--scrollbar-width);
  --route-tabset-background-color: transparent;
  --route-tabset-border-radius: 0;
  --route-tabset-shadow: none;
  --route-tabset-tab-background-color: transparent;
  --route-tabset-tab-padding: 1rem 2rem;
  --route-tabset-tab-text-color: var(--text-hint-color);
  --route-tabset-tab-text-font-family: var(--text-button-font-family);
  --route-tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --route-tabset-tab-text-font-weight: var(--text-button-font-weight);
  --route-tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --route-tabset-tab-text-transform: uppercase;
  --route-tabset-tab-underline-width: 0.25rem;
  --route-tabset-tab-underline-color: transparent;
  --route-tabset-tab-active-background-color: transparent;
  --route-tabset-tab-active-text-color: var(--text-primary-color);
  --route-tabset-tab-active-underline-color: var(--text-primary-color);
  --route-tabset-tab-focus-background-color: transparent;
  --route-tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --route-tabset-tab-hover-background-color: transparent;
  --route-tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --route-tabset-tab-disabled-background-color: transparent;
  --route-tabset-tab-disabled-text-color: var(--text-disabled-color);
  --route-tabset-tab-disabled-underline-color: transparent;
  --route-tabset-divider-color: var(--divider-color);
  --route-tabset-divider-style: var(--divider-style);
  --route-tabset-divider-width: var(--divider-width);
  --route-tabset-scrollbar-color: var(--scrollbar-color);
  --route-tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --route-tabset-scrollbar-width: var(--scrollbar-width);
  --user-picture-box-background-color: transparent;
  --user-picture-box-border-color: var(--border-basic-color-3);
  --user-picture-box-border-width: 1px;
  --user-initials-text-color: var(--text-basic-color);
  --user-initials-text-font-family: var(--text-paragraph-font-family);
  --user-initials-text-font-weight: var(--text-paragraph-font-weight);
  --user-name-text-color: var(--text-basic-color);
  --user-name-text-font-family: var(--text-paragraph-font-family);
  --user-name-text-font-weight: var(--text-paragraph-font-weight);
  --user-title-text-color: var(--text-basic-color);
  --user-title-text-font-family: var(--text-paragraph-2-font-family);
  --user-title-text-font-weight: var(--text-paragraph-2-font-weight);
  --user-rectangle-border-radius: 0.5rem;
  --user-semi-round-border-radius: 0.75rem;
  --user-round-border-radius: 50%;
  --user-tiny-height: 1.25rem;
  --user-tiny-width: 1.25rem;
  --user-tiny-initials-text-font-size: var(--text-caption-font-size);
  --user-tiny-initials-text-line-height: var(--text-caption-line-height);
  --user-tiny-name-text-font-size: var(--text-caption-font-size);
  --user-tiny-name-text-line-height: var(--text-caption-line-height);
  --user-tiny-title-text-font-size: var(--text-caption-font-size);
  --user-tiny-title-text-line-height: var(--text-caption-line-height);
  --user-small-height: 1.5rem;
  --user-small-width: 1.5rem;
  --user-small-initials-text-font-size: var(--text-caption-font-size);
  --user-small-initials-text-line-height: var(--text-caption-line-height);
  --user-small-name-text-font-size: var(--text-caption-font-size);
  --user-small-name-text-line-height: var(--text-caption-line-height);
  --user-small-title-text-font-size: var(--text-caption-font-size);
  --user-small-title-text-line-height: var(--text-caption-line-height);
  --user-medium-height: 2.5rem;
  --user-medium-width: 2.5rem;
  --user-medium-initials-text-font-size: var(--text-paragraph-font-size);
  --user-medium-initials-text-line-height: var(--text-paragraph-line-height);
  --user-medium-name-text-font-size: var(--text-paragraph-font-size);
  --user-medium-name-text-line-height: var(--text-paragraph-line-height);
  --user-medium-title-text-font-size: var(--text-caption-font-size);
  --user-medium-title-text-line-height: var(--text-caption-line-height);
  --user-large-height: 3.25rem;
  --user-large-width: 3.25rem;
  --user-large-initials-text-font-size: var(--text-paragraph-font-size);
  --user-large-initials-text-line-height: var(--text-paragraph-line-height);
  --user-large-name-text-font-size: var(--text-paragraph-font-size);
  --user-large-name-text-line-height: var(--text-paragraph-line-height);
  --user-large-title-text-font-size: var(--text-paragraph-2-font-size);
  --user-large-title-text-line-height: var(--text-paragraph-2-line-height);
  --user-giant-height: 4rem;
  --user-giant-width: 4rem;
  --user-giant-initials-text-font-size: var(--text-paragraph-font-size);
  --user-giant-initials-text-line-height: var(--text-paragraph-line-height);
  --user-giant-name-text-font-size: var(--text-paragraph-font-size);
  --user-giant-name-text-line-height: var(--text-paragraph-line-height);
  --user-giant-title-text-font-size: var(--text-paragraph-font-size);
  --user-giant-title-text-line-height: var(--text-paragraph-line-height);
  --popover-text-color: var(--text-basic-color);
  --popover-text-font-family: var(--text-paragraph-font-family);
  --popover-text-font-size: var(--text-paragraph-font-size);
  --popover-text-font-weight: var(--text-paragraph-font-weight);
  --popover-text-line-height: var(--text-paragraph-line-height);
  --popover-background-color: var(--background-basic-color-1);
  --popover-border-width: 1px;
  --popover-border-color: transparent;
  --popover-border-radius: var(--border-radius);
  --popover-shadow: var(--shadow);
  --popover-arrow-size: 0.6875rem;
  --popover-padding: 0.75rem 1rem;
  --context-menu-background-color: var(--background-basic-color-1);
  --context-menu-border-color: transparent;
  --context-menu-border-style: solid;
  --context-menu-border-width: 0;
  --context-menu-border-radius: var(--border-radius);
  --context-menu-text-align: center;
  --context-menu-min-width: 10rem;
  --context-menu-max-width: 15rem;
  --context-menu-shadow: var(--shadow);
  --actions-background-color: transparent;
  --actions-divider-color: var(--divider-color);
  --actions-divider-style: var(--divider-style);
  --actions-divider-width: var(--divider-width);
  --actions-icon-color: var(--text-hint-color);
  --actions-text-color: var(--text-basic-color);
  --actions-text-font-family: var(--text-button-font-family);
  --actions-text-font-weight: var(--text-button-font-weight);
  --actions-text-line-height: var(--text-button-medium-line-height);
  --actions-disabled-icon-color: var(--text-disabled-color);
  --actions-disabled-text-color: var(--text-disabled-color);
  --actions-tiny-height: 1rem;
  --actions-tiny-icon-height: var(--actions-tiny-height);
  --actions-tiny-padding: 0 1.25rem;
  --actions-tiny-text-font-size: var(--text-button-tiny-font-size);
  --actions-small-height: 1.5rem;
  --actions-small-icon-height: var(--actions-small-height);
  --actions-small-padding: 0 1.25rem;
  --actions-small-text-font-size: var(--text-button-small-font-size);
  --actions-medium-height: 2.25rem;
  --actions-medium-icon-height: var(--actions-medium-height);
  --actions-medium-padding: 0 1.25rem;
  --actions-medium-text-font-size: var(--text-button-medium-font-size);
  --actions-large-height: 3.5rem;
  --actions-large-icon-height: var(--actions-large-height);
  --actions-large-padding: 0 1.25rem;
  --actions-large-text-font-size: var(--text-button-large-font-size);
  --actions-giant-height: 4rem;
  --actions-giant-icon-height: var(--actions-giant-height);
  --actions-giant-padding: 0 1.25rem;
  --actions-giant-text-font-size: var(--text-button-giant-font-size);
  --search-background-color: var(--background-basic-color-1);
  --search-divider-color: var(--divider-color);
  --search-divider-style: var(--divider-style);
  --search-divider-width: var(--divider-width);
  --search-extra-background-color: var(--color-primary-default);
  --search-text-color: var(--text-basic-color);
  --search-text-font-family: var(--text-heading-1-font-family);
  --search-text-font-size: var(--text-heading-1-font-size);
  --search-text-font-weight: var(--text-heading-1-font-weight);
  --search-text-line-height: var(--text-heading-1-line-height);
  --search-placeholder-text-color: var(--text-hint-color);
  --search-info-text-color: var(--text-hint-color);
  --search-info-text-font-family: var(--text-subtitle-font-family);
  --search-info-text-font-size: var(--text-subtitle-font-size);
  --search-info-text-font-weight: var(--text-subtitle-font-weight);
  --search-info-text-line-height: var(--text-subtitle-line-height);
  --smart-table-header-font-family: var(--text-paragraph-font-family);
  --smart-table-header-font-size: var(--text-paragraph-font-size);
  --smart-table-header-font-weight: var(--text-paragraph-font-weight);
  --smart-table-header-line-height: var(--text-paragraph-line-height);
  --smart-table-header-fg: var(--text-basic-color);
  --smart-table-header-bg: var(--background-basic-color-1);
  --smart-table-font-family: var(--text-paragraph-font-family);
  --smart-table-font-size: var(--text-paragraph-font-size);
  --smart-table-font-weight: var(--text-paragraph-font-weight);
  --smart-table-line-height: var(--text-paragraph-line-height);
  --smart-table-fg: var(--text-basic-color);
  --smart-table-bg: var(--background-basic-color-1);
  --smart-table-bg-even: var(--background-basic-color-2);
  --smart-table-fg-secondary: var(--text-basic-color);
  --smart-table-bg-active: var(--background-basic-color-3);
  --smart-table-padding: 0.875rem 1.25rem;
  --smart-table-filter-padding: 0.375rem 0.5rem;
  --smart-table-separator: var(--divider-color);
  --smart-table-border-radius: var(--border-radius);
  --smart-table-action-add-edit-hover-text-color: var(--color-primary-default);
  --smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);
  --smart-table-add-button-border-color: var(--button-filled-primary-border-color);
  --smart-table-add-button-background-color: var(--button-filled-primary-background-color);
  --smart-table-add-button-text-color: var(--button-filled-primary-text-color);
  --smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);
  --smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);
  --smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);
  --smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);
  --smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);
  --smart-table-paging-font-family: var(--button-text-font-family);
  --smart-table-paging-font-size: var(--button-medium-text-font-size);
  --smart-table-paging-line-height: var(--button-medium-text-line-height);
  --smart-table-paging-border-color: var(--divider-color);
  --smart-table-paging-border-width: var(--divider-width);
  --smart-table-paging-fg-active: var(--text-control-color);
  --smart-table-paging-bg-active: var(--color-primary-default);
  --smart-table-paging-hover: transparent;
  --smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);
  --smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);
  --smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);
  --smart-table-paging-page-text-color: var(--button-outline-primary-text-color);
  --smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);
  --smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);
  --toastr-border-style: solid;
  --toastr-border-width: 1px;
  --toastr-border-radius: var(--border-radius);
  --toastr-padding: 1rem;
  --toastr-shadow: var(--shadow);
  --toastr-text-font-family: var(--text-paragraph-2-font-family);
  --toastr-text-font-size: var(--text-paragraph-2-font-size);
  --toastr-text-font-weight: var(--text-paragraph-2-font-weight);
  --toastr-text-line-height: var(--text-paragraph-2-line-height);
  --toastr-title-text-font-family: var(--text-subtitle-font-family);
  --toastr-title-text-font-size: var(--text-subtitle-font-size);
  --toastr-title-text-font-weight: var(--text-subtitle-font-weight);
  --toastr-title-text-line-height: var(--text-subtitle-line-height);
  --toastr-basic-background-color: var(--background-basic-color-1);
  --toastr-basic-border-color: var(--border-basic-color-3);
  --toastr-basic-text-color: var(--text-basic-color);
  --toastr-icon-basic-background-color: var(--background-basic-color-1);
  --toastr-icon-basic-color: var(--text-basic-color);
  --toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);
  --toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);
  --toastr-primary-background-color: var(--color-primary-default);
  --toastr-primary-border-color: var(--color-primary-default);
  --toastr-primary-text-color: var(--text-control-color);
  --toastr-icon-primary-background-color: var(--background-basic-color-1);
  --toastr-icon-primary-color: var(--color-primary-default);
  --toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);
  --toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);
  --toastr-success-background-color: var(--color-success-default);
  --toastr-success-border-color: var(--color-success-default);
  --toastr-success-text-color: var(--text-control-color);
  --toastr-icon-success-background-color: var(--background-basic-color-1);
  --toastr-icon-success-color: var(--color-success-default);
  --toastr-destroyable-success-hover-background-color: var(--color-success-hover);
  --toastr-destroyable-success-hover-border-color: var(--color-success-hover);
  --toastr-info-background-color: var(--color-info-default);
  --toastr-info-border-color: var(--color-info-default);
  --toastr-info-text-color: var(--text-control-color);
  --toastr-icon-info-background-color: var(--background-basic-color-1);
  --toastr-icon-info-color: var(--color-info-default);
  --toastr-destroyable-info-hover-background-color: var(--color-info-hover);
  --toastr-destroyable-info-hover-border-color: var(--color-info-hover);
  --toastr-warning-background-color: var(--color-warning-default);
  --toastr-warning-border-color: var(--color-warning-default);
  --toastr-warning-text-color: var(--text-control-color);
  --toastr-icon-warning-background-color: var(--background-basic-color-1);
  --toastr-icon-warning-color: var(--color-warning-default);
  --toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);
  --toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);
  --toastr-danger-background-color: var(--color-danger-default);
  --toastr-danger-border-color: var(--color-danger-default);
  --toastr-danger-text-color: var(--text-control-color);
  --toastr-icon-danger-background-color: var(--background-basic-color-1);
  --toastr-icon-danger-color: var(--color-danger-default);
  --toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);
  --toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);
  --toastr-control-background-color: var(--color-control-default);
  --toastr-control-border-color: var(--color-control-default);
  --toastr-control-text-color: var(--color-basic-800);
  --toastr-icon-control-background-color: var(--color-control-default);
  --toastr-icon-control-color: var(--color-basic-800);
  --toastr-destroyable-control-hover-background-color: var(--color-control-hover);
  --toastr-destroyable-control-hover-border-color: var(--color-control-hover);
  --button-cursor: pointer;
  --button-outline-width: var(--outline-width);
  --button-outline-color: var(--outline-color);
  --button-text-font-family: var(--text-button-font-family);
  --button-text-font-weight: var(--text-button-font-weight);
  --button-disabled-cursor: default;
  --button-tiny-text-font-size: var(--text-button-tiny-font-size);
  --button-tiny-text-line-height: var(--text-button-tiny-line-height);
  --button-tiny-icon-size: 0.75rem;
  --button-tiny-icon-vertical-margin: -0.125rem;
  --button-tiny-icon-offset: 0.375rem;
  --button-small-text-font-size: var(--text-button-small-font-size);
  --button-small-text-line-height: var(--text-button-small-line-height);
  --button-small-icon-size: 1rem;
  --button-small-icon-vertical-margin: -0.125rem;
  --button-small-icon-offset: 0.375rem;
  --button-medium-text-font-size: var(--text-button-medium-font-size);
  --button-medium-text-line-height: var(--text-button-medium-line-height);
  --button-medium-icon-size: 1.25rem;
  --button-medium-icon-vertical-margin: -0.125rem;
  --button-medium-icon-offset: 0.5rem;
  --button-large-text-font-size: var(--text-button-large-font-size);
  --button-large-text-line-height: var(--text-button-large-line-height);
  --button-large-icon-size: 1.5rem;
  --button-large-icon-vertical-margin: -0.125rem;
  --button-large-icon-offset: 0.75rem;
  --button-giant-text-font-size: var(--text-button-giant-font-size);
  --button-giant-text-line-height: var(--text-button-giant-line-height);
  --button-giant-icon-size: 1.5rem;
  --button-giant-icon-vertical-margin: -0.125rem;
  --button-giant-icon-offset: 0.75rem;
  --button-rectangle-border-radius: var(--border-radius);
  --button-semi-round-border-radius: 0.75rem;
  --button-round-border-radius: 1.5rem;
  --button-filled-border-style: solid;
  --button-filled-border-width: 0.0625rem;
  --button-filled-text-transform: uppercase;
  --button-filled-tiny-padding: 0.3125rem 0.625rem;
  --button-filled-small-padding: 0.4375rem 0.875rem;
  --button-filled-medium-padding: 0.6875rem 1.125rem;
  --button-filled-large-padding: 0.8125rem 1.125rem;
  --button-filled-giant-padding: 0.9375rem 1.375rem;
  --button-filled-basic-background-color: var(--color-basic-default);
  --button-filled-basic-border-color: var(--color-basic-default-border);
  --button-filled-basic-text-color: var(--color-basic-800);
  --button-filled-basic-focus-background-color: var(--color-basic-focus);
  --button-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --button-filled-basic-hover-background-color: var(--color-basic-hover);
  --button-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --button-filled-basic-active-background-color: var(--color-basic-active);
  --button-filled-basic-active-border-color: var(--color-basic-active-border);
  --button-filled-basic-disabled-background-color: var(--color-basic-disabled);
  --button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);
  --button-filled-basic-disabled-text-color: var(--text-disabled-color);
  --button-filled-primary-background-color: var(--color-primary-default);
  --button-filled-primary-border-color: var(--color-primary-default-border);
  --button-filled-primary-text-color: var(--text-control-color);
  --button-filled-primary-focus-background-color: var(--color-primary-focus);
  --button-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --button-filled-primary-hover-background-color: var(--color-primary-hover);
  --button-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --button-filled-primary-active-background-color: var(--color-primary-active);
  --button-filled-primary-active-border-color: var(--color-primary-active-border);
  --button-filled-primary-disabled-background-color: var(--color-primary-disabled);
  --button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);
  --button-filled-primary-disabled-text-color: var(--text-disabled-color);
  --button-filled-success-background-color: var(--color-success-default);
  --button-filled-success-border-color: var(--color-success-default-border);
  --button-filled-success-text-color: var(--text-control-color);
  --button-filled-success-focus-background-color: var(--color-success-focus);
  --button-filled-success-focus-border-color: var(--color-success-focus-border);
  --button-filled-success-hover-background-color: var(--color-success-hover);
  --button-filled-success-hover-border-color: var(--color-success-hover-border);
  --button-filled-success-active-background-color: var(--color-success-active);
  --button-filled-success-active-border-color: var(--color-success-active-border);
  --button-filled-success-disabled-background-color: var(--color-success-disabled);
  --button-filled-success-disabled-border-color: var(--color-success-disabled-border);
  --button-filled-success-disabled-text-color: var(--text-disabled-color);
  --button-filled-info-background-color: var(--color-info-default);
  --button-filled-info-border-color: var(--color-info-default-border);
  --button-filled-info-text-color: var(--text-control-color);
  --button-filled-info-focus-background-color: var(--color-info-focus);
  --button-filled-info-focus-border-color: var(--color-info-focus-border);
  --button-filled-info-hover-background-color: var(--color-info-hover);
  --button-filled-info-hover-border-color: var(--color-info-hover-border);
  --button-filled-info-active-background-color: var(--color-info-active);
  --button-filled-info-active-border-color: var(--color-info-active-border);
  --button-filled-info-disabled-background-color: var(--color-info-disabled);
  --button-filled-info-disabled-border-color: var(--color-info-disabled-border);
  --button-filled-info-disabled-text-color: var(--text-disabled-color);
  --button-filled-warning-background-color: var(--color-warning-default);
  --button-filled-warning-border-color: var(--color-warning-default-border);
  --button-filled-warning-text-color: var(--text-control-color);
  --button-filled-warning-focus-background-color: var(--color-warning-focus);
  --button-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --button-filled-warning-hover-background-color: var(--color-warning-hover);
  --button-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --button-filled-warning-active-background-color: var(--color-warning-active);
  --button-filled-warning-active-border-color: var(--color-warning-active-border);
  --button-filled-warning-disabled-background-color: var(--color-warning-disabled);
  --button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);
  --button-filled-warning-disabled-text-color: var(--text-disabled-color);
  --button-filled-danger-background-color: var(--color-danger-default);
  --button-filled-danger-border-color: var(--color-danger-default-border);
  --button-filled-danger-text-color: var(--text-control-color);
  --button-filled-danger-focus-background-color: var(--color-danger-focus);
  --button-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --button-filled-danger-hover-background-color: var(--color-danger-hover);
  --button-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --button-filled-danger-active-background-color: var(--color-danger-active);
  --button-filled-danger-active-border-color: var(--color-danger-active-border);
  --button-filled-danger-disabled-background-color: var(--color-danger-disabled);
  --button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);
  --button-filled-danger-disabled-text-color: var(--text-disabled-color);
  --button-filled-control-background-color: var(--color-control-default);
  --button-filled-control-border-color: var(--color-control-default-border);
  --button-filled-control-text-color: var(--color-basic-800);
  --button-filled-control-focus-background-color: var(--color-control-focus);
  --button-filled-control-focus-border-color: var(--color-control-focus-border);
  --button-filled-control-hover-background-color: var(--color-control-hover);
  --button-filled-control-hover-border-color: var(--color-control-hover-border);
  --button-filled-control-active-background-color: var(--color-control-active);
  --button-filled-control-active-border-color: var(--color-control-active-border);
  --button-filled-control-disabled-background-color: var(--color-control-disabled);
  --button-filled-control-disabled-border-color: var(--color-control-disabled-border);
  --button-filled-control-disabled-text-color: var(--text-disabled-color);
  --button-outline-border-style: solid;
  --button-outline-border-width: 0.0625rem;
  --button-outline-text-transform: uppercase;
  --button-outline-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-outline-tiny-padding: 0.3125rem 0.625rem;
  --button-outline-small-padding: 0.4375rem 0.875rem;
  --button-outline-medium-padding: 0.6875rem 1.125rem;
  --button-outline-large-padding: 0.8125rem 1.125rem;
  --button-outline-giant-padding: 0.9375rem 1.375rem;
  --button-outline-basic-background-color: var(--color-basic-transparent-default);
  --button-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --button-outline-basic-text-color: var(--text-hint-color);
  --button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);
  --button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --button-outline-basic-focus-text-color: var(--text-hint-color);
  --button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --button-outline-basic-hover-text-color: var(--text-hint-color);
  --button-outline-basic-active-background-color: var(--color-basic-transparent-active);
  --button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);
  --button-outline-basic-active-text-color: var(--text-hint-color);
  --button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --button-outline-basic-disabled-text-color: var(--text-disabled-color);
  --button-outline-primary-background-color: var(--color-primary-transparent-default);
  --button-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --button-outline-primary-text-color: var(--text-primary-color);
  --button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);
  --button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --button-outline-primary-focus-text-color: var(--text-primary-color);
  --button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --button-outline-primary-hover-text-color: var(--text-primary-color);
  --button-outline-primary-active-background-color: var(--color-primary-transparent-active);
  --button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);
  --button-outline-primary-active-text-color: var(--text-primary-color);
  --button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);
  --button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);
  --button-outline-primary-disabled-text-color: var(--text-disabled-color);
  --button-outline-success-background-color: var(--color-success-transparent-default);
  --button-outline-success-border-color: var(--color-success-transparent-default-border);
  --button-outline-success-text-color: var(--text-success-color);
  --button-outline-success-focus-background-color: var(--color-success-transparent-focus);
  --button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);
  --button-outline-success-focus-text-color: var(--text-success-color);
  --button-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --button-outline-success-hover-text-color: var(--text-success-color);
  --button-outline-success-active-background-color: var(--color-success-transparent-active);
  --button-outline-success-active-border-color: var(--color-success-transparent-active-border);
  --button-outline-success-active-text-color: var(--text-success-color);
  --button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);
  --button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);
  --button-outline-success-disabled-text-color: var(--text-disabled-color);
  --button-outline-info-background-color: var(--color-info-transparent-default);
  --button-outline-info-border-color: var(--color-info-transparent-default-border);
  --button-outline-info-text-color: var(--text-info-color);
  --button-outline-info-focus-background-color: var(--color-info-transparent-focus);
  --button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);
  --button-outline-info-focus-text-color: var(--text-info-color);
  --button-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --button-outline-info-hover-text-color: var(--text-info-color);
  --button-outline-info-active-background-color: var(--color-info-transparent-active);
  --button-outline-info-active-border-color: var(--color-info-transparent-active-border);
  --button-outline-info-active-text-color: var(--text-info-color);
  --button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);
  --button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);
  --button-outline-info-disabled-text-color: var(--text-disabled-color);
  --button-outline-warning-background-color: var(--color-warning-transparent-default);
  --button-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --button-outline-warning-text-color: var(--text-warning-color);
  --button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);
  --button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --button-outline-warning-focus-text-color: var(--text-warning-color);
  --button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --button-outline-warning-hover-text-color: var(--text-warning-color);
  --button-outline-warning-active-background-color: var(--color-warning-transparent-active);
  --button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);
  --button-outline-warning-active-text-color: var(--text-warning-color);
  --button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);
  --button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);
  --button-outline-warning-disabled-text-color: var(--text-disabled-color);
  --button-outline-danger-background-color: var(--color-danger-transparent-default);
  --button-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --button-outline-danger-text-color: var(--text-danger-color);
  --button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);
  --button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --button-outline-danger-focus-text-color: var(--text-danger-color);
  --button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --button-outline-danger-hover-text-color: var(--text-danger-color);
  --button-outline-danger-active-background-color: var(--color-danger-transparent-active);
  --button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);
  --button-outline-danger-active-text-color: var(--text-danger-color);
  --button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);
  --button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);
  --button-outline-danger-disabled-text-color: var(--text-disabled-color);
  --button-outline-control-background-color: var(--color-control-transparent-default);
  --button-outline-control-border-color: var(--color-control-transparent-default-border);
  --button-outline-control-text-color: var(--text-control-color);
  --button-outline-control-focus-background-color: var(--color-control-transparent-focus);
  --button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --button-outline-control-focus-text-color: var(--text-control-color);
  --button-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --button-outline-control-hover-text-color: var(--text-control-color);
  --button-outline-control-active-background-color: var(--color-control-transparent-active);
  --button-outline-control-active-border-color: var(--color-control-transparent-active-border);
  --button-outline-control-active-text-color: var(--text-control-color);
  --button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --button-outline-control-disabled-text-color: var(--text-disabled-color);
  --button-ghost-background-color: transparent;
  --button-ghost-border-color: transparent;
  --button-ghost-border-style: solid;
  --button-ghost-border-width: 0.0625rem;
  --button-ghost-text-transform: uppercase;
  --button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-ghost-tiny-padding: 0.3125rem 0.625rem;
  --button-ghost-small-padding: 0.4375rem 0.875rem;
  --button-ghost-medium-padding: 0.6875rem 1.125rem;
  --button-ghost-large-padding: 0.8125rem 1.125rem;
  --button-ghost-giant-padding: 0.9375rem 1.375rem;
  --button-ghost-basic-text-color: var(--color-basic-600);
  --button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-basic-focus-text-color: var(--color-basic-600);
  --button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-basic-hover-border-color: transparent;
  --button-ghost-basic-hover-text-color: var(--color-basic-600);
  --button-ghost-basic-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-active-border-color: transparent;
  --button-ghost-basic-active-text-color: var(--color-basic-600);
  --button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-disabled-border-color: transparent;
  --button-ghost-basic-disabled-text-color: var(--text-disabled-color);
  --button-ghost-primary-text-color: var(--text-primary-color);
  --button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-primary-focus-text-color: var(--text-primary-color);
  --button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-primary-hover-border-color: transparent;
  --button-ghost-primary-hover-text-color: var(--text-primary-color);
  --button-ghost-primary-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-active-border-color: transparent;
  --button-ghost-primary-active-text-color: var(--text-primary-color);
  --button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-disabled-border-color: transparent;
  --button-ghost-primary-disabled-text-color: var(--text-disabled-color);
  --button-ghost-success-text-color: var(--text-success-color);
  --button-ghost-success-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-success-focus-text-color: var(--text-success-color);
  --button-ghost-success-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-success-hover-border-color: transparent;
  --button-ghost-success-hover-text-color: var(--text-success-color);
  --button-ghost-success-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-active-border-color: transparent;
  --button-ghost-success-active-text-color: var(--text-success-color);
  --button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-disabled-border-color: transparent;
  --button-ghost-success-disabled-text-color: var(--text-disabled-color);
  --button-ghost-info-text-color: var(--text-info-color);
  --button-ghost-info-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-info-focus-text-color: var(--text-info-color);
  --button-ghost-info-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-info-hover-border-color: transparent;
  --button-ghost-info-hover-text-color: var(--text-info-color);
  --button-ghost-info-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-active-border-color: transparent;
  --button-ghost-info-active-text-color: var(--text-info-color);
  --button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-disabled-border-color: transparent;
  --button-ghost-info-disabled-text-color: var(--text-disabled-color);
  --button-ghost-warning-text-color: var(--text-warning-color);
  --button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-warning-focus-text-color: var(--text-warning-color);
  --button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-warning-hover-border-color: transparent;
  --button-ghost-warning-hover-text-color: var(--text-warning-color);
  --button-ghost-warning-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-active-border-color: transparent;
  --button-ghost-warning-active-text-color: var(--text-warning-color);
  --button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-disabled-border-color: transparent;
  --button-ghost-warning-disabled-text-color: var(--text-disabled-color);
  --button-ghost-danger-text-color: var(--text-danger-color);
  --button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-danger-focus-text-color: var(--text-danger-color);
  --button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-danger-hover-border-color: transparent;
  --button-ghost-danger-hover-text-color: var(--text-danger-color);
  --button-ghost-danger-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-active-border-color: transparent;
  --button-ghost-danger-active-text-color: var(--text-danger-color);
  --button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-disabled-border-color: transparent;
  --button-ghost-danger-disabled-text-color: var(--text-disabled-color);
  --button-ghost-control-text-color: var(--color-basic-100);
  --button-ghost-control-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-control-focus-text-color: var(--color-basic-100);
  --button-ghost-control-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-control-hover-border-color: transparent;
  --button-ghost-control-hover-text-color: var(--color-basic-100);
  --button-ghost-control-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-active-border-color: transparent;
  --button-ghost-control-active-text-color: var(--color-basic-100);
  --button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-disabled-border-color: transparent;
  --button-ghost-control-disabled-text-color: var(--text-disabled-color);
  --button-hero-border-color: transparent;
  --button-hero-border-style: solid;
  --button-hero-border-width: 0;
  --button-hero-text-transform: uppercase;
  --button-hero-tiny-padding: 0.375rem 0.6875rem;
  --button-hero-small-padding: 0.5rem 0.9375rem;
  --button-hero-medium-padding: 0.75rem 1.1875rem;
  --button-hero-large-padding: 0.875rem 1.1875rem;
  --button-hero-giant-padding: 1rem 1.4375rem;
  --button-hero-shadow: 0 0 transparent;
  --button-hero-text-shadow: var(--shadow);
  --button-hero-bevel-size: 0 0 0 0;
  --button-hero-glow-size: 0 0 0 0;
  --button-hero-outline-color: var(--outline-color);
  --button-hero-outline-width: var(--outline-width);
  --button-hero-basic-text-color: var(--color-basic-600);
  --button-hero-basic-bevel-color: var(--color-basic-600);
  --button-hero-basic-glow-color: var(--color-basic-700);
  --button-hero-basic-left-background-color: var(--color-basic-200);
  --button-hero-basic-right-background-color: var(--color-basic-default);
  --button-hero-basic-focus-left-background-color: var(--color-basic-300);
  --button-hero-basic-focus-right-background-color: var(--color-basic-focus);
  --button-hero-basic-hover-left-background-color: var(--color-basic-100);
  --button-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --button-hero-basic-active-left-background-color: var(--color-basic-300);
  --button-hero-basic-active-right-background-color: var(--color-basic-active);
  --button-hero-basic-disabled-background-color: var(--color-basic-disabled);
  --button-hero-basic-disabled-text-color: var(--text-disabled-color);
  --button-hero-primary-text-color: var(--text-control-color);
  --button-hero-primary-bevel-color: var(--color-primary-600);
  --button-hero-primary-glow-color: var(--color-primary-700);
  --button-hero-primary-left-background-color: var(--color-primary-400);
  --button-hero-primary-right-background-color: var(--color-primary-default);
  --button-hero-primary-focus-left-background-color: var(--color-primary-500);
  --button-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --button-hero-primary-hover-left-background-color: var(--color-primary-300);
  --button-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --button-hero-primary-active-left-background-color: var(--color-primary-500);
  --button-hero-primary-active-right-background-color: var(--color-primary-active);
  --button-hero-primary-disabled-background-color: var(--color-primary-disabled);
  --button-hero-primary-disabled-text-color: var(--text-disabled-color);
  --button-hero-success-text-color: var(--text-control-color);
  --button-hero-success-bevel-color: var(--color-success-600);
  --button-hero-success-glow-color: var(--color-success-700);
  --button-hero-success-left-background-color: var(--color-success-400);
  --button-hero-success-right-background-color: var(--color-success-default);
  --button-hero-success-focus-left-background-color: var(--color-success-500);
  --button-hero-success-focus-right-background-color: var(--color-success-focus);
  --button-hero-success-hover-left-background-color: var(--color-success-300);
  --button-hero-success-hover-right-background-color: var(--color-success-hover);
  --button-hero-success-active-left-background-color: var(--color-success-500);
  --button-hero-success-active-right-background-color: var(--color-success-active);
  --button-hero-success-disabled-background-color: var(--color-success-disabled);
  --button-hero-success-disabled-text-color: var(--text-disabled-color);
  --button-hero-info-text-color: var(--text-control-color);
  --button-hero-info-bevel-color: var(--color-info-600);
  --button-hero-info-glow-color: var(--color-info-700);
  --button-hero-info-left-background-color: var(--color-info-400);
  --button-hero-info-right-background-color: var(--color-info-default);
  --button-hero-info-focus-left-background-color: var(--color-info-500);
  --button-hero-info-focus-right-background-color: var(--color-info-focus);
  --button-hero-info-hover-left-background-color: var(--color-info-300);
  --button-hero-info-hover-right-background-color: var(--color-info-hover);
  --button-hero-info-active-left-background-color: var(--color-info-500);
  --button-hero-info-active-right-background-color: var(--color-info-active);
  --button-hero-info-disabled-background-color: var(--color-info-disabled);
  --button-hero-info-disabled-text-color: var(--text-disabled-color);
  --button-hero-warning-text-color: var(--text-control-color);
  --button-hero-warning-bevel-color: var(--color-warning-600);
  --button-hero-warning-glow-color: var(--color-warning-700);
  --button-hero-warning-left-background-color: var(--color-warning-400);
  --button-hero-warning-right-background-color: var(--color-warning-default);
  --button-hero-warning-focus-left-background-color: var(--color-warning-500);
  --button-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --button-hero-warning-hover-left-background-color: var(--color-warning-300);
  --button-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --button-hero-warning-active-left-background-color: var(--color-warning-500);
  --button-hero-warning-active-right-background-color: var(--color-warning-active);
  --button-hero-warning-disabled-background-color: var(--color-warning-disabled);
  --button-hero-warning-disabled-text-color: var(--text-disabled-color);
  --button-hero-danger-text-color: var(--text-control-color);
  --button-hero-danger-bevel-color: var(--color-danger-600);
  --button-hero-danger-glow-color: var(--color-danger-700);
  --button-hero-danger-left-background-color: var(--color-danger-400);
  --button-hero-danger-right-background-color: var(--color-danger-default);
  --button-hero-danger-focus-left-background-color: var(--color-danger-500);
  --button-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --button-hero-danger-hover-left-background-color: var(--color-danger-300);
  --button-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --button-hero-danger-active-left-background-color: var(--color-danger-500);
  --button-hero-danger-active-right-background-color: var(--color-danger-active);
  --button-hero-danger-disabled-background-color: var(--color-danger-disabled);
  --button-hero-danger-disabled-text-color: var(--text-disabled-color);
  --button-hero-control-text-color: var(--color-basic-800);
  --button-hero-control-bevel-color: var(--color-basic-600);
  --button-hero-control-glow-color: var(--color-basic-700);
  --button-hero-control-left-background-color: var(--color-control-default);
  --button-hero-control-right-background-color: var(--color-control-default);
  --button-hero-control-focus-left-background-color: var(--color-basic-200);
  --button-hero-control-focus-right-background-color: var(--color-control-focus);
  --button-hero-control-hover-left-background-color: var(--color-basic-100);
  --button-hero-control-hover-right-background-color: var(--color-control-hover);
  --button-hero-control-active-left-background-color: var(--color-basic-200);
  --button-hero-control-active-right-background-color: var(--color-control-active);
  --button-hero-control-disabled-background-color: var(--color-basic-transparent-300);
  --button-hero-control-disabled-text-color: var(--text-disabled-color);
  --button-group-filled-button-basic-text-color: var(--text-hint-color);
  --button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color);
  --button-group-filled-button-success-text-color: var(--button-filled-success-text-color);
  --button-group-filled-button-info-text-color: var(--button-filled-info-text-color);
  --button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color);
  --button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color);
  --button-group-filled-button-control-text-color: var(--button-filled-control-text-color);
  --button-group-filled-basic-divider-color: var(--color-basic-focus-border);
  --button-group-filled-primary-divider-color: var(--color-primary-focus);
  --button-group-filled-success-divider-color: var(--color-success-focus);
  --button-group-filled-info-divider-color: var(--color-info-focus);
  --button-group-filled-warning-divider-color: var(--color-warning-focus);
  --button-group-filled-danger-divider-color: var(--color-danger-focus);
  --button-group-filled-control-divider-color: var(--color-control-focus);
  --button-group-ghost-divider-color: var(--color-basic-focus-border);
  --icon-button-filled-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-filled-small-padding: 0.5625rem 0.4375rem;
  --icon-button-filled-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-filled-large-padding: 0.8125rem 0.6875rem;
  --icon-button-filled-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-outline-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-outline-small-padding: 0.5625rem 0.4375rem;
  --icon-button-outline-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-outline-large-padding: 0.8125rem 0.6875rem;
  --icon-button-outline-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-ghost-small-padding: 0.5625rem 0.4375rem;
  --icon-button-ghost-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-ghost-large-padding: 0.8125rem 0.6875rem;
  --icon-button-ghost-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-hero-tiny-padding: 0.5rem 0.375rem;
  --icon-button-hero-small-padding: 0.5625rem 0.5rem;
  --icon-button-hero-medium-padding: 0.75rem 0.5625rem;
  --icon-button-hero-large-padding: 0.875rem 0.6875rem;
  --icon-button-hero-giant-padding: 1.0625rem 1rem;
  --input-border-style: solid;
  --input-border-width: 1px;
  --input-outline-color: var(--outline-color);
  --input-outline-width: var(--outline-width);
  --input-placeholder-text-font-family: var(--text-paragraph-font-family);
  --input-text-font-family: var(--text-subtitle-font-family);
  --input-basic-text-color: var(--text-basic-color);
  --input-basic-placeholder-text-color: var(--text-hint-color);
  --input-basic-background-color: var(--background-basic-color-2);
  --input-basic-border-color: var(--border-basic-color-4);
  --input-basic-focus-background-color: var(--background-basic-color-1);
  --input-basic-focus-border-color: var(--color-primary-default-border);
  --input-basic-hover-background-color: var(--background-basic-color-3);
  --input-basic-hover-border-color: var(--border-basic-color-4);
  --input-basic-disabled-background-color: var(--background-basic-color-2);
  --input-basic-disabled-border-color: var(--border-basic-color-4);
  --input-basic-disabled-text-color: var(--text-disabled-color);
  --input-basic-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-primary-text-color: var(--text-basic-color);
  --input-primary-placeholder-text-color: var(--text-hint-color);
  --input-primary-background-color: var(--background-basic-color-2);
  --input-primary-border-color: var(--color-primary-default);
  --input-primary-focus-background-color: var(--background-basic-color-1);
  --input-primary-focus-border-color: var(--color-primary-focus-border);
  --input-primary-hover-background-color: var(--background-basic-color-3);
  --input-primary-hover-border-color: var(--color-primary-hover-border);
  --input-primary-disabled-background-color: var(--background-basic-color-2);
  --input-primary-disabled-border-color: var(--border-basic-color-4);
  --input-primary-disabled-text-color: var(--text-disabled-color);
  --input-primary-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-success-text-color: var(--text-basic-color);
  --input-success-placeholder-text-color: var(--text-hint-color);
  --input-success-background-color: var(--background-basic-color-2);
  --input-success-border-color: var(--color-success-default);
  --input-success-focus-background-color: var(--background-basic-color-1);
  --input-success-focus-border-color: var(--color-success-focus-border);
  --input-success-hover-background-color: var(--background-basic-color-3);
  --input-success-hover-border-color: var(--color-success-hover-border);
  --input-success-disabled-background-color: var(--background-basic-color-2);
  --input-success-disabled-border-color: var(--border-basic-color-4);
  --input-success-disabled-text-color: var(--text-disabled-color);
  --input-success-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-info-text-color: var(--text-basic-color);
  --input-info-placeholder-text-color: var(--text-hint-color);
  --input-info-background-color: var(--background-basic-color-2);
  --input-info-border-color: var(--color-info-default);
  --input-info-focus-background-color: var(--background-basic-color-1);
  --input-info-focus-border-color: var(--color-info-focus-border);
  --input-info-hover-background-color: var(--background-basic-color-3);
  --input-info-hover-border-color: var(--color-info-hover-border);
  --input-info-disabled-background-color: var(--background-basic-color-2);
  --input-info-disabled-border-color: var(--border-basic-color-4);
  --input-info-disabled-text-color: var(--text-disabled-color);
  --input-info-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-warning-text-color: var(--text-basic-color);
  --input-warning-placeholder-text-color: var(--text-hint-color);
  --input-warning-background-color: var(--background-basic-color-2);
  --input-warning-border-color: var(--color-warning-default);
  --input-warning-focus-background-color: var(--background-basic-color-1);
  --input-warning-focus-border-color: var(--color-warning-focus-border);
  --input-warning-hover-background-color: var(--background-basic-color-3);
  --input-warning-hover-border-color: var(--color-warning-hover-border);
  --input-warning-disabled-background-color: var(--background-basic-color-2);
  --input-warning-disabled-border-color: var(--border-basic-color-4);
  --input-warning-disabled-text-color: var(--text-disabled-color);
  --input-warning-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-danger-text-color: var(--text-basic-color);
  --input-danger-placeholder-text-color: var(--text-hint-color);
  --input-danger-background-color: var(--background-basic-color-2);
  --input-danger-border-color: var(--color-danger-default);
  --input-danger-focus-background-color: var(--background-basic-color-1);
  --input-danger-focus-border-color: var(--color-danger-focus-border);
  --input-danger-hover-background-color: var(--background-basic-color-3);
  --input-danger-hover-border-color: var(--color-danger-hover-border);
  --input-danger-disabled-background-color: var(--background-basic-color-2);
  --input-danger-disabled-border-color: var(--border-basic-color-4);
  --input-danger-disabled-text-color: var(--text-disabled-color);
  --input-danger-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-control-text-color: var(--text-control-color);
  --input-control-placeholder-text-color: var(--text-control-color);
  --input-control-background-color: var(--color-basic-control-transparent-300);
  --input-control-border-color: var(--color-basic-control-transparent-500);
  --input-control-focus-background-color: var(--color-basic-control-transparent-500);
  --input-control-focus-border-color: var(--color-control-transparent-focus-border);
  --input-control-hover-background-color: var(--color-basic-control-transparent-400);
  --input-control-hover-border-color: var(--color-control-transparent-hover-border);
  --input-control-disabled-background-color: var(--color-control-transparent-disabled);
  --input-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --input-control-disabled-text-color: var(--text-control-color);
  --input-control-disabled-placeholder-text-color: var(--text-control-color);
  --input-rectangle-border-radius: var(--border-radius);
  --input-semi-round-border-radius: 0.75rem;
  --input-round-border-radius: 1.5rem;
  --input-tiny-text-font-size: var(--text-caption-2-font-size);
  --input-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --input-tiny-text-line-height: var(--text-caption-2-line-height);
  --input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-tiny-padding: 0.1875rem 1rem;
  --input-tiny-max-width: 20rem;
  --input-small-text-font-size: var(--text-subtitle-2-font-size);
  --input-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --input-small-text-line-height: var(--text-subtitle-2-line-height);
  --input-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-small-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-small-padding: 0.1875rem 1rem;
  --input-small-max-width: 20rem;
  --input-medium-text-font-size: var(--text-subtitle-font-size);
  --input-medium-text-font-weight: var(--text-subtitle-font-weight);
  --input-medium-text-line-height: var(--text-subtitle-line-height);
  --input-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-medium-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-medium-padding: 0.4375rem 1rem;
  --input-medium-max-width: 20rem;
  --input-large-text-font-size: var(--text-subtitle-font-size);
  --input-large-text-font-weight: var(--text-subtitle-font-weight);
  --input-large-text-line-height: var(--text-subtitle-line-height);
  --input-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-large-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-large-padding: 0.6875rem 1rem;
  --input-large-max-width: 30rem;
  --input-giant-text-font-size: var(--text-heading-6-font-size);
  --input-giant-text-font-weight: var(--text-heading-6-font-weight);
  --input-giant-text-line-height: var(--text-heading-6-line-height);
  --input-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-giant-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-giant-padding: 0.9375rem 1rem;
  --input-giant-max-width: 30rem;
  --checkbox-height: 1.25rem;
  --checkbox-width: 1.25rem;
  --checkbox-border-style: solid;
  --checkbox-border-width: 1px;
  --checkbox-border-radius: 3px;
  --checkbox-outline-width: var(--outline-width);
  --checkbox-outline-color: var(--outline-color);
  --checkbox-text-font-family: var(--text-subtitle-2-font-family);
  --checkbox-text-font-size: var(--text-subtitle-2-font-size);
  --checkbox-text-font-weight: var(--text-subtitle-2-font-weight);
  --checkbox-text-line-height: var(--text-subtitle-2-line-height);
  --checkbox-text-space: 0.6875rem;
  --checkbox-padding: 0;
  --checkbox-focus-inset-shadow-length: 0 0 0 100vmax;
  --checkbox-basic-text-color: var(--text-basic-color);
  --checkbox-basic-background-color: var(--color-basic-transparent-default);
  --checkbox-basic-border-color: var(--color-basic-transparent-default-border);
  --checkbox-basic-checked-background-color: var(--color-primary-default);
  --checkbox-basic-checked-border-color: var(--color-primary-default-border);
  --checkbox-basic-checked-checkmark-color: var(--text-control-color);
  --checkbox-basic-indeterminate-background-color: var(--color-primary-default);
  --checkbox-basic-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-basic-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-basic-focus-background-color: var(--color-basic-transparent-focus);
  --checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --checkbox-basic-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-basic-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-basic-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-basic-active-background-color: var(--color-basic-transparent-active);
  --checkbox-basic-active-border-color: var(--color-basic-transparent-active-border);
  --checkbox-basic-active-checked-background-color: var(--color-primary-active);
  --checkbox-basic-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-basic-disabled-checkmark-color: var(--text-control-color);
  --checkbox-basic-disabled-text-color: var(--text-disabled-color);
  --checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-primary-text-color: var(--text-basic-color);
  --checkbox-primary-background-color: var(--color-primary-transparent-default);
  --checkbox-primary-border-color: var(--color-primary-transparent-default-border);
  --checkbox-primary-checked-background-color: var(--color-primary-default);
  --checkbox-primary-checked-border-color: var(--color-primary-default-border);
  --checkbox-primary-checked-checkmark-color: var(--text-control-color);
  --checkbox-primary-indeterminate-background-color: var(--color-primary-default);
  --checkbox-primary-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-primary-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-primary-focus-background-color: var(--color-primary-transparent-focus);
  --checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --checkbox-primary-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-primary-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-primary-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-primary-active-background-color: var(--color-primary-transparent-active);
  --checkbox-primary-active-border-color: var(--color-primary-transparent-active-border);
  --checkbox-primary-active-checked-background-color: var(--color-primary-active);
  --checkbox-primary-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-primary-disabled-checkmark-color: var(--text-control-color);
  --checkbox-primary-disabled-text-color: var(--text-disabled-color);
  --checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-success-text-color: var(--text-basic-color);
  --checkbox-success-background-color: var(--color-success-transparent-default);
  --checkbox-success-border-color: var(--color-success-transparent-default-border);
  --checkbox-success-checked-background-color: var(--color-success-default);
  --checkbox-success-checked-border-color: var(--color-success-default-border);
  --checkbox-success-checked-checkmark-color: var(--text-control-color);
  --checkbox-success-indeterminate-background-color: var(--color-success-default);
  --checkbox-success-indeterminate-border-color: var(--color-success-default-border);
  --checkbox-success-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-success-focus-background-color: var(--color-success-transparent-focus);
  --checkbox-success-focus-border-color: var(--color-success-transparent-focus-border);
  --checkbox-success-focus-checked-background-color: var(--color-success-focus);
  --checkbox-success-focus-checked-border-color: var(--color-success-focus-border);
  --checkbox-success-hover-background-color: var(--color-success-transparent-hover);
  --checkbox-success-hover-border-color: var(--color-success-transparent-hover-border);
  --checkbox-success-hover-checked-background-color: var(--color-success-hover);
  --checkbox-success-hover-checked-border-color: var(--color-success-hover-border);
  --checkbox-success-active-background-color: var(--color-success-transparent-active);
  --checkbox-success-active-border-color: var(--color-success-transparent-active-border);
  --checkbox-success-active-checked-background-color: var(--color-success-active);
  --checkbox-success-active-checked-border-color: var(--color-success-active-border);
  --checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-success-disabled-checkmark-color: var(--text-control-color);
  --checkbox-success-disabled-text-color: var(--text-disabled-color);
  --checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-info-text-color: var(--text-basic-color);
  --checkbox-info-background-color: var(--color-info-transparent-default);
  --checkbox-info-border-color: var(--color-info-transparent-default-border);
  --checkbox-info-checked-background-color: var(--color-info-default);
  --checkbox-info-checked-border-color: var(--color-info-default-border);
  --checkbox-info-checked-checkmark-color: var(--text-control-color);
  --checkbox-info-indeterminate-background-color: var(--color-info-default);
  --checkbox-info-indeterminate-border-color: var(--color-info-default-border);
  --checkbox-info-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-info-focus-background-color: var(--color-info-transparent-focus);
  --checkbox-info-focus-border-color: var(--color-info-transparent-focus-border);
  --checkbox-info-focus-checked-background-color: var(--color-info-focus);
  --checkbox-info-focus-checked-border-color: var(--color-info-focus-border);
  --checkbox-info-hover-background-color: var(--color-info-transparent-hover);
  --checkbox-info-hover-border-color: var(--color-info-transparent-hover-border);
  --checkbox-info-hover-checked-background-color: var(--color-info-hover);
  --checkbox-info-hover-checked-border-color: var(--color-info-hover-border);
  --checkbox-info-active-background-color: var(--color-info-transparent-active);
  --checkbox-info-active-border-color: var(--color-info-transparent-active-border);
  --checkbox-info-active-checked-background-color: var(--color-info-active);
  --checkbox-info-active-checked-border-color: var(--color-info-active-border);
  --checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-info-disabled-checkmark-color: var(--text-control-color);
  --checkbox-info-disabled-text-color: var(--text-disabled-color);
  --checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-warning-text-color: var(--text-basic-color);
  --checkbox-warning-background-color: var(--color-warning-transparent-default);
  --checkbox-warning-border-color: var(--color-warning-transparent-default-border);
  --checkbox-warning-checked-background-color: var(--color-warning-default);
  --checkbox-warning-checked-border-color: var(--color-warning-default-border);
  --checkbox-warning-checked-checkmark-color: var(--text-control-color);
  --checkbox-warning-indeterminate-background-color: var(--color-warning-default);
  --checkbox-warning-indeterminate-border-color: var(--color-warning-default-border);
  --checkbox-warning-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-warning-focus-background-color: var(--color-warning-transparent-focus);
  --checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --checkbox-warning-focus-checked-background-color: var(--color-warning-focus);
  --checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --checkbox-warning-hover-background-color: var(--color-warning-transparent-hover);
  --checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --checkbox-warning-hover-checked-background-color: var(--color-warning-hover);
  --checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --checkbox-warning-active-background-color: var(--color-warning-transparent-active);
  --checkbox-warning-active-border-color: var(--color-warning-transparent-active-border);
  --checkbox-warning-active-checked-background-color: var(--color-warning-active);
  --checkbox-warning-active-checked-border-color: var(--color-warning-active-border);
  --checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-warning-disabled-checkmark-color: var(--text-control-color);
  --checkbox-warning-disabled-text-color: var(--text-disabled-color);
  --checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-danger-text-color: var(--text-basic-color);
  --checkbox-danger-background-color: var(--color-danger-transparent-default);
  --checkbox-danger-border-color: var(--color-danger-transparent-default-border);
  --checkbox-danger-checked-background-color: var(--color-danger-default);
  --checkbox-danger-checked-border-color: var(--color-danger-default-border);
  --checkbox-danger-checked-checkmark-color: var(--text-control-color);
  --checkbox-danger-indeterminate-background-color: var(--color-danger-default);
  --checkbox-danger-indeterminate-border-color: var(--color-danger-default-border);
  --checkbox-danger-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-danger-focus-background-color: var(--color-danger-transparent-focus);
  --checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --checkbox-danger-focus-checked-background-color: var(--color-danger-focus);
  --checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --checkbox-danger-hover-background-color: var(--color-danger-transparent-hover);
  --checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --checkbox-danger-hover-checked-background-color: var(--color-danger-hover);
  --checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --checkbox-danger-active-background-color: var(--color-danger-transparent-active);
  --checkbox-danger-active-border-color: var(--color-danger-transparent-active-border);
  --checkbox-danger-active-checked-background-color: var(--color-danger-active);
  --checkbox-danger-active-checked-border-color: var(--color-danger-active-border);
  --checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-danger-disabled-checkmark-color: var(--text-control-color);
  --checkbox-danger-disabled-text-color: var(--text-disabled-color);
  --checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-control-text-color: var(--text-control-color);
  --checkbox-control-background-color: var(--color-control-transparent-default);
  --checkbox-control-border-color: var(--color-control-transparent-default-border);
  --checkbox-control-checked-background-color: var(--color-control-default);
  --checkbox-control-checked-border-color: var(--color-control-default-border);
  --checkbox-control-checked-checkmark-color: var(--color-basic-800);
  --checkbox-control-indeterminate-background-color: var(--color-control-default);
  --checkbox-control-indeterminate-border-color: var(--color-control-default-border);
  --checkbox-control-indeterminate-checkmark-color: var(--color-basic-800);
  --checkbox-control-focus-background-color: var(--color-control-transparent-focus);
  --checkbox-control-focus-border-color: var(--color-control-transparent-focus-border);
  --checkbox-control-focus-checked-background-color: var(--color-control-focus);
  --checkbox-control-focus-checked-border-color: var(--color-control-focus-border);
  --checkbox-control-hover-background-color: var(--color-control-transparent-hover);
  --checkbox-control-hover-border-color: var(--color-control-transparent-hover-border);
  --checkbox-control-hover-checked-background-color: var(--color-control-hover);
  --checkbox-control-hover-checked-border-color: var(--color-control-hover-border);
  --checkbox-control-active-background-color: var(--color-control-transparent-active);
  --checkbox-control-active-border-color: var(--color-control-transparent-active-border);
  --checkbox-control-active-checked-background-color: var(--color-control-active);
  --checkbox-control-active-checked-border-color: var(--color-control-active-border);
  --checkbox-control-disabled-background-color: var(--color-control-transparent-disabled);
  --checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --checkbox-control-disabled-checkmark-color: var(--text-control-color);
  --checkbox-control-disabled-text-color: var(--text-control-color);
  --checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --badge-dot-mode-border-radius: 0.5rem;
  --badge-dot-mode-padding: 0.3rem;
  --badge-border-radius: var(--border-radius);
  --badge-text-font-family: var(--text-button-font-family);
  --badge-text-font-size: var(--text-button-tiny-font-size);
  --badge-text-font-weight: var(--text-button-font-weight);
  --badge-text-line-height: var(--text-button-tiny-line-height);
  --badge-padding: 0.25rem 0.4rem;
  --badge-basic-background-color: var(--background-basic-color-2);
  --badge-basic-text-color: var(--text-basic-color);
  --badge-primary-background-color: var(--color-primary-default);
  --badge-primary-text-color: var(--text-control-color);
  --badge-success-background-color: var(--color-success-default);
  --badge-success-text-color: var(--text-control-color);
  --badge-info-background-color: var(--color-info-default);
  --badge-info-text-color: var(--text-control-color);
  --badge-warning-background-color: var(--color-warning-default);
  --badge-warning-text-color: var(--text-control-color);
  --badge-danger-background-color: var(--color-danger-default);
  --badge-danger-text-color: var(--text-control-color);
  --badge-control-background-color: var(--color-control-default);
  --badge-control-text-color: var(--color-basic-800);
  --progress-bar-animation-duration: 400ms;
  --progress-bar-border-radius: var(--border-radius);
  --progress-bar-text-font-family: var(--text-subtitle-font-family);
  --progress-bar-tiny-height: 1rem;
  --progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-small-height: 1.25rem;
  --progress-bar-small-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-small-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-medium-height: 1.375rem;
  --progress-bar-medium-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-medium-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-large-height: 1.5rem;
  --progress-bar-large-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-large-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-large-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-giant-height: 1.75rem;
  --progress-bar-giant-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-giant-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-basic-background-color: var(--background-basic-color-2);
  --progress-bar-basic-filled-background-color: var(--background-basic-color-4);
  --progress-bar-basic-text-color: var(--text-basic-color);
  --progress-bar-primary-background-color: var(--background-basic-color-3);
  --progress-bar-primary-filled-background-color: var(--color-primary-default);
  --progress-bar-primary-text-color: var(--text-control-color);
  --progress-bar-success-background-color: var(--background-basic-color-3);
  --progress-bar-success-filled-background-color: var(--color-success-default);
  --progress-bar-success-text-color: var(--text-control-color);
  --progress-bar-info-background-color: var(--background-basic-color-3);
  --progress-bar-info-filled-background-color: var(--color-info-default);
  --progress-bar-info-text-color: var(--text-control-color);
  --progress-bar-warning-background-color: var(--background-basic-color-3);
  --progress-bar-warning-filled-background-color: var(--color-warning-default);
  --progress-bar-warning-text-color: var(--text-control-color);
  --progress-bar-danger-background-color: var(--background-basic-color-3);
  --progress-bar-danger-filled-background-color: var(--color-danger-default);
  --progress-bar-danger-text-color: var(--text-control-color);
  --progress-bar-control-background-color: var(--background-basic-color-3);
  --progress-bar-control-filled-background-color: var(--color-control-default);
  --progress-bar-control-text-color: var(--color-basic-800);
  --alert-border-radius: var(--border-radius);
  --alert-bottom-margin: 1.5rem;
  --alert-padding: 1rem 1.125rem;
  --alert-scrollbar-color: var(--scrollbar-color);
  --alert-scrollbar-background-color: var(--scrollbar-background-color);
  --alert-scrollbar-width: var(--scrollbar-width);
  --alert-shadow: none;
  --alert-text-font-family: var(--text-paragraph-font-family);
  --alert-text-font-size: var(--text-subtitle-font-size);
  --alert-text-font-weight: var(--text-subtitle-font-weight);
  --alert-text-line-height: var(--text-subtitle-line-height);
  --alert-closable-start-padding: 3rem;
  --alert-tiny-height: 4.5rem;
  --alert-small-height: 5.75rem;
  --alert-medium-height: 7rem;
  --alert-medium-padding: 1rem 1.125rem;
  --alert-large-height: 8.25rem;
  --alert-giant-height: 9.5rem;
  --alert-basic-background-color: var(--background-basic-color-2);
  --alert-basic-text-color: var(--text-basic-color);
  --alert-primary-background-color: var(--color-primary-default);
  --alert-primary-text-color: var(--text-control-color);
  --alert-success-background-color: var(--color-success-default);
  --alert-success-text-color: var(--text-control-color);
  --alert-info-background-color: var(--color-info-default);
  --alert-info-text-color: var(--text-control-color);
  --alert-warning-background-color: var(--color-warning-default);
  --alert-warning-text-color: var(--text-control-color);
  --alert-danger-background-color: var(--color-danger-default);
  --alert-danger-text-color: var(--text-control-color);
  --alert-control-background-color: var(--color-control-default);
  --alert-control-text-color: var(--color-basic-800);
  --alert-accent-basic-color: var(--border-basic-color-3);
  --alert-accent-primary-color: var(--color-primary-default);
  --alert-accent-info-color: var(--color-info-default);
  --alert-accent-success-color: var(--color-success-default);
  --alert-accent-warning-color: var(--color-warning-default);
  --alert-accent-danger-color: var(--color-danger-default);
  --alert-accent-control-color: var(--color-control-default);
  --alert-outline-width: 1px;
  --alert-outline-basic-color: var(--color-basic-focus-border);
  --alert-outline-primary-color: var(--color-primary-focus-border);
  --alert-outline-info-color: var(--color-info-focus-border);
  --alert-outline-success-color: var(--color-success-focus-border);
  --alert-outline-warning-color: var(--color-warning-focus-border);
  --alert-outline-danger-color: var(--color-danger-focus-border);
  --alert-outline-control-color: var(--color-control-focus-border);
  --chat-background-color: var(--background-basic-color-1);
  --chat-border: none;
  --chat-border-radius: var(--border-radius);
  --chat-shadow: var(--shadow);
  --chat-padding: 1rem 1.25rem;
  --chat-scrollbar-color: var(--scrollbar-color);
  --chat-scrollbar-background-color: var(--scrollbar-background-color);
  --chat-scrollbar-width: var(--scrollbar-width);
  --chat-text-color: var(--text-basic-color);
  --chat-text-font-family: var(--text-paragraph-font-family);
  --chat-text-font-size: var(--text-paragraph-font-size);
  --chat-text-font-weight: var(--text-paragraph-font-weight);
  --chat-text-line-height: var(--text-paragraph-line-height);
  --chat-header-text-font-family: var(--text-subtitle-font-family);
  --chat-header-text-font-size: var(--text-subtitle-font-size);
  --chat-header-text-font-weight: var(--text-subtitle-font-weight);
  --chat-header-text-line-height: var(--text-subtitle-line-height);
  --chat-tiny-height: 13.5rem;
  --chat-small-height: 21rem;
  --chat-medium-height: 28.5rem;
  --chat-large-height: 36rem;
  --chat-giant-height: 43.5rem;
  --chat-basic-background-color: var(--background-basic-color-1);
  --chat-basic-text-color: var(--text-basic-color);
  --chat-primary-background-color: var(--color-primary-default);
  --chat-primary-text-color: var(--text-control-color);
  --chat-success-background-color: var(--color-success-default);
  --chat-success-text-color: var(--text-control-color);
  --chat-info-background-color: var(--color-info-default);
  --chat-info-text-color: var(--text-control-color);
  --chat-warning-background-color: var(--color-warning-default);
  --chat-warning-text-color: var(--text-control-color);
  --chat-danger-background-color: var(--color-danger-default);
  --chat-danger-text-color: var(--text-control-color);
  --chat-control-background-color: var(--color-control-default);
  --chat-control-text-color: var(--color-basic-800);
  --chat-divider-color: var(--divider-color);
  --chat-divider-style: var(--divider-style);
  --chat-divider-width: var(--divider-width);
  --chat-message-background: var(--color-primary-default);
  --chat-message-text-color: var(--text-control-color);
  --chat-message-reply-background-color: var(--background-basic-color-2);
  --chat-message-reply-text-color: var(--text-basic-color);
  --chat-message-avatar-background-color: var(--color-basic-500);
  --chat-message-sender-text-color: var(--text-hint-color);
  --chat-message-quote-background-color: var(--background-basic-color-2);
  --chat-message-quote-text-color: var(--text-hint-color);
  --chat-message-file-text-color: var(--text-hint-color);
  --chat-message-file-background-color: transparent;
  --spinner-text-color: var(--text-basic-color);
  --spinner-text-font-family: var(--text-button-font-family);
  --spinner-text-font-size: var(--text-button-medium-font-size);
  --spinner-text-font-weight: var(--text-button-font-weight);
  --spinner-text-line-height: var(--text-button-medium-line-height);
  --spinner-basic-background-color: var(--color-basic-transparent-200);
  --spinner-basic-circle-filled-color: var(--text-hint-color);
  --spinner-basic-circle-empty-color: transparent;
  --spinner-primary-background-color: var(--color-basic-transparent-200);
  --spinner-primary-circle-filled-color: var(--color-primary-default);
  --spinner-primary-circle-empty-color: transparent;
  --spinner-info-background-color: var(--color-basic-transparent-200);
  --spinner-info-circle-filled-color: var(--color-info-default);
  --spinner-info-circle-empty-color: transparent;
  --spinner-success-background-color: var(--color-basic-transparent-200);
  --spinner-success-circle-filled-color: var(--color-success-default);
  --spinner-success-circle-empty-color: transparent;
  --spinner-warning-background-color: var(--color-basic-transparent-200);
  --spinner-warning-circle-filled-color: var(--color-warning-default);
  --spinner-warning-circle-empty-color: transparent;
  --spinner-danger-background-color: var(--color-basic-transparent-200);
  --spinner-danger-circle-filled-color: var(--color-danger-default);
  --spinner-danger-circle-empty-color: transparent;
  --spinner-control-background-color: var(--color-basic-control-transparent-200);
  --spinner-control-circle-filled-color: var(--color-control-default);
  --spinner-control-circle-empty-color: transparent;
  --spinner-height-tiny: 1rem;
  --spinner-height-small: 1.25rem;
  --spinner-height-medium: 1.5rem;
  --spinner-height-large: 1.75rem;
  --spinner-height-giant: 2rem;
  --stepper-step-text-color: var(--text-hint-color);
  --stepper-step-text-font-family: var(--text-paragraph-font-family);
  --stepper-step-text-font-size: var(--text-paragraph-font-size);
  --stepper-step-text-font-weight: var(--text-paragraph-font-weight);
  --stepper-step-text-line-height: var(--text-paragraph-line-height);
  --stepper-step-active-text-color: var(--text-primary-active-color);
  --stepper-step-completed-text-color: var(--text-primary-color);
  --stepper-step-index-border-color: var(--border-basic-color-4);
  --stepper-step-index-border-style: solid;
  --stepper-step-index-border-width: 1px;
  --stepper-step-index-border-radius: 50%;
  --stepper-step-index-width: 2rem;
  --stepper-step-index-active-border-color: var(--color-primary-active);
  --stepper-step-index-completed-background-color: var(--color-primary-default);
  --stepper-step-index-completed-border-color: var(--color-primary-default);
  --stepper-step-index-completed-text-color: var(--text-control-color);
  --stepper-connector-background-color: var(--background-basic-color-3);
  --stepper-connector-completed-background-color: var(--color-primary-default);
  --stepper-horizontal-connector-margin: 1rem;
  --stepper-vertical-connector-margin: 1rem;
  --stepper-step-content-padding: 1.25rem;
  --accordion-border-radius: var(--border-radius);
  --accordion-padding: 1.25rem;
  --accordion-shadow: var(--shadow);
  --accordion-header-text-color: var(--text-basic-color);
  --accordion-header-text-font-family: var(--text-subtitle-font-family);
  --accordion-header-text-font-size: var(--text-subtitle-font-size);
  --accordion-header-text-font-weight: var(--text-subtitle-font-weight);
  --accordion-header-text-line-height: var(--text-subtitle-line-height);
  --accordion-header-disabled-text-color: var(--text-disabled-color);
  --accordion-header-border-color: var(--border-basic-color-3);
  --accordion-header-border-style: solid;
  --accordion-header-border-width: 1px;
  --accordion-item-background-color: var(--background-basic-color-1);
  --accordion-item-text-color: var(--text-basic-color);
  --accordion-item-text-font-family: var(--text-paragraph-font-family);
  --accordion-item-text-font-size: var(--text-paragraph-font-size);
  --accordion-item-text-font-weight: var(--text-paragraph-font-weight);
  --accordion-item-text-line-height: var(--text-paragraph-line-height);
  --list-item-divider-color: var(--divider-color);
  --list-item-divider-style: var(--divider-style);
  --list-item-divider-width: var(--divider-width);
  --list-item-padding: 1rem;
  --list-item-text-color: var(--text-basic-color);
  --list-item-font-family: var(--text-paragraph-font-family);
  --list-item-font-size: var(--text-paragraph-font-size);
  --list-item-font-weight: var(--text-paragraph-font-weight);
  --list-item-line-height: var(--text-paragraph-line-height);
  --calendar-width: 20.625rem;
  --calendar-background-color: var(--background-basic-color-1);
  --calendar-border-color: var(--border-basic-color-4);
  --calendar-border-style: solid;
  --calendar-border-width: 0.0625rem;
  --calendar-border-radius: var(--border-radius);
  --calendar-text-color: var(--text-basic-color);
  --calendar-text-font-family: var(--text-subtitle-font-family);
  --calendar-text-font-size: var(--text-subtitle-font-size);
  --calendar-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-text-line-height: var(--text-subtitle-line-height);
  --calendar-picker-padding-top: 0.25rem;
  --calendar-picker-padding-bottom: 0.625rem;
  --calendar-picker-padding-start: 0.625rem;
  --calendar-picker-padding-end: 0.625rem;
  --calendar-navigation-text-color: var(--text-basic-color);
  --calendar-navigation-text-font-family: var(--text-button-font-family);
  --calendar-navigation-title-text-font-size: var(--text-button-medium-font-size);
  --calendar-navigation-title-text-font-weight: var(--text-button-font-weight);
  --calendar-navigation-title-text-line-height: var(--text-button-medium-line-height);
  --calendar-navigation-padding: 0.625rem 0.25rem;
  --calendar-cell-inactive-text-color: var(--text-hint-color);
  --calendar-cell-disabled-text-color: var(--text-disabled-color);
  --calendar-cell-hover-background-color: var(--background-basic-color-2);
  --calendar-cell-hover-border-color: var(--background-basic-color-2);
  --calendar-cell-hover-text-color: var(--text-basic-color);
  --calendar-cell-hover-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-hover-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-active-background-color: var(--color-primary-active);
  --calendar-cell-active-border-color: var(--color-primary-active-border);
  --calendar-cell-active-text-color: var(--text-control-color);
  --calendar-cell-active-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-active-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-active-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-background-color: var(--color-primary-transparent-default);
  --calendar-cell-today-border-color: var(--color-primary-transparent-default-border);
  --calendar-cell-today-text-color: var(--text-basic-color);
  --calendar-cell-today-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-today-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-today-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover);
  --calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border);
  --calendar-cell-today-active-background-color: var(--color-primary-transparent-active);
  --calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border);
  --calendar-cell-today-disabled-border-color: var(--border-basic-color-4);
  --calendar-cell-today-selected-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-selected-border-color: transparent;
  --calendar-cell-today-selected-text-color: var(--text-control-color);
  --calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-selected-hover-border-color: transparent;
  --calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-selected-active-border-color: transparent;
  --calendar-cell-today-in-range-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-in-range-border-color: transparent;
  --calendar-cell-today-in-range-text-color: var(--text-control-color);
  --calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-in-range-hover-border-color: transparent;
  --calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-in-range-active-border-color: transparent;
  --calendar-cell-selected-background-color: var(--color-primary-default);
  --calendar-cell-selected-border-color: var(--color-primary-default-border);
  --calendar-cell-selected-text-color: var(--text-control-color);
  --calendar-cell-selected-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-selected-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-selected-hover-background-color: var(--color-primary-hover);
  --calendar-cell-selected-hover-border-color: var(--color-primary-hover-border);
  --calendar-cell-selected-active-background-color: var(--color-primary-active);
  --calendar-cell-selected-active-border-color: var(--color-primary-active-border);
  --calendar-day-cell-width: 2.75rem;
  --calendar-day-cell-height: 2.75rem;
  --calendar-month-cell-width: 4.8125rem;
  --calendar-month-cell-height: var(--calendar-day-cell-height);
  --calendar-year-cell-width: var(--calendar-month-cell-width);
  --calendar-year-cell-height: var(--calendar-month-cell-height);
  --calendar-weekday-background: transparent;
  --calendar-weekday-divider-color: var(--divider-color);
  --calendar-weekday-divider-width: var(--divider-width);
  --calendar-weekday-text-color: var(--text-hint-color);
  --calendar-weekday-text-font-size: var(--text-subtitle-font-size);
  --calendar-weekday-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weekday-text-line-height: var(--text-subtitle-line-height);
  --calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color);
  --calendar-weekday-height: var(--calendar-day-cell-height);
  --calendar-weekday-width: var(--calendar-day-cell-width);
  --calendar-weeknumber-background: transparent;
  --calendar-weeknumber-divider-color: var(--divider-color);
  --calendar-weeknumber-divider-width: var(--divider-width);
  --calendar-weeknumber-text-color: var(--text-hint-color);
  --calendar-weeknumber-text-font-size: var(--text-subtitle-font-size);
  --calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weeknumber-text-line-height: var(--text-subtitle-line-height);
  --calendar-weeknumber-height: var(--calendar-weekday-height);
  --calendar-weeknumber-width: var(--calendar-weekday-width);
  --calendar-large-width: 22.375rem;
  --calendar-day-cell-large-width: 3rem;
  --calendar-day-cell-large-height: 3rem;
  --calendar-weekday-large-height: var(--calendar-day-cell-large-width);
  --calendar-weekday-large-width: var(--calendar-day-cell-large-height);
  --calendar-weeknumber-large-height: var(--calendar-weekday-large-height);
  --calendar-weeknumber-large-width: var(--calendar-weekday-large-width);
  --calendar-month-cell-large-width: 5.25rem;
  --calendar-month-cell-large-height: var(--calendar-day-cell-large-height);
  --calendar-year-cell-large-width: var(--calendar-month-cell-large-width);
  --calendar-year-cell-large-height: var(--calendar-month-cell-large-height);
  --overlay-backdrop-background-color: rgba(0, 0, 0, 0.35);
  --tooltip-background-color: var(--background-alternative-color-3);
  --tooltip-border-color: transparent;
  --tooltip-border-style: dashed;
  --tooltip-border-width: 0;
  --tooltip-border-radius: var(--border-radius);
  --tooltip-padding: 0.5rem 1rem;
  --tooltip-text-color: var(--text-alternate-color);
  --tooltip-text-font-family: var(--text-caption-font-family);
  --tooltip-text-font-size: var(--text-caption-font-size);
  --tooltip-text-font-weight: var(--text-caption-font-weight);
  --tooltip-text-line-height: var(--text-caption-line-height);
  --tooltip-icon-height: 1rem;
  --tooltip-icon-width: 1rem;
  --tooltip-max-width: 16rem;
  --tooltip-basic-background-color: var(--background-basic-color-3);
  --tooltip-basic-border-color: transparent;
  --tooltip-basic-text-color: var(--text-basic-color);
  --tooltip-primary-background-color: var(--color-primary-default);
  --tooltip-primary-border-color: transparent;
  --tooltip-primary-text-color: var(--text-control-color);
  --tooltip-info-background-color: var(--color-info-default);
  --tooltip-info-border-color: transparent;
  --tooltip-info-text-color: var(--text-control-color);
  --tooltip-success-background-color: var(--color-success-default);
  --tooltip-success-border-color: transparent;
  --tooltip-success-text-color: var(--text-control-color);
  --tooltip-warning-background-color: var(--color-warning-default);
  --tooltip-warning-border-color: transparent;
  --tooltip-warning-text-color: var(--text-control-color);
  --tooltip-danger-background-color: var(--color-danger-default);
  --tooltip-danger-border-color: transparent;
  --tooltip-danger-text-color: var(--text-control-color);
  --tooltip-control-background-color: var(--color-control-default);
  --tooltip-control-border-color: transparent;
  --tooltip-control-text-color: var(--color-basic-800);
  --tooltip-shadow: var(--shadow);
  --option-list-max-height: 20rem;
  --option-list-shadow: none;
  --option-list-background-color: var(--background-basic-color-1);
  --option-list-border-style: solid;
  --option-list-border-width: 0.0625rem;
  --option-list-border-color: var(--border-basic-color-4);
  --option-list-border-radius: var(--border-radius);
  --option-list-adjacent-border-color: var(--option-list-border-color);
  --option-list-adjacent-border-style: var(--option-list-border-style);
  --option-list-adjacent-border-width: var(--option-list-border-width);
  --option-group-text-color: var(--text-hint-color);
  --option-group-tiny-start-padding: 1.25rem;
  --option-group-small-start-padding: 1.75rem;
  --option-group-medium-start-padding: 2.25rem;
  --option-group-large-start-padding: 2.25rem;
  --option-group-giant-start-padding: 2.75rem;
  --option-background-color: var(--background-basic-color-1);
  --option-text-color: var(--text-basic-color);
  --option-text-font-family: var(--text-subtitle-font-family);
  --option-hover-background-color: var(--color-basic-transparent-hover);
  --option-hover-text-color: var(--text-basic-color);
  --option-active-background-color: var(--color-basic-transparent-active);
  --option-active-text-color: var(--text-basic-color);
  --option-focus-background-color: var(--color-basic-transparent-focus);
  --option-focus-text-color: var(--text-basic-color);
  --option-selected-background-color: var(--color-primary-default);
  --option-selected-text-color: var(--text-control-color);
  --option-selected-hover-background-color: var(--color-primary-hover);
  --option-selected-hover-text-color: var(--text-control-color);
  --option-selected-active-background-color: var(--color-primary-active);
  --option-selected-active-text-color: var(--text-control-color);
  --option-selected-focus-background-color: var(--color-primary-focus);
  --option-selected-focus-text-color: var(--text-control-color);
  --option-disabled-background-color: var(--background-basic-color-1);
  --option-disabled-text-color: var(--text-disabled-color);
  --option-tiny-text-font-size: var(--text-caption-2-font-size);
  --option-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --option-tiny-text-line-height: var(--text-caption-2-line-height);
  --option-tiny-padding: var(--select-outline-tiny-padding);
  --option-small-text-font-size: var(--text-subtitle-2-font-size);
  --option-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --option-small-text-line-height: var(--text-subtitle-2-line-height);
  --option-small-padding: var(--select-outline-small-padding);
  --option-medium-text-font-size: var(--text-subtitle-font-size);
  --option-medium-text-font-weight: var(--text-subtitle-font-weight);
  --option-medium-text-line-height: var(--text-subtitle-line-height);
  --option-medium-padding: var(--select-outline-medium-padding);
  --option-large-text-font-size: var(--text-subtitle-font-size);
  --option-large-text-font-weight: var(--text-subtitle-font-weight);
  --option-large-text-line-height: var(--text-subtitle-line-height);
  --option-large-padding: var(--select-outline-large-padding);
  --option-giant-text-font-size: var(--text-heading-6-font-size);
  --option-giant-text-font-weight: var(--text-heading-6-font-weight);
  --option-giant-text-line-height: var(--text-heading-6-line-height);
  --option-giant-padding: var(--select-outline-giant-padding);
  --select-cursor: pointer;
  --select-disabled-cursor: default;
  --select-min-width: 13rem;
  --select-outline-width: var(--outline-width);
  --select-outline-color: var(--outline-color);
  --select-icon-offset: 2rem;
  --select-text-font-family: var(--text-subtitle-font-family);
  --select-placeholder-text-font-family: var(--text-paragraph-font-family);
  --select-tiny-text-font-size: var(--text-caption-2-font-size);
  --select-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --select-tiny-text-line-height: var(--text-caption-2-line-height);
  --select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-tiny-max-width: 20rem;
  --select-small-text-font-size: var(--text-subtitle-2-font-size);
  --select-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --select-small-text-line-height: var(--text-subtitle-2-line-height);
  --select-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-small-max-width: 20rem;
  --select-medium-text-font-size: var(--text-subtitle-font-size);
  --select-medium-text-font-weight: var(--text-subtitle-font-weight);
  --select-medium-text-line-height: var(--text-subtitle-line-height);
  --select-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-medium-max-width: 20rem;
  --select-large-text-font-size: var(--text-subtitle-font-size);
  --select-large-text-font-weight: var(--text-subtitle-font-weight);
  --select-large-text-line-height: var(--text-subtitle-line-height);
  --select-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-large-max-width: 30rem;
  --select-giant-text-font-size: var(--text-heading-6-font-size);
  --select-giant-text-font-weight: var(--text-heading-6-font-weight);
  --select-giant-text-line-height: var(--text-heading-6-line-height);
  --select-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-giant-max-width: 30rem;
  --select-rectangle-border-radius: var(--border-radius);
  --select-semi-round-border-radius: 0.75rem;
  --select-round-border-radius: 1.5rem;
  --select-outline-border-style: solid;
  --select-outline-border-width: 1px;
  --select-outline-tiny-padding: 0.1875rem 1rem;
  --select-outline-small-padding: 0.1875rem 1rem;
  --select-outline-medium-padding: 0.4375rem 1rem;
  --select-outline-large-padding: 0.6875rem 1rem;
  --select-outline-giant-padding: 0.9375rem 1rem;
  --select-outline-basic-icon-color: var(--text-hint-color);
  --select-outline-basic-text-color: var(--text-basic-color);
  --select-outline-basic-placeholder-text-color: var(--text-hint-color);
  --select-outline-basic-background-color: var(--background-basic-color-2);
  --select-outline-basic-border-color: var(--border-basic-color-4);
  --select-outline-basic-focus-background-color: var(--background-basic-color-1);
  --select-outline-basic-focus-border-color: var(--color-primary-default);
  --select-outline-basic-hover-background-color: var(--background-basic-color-3);
  --select-outline-basic-hover-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-background-color: var(--background-basic-color-2);
  --select-outline-basic-disabled-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-icon-color: var(--text-disabled-color);
  --select-outline-basic-disabled-text-color: var(--text-disabled-color);
  --select-outline-primary-icon-color: var(--text-hint-color);
  --select-outline-primary-text-color: var(--text-basic-color);
  --select-outline-primary-placeholder-text-color: var(--text-hint-color);
  --select-outline-primary-background-color: var(--background-basic-color-2);
  --select-outline-primary-border-color: var(--color-primary-default);
  --select-outline-primary-focus-background-color: var(--background-basic-color-1);
  --select-outline-primary-focus-border-color: var(--color-primary-focus);
  --select-outline-primary-hover-background-color: var(--background-basic-color-3);
  --select-outline-primary-hover-border-color: var(--color-primary-hover);
  --select-outline-primary-disabled-background-color: var(--background-basic-color-2);
  --select-outline-primary-disabled-border-color: var(--border-basic-color-4);
  --select-outline-primary-disabled-icon-color: var(--text-disabled-color);
  --select-outline-primary-disabled-text-color: var(--text-disabled-color);
  --select-outline-success-icon-color: var(--text-hint-color);
  --select-outline-success-text-color: var(--text-basic-color);
  --select-outline-success-placeholder-text-color: var(--text-hint-color);
  --select-outline-success-background-color: var(--background-basic-color-2);
  --select-outline-success-border-color: var(--color-success-default);
  --select-outline-success-focus-background-color: var(--background-basic-color-1);
  --select-outline-success-focus-border-color: var(--color-success-focus);
  --select-outline-success-hover-background-color: var(--background-basic-color-3);
  --select-outline-success-hover-border-color: var(--color-success-hover);
  --select-outline-success-disabled-background-color: var(--background-basic-color-2);
  --select-outline-success-disabled-border-color: var(--border-basic-color-4);
  --select-outline-success-disabled-icon-color: var(--text-disabled-color);
  --select-outline-success-disabled-text-color: var(--text-disabled-color);
  --select-outline-info-icon-color: var(--text-hint-color);
  --select-outline-info-text-color: var(--text-basic-color);
  --select-outline-info-placeholder-text-color: var(--text-hint-color);
  --select-outline-info-background-color: var(--background-basic-color-2);
  --select-outline-info-border-color: var(--color-info-default);
  --select-outline-info-focus-background-color: var(--background-basic-color-1);
  --select-outline-info-focus-border-color: var(--color-info-focus);
  --select-outline-info-hover-background-color: var(--background-basic-color-3);
  --select-outline-info-hover-border-color: var(--color-info-hover);
  --select-outline-info-disabled-background-color: var(--background-basic-color-2);
  --select-outline-info-disabled-border-color: var(--border-basic-color-4);
  --select-outline-info-disabled-icon-color: var(--text-disabled-color);
  --select-outline-info-disabled-text-color: var(--text-disabled-color);
  --select-outline-warning-icon-color: var(--text-hint-color);
  --select-outline-warning-text-color: var(--text-basic-color);
  --select-outline-warning-placeholder-text-color: var(--text-hint-color);
  --select-outline-warning-background-color: var(--background-basic-color-2);
  --select-outline-warning-border-color: var(--color-warning-default);
  --select-outline-warning-focus-background-color: var(--background-basic-color-1);
  --select-outline-warning-focus-border-color: var(--color-warning-focus);
  --select-outline-warning-hover-background-color: var(--background-basic-color-3);
  --select-outline-warning-hover-border-color: var(--color-warning-hover);
  --select-outline-warning-disabled-background-color: var(--background-basic-color-2);
  --select-outline-warning-disabled-border-color: var(--border-basic-color-4);
  --select-outline-warning-disabled-icon-color: var(--text-disabled-color);
  --select-outline-warning-disabled-text-color: var(--text-disabled-color);
  --select-outline-danger-icon-color: var(--text-hint-color);
  --select-outline-danger-text-color: var(--text-basic-color);
  --select-outline-danger-placeholder-text-color: var(--text-hint-color);
  --select-outline-danger-background-color: var(--background-basic-color-2);
  --select-outline-danger-border-color: var(--color-danger-default);
  --select-outline-danger-focus-background-color: var(--background-basic-color-1);
  --select-outline-danger-focus-border-color: var(--color-danger-focus);
  --select-outline-danger-hover-background-color: var(--background-basic-color-3);
  --select-outline-danger-hover-border-color: var(--color-danger-hover);
  --select-outline-danger-disabled-background-color: var(--background-basic-color-2);
  --select-outline-danger-disabled-border-color: var(--border-basic-color-4);
  --select-outline-danger-disabled-icon-color: var(--text-disabled-color);
  --select-outline-danger-disabled-text-color: var(--text-disabled-color);
  --select-outline-control-icon-color: var(--color-basic-100);
  --select-outline-control-text-color: var(--color-basic-100);
  --select-outline-control-placeholder-text-color: var(--color-basic-100);
  --select-outline-control-background-color: var(--color-basic-control-transparent-300);
  --select-outline-control-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-background-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --select-outline-control-hover-background-color: var(--color-basic-control-transparent-400);
  --select-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --select-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-disabled-icon-color: var(--color-basic-100);
  --select-outline-control-disabled-text-color: var(--color-basic-100);
  --select-outline-adjacent-border-style: var(--select-outline-border-style);
  --select-outline-adjacent-border-width: var(--select-outline-border-width);
  --select-outline-basic-open-border-color: var(--select-outline-basic-border-color);
  --select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color);
  --select-outline-primary-open-border-color: var(--select-outline-primary-border-color);
  --select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color);
  --select-outline-success-open-border-color: var(--select-outline-success-border-color);
  --select-outline-success-adjacent-border-color: var(--select-outline-success-border-color);
  --select-outline-info-open-border-color: var(--select-outline-info-border-color);
  --select-outline-info-adjacent-border-color: var(--select-outline-info-border-color);
  --select-outline-warning-open-border-color: var(--select-outline-warning-border-color);
  --select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color);
  --select-outline-danger-open-border-color: var(--select-outline-danger-border-color);
  --select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color);
  --select-outline-control-open-border-color: var(--select-outline-control-border-color);
  --select-outline-control-adjacent-border-color: var(--select-outline-control-border-color);
  --select-filled-border-style: solid;
  --select-filled-border-width: 1px;
  --select-filled-tiny-padding: 0.1875rem 1rem;
  --select-filled-small-padding: 0.1875rem 1rem;
  --select-filled-medium-padding: 0.4375rem 1rem;
  --select-filled-large-padding: 0.6875rem 1rem;
  --select-filled-giant-padding: 0.9375rem 1rem;
  --select-filled-basic-background-color: var(--color-basic-default);
  --select-filled-basic-border-color: var(--color-basic-default-border);
  --select-filled-basic-icon-color: var(--color-basic-800);
  --select-filled-basic-text-color: var(--color-basic-800);
  --select-filled-basic-placeholder-text-color: var(--text-hint-color);
  --select-filled-basic-focus-background-color: var(--color-basic-focus);
  --select-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --select-filled-basic-hover-background-color: var(--color-basic-hover);
  --select-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --select-filled-basic-disabled-background-color: var(--background-basic-color-2);
  --select-filled-basic-disabled-border-color: var(--border-basic-color-2);
  --select-filled-basic-disabled-icon-color: var(--text-disabled-color);
  --select-filled-basic-disabled-text-color: var(--text-disabled-color);
  --select-filled-primary-background-color: var(--color-primary-default);
  --select-filled-primary-border-color: var(--color-primary-default-border);
  --select-filled-primary-icon-color: var(--text-control-color);
  --select-filled-primary-text-color: var(--text-control-color);
  --select-filled-primary-placeholder-text-color: var(--text-control-color);
  --select-filled-primary-focus-background-color: var(--color-primary-focus);
  --select-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --select-filled-primary-hover-background-color: var(--color-primary-hover);
  --select-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --select-filled-primary-disabled-background-color: var(--background-basic-color-2);
  --select-filled-primary-disabled-border-color: var(--border-basic-color-2);
  --select-filled-primary-disabled-icon-color: var(--text-disabled-color);
  --select-filled-primary-disabled-text-color: var(--text-disabled-color);
  --select-filled-success-background-color: var(--color-success-default);
  --select-filled-success-border-color: var(--color-success-default-border);
  --select-filled-success-icon-color: var(--text-control-color);
  --select-filled-success-text-color: var(--text-control-color);
  --select-filled-success-placeholder-text-color: var(--text-control-color);
  --select-filled-success-focus-background-color: var(--color-success-focus);
  --select-filled-success-focus-border-color: var(--color-success-focus-border);
  --select-filled-success-hover-background-color: var(--color-success-hover);
  --select-filled-success-hover-border-color: var(--color-success-hover-border);
  --select-filled-success-disabled-background-color: var(--background-basic-color-2);
  --select-filled-success-disabled-border-color: var(--border-basic-color-2);
  --select-filled-success-disabled-icon-color: var(--text-disabled-color);
  --select-filled-success-disabled-text-color: var(--text-disabled-color);
  --select-filled-info-background-color: var(--color-info-default);
  --select-filled-info-border-color: var(--color-info-default-border);
  --select-filled-info-icon-color: var(--text-control-color);
  --select-filled-info-text-color: var(--text-control-color);
  --select-filled-info-placeholder-text-color: var(--text-control-color);
  --select-filled-info-focus-background-color: var(--color-info-focus);
  --select-filled-info-focus-border-color: var(--color-info-focus-border);
  --select-filled-info-hover-background-color: var(--color-info-hover);
  --select-filled-info-hover-border-color: var(--color-info-hover-border);
  --select-filled-info-disabled-background-color: var(--background-basic-color-2);
  --select-filled-info-disabled-border-color: var(--border-basic-color-2);
  --select-filled-info-disabled-icon-color: var(--text-disabled-color);
  --select-filled-info-disabled-text-color: var(--text-disabled-color);
  --select-filled-warning-background-color: var(--color-warning-default);
  --select-filled-warning-border-color: var(--color-warning-default-border);
  --select-filled-warning-icon-color: var(--text-control-color);
  --select-filled-warning-text-color: var(--text-control-color);
  --select-filled-warning-placeholder-text-color: var(--text-control-color);
  --select-filled-warning-focus-background-color: var(--color-warning-focus);
  --select-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --select-filled-warning-hover-background-color: var(--color-warning-hover);
  --select-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --select-filled-warning-disabled-background-color: var(--background-basic-color-2);
  --select-filled-warning-disabled-border-color: var(--border-basic-color-2);
  --select-filled-warning-disabled-icon-color: var(--text-disabled-color);
  --select-filled-warning-disabled-text-color: var(--text-disabled-color);
  --select-filled-danger-background-color: var(--color-danger-default);
  --select-filled-danger-border-color: var(--color-danger-default-border);
  --select-filled-danger-icon-color: var(--text-control-color);
  --select-filled-danger-text-color: var(--text-control-color);
  --select-filled-danger-placeholder-text-color: var(--text-control-color);
  --select-filled-danger-focus-background-color: var(--color-danger-focus);
  --select-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --select-filled-danger-hover-background-color: var(--color-danger-hover);
  --select-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --select-filled-danger-disabled-background-color: var(--background-basic-color-2);
  --select-filled-danger-disabled-border-color: var(--border-basic-color-2);
  --select-filled-danger-disabled-icon-color: var(--text-disabled-color);
  --select-filled-danger-disabled-text-color: var(--text-disabled-color);
  --select-filled-control-background-color: var(--color-control-default);
  --select-filled-control-border-color: var(--color-control-default-border);
  --select-filled-control-icon-color: var(--color-basic-800);
  --select-filled-control-text-color: var(--color-basic-800);
  --select-filled-control-placeholder-text-color: var(--text-hint-color);
  --select-filled-control-focus-background-color: var(--color-control-focus);
  --select-filled-control-focus-border-color: var(--color-control-focus-border);
  --select-filled-control-hover-background-color: var(--color-control-hover);
  --select-filled-control-hover-border-color: var(--color-control-hover-border);
  --select-filled-control-disabled-background-color: var(--background-basic-color-2);
  --select-filled-control-disabled-border-color: var(--border-basic-color-2);
  --select-filled-control-disabled-icon-color: var(--text-disabled-color);
  --select-filled-control-disabled-text-color: var(--text-disabled-color);
  --select-hero-tiny-padding: 0.25rem 1rem;
  --select-hero-small-padding: 0.25rem 1rem;
  --select-hero-medium-padding: 0.5rem 1rem;
  --select-hero-large-padding: 0.75rem 1rem;
  --select-hero-giant-padding: 1rem 1rem;
  --select-hero-basic-left-background-color: var(--color-basic-200);
  --select-hero-basic-right-background-color: var(--color-basic-default);
  --select-hero-basic-icon-color: var(--color-basic-800);
  --select-hero-basic-text-color: var(--color-basic-800);
  --select-hero-basic-placeholder-text-color: var(--text-hint-color);
  --select-hero-basic-focus-left-background-color: var(--color-basic-300);
  --select-hero-basic-focus-right-background-color: var(--color-basic-400);
  --select-hero-basic-hover-left-background-color: var(--color-basic-100);
  --select-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --select-hero-basic-disabled-background-color: var(--background-basic-color-2);
  --select-hero-basic-disabled-icon-color: var(--text-disabled-color);
  --select-hero-basic-disabled-text-color: var(--text-disabled-color);
  --select-hero-primary-left-background-color: var(--color-primary-400);
  --select-hero-primary-right-background-color: var(--color-primary-default);
  --select-hero-primary-icon-color: var(--text-control-color);
  --select-hero-primary-text-color: var(--text-control-color);
  --select-hero-primary-placeholder-text-color: var(--text-control-color);
  --select-hero-primary-focus-left-background-color: var(--color-primary-500);
  --select-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --select-hero-primary-hover-left-background-color: var(--color-primary-300);
  --select-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --select-hero-primary-disabled-background-color: var(--background-basic-color-2);
  --select-hero-primary-disabled-icon-color: var(--text-disabled-color);
  --select-hero-primary-disabled-text-color: var(--text-disabled-color);
  --select-hero-success-left-background-color: var(--color-success-400);
  --select-hero-success-right-background-color: var(--color-success-default);
  --select-hero-success-icon-color: var(--text-control-color);
  --select-hero-success-text-color: var(--text-control-color);
  --select-hero-success-placeholder-text-color: var(--text-control-color);
  --select-hero-success-focus-left-background-color: var(--color-success-500);
  --select-hero-success-focus-right-background-color: var(--color-success-focus);
  --select-hero-success-hover-left-background-color: var(--color-success-300);
  --select-hero-success-hover-right-background-color: var(--color-success-hover);
  --select-hero-success-disabled-background-color: var(--background-basic-color-2);
  --select-hero-success-disabled-icon-color: var(--text-disabled-color);
  --select-hero-success-disabled-text-color: var(--text-disabled-color);
  --select-hero-info-left-background-color: var(--color-info-400);
  --select-hero-info-right-background-color: var(--color-info-default);
  --select-hero-info-icon-color: var(--text-control-color);
  --select-hero-info-text-color: var(--text-control-color);
  --select-hero-info-placeholder-text-color: var(--text-control-color);
  --select-hero-info-focus-left-background-color: var(--color-info-500);
  --select-hero-info-focus-right-background-color: var(--color-info-focus);
  --select-hero-info-hover-left-background-color: var(--color-info-300);
  --select-hero-info-hover-right-background-color: var(--color-info-hover);
  --select-hero-info-disabled-background-color: var(--background-basic-color-2);
  --select-hero-info-disabled-icon-color: var(--text-disabled-color);
  --select-hero-info-disabled-text-color: var(--text-disabled-color);
  --select-hero-warning-left-background-color: var(--color-warning-400);
  --select-hero-warning-right-background-color: var(--color-warning-default);
  --select-hero-warning-icon-color: var(--text-control-color);
  --select-hero-warning-text-color: var(--text-control-color);
  --select-hero-warning-placeholder-text-color: var(--text-control-color);
  --select-hero-warning-focus-left-background-color: var(--color-warning-500);
  --select-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --select-hero-warning-hover-left-background-color: var(--color-warning-300);
  --select-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --select-hero-warning-disabled-background-color: var(--background-basic-color-2);
  --select-hero-warning-disabled-icon-color: var(--text-disabled-color);
  --select-hero-warning-disabled-text-color: var(--text-disabled-color);
  --select-hero-danger-left-background-color: var(--color-danger-400);
  --select-hero-danger-right-background-color: var(--color-danger-default);
  --select-hero-danger-icon-color: var(--text-control-color);
  --select-hero-danger-text-color: var(--text-control-color);
  --select-hero-danger-placeholder-text-color: var(--text-control-color);
  --select-hero-danger-focus-left-background-color: var(--color-danger-500);
  --select-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --select-hero-danger-hover-left-background-color: var(--color-danger-300);
  --select-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --select-hero-danger-disabled-background-color: var(--background-basic-color-2);
  --select-hero-danger-disabled-icon-color: var(--text-disabled-color);
  --select-hero-danger-disabled-text-color: var(--text-disabled-color);
  --select-hero-control-left-background-color: var(--color-control-default);
  --select-hero-control-right-background-color: var(--color-control-default);
  --select-hero-control-icon-color: var(--color-basic-800);
  --select-hero-control-text-color: var(--color-basic-800);
  --select-hero-control-placeholder-text-color: var(--text-hint-color);
  --select-hero-control-focus-left-background-color: var(--color-basic-200);
  --select-hero-control-focus-right-background-color: var(--color-control-focus);
  --select-hero-control-hover-left-background-color: var(--color-basic-100);
  --select-hero-control-hover-right-background-color: var(--color-control-hover);
  --select-hero-control-disabled-background-color: var(--background-basic-color-2);
  --select-hero-control-disabled-icon-color: var(--text-disabled-color);
  --select-hero-control-disabled-text-color: var(--text-disabled-color);
  --datepicker-background-color: var(--background-basic-color-1);
  --datepicker-border-color: var(--border-basic-color-4);
  --datepicker-border-style: solid;
  --datepicker-border-width: 0.0625rem;
  --datepicker-border-radius: var(--border-radius);
  --datepicker-shadow: none;
  --timepicker-cell-text-color: var(--text-basic-color);
  --timepicker-cell-hover-background-color: var(--background-basic-color-2);
  --timepicker-cell-hover-text-color: var(--text-basic-color);
  --timepicker-cell-focus-background-color: var(--color-basic-focus);
  --timepicker-cell-focus-text-color: var(--text-basic-color);
  --timepicker-cell-active-background-color: var(--color-primary-default);
  --timepicker-cell-active-text-color: var(--text-control-color);
  --timepicker-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-cell-height: 2.75rem;
  --timepicker-header-cell-text-color: var(--text-hint-color);
  --timepicker-header-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-header-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-header-cell-height: 2.75rem;
  --timepicker-header-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-border-color: var(--datepicker-border-color);
  --timepicker-border-style: var(--datepicker-border-style);
  --timepicker-border-width: var(--datepicker-border-width);
  --timepicker-scrollbar-color: var(--scrollbar-color);
  --timepicker-scrollbar-background-color: var(--scrollbar-background-color);
  --timepicker-scrollbar-width: var(--scrollbar-width);
  --timepicker-single-column-width: 5rem;
  --timepicker-multiple-column-width: 13.875rem;
  --timepicker-title-height: 3.75rem;
  --timepicker-title-padding: var(--text-paragraph-line-height);
  --timepicker-container-width: 20rem;
  --timepicker-container-height: 26.1875rem;
  --radio-width: 1.25rem;
  --radio-height: 1.25rem;
  --radio-border-style: solid;
  --radio-border-width: 1px;
  --radio-text-font-family: var(--text-subtitle-2-font-family);
  --radio-text-font-size: var(--text-subtitle-2-font-size);
  --radio-text-font-weight: var(--text-subtitle-2-font-weight);
  --radio-text-line-height: var(--text-subtitle-2-line-height);
  --radio-outline-color: var(--outline-color);
  --radio-outline-width: var(--outline-width);
  --radio-basic-text-color: var(--text-basic-color);
  --radio-basic-border-color: var(--color-basic-transparent-default-border);
  --radio-basic-background-color: var(--color-basic-transparent-default);
  --radio-basic-checked-background-color: transparent;
  --radio-basic-checked-border-color: var(--color-primary-default-border);
  --radio-basic-inner-circle-color: var(--color-primary-default);
  --radio-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-basic-focus-background-color: var(--color-primary-transparent-focus);
  --radio-basic-focus-checked-background-color: transparent;
  --radio-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-basic-focus-inner-circle-color: var(--color-primary-focus);
  --radio-basic-hover-background-color: var(--color-primary-transparent-hover);
  --radio-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-basic-hover-inner-circle-color: var(--color-primary-hover);
  --radio-basic-hover-checked-background-color: transparent;
  --radio-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-basic-active-background-color: var(--color-primary-transparent-active);
  --radio-basic-active-border-color: var(--color-primary-transparent-active-border);
  --radio-basic-active-inner-circle-color: var(--color-primary-active);
  --radio-basic-active-checked-background-color: transparent;
  --radio-basic-active-checked-border-color: var(--color-primary-active-border);
  --radio-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-basic-disabled-text-color: var(--text-disabled-color);
  --radio-basic-disabled-checked-background-color: transparent;
  --radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-primary-text-color: var(--text-basic-color);
  --radio-primary-border-color: var(--color-primary-transparent-default-border);
  --radio-primary-background-color: var(--color-primary-transparent-default);
  --radio-primary-checked-background-color: transparent;
  --radio-primary-checked-border-color: var(--color-primary-default-border);
  --radio-primary-inner-circle-color: var(--color-primary-default);
  --radio-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-primary-focus-background-color: var(--color-primary-transparent-focus);
  --radio-primary-focus-checked-background-color: transparent;
  --radio-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-primary-focus-inner-circle-color: var(--color-primary-focus);
  --radio-primary-hover-background-color: var(--color-primary-transparent-hover);
  --radio-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-primary-hover-inner-circle-color: var(--color-primary-hover);
  --radio-primary-hover-checked-background-color: transparent;
  --radio-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-primary-active-border-color: var(--color-primary-transparent-active-border);
  --radio-primary-active-background-color: var(--color-primary-transparent-active);
  --radio-primary-active-checked-background-color: transparent;
  --radio-primary-active-checked-border-color: var(--color-primary-active-border);
  --radio-primary-active-inner-circle-color: var(--color-primary-active);
  --radio-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-primary-disabled-text-color: var(--text-disabled-color);
  --radio-primary-disabled-checked-background-color: transparent;
  --radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-success-text-color: var(--text-basic-color);
  --radio-success-border-color: var(--color-success-transparent-default-border);
  --radio-success-background-color: var(--color-success-transparent-default);
  --radio-success-checked-background-color: transparent;
  --radio-success-checked-border-color: var(--color-success-default-border);
  --radio-success-inner-circle-color: var(--color-success-default);
  --radio-success-focus-border-color: var(--color-success-transparent-focus-border);
  --radio-success-focus-background-color: var(--color-success-transparent-focus);
  --radio-success-focus-checked-background-color: transparent;
  --radio-success-focus-checked-border-color: var(--color-success-focus-border);
  --radio-success-focus-inner-circle-color: var(--color-success-focus);
  --radio-success-hover-background-color: var(--color-success-transparent-hover);
  --radio-success-hover-border-color: var(--color-success-transparent-hover-border);
  --radio-success-hover-inner-circle-color: var(--color-success-hover);
  --radio-success-hover-checked-background-color: transparent;
  --radio-success-hover-checked-border-color: var(--color-success-hover-border);
  --radio-success-active-background-color: var(--color-success-transparent-active);
  --radio-success-active-border-color: var(--color-success-transparent-active-border);
  --radio-success-active-checked-background-color: transparent;
  --radio-success-active-checked-border-color: var(--color-success-active-border);
  --radio-success-active-inner-circle-color: var(--color-success-active);
  --radio-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-success-disabled-text-color: var(--text-disabled-color);
  --radio-success-disabled-checked-background-color: transparent;
  --radio-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-info-text-color: var(--text-basic-color);
  --radio-info-border-color: var(--color-info-transparent-default-border);
  --radio-info-background-color: var(--color-info-transparent-default);
  --radio-info-checked-background-color: transparent;
  --radio-info-checked-border-color: var(--color-info-default-border);
  --radio-info-inner-circle-color: var(--color-info-default);
  --radio-info-focus-background-color: var(--color-info-transparent-focus);
  --radio-info-focus-border-color: var(--color-info-transparent-focus-border);
  --radio-info-focus-checked-background-color: transparent;
  --radio-info-focus-checked-border-color: var(--color-info-focus-border);
  --radio-info-focus-inner-circle-color: var(--color-info-focus);
  --radio-info-hover-background-color: var(--color-info-transparent-hover);
  --radio-info-hover-border-color: var(--color-info-transparent-hover-border);
  --radio-info-hover-inner-circle-color: var(--color-info-hover);
  --radio-info-hover-checked-background-color: transparent;
  --radio-info-hover-checked-border-color: var(--color-info-hover-border);
  --radio-info-active-background-color: var(--color-info-transparent-active);
  --radio-info-active-border-color: var(--color-info-transparent-active-border);
  --radio-info-active-checked-background-color: transparent;
  --radio-info-active-checked-border-color: var(--color-info-active-border);
  --radio-info-active-inner-circle-color: var(--color-info-active);
  --radio-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-info-disabled-text-color: var(--text-disabled-color);
  --radio-info-disabled-checked-background-color: transparent;
  --radio-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-warning-text-color: var(--text-basic-color);
  --radio-warning-border-color: var(--color-warning-transparent-default-border);
  --radio-warning-background-color: var(--color-warning-transparent-default);
  --radio-warning-checked-background-color: transparent;
  --radio-warning-checked-border-color: var(--color-warning-default-border);
  --radio-warning-inner-circle-color: var(--color-warning-default);
  --radio-warning-focus-background-color: var(--color-warning-transparent-focus);
  --radio-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --radio-warning-focus-checked-background-color: transparent;
  --radio-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --radio-warning-focus-inner-circle-color: var(--color-warning-focus);
  --radio-warning-hover-background-color: var(--color-warning-transparent-hover);
  --radio-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --radio-warning-hover-inner-circle-color: var(--color-warning-hover);
  --radio-warning-hover-checked-background-color: transparent;
  --radio-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --radio-warning-active-background-color: var(--color-warning-transparent-active);
  --radio-warning-active-border-color: var(--color-warning-transparent-active-border);
  --radio-warning-active-checked-background-color: transparent;
  --radio-warning-active-checked-border-color: var(--color-warning-active-border);
  --radio-warning-active-inner-circle-color: var(--color-warning-active);
  --radio-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-warning-disabled-text-color: var(--text-disabled-color);
  --radio-warning-disabled-checked-background-color: transparent;
  --radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-danger-text-color: var(--text-basic-color);
  --radio-danger-border-color: var(--color-danger-transparent-default-border);
  --radio-danger-background-color: var(--color-danger-transparent-default);
  --radio-danger-checked-background-color: transparent;
  --radio-danger-checked-border-color: var(--color-danger-default-border);
  --radio-danger-inner-circle-color: var(--color-danger-default);
  --radio-danger-focus-background-color: var(--color-danger-transparent-focus);
  --radio-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --radio-danger-focus-checked-background-color: transparent;
  --radio-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --radio-danger-focus-inner-circle-color: var(--color-danger-focus);
  --radio-danger-hover-background-color: var(--color-danger-transparent-hover);
  --radio-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --radio-danger-hover-inner-circle-color: var(--color-danger-hover);
  --radio-danger-hover-checked-background-color: transparent;
  --radio-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --radio-danger-active-background-color: var(--color-danger-transparent-active);
  --radio-danger-active-border-color: var(--color-danger-transparent-active-border);
  --radio-danger-active-checked-background-color: transparent;
  --radio-danger-active-checked-border-color: var(--color-danger-active-border);
  --radio-danger-active-inner-circle-color: var(--color-danger-active);
  --radio-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-danger-disabled-text-color: var(--text-disabled-color);
  --radio-danger-disabled-checked-background-color: transparent;
  --radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-control-text-color: var(--text-control-color);
  --radio-control-background-color: var(--color-control-transparent-default);
  --radio-control-border-color: var(--color-control-transparent-default-border);
  --radio-control-checked-background-color: transparent;
  --radio-control-checked-border-color: var(--color-control-default-border);
  --radio-control-inner-circle-color: var(--color-control-default);
  --radio-control-focus-background-color: var(--color-control-transparent-focus);
  --radio-control-focus-border-color: var(--color-control-transparent-focus-border);
  --radio-control-focus-checked-background-color: transparent;
  --radio-control-focus-checked-border-color: var(--color-control-focus-border);
  --radio-control-focus-inner-circle-color: var(--color-control-focus);
  --radio-control-hover-background-color: var(--color-control-transparent-hover);
  --radio-control-hover-border-color: var(--color-control-transparent-hover-border);
  --radio-control-hover-inner-circle-color: var(--color-control-hover);
  --radio-control-hover-checked-background-color: transparent;
  --radio-control-hover-checked-border-color: var(--color-control-hover-border);
  --radio-control-active-background-color: var(--color-control-transparent-active);
  --radio-control-active-border-color: var(--color-control-transparent-active-border);
  --radio-control-active-checked-background-color: transparent;
  --radio-control-active-checked-border-color: var(--color-control-active-border);
  --radio-control-active-inner-circle-color: var(--color-control-active);
  --radio-control-disabled-background-color: var(--color-control-transparent-disabled);
  --radio-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --radio-control-disabled-text-color: var(--color-basic-100);
  --radio-control-disabled-checked-background-color: transparent;
  --radio-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --tree-grid-cell-border-width: 1px;
  --tree-grid-cell-border-style: solid;
  --tree-grid-cell-border-color: var(--border-basic-color-2);
  --tree-grid-row-min-height: 2rem;
  --tree-grid-cell-padding: 0.875rem 1.25rem;
  --tree-grid-header-background-color: var(--background-basic-color-1);
  --tree-grid-header-text-color: var(--text-basic-color);
  --tree-grid-header-text-font-family: var(--text-subtitle-font-family);
  --tree-grid-header-text-font-size: var(--text-subtitle-font-size);
  --tree-grid-header-text-font-weight: var(--text-subtitle-font-weight);
  --tree-grid-header-text-line-height: var(--text-subtitle-line-height);
  --tree-grid-footer-background-color: var(--background-basic-color-1);
  --tree-grid-footer-text-color: var(--text-basic-color);
  --tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family);
  --tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size);
  --tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight);
  --tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height);
  --tree-grid-row-background-color: var(--background-basic-color-1);
  --tree-grid-row-even-background-color: var(--background-basic-color-1);
  --tree-grid-row-hover-background-color: var(--background-basic-color-1);
  --tree-grid-row-text-color: var(--text-basic-color);
  --tree-grid-row-text-font-family: var(--text-paragraph-font-family);
  --tree-grid-row-text-font-size: var(--text-paragraph-font-size);
  --tree-grid-row-text-font-weight: var(--text-paragraph-font-weight);
  --tree-grid-row-text-line-height: var(--text-paragraph-line-height);
  --tree-grid-sort-header-button-background-color: transparent;
  --tree-grid-sort-header-button-border: none;
  --tree-grid-sort-header-button-padding: 0;
  --icon-font-size: 1.25rem;
  --icon-line-height: 1;
  --icon-width: 1em;
  --icon-height: 1em;
  --icon-svg-vertical-align: top;
  --icon-basic-color: var(--text-hint-color);
  --icon-primary-color: var(--color-primary-default);
  --icon-info-color: var(--color-info-default);
  --icon-success-color: var(--color-success-default);
  --icon-warning-color: var(--color-warning-default);
  --icon-danger-color: var(--color-danger-default);
  --icon-control-color: var(--color-basic-100);
  --tag-text-font-family: var(--text-subtitle-font-family);
  --tag-text-transform: capitalize;
  --tag-border-width: 0.0625rem;
  --tag-border-style: solid;
  --tag-border-radius: 1.5rem;
  --tag-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-tiny-padding: 0.0625rem 0.9375rem;
  --tag-tiny-close-offset: 0.625rem;
  --tag-small-text-font-size: var(--input-small-text-font-size);
  --tag-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-small-text-line-height: var(--input-small-text-line-height);
  --tag-small-padding: 0.0625rem 0.9375rem;
  --tag-small-close-offset: 0.625rem;
  --tag-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-medium-padding: 0.1875rem 0.9375rem;
  --tag-medium-close-offset: 0.625rem;
  --tag-large-text-font-size: var(--input-large-text-font-size);
  --tag-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-large-text-line-height: var(--input-large-text-line-height);
  --tag-large-padding: 0.3125rem 0.9375rem;
  --tag-large-close-offset: 0.625rem;
  --tag-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-giant-padding: 0.4375rem 0.9375rem;
  --tag-giant-close-offset: 0.625rem;
  --tag-filled-basic-background-color: var(--color-basic-default);
  --tag-filled-basic-border-color: var(--color-basic-default-border);
  --tag-filled-basic-text-color: var(--color-basic-800);
  --tag-filled-basic-active-background-color: var(--color-basic-focus);
  --tag-filled-basic-active-border-color: var(--color-basic-focus-border);
  --tag-filled-basic-hover-background-color: var(--color-basic-hover);
  --tag-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --tag-filled-basic-selected-background-color: color-basic-actove;
  --tag-filled-basic-selected-border-color: var(--color-basic-active-border);
  --tag-filled-primary-background-color: var(--color-primary-default);
  --tag-filled-primary-border-color: var(--color-primary-default-border);
  --tag-filled-primary-text-color: var(--text-control-color);
  --tag-filled-primary-active-background-color: var(--color-primary-focus);
  --tag-filled-primary-active-border-color: var(--color-primary-focus-border);
  --tag-filled-primary-hover-background-color: var(--color-primary-hover);
  --tag-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --tag-filled-primary-selected-background-color: color-primary-actove;
  --tag-filled-primary-selected-border-color: var(--color-primary-active-border);
  --tag-filled-success-background-color: var(--color-success-default);
  --tag-filled-success-border-color: var(--color-success-default-border);
  --tag-filled-success-text-color: var(--text-control-color);
  --tag-filled-success-active-background-color: var(--color-success-focus);
  --tag-filled-success-active-border-color: var(--color-success-focus-border);
  --tag-filled-success-hover-background-color: var(--color-success-hover);
  --tag-filled-success-hover-border-color: var(--color-success-hover-border);
  --tag-filled-success-selected-background-color: color-success-actove;
  --tag-filled-success-selected-border-color: var(--color-success-active-border);
  --tag-filled-info-background-color: var(--color-info-default);
  --tag-filled-info-border-color: var(--color-info-default-border);
  --tag-filled-info-text-color: var(--text-control-color);
  --tag-filled-info-active-background-color: var(--color-info-focus);
  --tag-filled-info-active-border-color: var(--color-info-focus-border);
  --tag-filled-info-hover-background-color: var(--color-info-hover);
  --tag-filled-info-hover-border-color: var(--color-info-hover-border);
  --tag-filled-info-selected-background-color: color-info-actove;
  --tag-filled-info-selected-border-color: var(--color-info-active-border);
  --tag-filled-warning-background-color: var(--color-warning-default);
  --tag-filled-warning-border-color: var(--color-warning-default-border);
  --tag-filled-warning-text-color: var(--text-control-color);
  --tag-filled-warning-active-background-color: var(--color-warning-focus);
  --tag-filled-warning-active-border-color: var(--color-warning-focus-border);
  --tag-filled-warning-hover-background-color: var(--color-warning-hover);
  --tag-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --tag-filled-warning-selected-background-color: color-warning-actove;
  --tag-filled-warning-selected-border-color: var(--color-warning-active-border);
  --tag-filled-danger-background-color: var(--color-danger-default);
  --tag-filled-danger-border-color: var(--color-danger-default-border);
  --tag-filled-danger-text-color: var(--text-control-color);
  --tag-filled-danger-active-background-color: var(--color-danger-focus);
  --tag-filled-danger-active-border-color: var(--color-danger-focus-border);
  --tag-filled-danger-hover-background-color: var(--color-danger-hover);
  --tag-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --tag-filled-danger-selected-background-color: color-danger-actove;
  --tag-filled-danger-selected-border-color: var(--color-danger-active-border);
  --tag-filled-control-background-color: var(--color-control-default);
  --tag-filled-control-border-color: var(--color-control-default-border);
  --tag-filled-control-text-color: var(--color-basic-800);
  --tag-filled-control-active-background-color: var(--color-control-hover);
  --tag-filled-control-active-border-color: var(--color-control-hover-border);
  --tag-filled-control-hover-background-color: var(--color-control-focus);
  --tag-filled-control-hover-border-color: var(--color-control-focus-border);
  --tag-filled-control-selected-background-color: color-control-actove;
  --tag-filled-control-selected-border-color: var(--color-control-active-border);
  --tag-outline-basic-background-color: var(--color-basic-transparent-default);
  --tag-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --tag-outline-basic-text-color: var(--text-hint-color);
  --tag-outline-basic-active-background-color: var(--color-basic-transparent-focus);
  --tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border);
  --tag-outline-basic-active-text-color: var(--text-hint-color);
  --tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --tag-outline-basic-hover-text-color: var(--text-hint-color);
  --tag-outline-basic-selected-background-color: var(--color-basic-transparent-active);
  --tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border);
  --tag-outline-basic-selected-text-color: var(--text-hint-color);
  --tag-outline-primary-background-color: var(--color-primary-transparent-default);
  --tag-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --tag-outline-primary-text-color: var(--text-primary-color);
  --tag-outline-primary-active-background-color: var(--color-primary-transparent-focus);
  --tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border);
  --tag-outline-primary-active-text-color: var(--text-primary-color);
  --tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --tag-outline-primary-hover-text-color: var(--text-primary-color);
  --tag-outline-primary-selected-background-color: var(--color-primary-transparent-active);
  --tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border);
  --tag-outline-primary-selected-text-color: var(--text-primary-color);
  --tag-outline-success-background-color: var(--color-success-transparent-default);
  --tag-outline-success-border-color: var(--color-success-transparent-default-border);
  --tag-outline-success-text-color: var(--text-success-color);
  --tag-outline-success-active-background-color: var(--color-success-transparent-focus);
  --tag-outline-success-active-border-color: var(--color-success-transparent-focus-border);
  --tag-outline-success-active-text-color: var(--text-success-color);
  --tag-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --tag-outline-success-hover-text-color: var(--text-success-color);
  --tag-outline-success-selected-background-color: var(--color-success-transparent-active);
  --tag-outline-success-selected-border-color: var(--color-success-transparent-active-border);
  --tag-outline-success-selected-text-color: var(--text-success-color);
  --tag-outline-info-background-color: var(--color-info-transparent-default);
  --tag-outline-info-border-color: var(--color-info-transparent-default-border);
  --tag-outline-info-text-color: var(--text-info-color);
  --tag-outline-info-active-background-color: var(--color-info-transparent-focus);
  --tag-outline-info-active-border-color: var(--color-info-transparent-focus-border);
  --tag-outline-info-active-text-color: var(--text-info-color);
  --tag-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --tag-outline-info-hover-text-color: var(--text-info-color);
  --tag-outline-info-selected-background-color: var(--color-info-transparent-active);
  --tag-outline-info-selected-border-color: var(--color-info-transparent-active-border);
  --tag-outline-info-selected-text-color: var(--text-info-color);
  --tag-outline-warning-background-color: var(--color-warning-transparent-default);
  --tag-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --tag-outline-warning-text-color: var(--text-warning-color);
  --tag-outline-warning-active-background-color: var(--color-warning-transparent-focus);
  --tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border);
  --tag-outline-warning-active-text-color: var(--text-warning-color);
  --tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --tag-outline-warning-hover-text-color: var(--text-warning-color);
  --tag-outline-warning-selected-background-color: var(--color-warning-transparent-active);
  --tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border);
  --tag-outline-warning-selected-text-color: var(--text-warning-color);
  --tag-outline-danger-background-color: var(--color-danger-transparent-default);
  --tag-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --tag-outline-danger-text-color: var(--text-danger-color);
  --tag-outline-danger-active-background-color: var(--color-danger-transparent-focus);
  --tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border);
  --tag-outline-danger-active-text-color: var(--text-danger-color);
  --tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --tag-outline-danger-hover-text-color: var(--text-danger-color);
  --tag-outline-danger-selected-background-color: var(--color-danger-transparent-active);
  --tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border);
  --tag-outline-danger-selected-text-color: var(--text-danger-color);
  --tag-outline-control-background-color: var(--color-control-transparent-default);
  --tag-outline-control-border-color: var(--color-control-transparent-default-border);
  --tag-outline-control-text-color: var(--text-control-color);
  --tag-outline-control-active-background-color: var(--color-control-transparent-focus);
  --tag-outline-control-active-border-color: var(--color-control-transparent-focus-border);
  --tag-outline-control-active-text-color: var(--text-control-color);
  --tag-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --tag-outline-control-hover-text-color: var(--text-control-color);
  --tag-outline-control-selected-background-color: var(--color-control-transparent-active);
  --tag-outline-control-selected-border-color: var(--color-control-transparent-active-border);
  --tag-outline-control-selected-text-color: var(--text-control-color);
  --tag-list-tiny-tag-offset: 0.0625rem;
  --tag-list-small-tag-offset: 0.125rem;
  --tag-list-medium-tag-offset: 0.25rem;
  --tag-list-large-tag-offset: 0.375rem;
  --tag-list-giant-tag-offset: 0.5rem;
  --tag-list-with-input-tiny-padding: 0.0625rem 1rem;
  --tag-list-with-input-small-padding: 0.0625rem 1rem;
  --tag-list-with-input-medium-padding: 0.1875rem 1rem;
  --tag-list-with-input-large-padding: 0.3125rem 1rem;
  --tag-list-with-input-giant-padding: 0.4375rem 1rem;
  --tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius);
  --tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius);
  --tag-list-with-input-round-border-radius: var(--input-round-border-radius);
  --tag-input-min-width: 6rem;
  --tag-input-text-font-family: var(--input-text-font-family);
  --tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family);
  --tag-input-basic-background-color: var(--input-basic-background-color);
  --tag-input-basic-border-color: var(--input-basic-border-color);
  --tag-input-basic-text-color: var(--input-basic-text-color);
  --tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color);
  --tag-input-basic-focus-background-color: var(--input-basic-focus-background-color);
  --tag-input-basic-focus-border-color: var(--input-basic-focus-border-color);
  --tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color);
  --tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color);
  --tag-input-primary-background-color: var(--input-primary-background-color);
  --tag-input-primary-border-color: var(--input-primary-border-color);
  --tag-input-primary-text-color: var(--input-primary-text-color);
  --tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color);
  --tag-input-primary-focus-background-color: var(--input-primary-focus-background-color);
  --tag-input-primary-focus-border-color: var(--input-primary-focus-border-color);
  --tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color);
  --tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color);
  --tag-input-success-background-color: var(--input-success-background-color);
  --tag-input-success-border-color: var(--input-success-border-color);
  --tag-input-success-text-color: var(--input-success-text-color);
  --tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color);
  --tag-input-success-focus-background-color: var(--input-success-focus-background-color);
  --tag-input-success-focus-border-color: var(--input-success-focus-border-color);
  --tag-input-success-disabled-text-color: var(--input-success-disabled-text-color);
  --tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color);
  --tag-input-info-background-color: var(--input-info-background-color);
  --tag-input-info-border-color: var(--input-info-border-color);
  --tag-input-info-text-color: var(--input-info-text-color);
  --tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color);
  --tag-input-info-focus-background-color: var(--input-info-focus-background-color);
  --tag-input-info-focus-border-color: var(--input-info-focus-border-color);
  --tag-input-info-disabled-text-color: var(--input-info-disabled-text-color);
  --tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color);
  --tag-input-warning-background-color: var(--input-warning-background-color);
  --tag-input-warning-border-color: var(--input-warning-border-color);
  --tag-input-warning-text-color: var(--input-warning-text-color);
  --tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color);
  --tag-input-warning-focus-background-color: var(--input-warning-focus-background-color);
  --tag-input-warning-focus-border-color: var(--input-warning-focus-border-color);
  --tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color);
  --tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color);
  --tag-input-danger-background-color: var(--input-danger-background-color);
  --tag-input-danger-border-color: var(--input-danger-border-color);
  --tag-input-danger-text-color: var(--input-danger-text-color);
  --tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color);
  --tag-input-danger-focus-background-color: var(--input-danger-focus-background-color);
  --tag-input-danger-focus-border-color: var(--input-danger-focus-border-color);
  --tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color);
  --tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color);
  --tag-input-control-background-color: var(--input-control-background-color);
  --tag-input-control-border-color: var(--input-control-border-color);
  --tag-input-control-text-color: var(--input-control-text-color);
  --tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color);
  --tag-input-control-focus-background-color: var(--input-control-focus-background-color);
  --tag-input-control-focus-border-color: var(--input-control-focus-border-color);
  --tag-input-control-disabled-text-color: var(--input-control-disabled-text-color);
  --tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color);
  --tag-input-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-input-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size);
  --tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight);
  --tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height);
  --tag-input-tiny-padding: 0.125rem 0;
  --tag-input-small-text-font-size: var(--input-small-text-font-size);
  --tag-input-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-input-small-text-line-height: var(--input-small-text-line-height);
  --tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size);
  --tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight);
  --tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height);
  --tag-input-small-padding: 0.125rem 0;
  --tag-input-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-input-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-input-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size);
  --tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight);
  --tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height);
  --tag-input-medium-padding: 0.25rem 0;
  --tag-input-large-text-font-size: var(--input-large-text-font-size);
  --tag-input-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-input-large-text-line-height: var(--input-large-text-line-height);
  --tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size);
  --tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight);
  --tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height);
  --tag-input-large-padding: 0.375rem 0;
  --tag-input-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-input-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-input-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size);
  --tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight);
  --tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height);
  --tag-input-giant-padding: 0.5rem 0;
  --toggle-height: 1.875rem;
  --toggle-width: 3.125rem;
  --toggle-border-width: 1px;
  --toggle-border-radius: 100px;
  --toggle-outline-width: var(--outline-width);
  --toggle-outline-color: var(--outline-color);
  --toggle-switcher-size: 1.75rem;
  --toggle-switcher-icon-size: 0.75rem;
  --toggle-text-font-family: var(--text-subtitle-2-font-family);
  --toggle-text-font-size: var(--text-subtitle-2-font-size);
  --toggle-text-font-weight: var(--text-subtitle-2-font-weight);
  --toggle-text-line-height: var(--text-subtitle-2-line-height);
  --toggle-cursor: pointer;
  --toggle-disabled-cursor: default;
  --toggle-basic-text-color: var(--text-basic-color);
  --toggle-basic-background-color: var(--color-basic-transparent-default);
  --toggle-basic-border-color: var(--color-basic-transparent-default-border);
  --toggle-basic-checked-background-color: var(--color-primary-default);
  --toggle-basic-checked-border-color: var(--color-primary-default-border);
  --toggle-basic-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-basic-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-basic-focus-checked-background-color: var(--color-primary-focus);
  --toggle-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-basic-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-basic-hover-checked-background-color: var(--color-primary-hover);
  --toggle-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-basic-active-background-color: var(--color-primary-transparent-active);
  --toggle-basic-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-basic-active-checked-background-color: var(--color-primary-active);
  --toggle-basic-active-checked-border-color: var(--color-primary-active-border);
  --toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-basic-disabled-text-color: var(--text-disabled-color);
  --toggle-primary-text-color: var(--text-basic-color);
  --toggle-primary-background-color: var(--color-primary-transparent-default);
  --toggle-primary-border-color: var(--color-primary-transparent-default-border);
  --toggle-primary-checked-background-color: var(--color-primary-default);
  --toggle-primary-checked-border-color: var(--color-primary-default-border);
  --toggle-primary-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-primary-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-primary-focus-checked-background-color: var(--color-primary-focus);
  --toggle-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-primary-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-primary-hover-checked-background-color: var(--color-primary-hover);
  --toggle-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-primary-active-background-color: var(--color-primary-transparent-active);
  --toggle-primary-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-primary-active-checked-background-color: var(--color-primary-active);
  --toggle-primary-active-checked-border-color: var(--color-primary-active-border);
  --toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-primary-disabled-text-color: var(--text-disabled-color);
  --toggle-success-text-color: var(--text-basic-color);
  --toggle-success-background-color: var(--color-success-transparent-default);
  --toggle-success-border-color: var(--color-success-transparent-default-border);
  --toggle-success-checked-background-color: var(--color-success-default);
  --toggle-success-checked-border-color: var(--color-success-default-border);
  --toggle-success-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-success-checked-switcher-checkmark-color: var(--color-success-default);
  --toggle-success-focus-background-color: var(--color-success-transparent-focus);
  --toggle-success-focus-border-color: var(--color-success-transparent-focus-border);
  --toggle-success-focus-checked-background-color: var(--color-success-focus);
  --toggle-success-focus-checked-border-color: var(--color-success-focus-border);
  --toggle-success-hover-background-color: var(--color-success-transparent-hover);
  --toggle-success-hover-border-color: var(--color-success-transparent-hover-border);
  --toggle-success-hover-checked-background-color: var(--color-success-hover);
  --toggle-success-hover-checked-border-color: var(--color-success-hover-border);
  --toggle-success-active-background-color: var(--color-success-transparent-active);
  --toggle-success-active-border-color: var(--color-success-transparent-active-border);
  --toggle-success-active-checked-background-color: var(--color-success-active);
  --toggle-success-active-checked-border-color: var(--color-success-active-border);
  --toggle-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-success-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-success-disabled-text-color: var(--text-disabled-color);
  --toggle-info-text-color: var(--text-basic-color);
  --toggle-info-background-color: var(--color-info-transparent-default);
  --toggle-info-border-color: var(--color-info-transparent-default-border);
  --toggle-info-checked-background-color: var(--color-info-default);
  --toggle-info-checked-border-color: var(--color-info-default-border);
  --toggle-info-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-info-checked-switcher-checkmark-color: var(--color-info-default);
  --toggle-info-focus-background-color: var(--color-info-transparent-focus);
  --toggle-info-focus-border-color: var(--color-info-transparent-focus-border);
  --toggle-info-focus-checked-background-color: var(--color-info-focus);
  --toggle-info-focus-checked-border-color: var(--color-info-focus-border);
  --toggle-info-hover-background-color: var(--color-info-transparent-hover);
  --toggle-info-hover-border-color: var(--color-info-transparent-hover-border);
  --toggle-info-hover-checked-background-color: var(--color-info-hover);
  --toggle-info-hover-checked-border-color: var(--color-info-hover-border);
  --toggle-info-active-background-color: var(--color-info-transparent-active);
  --toggle-info-active-border-color: var(--color-info-transparent-active-border);
  --toggle-info-active-checked-background-color: var(--color-info-active);
  --toggle-info-active-checked-border-color: var(--color-info-active-border);
  --toggle-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-info-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-info-disabled-text-color: var(--text-disabled-color);
  --toggle-warning-text-color: var(--text-basic-color);
  --toggle-warning-background-color: var(--color-warning-transparent-default);
  --toggle-warning-border-color: var(--color-warning-transparent-default-border);
  --toggle-warning-checked-background-color: var(--color-warning-default);
  --toggle-warning-checked-border-color: var(--color-warning-default-border);
  --toggle-warning-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default);
  --toggle-warning-focus-background-color: var(--color-warning-transparent-focus);
  --toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --toggle-warning-focus-checked-background-color: var(--color-warning-focus);
  --toggle-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --toggle-warning-hover-background-color: var(--color-warning-transparent-hover);
  --toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --toggle-warning-hover-checked-background-color: var(--color-warning-hover);
  --toggle-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --toggle-warning-active-background-color: var(--color-warning-transparent-active);
  --toggle-warning-active-border-color: var(--color-warning-transparent-active-border);
  --toggle-warning-active-checked-background-color: var(--color-warning-active);
  --toggle-warning-active-checked-border-color: var(--color-warning-active-border);
  --toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-warning-disabled-text-color: var(--text-disabled-color);
  --toggle-danger-text-color: var(--text-basic-color);
  --toggle-danger-background-color: var(--color-danger-transparent-default);
  --toggle-danger-border-color: var(--color-danger-transparent-default-border);
  --toggle-danger-checked-background-color: var(--color-danger-default);
  --toggle-danger-checked-border-color: var(--color-danger-default-border);
  --toggle-danger-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default);
  --toggle-danger-focus-background-color: var(--color-danger-transparent-focus);
  --toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --toggle-danger-focus-checked-background-color: var(--color-danger-focus);
  --toggle-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --toggle-danger-hover-background-color: var(--color-danger-transparent-hover);
  --toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --toggle-danger-hover-checked-background-color: var(--color-danger-hover);
  --toggle-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --toggle-danger-active-background-color: var(--color-danger-transparent-active);
  --toggle-danger-active-border-color: var(--color-danger-transparent-active-border);
  --toggle-danger-active-checked-background-color: var(--color-danger-active);
  --toggle-danger-active-checked-border-color: var(--color-danger-active-border);
  --toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-danger-disabled-text-color: var(--text-disabled-color);
  --toggle-control-text-color: var(--color-basic-100);
  --toggle-control-background-color: var(--color-control-transparent-default);
  --toggle-control-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-background-color: var(--color-control-transparent-default);
  --toggle-control-checked-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-switcher-background-color: var(--color-control-default);
  --toggle-control-checked-switcher-checkmark-color: var(--color-basic-800);
  --toggle-control-focus-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-focus-checked-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-hover-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-hover-checked-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-active-background-color: var(--color-control-transparent-active);
  --toggle-control-active-border-color: var(--color-control-transparent-active-border);
  --toggle-control-active-checked-background-color: var(--color-control-transparent-active);
  --toggle-control-active-checked-border-color: var(--color-control-transparent-active-border);
  --toggle-control-disabled-background-color: var(--color-control-transparent-disabled);
  --toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600);
  --toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100);
  --toggle-control-disabled-text-color: var(--text-control-color);
  --form-field-tiny-max-width: var(--input-tiny-max-width);
  --form-field-small-max-width: var(--input-small-max-width);
  --form-field-medium-max-width: var(--input-medium-max-width);
  --form-field-large-max-width: var(--input-large-max-width);
  --form-field-giant-max-width: var(--input-giant-max-width);
  --form-field-addon-basic-text-color: var(--color-basic-600);
  --form-field-addon-basic-highlight-text-color: var(--color-primary-500);
  --form-field-addon-primary-text-color: var(--color-primary-500);
  --form-field-addon-primary-highlight-text-color: var(--color-primary-600);
  --form-field-addon-success-text-color: var(--color-success-500);
  --form-field-addon-success-highlight-text-color: var(--color-success-600);
  --form-field-addon-info-text-color: var(--color-info-500);
  --form-field-addon-info-highlight-text-color: var(--color-info-600);
  --form-field-addon-warning-text-color: var(--color-warning-500);
  --form-field-addon-warning-highlight-text-color: var(--color-warning-600);
  --form-field-addon-danger-text-color: var(--color-danger-500);
  --form-field-addon-danger-highlight-text-color: var(--color-danger-600);
  --form-field-addon-control-text-color: var(--color-control-default);
  --form-field-addon-control-highlight-text-color: var(--color-control-default);
  --form-field-addon-disabled-text-color: var(--text-disabled-color);
  --form-field-addon-tiny-height: 1.5rem;
  --form-field-addon-tiny-width: var(--form-field-addon-tiny-height);
  --form-field-addon-tiny-icon-size: var(--button-tiny-icon-size);
  --form-field-addon-tiny-font-size: var(--text-button-tiny-font-size);
  --form-field-addon-tiny-line-height: var(--text-button-tiny-line-height);
  --form-field-addon-tiny-font-weight: var(--text-button-font-weight);
  --form-field-addon-small-height: 2rem;
  --form-field-addon-small-width: var(--form-field-addon-small-height);
  --form-field-addon-small-icon-size: var(--button-small-icon-size);
  --form-field-addon-small-font-size: var(--text-button-small-font-size);
  --form-field-addon-small-line-height: var(--text-button-small-line-height);
  --form-field-addon-small-font-weight: var(--text-button-font-weight);
  --form-field-addon-medium-height: 2.5rem;
  --form-field-addon-medium-width: var(--form-field-addon-medium-height);
  --form-field-addon-medium-icon-size: var(--button-medium-icon-size);
  --form-field-addon-medium-font-size: var(--text-button-medium-font-size);
  --form-field-addon-medium-line-height: var(--text-button-medium-line-height);
  --form-field-addon-medium-font-weight: var(--text-button-font-weight);
  --form-field-addon-large-height: 3rem;
  --form-field-addon-large-width: var(--form-field-addon-large-height);
  --form-field-addon-large-icon-size: var(--button-large-icon-size);
  --form-field-addon-large-font-size: var(--text-button-large-font-size);
  --form-field-addon-large-line-height: var(--text-button-large-line-height);
  --form-field-addon-large-font-weight: var(--text-button-font-weight);
  --form-field-addon-giant-height: 3.5rem;
  --form-field-addon-giant-width: var(--form-field-addon-giant-height);
  --form-field-addon-giant-icon-size: var(--button-giant-icon-size);
  --form-field-addon-giant-font-size: var(--text-button-giant-font-size);
  --form-field-addon-giant-line-height: var(--text-button-giant-line-height);
  --form-field-addon-giant-font-weight: var(--text-button-font-weight);
  --color-primary-100: #f2f6ff;
  --color-primary-200: #d9e4ff;
  --color-primary-300: #a6c1ff;
  --color-primary-400: #598bff;
  --color-primary-500: #3366ff;
  --color-primary-600: #274bdb;
  --color-primary-700: #1a34b8;
  --color-primary-800: #102694;
  --color-primary-900: #091c7a;
  --color-primary-transparent-100: rgba(51, 102, 255, 0.08);
  --color-primary-transparent-200: rgba(51, 102, 255, 0.16);
  --color-primary-transparent-300: rgba(51, 102, 255, 0.24);
  --color-primary-transparent-400: rgba(51, 102, 255, 0.32);
  --color-primary-transparent-500: rgba(51, 102, 255, 0.4);
  --color-primary-transparent-600: rgba(51, 102, 255, 0.48);
  --color-success-100: #f0fff5;
  --color-success-200: #ccfce3;
  --color-success-300: #8cfac7;
  --color-success-400: #2ce69b;
  --color-success-500: #00d68f;
  --color-success-600: #00b887;
  --color-success-700: #00997a;
  --color-success-800: #007d6c;
  --color-success-900: #004a45;
  --color-success-transparent-100: rgba(0, 214, 143, 0.08);
  --color-success-transparent-200: rgba(0, 214, 143, 0.16);
  --color-success-transparent-300: rgba(0, 214, 143, 0.24);
  --color-success-transparent-400: rgba(0, 214, 143, 0.32);
  --color-success-transparent-500: rgba(0, 214, 143, 0.4);
  --color-success-transparent-600: rgba(0, 214, 143, 0.48);
  --color-info-100: #f2f8ff;
  --color-info-200: #c7e2ff;
  --color-info-300: #94cbff;
  --color-info-400: #42aaff;
  --color-info-500: #0095ff;
  --color-info-600: #006fd6;
  --color-info-700: #0057c2;
  --color-info-800: #0041a8;
  --color-info-900: #002885;
  --color-info-transparent-100: rgba(0, 149, 255, 0.08);
  --color-info-transparent-200: rgba(0, 149, 255, 0.16);
  --color-info-transparent-300: rgba(0, 149, 255, 0.24);
  --color-info-transparent-400: rgba(0, 149, 255, 0.32);
  --color-info-transparent-500: rgba(0, 149, 255, 0.4);
  --color-info-transparent-600: rgba(0, 149, 255, 0.48);
  --color-warning-100: #fffdf2;
  --color-warning-200: #fff1c2;
  --color-warning-300: #ffe59e;
  --color-warning-400: #ffc94d;
  --color-warning-500: #ffaa00;
  --color-warning-600: #db8b00;
  --color-warning-700: #b86e00;
  --color-warning-800: #945400;
  --color-warning-900: #703c00;
  --color-warning-transparent-100: rgba(255, 170, 0, 0.08);
  --color-warning-transparent-200: rgba(255, 170, 0, 0.16);
  --color-warning-transparent-300: rgba(255, 170, 0, 0.24);
  --color-warning-transparent-400: rgba(255, 170, 0, 0.32);
  --color-warning-transparent-500: rgba(255, 170, 0, 0.4);
  --color-warning-transparent-600: rgba(255, 170, 0, 0.48);
  --color-danger-100: #fff2f2;
  --color-danger-200: #ffd6d9;
  --color-danger-300: #ffa8b4;
  --color-danger-400: #ff708d;
  --color-danger-500: #ff3d71;
  --color-danger-600: #db2c66;
  --color-danger-700: #b81d5b;
  --color-danger-800: #94124e;
  --color-danger-900: #700940;
  --color-danger-transparent-100: rgba(255, 61, 113, 0.08);
  --color-danger-transparent-200: rgba(255, 61, 113, 0.16);
  --color-danger-transparent-300: rgba(255, 61, 113, 0.24);
  --color-danger-transparent-400: rgba(255, 61, 113, 0.32);
  --color-danger-transparent-500: rgba(255, 61, 113, 0.4);
  --color-danger-transparent-600: rgba(255, 61, 113, 0.48);
  --color-basic-100: #ffffff;
  --color-basic-200: #f7f9fc;
  --color-basic-300: #edf1f7;
  --color-basic-400: #e4e9f2;
  --color-basic-500: #c5cee0;
  --color-basic-600: #8f9bb3;
  --color-basic-700: #2e3a59;
  --color-basic-800: #222b45;
  --color-basic-900: #192038;
  --color-basic-1000: #151a30;
  --color-basic-1100: #101426;
  --color-basic-transparent-100: rgba(143, 155, 179, 0.08);
  --color-basic-transparent-200: rgba(143, 155, 179, 0.16);
  --color-basic-transparent-300: rgba(143, 155, 179, 0.24);
  --color-basic-transparent-400: rgba(143, 155, 179, 0.32);
  --color-basic-transparent-500: rgba(143, 155, 179, 0.4);
  --color-basic-transparent-600: rgba(143, 155, 179, 0.48);
  --color-basic-control-transparent-100: rgba(255, 255, 255, 0.08);
  --color-basic-control-transparent-200: rgba(255, 255, 255, 0.16);
  --color-basic-control-transparent-300: rgba(255, 255, 255, 0.24);
  --color-basic-control-transparent-400: rgba(255, 255, 255, 0.32);
  --color-basic-control-transparent-500: rgba(255, 255, 255, 0.4);
  --color-basic-control-transparent-600: rgba(255, 255, 255, 0.48);
  --color-basic-focus: var(--color-basic-400);
  --color-basic-hover: var(--color-basic-200);
  --color-basic-default: var(--color-basic-300);
  --color-basic-active: var(--color-basic-400);
  --color-basic-disabled: var(--color-basic-transparent-300);
  --color-basic-focus-border: var(--color-basic-500);
  --color-basic-hover-border: var(--color-basic-hover);
  --color-basic-default-border: var(--color-basic-default);
  --color-basic-active-border: var(--color-basic-active);
  --color-basic-disabled-border: var(--color-basic-disabled);
  --color-basic-transparent-focus: var(--color-basic-transparent-300);
  --color-basic-transparent-hover: var(--color-basic-transparent-200);
  --color-basic-transparent-default: var(--color-basic-transparent-100);
  --color-basic-transparent-active: var(--color-basic-transparent-300);
  --color-basic-transparent-disabled: var(--color-basic-transparent-200);
  --color-basic-transparent-focus-border: var(--color-basic-600);
  --color-basic-transparent-hover-border: var(--color-basic-600);
  --color-basic-transparent-default-border: var(--color-basic-600);
  --color-basic-transparent-active-border: var(--color-basic-600);
  --color-basic-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-primary-focus: var(--color-primary-600);
  --color-primary-hover: var(--color-primary-400);
  --color-primary-default: var(--color-primary-500);
  --color-primary-active: var(--color-primary-600);
  --color-primary-disabled: var(--color-basic-transparent-300);
  --color-primary-focus-border: var(--color-primary-700);
  --color-primary-hover-border: var(--color-primary-hover);
  --color-primary-default-border: var(--color-primary-default);
  --color-primary-active-border: var(--color-primary-active);
  --color-primary-disabled-border: var(--color-primary-disabled);
  --color-primary-transparent-focus: var(--color-primary-transparent-300);
  --color-primary-transparent-hover: var(--color-primary-transparent-200);
  --color-primary-transparent-default: var(--color-primary-transparent-100);
  --color-primary-transparent-active: var(--color-primary-transparent-300);
  --color-primary-transparent-disabled: var(--color-basic-transparent-200);
  --color-primary-transparent-focus-border: var(--color-primary-500);
  --color-primary-transparent-hover-border: var(--color-primary-500);
  --color-primary-transparent-default-border: var(--color-primary-500);
  --color-primary-transparent-active-border: var(--color-primary-500);
  --color-primary-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-success-focus: var(--color-success-600);
  --color-success-hover: var(--color-success-400);
  --color-success-default: var(--color-success-500);
  --color-success-active: var(--color-success-600);
  --color-success-disabled: var(--color-basic-transparent-300);
  --color-success-focus-border: var(--color-success-700);
  --color-success-hover-border: var(--color-success-hover);
  --color-success-default-border: var(--color-success-default);
  --color-success-active-border: var(--color-success-active);
  --color-success-disabled-border: var(--color-success-disabled);
  --color-success-transparent-focus: var(--color-success-transparent-300);
  --color-success-transparent-focus-border: var(--color-success-500);
  --color-success-transparent-hover: var(--color-success-transparent-200);
  --color-success-transparent-hover-border: var(--color-success-500);
  --color-success-transparent-default: var(--color-success-transparent-100);
  --color-success-transparent-default-border: var(--color-success-500);
  --color-success-transparent-active: var(--color-success-transparent-300);
  --color-success-transparent-active-border: var(--color-success-500);
  --color-success-transparent-disabled: var(--color-basic-transparent-200);
  --color-success-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-info-focus: var(--color-info-600);
  --color-info-hover: var(--color-info-400);
  --color-info-default: var(--color-info-500);
  --color-info-active: var(--color-info-600);
  --color-info-disabled: var(--color-basic-transparent-300);
  --color-info-focus-border: var(--color-info-700);
  --color-info-hover-border: var(--color-info-hover);
  --color-info-default-border: var(--color-info-default);
  --color-info-active-border: var(--color-info-active);
  --color-info-disabled-border: var(--color-info-disabled);
  --color-info-transparent-focus: var(--color-info-transparent-300);
  --color-info-transparent-hover: var(--color-info-transparent-200);
  --color-info-transparent-default: var(--color-info-transparent-100);
  --color-info-transparent-active: var(--color-info-transparent-300);
  --color-info-transparent-disabled: var(--color-basic-transparent-200);
  --color-info-transparent-focus-border: var(--color-info-500);
  --color-info-transparent-hover-border: var(--color-info-500);
  --color-info-transparent-default-border: var(--color-info-500);
  --color-info-transparent-active-border: var(--color-info-500);
  --color-info-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-warning-focus: var(--color-warning-600);
  --color-warning-hover: var(--color-warning-400);
  --color-warning-default: var(--color-warning-500);
  --color-warning-active: var(--color-warning-600);
  --color-warning-disabled: var(--color-basic-transparent-300);
  --color-warning-focus-border: var(--color-warning-700);
  --color-warning-hover-border: var(--color-warning-hover);
  --color-warning-default-border: var(--color-warning-default);
  --color-warning-active-border: var(--color-warning-active);
  --color-warning-disabled-border: var(--color-warning-disabled);
  --color-warning-transparent-focus: var(--color-warning-transparent-300);
  --color-warning-transparent-hover: var(--color-warning-transparent-200);
  --color-warning-transparent-default: var(--color-warning-transparent-100);
  --color-warning-transparent-active: var(--color-warning-transparent-300);
  --color-warning-transparent-disabled: var(--color-basic-transparent-200);
  --color-warning-transparent-focus-border: var(--color-warning-500);
  --color-warning-transparent-hover-border: var(--color-warning-500);
  --color-warning-transparent-default-border: var(--color-warning-500);
  --color-warning-transparent-active-border: var(--color-warning-500);
  --color-warning-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-danger-focus: var(--color-danger-600);
  --color-danger-hover: var(--color-danger-400);
  --color-danger-default: var(--color-danger-500);
  --color-danger-active: var(--color-danger-600);
  --color-danger-disabled: var(--color-basic-transparent-300);
  --color-danger-focus-border: var(--color-danger-700);
  --color-danger-hover-border: var(--color-danger-hover);
  --color-danger-default-border: var(--color-danger-default);
  --color-danger-active-border: var(--color-danger-active);
  --color-danger-disabled-border: var(--color-danger-disabled);
  --color-danger-transparent-focus: var(--color-danger-transparent-300);
  --color-danger-transparent-hover: var(--color-danger-transparent-200);
  --color-danger-transparent-default: var(--color-danger-transparent-100);
  --color-danger-transparent-active: var(--color-danger-transparent-300);
  --color-danger-transparent-disabled: var(--color-basic-transparent-200);
  --color-danger-transparent-focus-border: var(--color-danger-500);
  --color-danger-transparent-hover-border: var(--color-danger-500);
  --color-danger-transparent-default-border: var(--color-danger-500);
  --color-danger-transparent-active-border: var(--color-danger-500);
  --color-danger-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-control-focus: var(--color-basic-300);
  --color-control-hover: var(--color-basic-200);
  --color-control-default: var(--color-basic-100);
  --color-control-active: var(--color-basic-300);
  --color-control-disabled: var(--color-basic-transparent-300);
  --color-control-focus-border: var(--color-basic-500);
  --color-control-hover-border: var(--color-control-hover);
  --color-control-default-border: var(--color-control-default);
  --color-control-active-border: var(--color-control-active);
  --color-control-disabled-border: var(--color-control-disabled);
  --color-control-transparent-focus: var(--color-basic-control-transparent-300);
  --color-control-transparent-hover: var(--color-basic-control-transparent-200);
  --color-control-transparent-default: var(--color-basic-control-transparent-100);
  --color-control-transparent-active: var(--color-basic-control-transparent-300);
  --color-control-transparent-disabled: var(--color-basic-transparent-200);
  --color-control-transparent-focus-border: var(--color-basic-100);
  --color-control-transparent-hover-border: var(--color-basic-100);
  --color-control-transparent-default-border: var(--color-basic-100);
  --color-control-transparent-active-border: var(--color-basic-100);
  --color-control-transparent-disabled-border: var(--color-basic-transparent-300);
  --background-basic-color-1: var(--color-basic-100);
  --background-basic-color-2: var(--color-basic-200);
  --background-basic-color-3: var(--color-basic-300);
  --background-basic-color-4: var(--color-basic-400);
  --border-basic-color-1: var(--color-basic-100);
  --border-basic-color-2: var(--color-basic-200);
  --border-basic-color-3: var(--color-basic-300);
  --border-basic-color-4: var(--color-basic-400);
  --border-basic-color-5: var(--color-basic-500);
  --background-alternative-color-1: var(--color-basic-800);
  --background-alternative-color-2: var(--color-basic-900);
  --background-alternative-color-3: var(--color-basic-1000);
  --background-alternative-color-4: var(--color-basic-1100);
  --border-alternative-color-1: var(--color-basic-800);
  --border-alternative-color-2: var(--color-basic-900);
  --border-alternative-color-3: var(--color-basic-1000);
  --border-alternative-color-4: var(--color-basic-1100);
  --border-alternative-color-5: var(--color-basic-1100);
  --background-primary-color-1: var(--color-primary-500);
  --background-primary-color-2: var(--color-primary-600);
  --background-primary-color-3: var(--color-primary-700);
  --background-primary-color-4: var(--color-primary-800);
  --border-primary-color-1: var(--color-basic-500);
  --border-primary-color-2: var(--color-basic-600);
  --border-primary-color-3: var(--color-basic-700);
  --border-primary-color-4: var(--color-basic-800);
  --border-primary-color-5: var(--color-basic-900);
  --text-basic-color: var(--color-basic-800);
  --text-alternate-color: var(--color-basic-100);
  --text-control-color: var(--color-basic-100);
  --text-disabled-color: var(--color-basic-transparent-600);
  --text-hint-color: var(--color-basic-600);
  --text-primary-color: var(--color-primary-default);
  --text-primary-focus-color: var(--color-primary-focus);
  --text-primary-hover-color: var(--color-primary-hover);
  --text-primary-active-color: var(--color-primary-active);
  --text-primary-disabled-color: var(--color-primary-400);
  --text-success-color: var(--color-success-default);
  --text-success-focus-color: var(--color-success-focus);
  --text-success-hover-color: var(--color-success-hover);
  --text-success-active-color: var(--color-success-active);
  --text-success-disabled-color: var(--color-success-400);
  --text-info-color: var(--color-info-default);
  --text-info-focus-color: var(--color-info-focus);
  --text-info-hover-color: var(--color-info-hover);
  --text-info-active-color: var(--color-info-active);
  --text-info-disabled-color: var(--color-info-400);
  --text-warning-color: var(--color-warning-default);
  --text-warning-focus-color: var(--color-warning-focus);
  --text-warning-hover-color: var(--color-warning-hover);
  --text-warning-active-color: var(--color-warning-active);
  --text-warning-disabled-color: var(--color-warning-400);
  --text-danger-color: var(--color-danger-default);
  --text-danger-focus-color: var(--color-danger-focus);
  --text-danger-hover-color: var(--color-danger-hover);
  --text-danger-active-color: var(--color-danger-active);
  --text-danger-disabled-color: var(--color-danger-400);
  --font-family-primary: Roboto;
  --font-family-secondary: Exo;
  --text-heading-1-font-family: var(--font-family-secondary);
  --text-heading-1-font-size: 2.25rem;
  --text-heading-1-font-weight: 700;
  --text-heading-1-line-height: 3rem;
  --text-heading-2-font-family: var(--font-family-secondary);
  --text-heading-2-font-size: 2rem;
  --text-heading-2-font-weight: 700;
  --text-heading-2-line-height: 2.5rem;
  --text-heading-3-font-family: var(--font-family-secondary);
  --text-heading-3-font-size: 1.875rem;
  --text-heading-3-font-weight: 700;
  --text-heading-3-line-height: 2.5rem;
  --text-heading-4-font-family: var(--font-family-secondary);
  --text-heading-4-font-size: 1.625rem;
  --text-heading-4-font-weight: 700;
  --text-heading-4-line-height: 2rem;
  --text-heading-5-font-family: var(--font-family-secondary);
  --text-heading-5-font-size: 1.375rem;
  --text-heading-5-font-weight: 700;
  --text-heading-5-line-height: 2rem;
  --text-heading-6-font-family: var(--font-family-secondary);
  --text-heading-6-font-size: 1.125rem;
  --text-heading-6-font-weight: 700;
  --text-heading-6-line-height: 1.5rem;
  --text-subtitle-font-family: var(--font-family-primary);
  --text-subtitle-font-size: 0.9375rem;
  --text-subtitle-font-weight: 600;
  --text-subtitle-line-height: 1.5rem;
  --text-subtitle-2-font-family: var(--font-family-primary);
  --text-subtitle-2-font-size: 0.8125rem;
  --text-subtitle-2-font-weight: 600;
  --text-subtitle-2-line-height: 1.5rem;
  --text-paragraph-font-family: var(--font-family-primary);
  --text-paragraph-font-size: 0.9375rem;
  --text-paragraph-font-weight: 400;
  --text-paragraph-line-height: 1.25rem;
  --text-paragraph-2-font-family: var(--font-family-primary);
  --text-paragraph-2-font-size: 0.8125rem;
  --text-paragraph-2-font-weight: 400;
  --text-paragraph-2-line-height: 1.125rem;
  --text-label-font-family: var(--font-family-primary);
  --text-label-font-size: 0.75rem;
  --text-label-font-weight: 700;
  --text-label-line-height: 1rem;
  --text-caption-font-family: var(--font-family-primary);
  --text-caption-font-size: 0.75rem;
  --text-caption-font-weight: 400;
  --text-caption-line-height: 1rem;
  --text-caption-2-font-family: var(--font-family-primary);
  --text-caption-2-font-size: 0.75rem;
  --text-caption-2-font-weight: 600;
  --text-caption-2-line-height: 1rem;
  --text-button-font-family: var(--font-family-primary);
  --text-button-font-weight: 700;
  --text-button-tiny-font-size: 0.625rem;
  --text-button-tiny-line-height: 0.75rem;
  --text-button-small-font-size: 0.75rem;
  --text-button-small-line-height: 1rem;
  --text-button-medium-font-size: 0.875rem;
  --text-button-medium-line-height: 1rem;
  --text-button-large-font-size: 1rem;
  --text-button-large-line-height: 1.25rem;
  --text-button-giant-font-size: 1.125rem;
  --text-button-giant-line-height: 1.5rem;
  --border-radius: 0.25rem;
  --outline-width: 0.375rem;
  --outline-color: var(--color-basic-transparent-200);
  --scrollbar-color: var(--background-basic-color-4);
  --scrollbar-background-color: var(--background-basic-color-2);
  --scrollbar-width: 0.3125rem;
  --shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
  --divider-color: var(--border-basic-color-3);
  --divider-style: solid;
  --divider-width: 1px;
  --sidebar-header-gap: 2rem;
  --switcher-background: #ebeff5;
  --switcher-background-percentage: 50%;
  --drops-icon-line-gadient: -webkit-linear-gradient(#01dbb5, #0bbb79);
  --list-item-border-width: 1px;
  --slide-out-container-width: 30%;
  --slide-out-background: linear-gradient(270deg, #f7fafb 0%, #ecf2f5 100%);
  --slide-out-shadow-color: 0 4px 14px 0 #a2d2c8;
  --slide-out-shadow-color-rtl: 0 4px 14px 0 #a2d2c8;
  --chart-panel-summary-box-shadow: none;
  --chart-panel-summary-background-color: #ecf2f5;
  --chart-panel-summary-border-color: #ebeff1;
  --chart-panel-summary-border-width: 1px;
  --ecommerce-card-border-width: 1px;
  --progress-bar-background: linear-gradient(90deg, #3edd81 0%, #3bddaf 100%);
}
.nb-theme-cosmic {
  --link-text-color: var(--text-primary-color);
  --link-text-decoration: underline;
  --link-text-focus-color: var(--text-primary-focus-color);
  --link-text-hover-color: var(--text-primary-hover-color);
  --card-background-color: var(--background-basic-color-1);
  --card-text-color: var(--text-basic-color);
  --card-text-font-family: var(--text-paragraph-font-family);
  --card-text-font-size: var(--text-paragraph-font-size);
  --card-text-font-weight: var(--text-paragraph-font-weight);
  --card-text-line-height: var(--text-paragraph-line-height);
  --card-border-width: 0.0625rem;
  --card-border-style: solid;
  --card-border-color: var(--border-basic-color-4);
  --card-border-radius: var(--border-radius);
  --card-padding: 1rem 1.5rem;
  --card-shadow: none;
  --card-divider-color: var(--divider-color);
  --card-divider-style: var(--divider-style);
  --card-divider-width: var(--divider-width);
  --card-header-text-color: var(--text-basic-color);
  --card-header-text-font-family: var(--text-subtitle-font-family);
  --card-header-text-font-size: var(--text-subtitle-font-size);
  --card-header-text-font-weight: var(--text-subtitle-font-weight);
  --card-header-text-line-height: var(--text-subtitle-line-height);
  --card-header-basic-background-color: var(--background-basic-color-2);
  --card-header-basic-text-color: var(--text-basic-color);
  --card-header-primary-background-color: var(--color-primary-default);
  --card-header-primary-text-color: var(--text-control-color);
  --card-header-info-background-color: var(--color-info-default);
  --card-header-info-text-color: var(--text-control-color);
  --card-header-success-background-color: var(--color-success-default);
  --card-header-success-text-color: var(--text-control-color);
  --card-header-warning-background-color: var(--color-warning-default);
  --card-header-warning-text-color: var(--text-control-color);
  --card-header-danger-background-color: var(--color-danger-default);
  --card-header-danger-text-color: var(--text-control-color);
  --card-header-control-background-color: var(--color-control-default);
  --card-header-control-text-color: var(--color-basic-800);
  --card-height-tiny: 13.5rem;
  --card-height-small: 21.1875rem;
  --card-height-medium: 28.875rem;
  --card-height-large: 36.5625rem;
  --card-height-giant: 44.25rem;
  --card-margin-bottom: 1.875rem;
  --card-scrollbar-color: var(--scrollbar-color);
  --card-scrollbar-background-color: var(--scrollbar-background-color);
  --card-scrollbar-width: var(--scrollbar-width);
  --header-background-color: var(--background-basic-color-1);
  --header-text-color: var(--text-basic-color);
  --header-text-font-family: var(--text-paragraph-font-family);
  --header-text-font-size: var(--text-paragraph-font-size);
  --header-text-font-weight: var(--text-paragraph-font-weight);
  --header-text-line-height: var(--text-paragraph-line-height);
  --header-height: 4.75rem;
  --header-padding: 1.25rem;
  --header-shadow: var(--shadow);
  --footer-background-color: var(--background-basic-color-1);
  --footer-text-color: var(--text-basic-color);
  --footer-text-font-family: var(--text-paragraph-font-family);
  --footer-text-font-size: var(--text-paragraph-font-size);
  --footer-text-font-weight: var(--text-paragraph-font-weight);
  --footer-text-line-height: var(--text-paragraph-line-height);
  --footer-text-highlight-color: var(--color-primary-hover);
  --footer-height: 4.725rem;
  --footer-padding: 1.25rem;
  --footer-divider-color: var(--divider-color);
  --footer-divider-style: var(--divider-style);
  --footer-divider-width: var(--divider-width);
  --footer-shadow: var(--shadow);
  --layout-background-color: var(--background-basic-color-3);
  --layout-text-color: var(--text-basic-color);
  --layout-text-font-family: var(--text-paragraph-font-family);
  --layout-text-font-size: var(--text-paragraph-font-size);
  --layout-text-font-weight: var(--text-paragraph-font-weight);
  --layout-text-line-height: var(--text-paragraph-line-height);
  --layout-min-height: 100vh;
  --layout-content-width: 1400px;
  --layout-window-mode-min-width: 300px;
  --layout-window-mode-background-color: var(--background-basic-color-3);
  --layout-window-mode-padding-top: 4.75rem;
  --layout-window-shadow: var(--shadow);
  --layout-padding: 2.25rem 2.25rem 0.75rem;
  --layout-medium-padding: 1.5rem 1.5rem 0.5rem;
  --layout-small-padding: 1rem 1rem 0;
  --layout-scrollbar-background-color: var(--scrollbar-background-color);
  --layout-scrollbar-color: var(--scrollbar-color);
  --layout-scrollbar-width: var(--scrollbar-width);
  --sidebar-background-color: var(--background-basic-color-1);
  --sidebar-text-color: var(--text-basic-color);
  --sidebar-text-font-family: var(--text-paragraph-font-family);
  --sidebar-text-font-size: var(--text-paragraph-font-size);
  --sidebar-text-font-weight: var(--text-paragraph-font-weight);
  --sidebar-text-line-height: var(--text-paragraph-line-height);
  --sidebar-height: 100vh;
  --sidebar-width: 16rem;
  --sidebar-width-compact: 3.5rem;
  --sidebar-padding: 1.25rem;
  --sidebar-header-height: initial;
  --sidebar-footer-height: 3.5rem;
  --sidebar-shadow: var(--shadow);
  --sidebar-menu-item-highlight-color: var(--color-primary-default);
  --sidebar-scrollbar-background-color: var(--scrollbar-background-color);
  --sidebar-scrollbar-color: var(--scrollbar-color);
  --sidebar-scrollbar-width: var(--scrollbar-width);
  --menu-background-color: transparent;
  --menu-text-color: var(--text-basic-color);
  --menu-text-font-family: var(--text-subtitle-2-font-family);
  --menu-text-font-size: var(--text-subtitle-2-font-size);
  --menu-text-font-weight: var(--text-subtitle-2-font-weight);
  --menu-text-line-height: var(--text-subtitle-2-line-height);
  --menu-group-text-color: var(--text-hint-color);
  --menu-item-border-radius: 0;
  --menu-item-padding: 0.75rem 1rem;
  --menu-item-hover-background-color: var(--menu-background-color);
  --menu-item-hover-cursor: pointer;
  --menu-item-hover-text-color: var(--text-primary-hover-color);
  --menu-item-icon-hover-color: var(--menu-item-hover-text-color);
  --menu-item-active-background-color: var(--menu-background-color);
  --menu-item-active-text-color: var(--text-primary-color);
  --menu-item-icon-active-color: var(--menu-item-active-text-color);
  --menu-item-icon-color: var(--text-hint-color);
  --menu-item-icon-margin: 0 0.5rem 0 0;
  --menu-item-icon-width: 1.25rem;
  --menu-item-divider-color: var(--divider-color);
  --menu-item-divider-style: var(--divider-style);
  --menu-item-divider-width: var(--divider-width);
  --menu-submenu-background-color: var(--menu-background-color);
  --menu-submenu-text-color: var(--text-basic-color);
  --menu-submenu-margin: 0;
  --menu-submenu-padding: 0 1.25rem;
  --menu-submenu-item-border-color: var(--menu-submenu-background-color);
  --menu-submenu-item-border-style: solid;
  --menu-submenu-item-border-width: 0;
  --menu-submenu-item-border-radius: 0;
  --menu-submenu-item-padding: var(--menu-item-padding);
  --menu-submenu-item-hover-background-color: var(--menu-background-color);
  --menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);
  --menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);
  --menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);
  --menu-submenu-item-active-background-color: var(--menu-background-color);
  --menu-submenu-item-active-border-color: var(--color-primary-default);
  --menu-submenu-item-active-text-color: var(--menu-item-active-text-color);
  --menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);
  --menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);
  --menu-submenu-item-active-hover-border-color: var(--color-primary-hover);
  --menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);
  --menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);
  --tabset-background-color: transparent;
  --tabset-border-radius: 0;
  --tabset-shadow: none;
  --tabset-tab-background-color: transparent;
  --tabset-tab-padding: 1rem 2rem;
  --tabset-tab-text-color: var(--text-hint-color);
  --tabset-tab-text-font-family: var(--text-button-font-family);
  --tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --tabset-tab-text-font-weight: var(--text-button-font-weight);
  --tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --tabset-tab-text-transform: uppercase;
  --tabset-tab-underline-width: 0.25rem;
  --tabset-tab-underline-color: transparent;
  --tabset-tab-active-background-color: transparent;
  --tabset-tab-active-text-color: var(--text-primary-color);
  --tabset-tab-active-underline-color: var(--text-primary-color);
  --tabset-tab-focus-background-color: transparent;
  --tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --tabset-tab-hover-background-color: transparent;
  --tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --tabset-tab-disabled-background-color: transparent;
  --tabset-tab-disabled-text-color: var(--text-disabled-color);
  --tabset-tab-disabled-underline-color: transparent;
  --tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;
  --tabset-tab-badge-dot-mode-padding: 0.25rem;
  --tabset-divider-color: var(--divider-color);
  --tabset-divider-style: var(--divider-style);
  --tabset-divider-width: var(--divider-width);
  --tabset-content-background-color: transparent;
  --tabset-content-padding: 1rem 2rem;
  --tabset-content-text-color: var(--text-basic-color);
  --tabset-content-text-font-family: var(--text-paragraph-font-family);
  --tabset-content-text-font-size: var(--text-paragraph-font-size);
  --tabset-content-text-font-weight: var(--text-paragraph-font-weight);
  --tabset-content-text-line-height: var(--text-paragraph-line-height);
  --tabset-scrollbar-color: var(--scrollbar-color);
  --tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --tabset-scrollbar-width: var(--scrollbar-width);
  --route-tabset-background-color: transparent;
  --route-tabset-border-radius: 0;
  --route-tabset-shadow: none;
  --route-tabset-tab-background-color: transparent;
  --route-tabset-tab-padding: 1rem 2rem;
  --route-tabset-tab-text-color: var(--text-hint-color);
  --route-tabset-tab-text-font-family: var(--text-button-font-family);
  --route-tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --route-tabset-tab-text-font-weight: var(--text-button-font-weight);
  --route-tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --route-tabset-tab-text-transform: uppercase;
  --route-tabset-tab-underline-width: 0.25rem;
  --route-tabset-tab-underline-color: transparent;
  --route-tabset-tab-active-background-color: transparent;
  --route-tabset-tab-active-text-color: var(--text-primary-color);
  --route-tabset-tab-active-underline-color: var(--text-primary-color);
  --route-tabset-tab-focus-background-color: transparent;
  --route-tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --route-tabset-tab-hover-background-color: transparent;
  --route-tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --route-tabset-tab-disabled-background-color: transparent;
  --route-tabset-tab-disabled-text-color: var(--text-disabled-color);
  --route-tabset-tab-disabled-underline-color: transparent;
  --route-tabset-divider-color: var(--divider-color);
  --route-tabset-divider-style: var(--divider-style);
  --route-tabset-divider-width: var(--divider-width);
  --route-tabset-scrollbar-color: var(--scrollbar-color);
  --route-tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --route-tabset-scrollbar-width: var(--scrollbar-width);
  --user-picture-box-background-color: transparent;
  --user-picture-box-border-color: var(--border-basic-color-3);
  --user-picture-box-border-width: 1px;
  --user-initials-text-color: var(--text-basic-color);
  --user-initials-text-font-family: var(--text-paragraph-font-family);
  --user-initials-text-font-weight: var(--text-paragraph-font-weight);
  --user-name-text-color: var(--text-basic-color);
  --user-name-text-font-family: var(--text-paragraph-font-family);
  --user-name-text-font-weight: var(--text-paragraph-font-weight);
  --user-title-text-color: var(--text-basic-color);
  --user-title-text-font-family: var(--text-paragraph-2-font-family);
  --user-title-text-font-weight: var(--text-paragraph-2-font-weight);
  --user-rectangle-border-radius: 0.5rem;
  --user-semi-round-border-radius: 0.75rem;
  --user-round-border-radius: 50%;
  --user-tiny-height: 1.25rem;
  --user-tiny-width: 1.25rem;
  --user-tiny-initials-text-font-size: var(--text-caption-font-size);
  --user-tiny-initials-text-line-height: var(--text-caption-line-height);
  --user-tiny-name-text-font-size: var(--text-caption-font-size);
  --user-tiny-name-text-line-height: var(--text-caption-line-height);
  --user-tiny-title-text-font-size: var(--text-caption-font-size);
  --user-tiny-title-text-line-height: var(--text-caption-line-height);
  --user-small-height: 1.5rem;
  --user-small-width: 1.5rem;
  --user-small-initials-text-font-size: var(--text-caption-font-size);
  --user-small-initials-text-line-height: var(--text-caption-line-height);
  --user-small-name-text-font-size: var(--text-caption-font-size);
  --user-small-name-text-line-height: var(--text-caption-line-height);
  --user-small-title-text-font-size: var(--text-caption-font-size);
  --user-small-title-text-line-height: var(--text-caption-line-height);
  --user-medium-height: 2.5rem;
  --user-medium-width: 2.5rem;
  --user-medium-initials-text-font-size: var(--text-paragraph-font-size);
  --user-medium-initials-text-line-height: var(--text-paragraph-line-height);
  --user-medium-name-text-font-size: var(--text-paragraph-font-size);
  --user-medium-name-text-line-height: var(--text-paragraph-line-height);
  --user-medium-title-text-font-size: var(--text-caption-font-size);
  --user-medium-title-text-line-height: var(--text-caption-line-height);
  --user-large-height: 3.25rem;
  --user-large-width: 3.25rem;
  --user-large-initials-text-font-size: var(--text-paragraph-font-size);
  --user-large-initials-text-line-height: var(--text-paragraph-line-height);
  --user-large-name-text-font-size: var(--text-paragraph-font-size);
  --user-large-name-text-line-height: var(--text-paragraph-line-height);
  --user-large-title-text-font-size: var(--text-paragraph-2-font-size);
  --user-large-title-text-line-height: var(--text-paragraph-2-line-height);
  --user-giant-height: 4rem;
  --user-giant-width: 4rem;
  --user-giant-initials-text-font-size: var(--text-paragraph-font-size);
  --user-giant-initials-text-line-height: var(--text-paragraph-line-height);
  --user-giant-name-text-font-size: var(--text-paragraph-font-size);
  --user-giant-name-text-line-height: var(--text-paragraph-line-height);
  --user-giant-title-text-font-size: var(--text-paragraph-font-size);
  --user-giant-title-text-line-height: var(--text-paragraph-line-height);
  --popover-text-color: var(--text-basic-color);
  --popover-text-font-family: var(--text-paragraph-font-family);
  --popover-text-font-size: var(--text-paragraph-font-size);
  --popover-text-font-weight: var(--text-paragraph-font-weight);
  --popover-text-line-height: var(--text-paragraph-line-height);
  --popover-background-color: var(--background-basic-color-1);
  --popover-border-width: 1px;
  --popover-border-color: transparent;
  --popover-border-radius: var(--border-radius);
  --popover-shadow: var(--shadow);
  --popover-arrow-size: 0.6875rem;
  --popover-padding: 0.75rem 1rem;
  --context-menu-background-color: var(--background-basic-color-1);
  --context-menu-border-color: transparent;
  --context-menu-border-style: solid;
  --context-menu-border-width: 0;
  --context-menu-border-radius: var(--border-radius);
  --context-menu-text-align: center;
  --context-menu-min-width: 10rem;
  --context-menu-max-width: 15rem;
  --context-menu-shadow: var(--shadow);
  --actions-background-color: transparent;
  --actions-divider-color: var(--divider-color);
  --actions-divider-style: var(--divider-style);
  --actions-divider-width: var(--divider-width);
  --actions-icon-color: var(--text-hint-color);
  --actions-text-color: var(--text-basic-color);
  --actions-text-font-family: var(--text-button-font-family);
  --actions-text-font-weight: var(--text-button-font-weight);
  --actions-text-line-height: var(--text-button-medium-line-height);
  --actions-disabled-icon-color: var(--text-disabled-color);
  --actions-disabled-text-color: var(--text-disabled-color);
  --actions-tiny-height: 1rem;
  --actions-tiny-icon-height: var(--actions-tiny-height);
  --actions-tiny-padding: 0 1.25rem;
  --actions-tiny-text-font-size: var(--text-button-tiny-font-size);
  --actions-small-height: 1.5rem;
  --actions-small-icon-height: var(--actions-small-height);
  --actions-small-padding: 0 1.25rem;
  --actions-small-text-font-size: var(--text-button-small-font-size);
  --actions-medium-height: 2.25rem;
  --actions-medium-icon-height: var(--actions-medium-height);
  --actions-medium-padding: 0 1.25rem;
  --actions-medium-text-font-size: var(--text-button-medium-font-size);
  --actions-large-height: 3.5rem;
  --actions-large-icon-height: var(--actions-large-height);
  --actions-large-padding: 0 1.25rem;
  --actions-large-text-font-size: var(--text-button-large-font-size);
  --actions-giant-height: 4rem;
  --actions-giant-icon-height: var(--actions-giant-height);
  --actions-giant-padding: 0 1.25rem;
  --actions-giant-text-font-size: var(--text-button-giant-font-size);
  --search-background-color: var(--background-basic-color-1);
  --search-divider-color: var(--divider-color);
  --search-divider-style: var(--divider-style);
  --search-divider-width: var(--divider-width);
  --search-extra-background-color: var(--color-primary-default);
  --search-text-color: var(--text-basic-color);
  --search-text-font-family: var(--text-heading-1-font-family);
  --search-text-font-size: var(--text-heading-1-font-size);
  --search-text-font-weight: var(--text-heading-1-font-weight);
  --search-text-line-height: var(--text-heading-1-line-height);
  --search-placeholder-text-color: var(--text-hint-color);
  --search-info-text-color: var(--text-hint-color);
  --search-info-text-font-family: var(--text-subtitle-font-family);
  --search-info-text-font-size: var(--text-subtitle-font-size);
  --search-info-text-font-weight: var(--text-subtitle-font-weight);
  --search-info-text-line-height: var(--text-subtitle-line-height);
  --smart-table-header-font-family: var(--text-paragraph-font-family);
  --smart-table-header-font-size: var(--text-paragraph-font-size);
  --smart-table-header-font-weight: var(--text-paragraph-font-weight);
  --smart-table-header-line-height: var(--text-paragraph-line-height);
  --smart-table-header-fg: var(--text-basic-color);
  --smart-table-header-bg: var(--background-basic-color-1);
  --smart-table-font-family: var(--text-paragraph-font-family);
  --smart-table-font-size: var(--text-paragraph-font-size);
  --smart-table-font-weight: var(--text-paragraph-font-weight);
  --smart-table-line-height: var(--text-paragraph-line-height);
  --smart-table-fg: var(--text-basic-color);
  --smart-table-bg: var(--background-basic-color-1);
  --smart-table-bg-even: var(--background-basic-color-2);
  --smart-table-fg-secondary: var(--text-basic-color);
  --smart-table-bg-active: var(--background-basic-color-3);
  --smart-table-padding: 0.875rem 1.25rem;
  --smart-table-filter-padding: 0.375rem 0.5rem;
  --smart-table-separator: var(--divider-color);
  --smart-table-border-radius: var(--border-radius);
  --smart-table-action-add-edit-hover-text-color: var(--color-primary-default);
  --smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);
  --smart-table-add-button-border-color: var(--button-filled-primary-border-color);
  --smart-table-add-button-background-color: var(--button-filled-primary-background-color);
  --smart-table-add-button-text-color: var(--button-filled-primary-text-color);
  --smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);
  --smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);
  --smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);
  --smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);
  --smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);
  --smart-table-paging-font-family: var(--button-text-font-family);
  --smart-table-paging-font-size: var(--button-medium-text-font-size);
  --smart-table-paging-line-height: var(--button-medium-text-line-height);
  --smart-table-paging-border-color: var(--divider-color);
  --smart-table-paging-border-width: var(--divider-width);
  --smart-table-paging-fg-active: var(--text-control-color);
  --smart-table-paging-bg-active: var(--color-primary-default);
  --smart-table-paging-hover: transparent;
  --smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);
  --smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);
  --smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);
  --smart-table-paging-page-text-color: var(--button-outline-primary-text-color);
  --smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);
  --smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);
  --toastr-border-style: solid;
  --toastr-border-width: 1px;
  --toastr-border-radius: var(--border-radius);
  --toastr-padding: 1rem;
  --toastr-shadow: var(--shadow);
  --toastr-text-font-family: var(--text-paragraph-2-font-family);
  --toastr-text-font-size: var(--text-paragraph-2-font-size);
  --toastr-text-font-weight: var(--text-paragraph-2-font-weight);
  --toastr-text-line-height: var(--text-paragraph-2-line-height);
  --toastr-title-text-font-family: var(--text-subtitle-font-family);
  --toastr-title-text-font-size: var(--text-subtitle-font-size);
  --toastr-title-text-font-weight: var(--text-subtitle-font-weight);
  --toastr-title-text-line-height: var(--text-subtitle-line-height);
  --toastr-basic-background-color: var(--background-basic-color-1);
  --toastr-basic-border-color: var(--border-basic-color-3);
  --toastr-basic-text-color: var(--text-basic-color);
  --toastr-icon-basic-background-color: var(--background-basic-color-1);
  --toastr-icon-basic-color: var(--text-basic-color);
  --toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);
  --toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);
  --toastr-primary-background-color: var(--color-primary-default);
  --toastr-primary-border-color: var(--color-primary-default);
  --toastr-primary-text-color: var(--text-control-color);
  --toastr-icon-primary-background-color: var(--background-basic-color-1);
  --toastr-icon-primary-color: var(--color-primary-default);
  --toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);
  --toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);
  --toastr-success-background-color: var(--color-success-default);
  --toastr-success-border-color: var(--color-success-default);
  --toastr-success-text-color: var(--text-control-color);
  --toastr-icon-success-background-color: var(--background-basic-color-1);
  --toastr-icon-success-color: var(--color-success-default);
  --toastr-destroyable-success-hover-background-color: var(--color-success-hover);
  --toastr-destroyable-success-hover-border-color: var(--color-success-hover);
  --toastr-info-background-color: var(--color-info-default);
  --toastr-info-border-color: var(--color-info-default);
  --toastr-info-text-color: var(--text-control-color);
  --toastr-icon-info-background-color: var(--background-basic-color-1);
  --toastr-icon-info-color: var(--color-info-default);
  --toastr-destroyable-info-hover-background-color: var(--color-info-hover);
  --toastr-destroyable-info-hover-border-color: var(--color-info-hover);
  --toastr-warning-background-color: var(--color-warning-default);
  --toastr-warning-border-color: var(--color-warning-default);
  --toastr-warning-text-color: var(--text-control-color);
  --toastr-icon-warning-background-color: var(--background-basic-color-1);
  --toastr-icon-warning-color: var(--color-warning-default);
  --toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);
  --toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);
  --toastr-danger-background-color: var(--color-danger-default);
  --toastr-danger-border-color: var(--color-danger-default);
  --toastr-danger-text-color: var(--text-control-color);
  --toastr-icon-danger-background-color: var(--background-basic-color-1);
  --toastr-icon-danger-color: var(--color-danger-default);
  --toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);
  --toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);
  --toastr-control-background-color: var(--color-control-default);
  --toastr-control-border-color: var(--color-control-default);
  --toastr-control-text-color: var(--color-basic-800);
  --toastr-icon-control-background-color: var(--color-control-default);
  --toastr-icon-control-color: var(--color-basic-800);
  --toastr-destroyable-control-hover-background-color: var(--color-control-hover);
  --toastr-destroyable-control-hover-border-color: var(--color-control-hover);
  --button-cursor: pointer;
  --button-outline-width: var(--outline-width);
  --button-outline-color: var(--outline-color);
  --button-text-font-family: var(--text-button-font-family);
  --button-text-font-weight: var(--text-button-font-weight);
  --button-disabled-cursor: default;
  --button-tiny-text-font-size: var(--text-button-tiny-font-size);
  --button-tiny-text-line-height: var(--text-button-tiny-line-height);
  --button-tiny-icon-size: 0.75rem;
  --button-tiny-icon-vertical-margin: -0.125rem;
  --button-tiny-icon-offset: 0.375rem;
  --button-small-text-font-size: var(--text-button-small-font-size);
  --button-small-text-line-height: var(--text-button-small-line-height);
  --button-small-icon-size: 1rem;
  --button-small-icon-vertical-margin: -0.125rem;
  --button-small-icon-offset: 0.375rem;
  --button-medium-text-font-size: var(--text-button-medium-font-size);
  --button-medium-text-line-height: var(--text-button-medium-line-height);
  --button-medium-icon-size: 1.25rem;
  --button-medium-icon-vertical-margin: -0.125rem;
  --button-medium-icon-offset: 0.5rem;
  --button-large-text-font-size: var(--text-button-large-font-size);
  --button-large-text-line-height: var(--text-button-large-line-height);
  --button-large-icon-size: 1.5rem;
  --button-large-icon-vertical-margin: -0.125rem;
  --button-large-icon-offset: 0.75rem;
  --button-giant-text-font-size: var(--text-button-giant-font-size);
  --button-giant-text-line-height: var(--text-button-giant-line-height);
  --button-giant-icon-size: 1.5rem;
  --button-giant-icon-vertical-margin: -0.125rem;
  --button-giant-icon-offset: 0.75rem;
  --button-rectangle-border-radius: var(--border-radius);
  --button-semi-round-border-radius: 0.75rem;
  --button-round-border-radius: 1.5rem;
  --button-filled-border-style: solid;
  --button-filled-border-width: 0.0625rem;
  --button-filled-text-transform: uppercase;
  --button-filled-tiny-padding: 0.3125rem 0.625rem;
  --button-filled-small-padding: 0.4375rem 0.875rem;
  --button-filled-medium-padding: 0.6875rem 1.125rem;
  --button-filled-large-padding: 0.8125rem 1.125rem;
  --button-filled-giant-padding: 0.9375rem 1.375rem;
  --button-filled-basic-background-color: var(--color-basic-default);
  --button-filled-basic-border-color: var(--color-basic-default-border);
  --button-filled-basic-text-color: var(--color-basic-800);
  --button-filled-basic-focus-background-color: var(--color-basic-focus);
  --button-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --button-filled-basic-hover-background-color: var(--color-basic-hover);
  --button-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --button-filled-basic-active-background-color: var(--color-basic-active);
  --button-filled-basic-active-border-color: var(--color-basic-active-border);
  --button-filled-basic-disabled-background-color: var(--color-basic-disabled);
  --button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);
  --button-filled-basic-disabled-text-color: var(--text-disabled-color);
  --button-filled-primary-background-color: var(--color-primary-default);
  --button-filled-primary-border-color: var(--color-primary-default-border);
  --button-filled-primary-text-color: var(--text-control-color);
  --button-filled-primary-focus-background-color: var(--color-primary-focus);
  --button-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --button-filled-primary-hover-background-color: var(--color-primary-hover);
  --button-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --button-filled-primary-active-background-color: var(--color-primary-active);
  --button-filled-primary-active-border-color: var(--color-primary-active-border);
  --button-filled-primary-disabled-background-color: var(--color-primary-disabled);
  --button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);
  --button-filled-primary-disabled-text-color: var(--text-disabled-color);
  --button-filled-success-background-color: var(--color-success-default);
  --button-filled-success-border-color: var(--color-success-default-border);
  --button-filled-success-text-color: var(--text-control-color);
  --button-filled-success-focus-background-color: var(--color-success-focus);
  --button-filled-success-focus-border-color: var(--color-success-focus-border);
  --button-filled-success-hover-background-color: var(--color-success-hover);
  --button-filled-success-hover-border-color: var(--color-success-hover-border);
  --button-filled-success-active-background-color: var(--color-success-active);
  --button-filled-success-active-border-color: var(--color-success-active-border);
  --button-filled-success-disabled-background-color: var(--color-success-disabled);
  --button-filled-success-disabled-border-color: var(--color-success-disabled-border);
  --button-filled-success-disabled-text-color: var(--text-disabled-color);
  --button-filled-info-background-color: var(--color-info-default);
  --button-filled-info-border-color: var(--color-info-default-border);
  --button-filled-info-text-color: var(--text-control-color);
  --button-filled-info-focus-background-color: var(--color-info-focus);
  --button-filled-info-focus-border-color: var(--color-info-focus-border);
  --button-filled-info-hover-background-color: var(--color-info-hover);
  --button-filled-info-hover-border-color: var(--color-info-hover-border);
  --button-filled-info-active-background-color: var(--color-info-active);
  --button-filled-info-active-border-color: var(--color-info-active-border);
  --button-filled-info-disabled-background-color: var(--color-info-disabled);
  --button-filled-info-disabled-border-color: var(--color-info-disabled-border);
  --button-filled-info-disabled-text-color: var(--text-disabled-color);
  --button-filled-warning-background-color: var(--color-warning-default);
  --button-filled-warning-border-color: var(--color-warning-default-border);
  --button-filled-warning-text-color: var(--text-control-color);
  --button-filled-warning-focus-background-color: var(--color-warning-focus);
  --button-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --button-filled-warning-hover-background-color: var(--color-warning-hover);
  --button-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --button-filled-warning-active-background-color: var(--color-warning-active);
  --button-filled-warning-active-border-color: var(--color-warning-active-border);
  --button-filled-warning-disabled-background-color: var(--color-warning-disabled);
  --button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);
  --button-filled-warning-disabled-text-color: var(--text-disabled-color);
  --button-filled-danger-background-color: var(--color-danger-default);
  --button-filled-danger-border-color: var(--color-danger-default-border);
  --button-filled-danger-text-color: var(--text-control-color);
  --button-filled-danger-focus-background-color: var(--color-danger-focus);
  --button-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --button-filled-danger-hover-background-color: var(--color-danger-hover);
  --button-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --button-filled-danger-active-background-color: var(--color-danger-active);
  --button-filled-danger-active-border-color: var(--color-danger-active-border);
  --button-filled-danger-disabled-background-color: var(--color-danger-disabled);
  --button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);
  --button-filled-danger-disabled-text-color: var(--text-disabled-color);
  --button-filled-control-background-color: var(--color-control-default);
  --button-filled-control-border-color: var(--color-control-default-border);
  --button-filled-control-text-color: var(--color-basic-800);
  --button-filled-control-focus-background-color: var(--color-control-focus);
  --button-filled-control-focus-border-color: var(--color-control-focus-border);
  --button-filled-control-hover-background-color: var(--color-control-hover);
  --button-filled-control-hover-border-color: var(--color-control-hover-border);
  --button-filled-control-active-background-color: var(--color-control-active);
  --button-filled-control-active-border-color: var(--color-control-active-border);
  --button-filled-control-disabled-background-color: var(--color-control-disabled);
  --button-filled-control-disabled-border-color: var(--color-control-disabled-border);
  --button-filled-control-disabled-text-color: var(--text-disabled-color);
  --button-outline-border-style: solid;
  --button-outline-border-width: 0.0625rem;
  --button-outline-text-transform: uppercase;
  --button-outline-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-outline-tiny-padding: 0.3125rem 0.625rem;
  --button-outline-small-padding: 0.4375rem 0.875rem;
  --button-outline-medium-padding: 0.6875rem 1.125rem;
  --button-outline-large-padding: 0.8125rem 1.125rem;
  --button-outline-giant-padding: 0.9375rem 1.375rem;
  --button-outline-basic-background-color: var(--color-basic-transparent-default);
  --button-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --button-outline-basic-text-color: var(--text-hint-color);
  --button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);
  --button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --button-outline-basic-focus-text-color: var(--text-hint-color);
  --button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --button-outline-basic-hover-text-color: var(--text-hint-color);
  --button-outline-basic-active-background-color: var(--color-basic-transparent-active);
  --button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);
  --button-outline-basic-active-text-color: var(--text-hint-color);
  --button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --button-outline-basic-disabled-text-color: var(--text-disabled-color);
  --button-outline-primary-background-color: var(--color-primary-transparent-default);
  --button-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --button-outline-primary-text-color: var(--text-primary-color);
  --button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);
  --button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --button-outline-primary-focus-text-color: var(--text-primary-color);
  --button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --button-outline-primary-hover-text-color: var(--text-primary-color);
  --button-outline-primary-active-background-color: var(--color-primary-transparent-active);
  --button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);
  --button-outline-primary-active-text-color: var(--text-primary-color);
  --button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);
  --button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);
  --button-outline-primary-disabled-text-color: var(--text-disabled-color);
  --button-outline-success-background-color: var(--color-success-transparent-default);
  --button-outline-success-border-color: var(--color-success-transparent-default-border);
  --button-outline-success-text-color: var(--text-success-color);
  --button-outline-success-focus-background-color: var(--color-success-transparent-focus);
  --button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);
  --button-outline-success-focus-text-color: var(--text-success-color);
  --button-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --button-outline-success-hover-text-color: var(--text-success-color);
  --button-outline-success-active-background-color: var(--color-success-transparent-active);
  --button-outline-success-active-border-color: var(--color-success-transparent-active-border);
  --button-outline-success-active-text-color: var(--text-success-color);
  --button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);
  --button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);
  --button-outline-success-disabled-text-color: var(--text-disabled-color);
  --button-outline-info-background-color: var(--color-info-transparent-default);
  --button-outline-info-border-color: var(--color-info-transparent-default-border);
  --button-outline-info-text-color: var(--text-info-color);
  --button-outline-info-focus-background-color: var(--color-info-transparent-focus);
  --button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);
  --button-outline-info-focus-text-color: var(--text-info-color);
  --button-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --button-outline-info-hover-text-color: var(--text-info-color);
  --button-outline-info-active-background-color: var(--color-info-transparent-active);
  --button-outline-info-active-border-color: var(--color-info-transparent-active-border);
  --button-outline-info-active-text-color: var(--text-info-color);
  --button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);
  --button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);
  --button-outline-info-disabled-text-color: var(--text-disabled-color);
  --button-outline-warning-background-color: var(--color-warning-transparent-default);
  --button-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --button-outline-warning-text-color: var(--text-warning-color);
  --button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);
  --button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --button-outline-warning-focus-text-color: var(--text-warning-color);
  --button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --button-outline-warning-hover-text-color: var(--text-warning-color);
  --button-outline-warning-active-background-color: var(--color-warning-transparent-active);
  --button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);
  --button-outline-warning-active-text-color: var(--text-warning-color);
  --button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);
  --button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);
  --button-outline-warning-disabled-text-color: var(--text-disabled-color);
  --button-outline-danger-background-color: var(--color-danger-transparent-default);
  --button-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --button-outline-danger-text-color: var(--text-danger-color);
  --button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);
  --button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --button-outline-danger-focus-text-color: var(--text-danger-color);
  --button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --button-outline-danger-hover-text-color: var(--text-danger-color);
  --button-outline-danger-active-background-color: var(--color-danger-transparent-active);
  --button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);
  --button-outline-danger-active-text-color: var(--text-danger-color);
  --button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);
  --button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);
  --button-outline-danger-disabled-text-color: var(--text-disabled-color);
  --button-outline-control-background-color: var(--color-control-transparent-default);
  --button-outline-control-border-color: var(--color-control-transparent-default-border);
  --button-outline-control-text-color: var(--text-control-color);
  --button-outline-control-focus-background-color: var(--color-control-transparent-focus);
  --button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --button-outline-control-focus-text-color: var(--text-control-color);
  --button-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --button-outline-control-hover-text-color: var(--text-control-color);
  --button-outline-control-active-background-color: var(--color-control-transparent-active);
  --button-outline-control-active-border-color: var(--color-control-transparent-active-border);
  --button-outline-control-active-text-color: var(--text-control-color);
  --button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --button-outline-control-disabled-text-color: var(--text-disabled-color);
  --button-ghost-background-color: transparent;
  --button-ghost-border-color: transparent;
  --button-ghost-border-style: solid;
  --button-ghost-border-width: 0.0625rem;
  --button-ghost-text-transform: uppercase;
  --button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-ghost-tiny-padding: 0.3125rem 0.625rem;
  --button-ghost-small-padding: 0.4375rem 0.875rem;
  --button-ghost-medium-padding: 0.6875rem 1.125rem;
  --button-ghost-large-padding: 0.8125rem 1.125rem;
  --button-ghost-giant-padding: 0.9375rem 1.375rem;
  --button-ghost-basic-text-color: var(--color-basic-600);
  --button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-basic-focus-text-color: var(--color-basic-600);
  --button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-basic-hover-border-color: transparent;
  --button-ghost-basic-hover-text-color: var(--color-basic-600);
  --button-ghost-basic-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-active-border-color: transparent;
  --button-ghost-basic-active-text-color: var(--color-basic-600);
  --button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-disabled-border-color: transparent;
  --button-ghost-basic-disabled-text-color: var(--text-disabled-color);
  --button-ghost-primary-text-color: var(--text-primary-color);
  --button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-primary-focus-text-color: var(--text-primary-color);
  --button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-primary-hover-border-color: transparent;
  --button-ghost-primary-hover-text-color: var(--text-primary-color);
  --button-ghost-primary-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-active-border-color: transparent;
  --button-ghost-primary-active-text-color: var(--text-primary-color);
  --button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-disabled-border-color: transparent;
  --button-ghost-primary-disabled-text-color: var(--text-disabled-color);
  --button-ghost-success-text-color: var(--text-success-color);
  --button-ghost-success-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-success-focus-text-color: var(--text-success-color);
  --button-ghost-success-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-success-hover-border-color: transparent;
  --button-ghost-success-hover-text-color: var(--text-success-color);
  --button-ghost-success-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-active-border-color: transparent;
  --button-ghost-success-active-text-color: var(--text-success-color);
  --button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-disabled-border-color: transparent;
  --button-ghost-success-disabled-text-color: var(--text-disabled-color);
  --button-ghost-info-text-color: var(--text-info-color);
  --button-ghost-info-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-info-focus-text-color: var(--text-info-color);
  --button-ghost-info-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-info-hover-border-color: transparent;
  --button-ghost-info-hover-text-color: var(--text-info-color);
  --button-ghost-info-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-active-border-color: transparent;
  --button-ghost-info-active-text-color: var(--text-info-color);
  --button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-disabled-border-color: transparent;
  --button-ghost-info-disabled-text-color: var(--text-disabled-color);
  --button-ghost-warning-text-color: var(--text-warning-color);
  --button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-warning-focus-text-color: var(--text-warning-color);
  --button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-warning-hover-border-color: transparent;
  --button-ghost-warning-hover-text-color: var(--text-warning-color);
  --button-ghost-warning-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-active-border-color: transparent;
  --button-ghost-warning-active-text-color: var(--text-warning-color);
  --button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-disabled-border-color: transparent;
  --button-ghost-warning-disabled-text-color: var(--text-disabled-color);
  --button-ghost-danger-text-color: var(--text-danger-color);
  --button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-danger-focus-text-color: var(--text-danger-color);
  --button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-danger-hover-border-color: transparent;
  --button-ghost-danger-hover-text-color: var(--text-danger-color);
  --button-ghost-danger-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-active-border-color: transparent;
  --button-ghost-danger-active-text-color: var(--text-danger-color);
  --button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-disabled-border-color: transparent;
  --button-ghost-danger-disabled-text-color: var(--text-disabled-color);
  --button-ghost-control-text-color: var(--color-basic-100);
  --button-ghost-control-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-control-focus-text-color: var(--color-basic-100);
  --button-ghost-control-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-control-hover-border-color: transparent;
  --button-ghost-control-hover-text-color: var(--color-basic-100);
  --button-ghost-control-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-active-border-color: transparent;
  --button-ghost-control-active-text-color: var(--color-basic-100);
  --button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-disabled-border-color: transparent;
  --button-ghost-control-disabled-text-color: var(--text-disabled-color);
  --button-hero-border-color: transparent;
  --button-hero-border-style: solid;
  --button-hero-border-width: 0;
  --button-hero-text-transform: uppercase;
  --button-hero-tiny-padding: 0.375rem 0.6875rem;
  --button-hero-small-padding: 0.5rem 0.9375rem;
  --button-hero-medium-padding: 0.75rem 1.1875rem;
  --button-hero-large-padding: 0.875rem 1.1875rem;
  --button-hero-giant-padding: 1rem 1.4375rem;
  --button-hero-shadow: 0 0 transparent;
  --button-hero-text-shadow: var(--shadow);
  --button-hero-bevel-size: 0 0 0 0;
  --button-hero-glow-size: 0 0 0 0;
  --button-hero-outline-color: var(--outline-color);
  --button-hero-outline-width: var(--outline-width);
  --button-hero-basic-text-color: var(--color-basic-600);
  --button-hero-basic-bevel-color: var(--color-basic-600);
  --button-hero-basic-glow-color: var(--color-basic-700);
  --button-hero-basic-left-background-color: var(--color-basic-200);
  --button-hero-basic-right-background-color: var(--color-basic-default);
  --button-hero-basic-focus-left-background-color: var(--color-basic-300);
  --button-hero-basic-focus-right-background-color: var(--color-basic-focus);
  --button-hero-basic-hover-left-background-color: var(--color-basic-100);
  --button-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --button-hero-basic-active-left-background-color: var(--color-basic-300);
  --button-hero-basic-active-right-background-color: var(--color-basic-active);
  --button-hero-basic-disabled-background-color: var(--color-basic-disabled);
  --button-hero-basic-disabled-text-color: var(--text-disabled-color);
  --button-hero-primary-text-color: var(--text-control-color);
  --button-hero-primary-bevel-color: var(--color-primary-600);
  --button-hero-primary-glow-color: var(--color-primary-700);
  --button-hero-primary-left-background-color: var(--color-primary-400);
  --button-hero-primary-right-background-color: var(--color-primary-default);
  --button-hero-primary-focus-left-background-color: var(--color-primary-500);
  --button-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --button-hero-primary-hover-left-background-color: var(--color-primary-300);
  --button-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --button-hero-primary-active-left-background-color: var(--color-primary-500);
  --button-hero-primary-active-right-background-color: var(--color-primary-active);
  --button-hero-primary-disabled-background-color: var(--color-primary-disabled);
  --button-hero-primary-disabled-text-color: var(--text-disabled-color);
  --button-hero-success-text-color: var(--text-control-color);
  --button-hero-success-bevel-color: var(--color-success-600);
  --button-hero-success-glow-color: var(--color-success-700);
  --button-hero-success-left-background-color: var(--color-success-400);
  --button-hero-success-right-background-color: var(--color-success-default);
  --button-hero-success-focus-left-background-color: var(--color-success-500);
  --button-hero-success-focus-right-background-color: var(--color-success-focus);
  --button-hero-success-hover-left-background-color: var(--color-success-300);
  --button-hero-success-hover-right-background-color: var(--color-success-hover);
  --button-hero-success-active-left-background-color: var(--color-success-500);
  --button-hero-success-active-right-background-color: var(--color-success-active);
  --button-hero-success-disabled-background-color: var(--color-success-disabled);
  --button-hero-success-disabled-text-color: var(--text-disabled-color);
  --button-hero-info-text-color: var(--text-control-color);
  --button-hero-info-bevel-color: var(--color-info-600);
  --button-hero-info-glow-color: var(--color-info-700);
  --button-hero-info-left-background-color: var(--color-info-400);
  --button-hero-info-right-background-color: var(--color-info-default);
  --button-hero-info-focus-left-background-color: var(--color-info-500);
  --button-hero-info-focus-right-background-color: var(--color-info-focus);
  --button-hero-info-hover-left-background-color: var(--color-info-300);
  --button-hero-info-hover-right-background-color: var(--color-info-hover);
  --button-hero-info-active-left-background-color: var(--color-info-500);
  --button-hero-info-active-right-background-color: var(--color-info-active);
  --button-hero-info-disabled-background-color: var(--color-info-disabled);
  --button-hero-info-disabled-text-color: var(--text-disabled-color);
  --button-hero-warning-text-color: var(--text-control-color);
  --button-hero-warning-bevel-color: var(--color-warning-600);
  --button-hero-warning-glow-color: var(--color-warning-700);
  --button-hero-warning-left-background-color: var(--color-warning-400);
  --button-hero-warning-right-background-color: var(--color-warning-default);
  --button-hero-warning-focus-left-background-color: var(--color-warning-500);
  --button-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --button-hero-warning-hover-left-background-color: var(--color-warning-300);
  --button-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --button-hero-warning-active-left-background-color: var(--color-warning-500);
  --button-hero-warning-active-right-background-color: var(--color-warning-active);
  --button-hero-warning-disabled-background-color: var(--color-warning-disabled);
  --button-hero-warning-disabled-text-color: var(--text-disabled-color);
  --button-hero-danger-text-color: var(--text-control-color);
  --button-hero-danger-bevel-color: var(--color-danger-600);
  --button-hero-danger-glow-color: var(--color-danger-700);
  --button-hero-danger-left-background-color: var(--color-danger-400);
  --button-hero-danger-right-background-color: var(--color-danger-default);
  --button-hero-danger-focus-left-background-color: var(--color-danger-500);
  --button-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --button-hero-danger-hover-left-background-color: var(--color-danger-300);
  --button-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --button-hero-danger-active-left-background-color: var(--color-danger-500);
  --button-hero-danger-active-right-background-color: var(--color-danger-active);
  --button-hero-danger-disabled-background-color: var(--color-danger-disabled);
  --button-hero-danger-disabled-text-color: var(--text-disabled-color);
  --button-hero-control-text-color: var(--color-basic-800);
  --button-hero-control-bevel-color: var(--color-basic-600);
  --button-hero-control-glow-color: var(--color-basic-700);
  --button-hero-control-left-background-color: var(--color-control-default);
  --button-hero-control-right-background-color: var(--color-control-default);
  --button-hero-control-focus-left-background-color: var(--color-basic-200);
  --button-hero-control-focus-right-background-color: var(--color-control-focus);
  --button-hero-control-hover-left-background-color: var(--color-basic-100);
  --button-hero-control-hover-right-background-color: var(--color-control-hover);
  --button-hero-control-active-left-background-color: var(--color-basic-200);
  --button-hero-control-active-right-background-color: var(--color-control-active);
  --button-hero-control-disabled-background-color: var(--color-basic-transparent-300);
  --button-hero-control-disabled-text-color: var(--text-disabled-color);
  --button-group-filled-button-basic-text-color: var(--text-hint-color);
  --button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color);
  --button-group-filled-button-success-text-color: var(--button-filled-success-text-color);
  --button-group-filled-button-info-text-color: var(--button-filled-info-text-color);
  --button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color);
  --button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color);
  --button-group-filled-button-control-text-color: var(--button-filled-control-text-color);
  --button-group-filled-basic-divider-color: var(--color-basic-focus-border);
  --button-group-filled-primary-divider-color: var(--color-primary-focus);
  --button-group-filled-success-divider-color: var(--color-success-focus);
  --button-group-filled-info-divider-color: var(--color-info-focus);
  --button-group-filled-warning-divider-color: var(--color-warning-focus);
  --button-group-filled-danger-divider-color: var(--color-danger-focus);
  --button-group-filled-control-divider-color: var(--color-control-focus);
  --button-group-ghost-divider-color: var(--color-basic-focus-border);
  --icon-button-filled-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-filled-small-padding: 0.5625rem 0.4375rem;
  --icon-button-filled-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-filled-large-padding: 0.8125rem 0.6875rem;
  --icon-button-filled-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-outline-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-outline-small-padding: 0.5625rem 0.4375rem;
  --icon-button-outline-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-outline-large-padding: 0.8125rem 0.6875rem;
  --icon-button-outline-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-ghost-small-padding: 0.5625rem 0.4375rem;
  --icon-button-ghost-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-ghost-large-padding: 0.8125rem 0.6875rem;
  --icon-button-ghost-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-hero-tiny-padding: 0.5rem 0.375rem;
  --icon-button-hero-small-padding: 0.5625rem 0.5rem;
  --icon-button-hero-medium-padding: 0.75rem 0.5625rem;
  --icon-button-hero-large-padding: 0.875rem 0.6875rem;
  --icon-button-hero-giant-padding: 1.0625rem 1rem;
  --input-border-style: solid;
  --input-border-width: 1px;
  --input-outline-color: var(--outline-color);
  --input-outline-width: var(--outline-width);
  --input-placeholder-text-font-family: var(--text-paragraph-font-family);
  --input-text-font-family: var(--text-subtitle-font-family);
  --input-basic-text-color: var(--text-basic-color);
  --input-basic-placeholder-text-color: var(--text-hint-color);
  --input-basic-background-color: var(--background-basic-color-2);
  --input-basic-border-color: var(--border-basic-color-4);
  --input-basic-focus-background-color: var(--background-basic-color-1);
  --input-basic-focus-border-color: var(--color-primary-default-border);
  --input-basic-hover-background-color: var(--background-basic-color-3);
  --input-basic-hover-border-color: var(--border-basic-color-4);
  --input-basic-disabled-background-color: var(--background-basic-color-2);
  --input-basic-disabled-border-color: var(--border-basic-color-4);
  --input-basic-disabled-text-color: var(--text-disabled-color);
  --input-basic-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-primary-text-color: var(--text-basic-color);
  --input-primary-placeholder-text-color: var(--text-hint-color);
  --input-primary-background-color: var(--background-basic-color-2);
  --input-primary-border-color: var(--color-primary-default);
  --input-primary-focus-background-color: var(--background-basic-color-1);
  --input-primary-focus-border-color: var(--color-primary-focus-border);
  --input-primary-hover-background-color: var(--background-basic-color-3);
  --input-primary-hover-border-color: var(--color-primary-hover-border);
  --input-primary-disabled-background-color: var(--background-basic-color-2);
  --input-primary-disabled-border-color: var(--border-basic-color-4);
  --input-primary-disabled-text-color: var(--text-disabled-color);
  --input-primary-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-success-text-color: var(--text-basic-color);
  --input-success-placeholder-text-color: var(--text-hint-color);
  --input-success-background-color: var(--background-basic-color-2);
  --input-success-border-color: var(--color-success-default);
  --input-success-focus-background-color: var(--background-basic-color-1);
  --input-success-focus-border-color: var(--color-success-focus-border);
  --input-success-hover-background-color: var(--background-basic-color-3);
  --input-success-hover-border-color: var(--color-success-hover-border);
  --input-success-disabled-background-color: var(--background-basic-color-2);
  --input-success-disabled-border-color: var(--border-basic-color-4);
  --input-success-disabled-text-color: var(--text-disabled-color);
  --input-success-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-info-text-color: var(--text-basic-color);
  --input-info-placeholder-text-color: var(--text-hint-color);
  --input-info-background-color: var(--background-basic-color-2);
  --input-info-border-color: var(--color-info-default);
  --input-info-focus-background-color: var(--background-basic-color-1);
  --input-info-focus-border-color: var(--color-info-focus-border);
  --input-info-hover-background-color: var(--background-basic-color-3);
  --input-info-hover-border-color: var(--color-info-hover-border);
  --input-info-disabled-background-color: var(--background-basic-color-2);
  --input-info-disabled-border-color: var(--border-basic-color-4);
  --input-info-disabled-text-color: var(--text-disabled-color);
  --input-info-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-warning-text-color: var(--text-basic-color);
  --input-warning-placeholder-text-color: var(--text-hint-color);
  --input-warning-background-color: var(--background-basic-color-2);
  --input-warning-border-color: var(--color-warning-default);
  --input-warning-focus-background-color: var(--background-basic-color-1);
  --input-warning-focus-border-color: var(--color-warning-focus-border);
  --input-warning-hover-background-color: var(--background-basic-color-3);
  --input-warning-hover-border-color: var(--color-warning-hover-border);
  --input-warning-disabled-background-color: var(--background-basic-color-2);
  --input-warning-disabled-border-color: var(--border-basic-color-4);
  --input-warning-disabled-text-color: var(--text-disabled-color);
  --input-warning-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-danger-text-color: var(--text-basic-color);
  --input-danger-placeholder-text-color: var(--text-hint-color);
  --input-danger-background-color: var(--background-basic-color-2);
  --input-danger-border-color: var(--color-danger-default);
  --input-danger-focus-background-color: var(--background-basic-color-1);
  --input-danger-focus-border-color: var(--color-danger-focus-border);
  --input-danger-hover-background-color: var(--background-basic-color-3);
  --input-danger-hover-border-color: var(--color-danger-hover-border);
  --input-danger-disabled-background-color: var(--background-basic-color-2);
  --input-danger-disabled-border-color: var(--border-basic-color-4);
  --input-danger-disabled-text-color: var(--text-disabled-color);
  --input-danger-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-control-text-color: var(--text-control-color);
  --input-control-placeholder-text-color: var(--text-control-color);
  --input-control-background-color: var(--color-basic-control-transparent-300);
  --input-control-border-color: var(--color-basic-control-transparent-500);
  --input-control-focus-background-color: var(--color-basic-control-transparent-500);
  --input-control-focus-border-color: var(--color-control-transparent-focus-border);
  --input-control-hover-background-color: var(--color-basic-control-transparent-400);
  --input-control-hover-border-color: var(--color-control-transparent-hover-border);
  --input-control-disabled-background-color: var(--color-control-transparent-disabled);
  --input-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --input-control-disabled-text-color: var(--text-control-color);
  --input-control-disabled-placeholder-text-color: var(--text-control-color);
  --input-rectangle-border-radius: var(--border-radius);
  --input-semi-round-border-radius: 0.75rem;
  --input-round-border-radius: 1.5rem;
  --input-tiny-text-font-size: var(--text-caption-2-font-size);
  --input-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --input-tiny-text-line-height: var(--text-caption-2-line-height);
  --input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-tiny-padding: 0.1875rem 1rem;
  --input-tiny-max-width: 20rem;
  --input-small-text-font-size: var(--text-subtitle-2-font-size);
  --input-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --input-small-text-line-height: var(--text-subtitle-2-line-height);
  --input-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-small-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-small-padding: 0.1875rem 1rem;
  --input-small-max-width: 20rem;
  --input-medium-text-font-size: var(--text-subtitle-font-size);
  --input-medium-text-font-weight: var(--text-subtitle-font-weight);
  --input-medium-text-line-height: var(--text-subtitle-line-height);
  --input-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-medium-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-medium-padding: 0.4375rem 1rem;
  --input-medium-max-width: 20rem;
  --input-large-text-font-size: var(--text-subtitle-font-size);
  --input-large-text-font-weight: var(--text-subtitle-font-weight);
  --input-large-text-line-height: var(--text-subtitle-line-height);
  --input-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-large-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-large-padding: 0.6875rem 1rem;
  --input-large-max-width: 30rem;
  --input-giant-text-font-size: var(--text-heading-6-font-size);
  --input-giant-text-font-weight: var(--text-heading-6-font-weight);
  --input-giant-text-line-height: var(--text-heading-6-line-height);
  --input-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-giant-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-giant-padding: 0.9375rem 1rem;
  --input-giant-max-width: 30rem;
  --checkbox-height: 1.25rem;
  --checkbox-width: 1.25rem;
  --checkbox-border-style: solid;
  --checkbox-border-width: 1px;
  --checkbox-border-radius: 3px;
  --checkbox-outline-width: var(--outline-width);
  --checkbox-outline-color: var(--outline-color);
  --checkbox-text-font-family: var(--text-subtitle-2-font-family);
  --checkbox-text-font-size: var(--text-subtitle-2-font-size);
  --checkbox-text-font-weight: var(--text-subtitle-2-font-weight);
  --checkbox-text-line-height: var(--text-subtitle-2-line-height);
  --checkbox-text-space: 0.6875rem;
  --checkbox-padding: 0;
  --checkbox-focus-inset-shadow-length: 0 0 0 100vmax;
  --checkbox-basic-text-color: var(--text-basic-color);
  --checkbox-basic-background-color: var(--color-basic-transparent-default);
  --checkbox-basic-border-color: var(--color-basic-transparent-default-border);
  --checkbox-basic-checked-background-color: var(--color-primary-default);
  --checkbox-basic-checked-border-color: var(--color-primary-default-border);
  --checkbox-basic-checked-checkmark-color: var(--text-control-color);
  --checkbox-basic-indeterminate-background-color: var(--color-primary-default);
  --checkbox-basic-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-basic-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-basic-focus-background-color: var(--color-basic-transparent-focus);
  --checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --checkbox-basic-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-basic-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-basic-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-basic-active-background-color: var(--color-basic-transparent-active);
  --checkbox-basic-active-border-color: var(--color-basic-transparent-active-border);
  --checkbox-basic-active-checked-background-color: var(--color-primary-active);
  --checkbox-basic-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-basic-disabled-checkmark-color: var(--text-control-color);
  --checkbox-basic-disabled-text-color: var(--text-disabled-color);
  --checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-primary-text-color: var(--text-basic-color);
  --checkbox-primary-background-color: var(--color-primary-transparent-default);
  --checkbox-primary-border-color: var(--color-primary-transparent-default-border);
  --checkbox-primary-checked-background-color: var(--color-primary-default);
  --checkbox-primary-checked-border-color: var(--color-primary-default-border);
  --checkbox-primary-checked-checkmark-color: var(--text-control-color);
  --checkbox-primary-indeterminate-background-color: var(--color-primary-default);
  --checkbox-primary-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-primary-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-primary-focus-background-color: var(--color-primary-transparent-focus);
  --checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --checkbox-primary-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-primary-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-primary-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-primary-active-background-color: var(--color-primary-transparent-active);
  --checkbox-primary-active-border-color: var(--color-primary-transparent-active-border);
  --checkbox-primary-active-checked-background-color: var(--color-primary-active);
  --checkbox-primary-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-primary-disabled-checkmark-color: var(--text-control-color);
  --checkbox-primary-disabled-text-color: var(--text-disabled-color);
  --checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-success-text-color: var(--text-basic-color);
  --checkbox-success-background-color: var(--color-success-transparent-default);
  --checkbox-success-border-color: var(--color-success-transparent-default-border);
  --checkbox-success-checked-background-color: var(--color-success-default);
  --checkbox-success-checked-border-color: var(--color-success-default-border);
  --checkbox-success-checked-checkmark-color: var(--text-control-color);
  --checkbox-success-indeterminate-background-color: var(--color-success-default);
  --checkbox-success-indeterminate-border-color: var(--color-success-default-border);
  --checkbox-success-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-success-focus-background-color: var(--color-success-transparent-focus);
  --checkbox-success-focus-border-color: var(--color-success-transparent-focus-border);
  --checkbox-success-focus-checked-background-color: var(--color-success-focus);
  --checkbox-success-focus-checked-border-color: var(--color-success-focus-border);
  --checkbox-success-hover-background-color: var(--color-success-transparent-hover);
  --checkbox-success-hover-border-color: var(--color-success-transparent-hover-border);
  --checkbox-success-hover-checked-background-color: var(--color-success-hover);
  --checkbox-success-hover-checked-border-color: var(--color-success-hover-border);
  --checkbox-success-active-background-color: var(--color-success-transparent-active);
  --checkbox-success-active-border-color: var(--color-success-transparent-active-border);
  --checkbox-success-active-checked-background-color: var(--color-success-active);
  --checkbox-success-active-checked-border-color: var(--color-success-active-border);
  --checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-success-disabled-checkmark-color: var(--text-control-color);
  --checkbox-success-disabled-text-color: var(--text-disabled-color);
  --checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-info-text-color: var(--text-basic-color);
  --checkbox-info-background-color: var(--color-info-transparent-default);
  --checkbox-info-border-color: var(--color-info-transparent-default-border);
  --checkbox-info-checked-background-color: var(--color-info-default);
  --checkbox-info-checked-border-color: var(--color-info-default-border);
  --checkbox-info-checked-checkmark-color: var(--text-control-color);
  --checkbox-info-indeterminate-background-color: var(--color-info-default);
  --checkbox-info-indeterminate-border-color: var(--color-info-default-border);
  --checkbox-info-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-info-focus-background-color: var(--color-info-transparent-focus);
  --checkbox-info-focus-border-color: var(--color-info-transparent-focus-border);
  --checkbox-info-focus-checked-background-color: var(--color-info-focus);
  --checkbox-info-focus-checked-border-color: var(--color-info-focus-border);
  --checkbox-info-hover-background-color: var(--color-info-transparent-hover);
  --checkbox-info-hover-border-color: var(--color-info-transparent-hover-border);
  --checkbox-info-hover-checked-background-color: var(--color-info-hover);
  --checkbox-info-hover-checked-border-color: var(--color-info-hover-border);
  --checkbox-info-active-background-color: var(--color-info-transparent-active);
  --checkbox-info-active-border-color: var(--color-info-transparent-active-border);
  --checkbox-info-active-checked-background-color: var(--color-info-active);
  --checkbox-info-active-checked-border-color: var(--color-info-active-border);
  --checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-info-disabled-checkmark-color: var(--text-control-color);
  --checkbox-info-disabled-text-color: var(--text-disabled-color);
  --checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-warning-text-color: var(--text-basic-color);
  --checkbox-warning-background-color: var(--color-warning-transparent-default);
  --checkbox-warning-border-color: var(--color-warning-transparent-default-border);
  --checkbox-warning-checked-background-color: var(--color-warning-default);
  --checkbox-warning-checked-border-color: var(--color-warning-default-border);
  --checkbox-warning-checked-checkmark-color: var(--text-control-color);
  --checkbox-warning-indeterminate-background-color: var(--color-warning-default);
  --checkbox-warning-indeterminate-border-color: var(--color-warning-default-border);
  --checkbox-warning-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-warning-focus-background-color: var(--color-warning-transparent-focus);
  --checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --checkbox-warning-focus-checked-background-color: var(--color-warning-focus);
  --checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --checkbox-warning-hover-background-color: var(--color-warning-transparent-hover);
  --checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --checkbox-warning-hover-checked-background-color: var(--color-warning-hover);
  --checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --checkbox-warning-active-background-color: var(--color-warning-transparent-active);
  --checkbox-warning-active-border-color: var(--color-warning-transparent-active-border);
  --checkbox-warning-active-checked-background-color: var(--color-warning-active);
  --checkbox-warning-active-checked-border-color: var(--color-warning-active-border);
  --checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-warning-disabled-checkmark-color: var(--text-control-color);
  --checkbox-warning-disabled-text-color: var(--text-disabled-color);
  --checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-danger-text-color: var(--text-basic-color);
  --checkbox-danger-background-color: var(--color-danger-transparent-default);
  --checkbox-danger-border-color: var(--color-danger-transparent-default-border);
  --checkbox-danger-checked-background-color: var(--color-danger-default);
  --checkbox-danger-checked-border-color: var(--color-danger-default-border);
  --checkbox-danger-checked-checkmark-color: var(--text-control-color);
  --checkbox-danger-indeterminate-background-color: var(--color-danger-default);
  --checkbox-danger-indeterminate-border-color: var(--color-danger-default-border);
  --checkbox-danger-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-danger-focus-background-color: var(--color-danger-transparent-focus);
  --checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --checkbox-danger-focus-checked-background-color: var(--color-danger-focus);
  --checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --checkbox-danger-hover-background-color: var(--color-danger-transparent-hover);
  --checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --checkbox-danger-hover-checked-background-color: var(--color-danger-hover);
  --checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --checkbox-danger-active-background-color: var(--color-danger-transparent-active);
  --checkbox-danger-active-border-color: var(--color-danger-transparent-active-border);
  --checkbox-danger-active-checked-background-color: var(--color-danger-active);
  --checkbox-danger-active-checked-border-color: var(--color-danger-active-border);
  --checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-danger-disabled-checkmark-color: var(--text-control-color);
  --checkbox-danger-disabled-text-color: var(--text-disabled-color);
  --checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-control-text-color: var(--text-control-color);
  --checkbox-control-background-color: var(--color-control-transparent-default);
  --checkbox-control-border-color: var(--color-control-transparent-default-border);
  --checkbox-control-checked-background-color: var(--color-control-default);
  --checkbox-control-checked-border-color: var(--color-control-default-border);
  --checkbox-control-checked-checkmark-color: var(--color-basic-800);
  --checkbox-control-indeterminate-background-color: var(--color-control-default);
  --checkbox-control-indeterminate-border-color: var(--color-control-default-border);
  --checkbox-control-indeterminate-checkmark-color: var(--color-basic-800);
  --checkbox-control-focus-background-color: var(--color-control-transparent-focus);
  --checkbox-control-focus-border-color: var(--color-control-transparent-focus-border);
  --checkbox-control-focus-checked-background-color: var(--color-control-focus);
  --checkbox-control-focus-checked-border-color: var(--color-control-focus-border);
  --checkbox-control-hover-background-color: var(--color-control-transparent-hover);
  --checkbox-control-hover-border-color: var(--color-control-transparent-hover-border);
  --checkbox-control-hover-checked-background-color: var(--color-control-hover);
  --checkbox-control-hover-checked-border-color: var(--color-control-hover-border);
  --checkbox-control-active-background-color: var(--color-control-transparent-active);
  --checkbox-control-active-border-color: var(--color-control-transparent-active-border);
  --checkbox-control-active-checked-background-color: var(--color-control-active);
  --checkbox-control-active-checked-border-color: var(--color-control-active-border);
  --checkbox-control-disabled-background-color: var(--color-control-transparent-disabled);
  --checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --checkbox-control-disabled-checkmark-color: var(--text-control-color);
  --checkbox-control-disabled-text-color: var(--text-control-color);
  --checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --badge-dot-mode-border-radius: 0.5rem;
  --badge-dot-mode-padding: 0.3rem;
  --badge-border-radius: var(--border-radius);
  --badge-text-font-family: var(--text-button-font-family);
  --badge-text-font-size: var(--text-button-tiny-font-size);
  --badge-text-font-weight: var(--text-button-font-weight);
  --badge-text-line-height: var(--text-button-tiny-line-height);
  --badge-padding: 0.25rem 0.4rem;
  --badge-basic-background-color: var(--background-basic-color-2);
  --badge-basic-text-color: var(--text-basic-color);
  --badge-primary-background-color: var(--color-primary-default);
  --badge-primary-text-color: var(--text-control-color);
  --badge-success-background-color: var(--color-success-default);
  --badge-success-text-color: var(--text-control-color);
  --badge-info-background-color: var(--color-info-default);
  --badge-info-text-color: var(--text-control-color);
  --badge-warning-background-color: var(--color-warning-default);
  --badge-warning-text-color: var(--text-control-color);
  --badge-danger-background-color: var(--color-danger-default);
  --badge-danger-text-color: var(--text-control-color);
  --badge-control-background-color: var(--color-control-default);
  --badge-control-text-color: var(--color-basic-800);
  --progress-bar-animation-duration: 400ms;
  --progress-bar-border-radius: var(--border-radius);
  --progress-bar-text-font-family: var(--text-subtitle-font-family);
  --progress-bar-tiny-height: 1rem;
  --progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-small-height: 1.25rem;
  --progress-bar-small-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-small-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-medium-height: 1.375rem;
  --progress-bar-medium-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-medium-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-large-height: 1.5rem;
  --progress-bar-large-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-large-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-large-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-giant-height: 1.75rem;
  --progress-bar-giant-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-giant-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-basic-background-color: var(--background-basic-color-2);
  --progress-bar-basic-filled-background-color: var(--background-basic-color-4);
  --progress-bar-basic-text-color: var(--text-basic-color);
  --progress-bar-primary-background-color: var(--background-basic-color-3);
  --progress-bar-primary-filled-background-color: var(--color-primary-default);
  --progress-bar-primary-text-color: var(--text-control-color);
  --progress-bar-success-background-color: var(--background-basic-color-3);
  --progress-bar-success-filled-background-color: var(--color-success-default);
  --progress-bar-success-text-color: var(--text-control-color);
  --progress-bar-info-background-color: var(--background-basic-color-3);
  --progress-bar-info-filled-background-color: var(--color-info-default);
  --progress-bar-info-text-color: var(--text-control-color);
  --progress-bar-warning-background-color: var(--background-basic-color-3);
  --progress-bar-warning-filled-background-color: var(--color-warning-default);
  --progress-bar-warning-text-color: var(--text-control-color);
  --progress-bar-danger-background-color: var(--background-basic-color-3);
  --progress-bar-danger-filled-background-color: var(--color-danger-default);
  --progress-bar-danger-text-color: var(--text-control-color);
  --progress-bar-control-background-color: var(--background-basic-color-3);
  --progress-bar-control-filled-background-color: var(--color-control-default);
  --progress-bar-control-text-color: var(--color-basic-800);
  --alert-border-radius: var(--border-radius);
  --alert-bottom-margin: 1.5rem;
  --alert-padding: 1rem 1.125rem;
  --alert-scrollbar-color: var(--scrollbar-color);
  --alert-scrollbar-background-color: var(--scrollbar-background-color);
  --alert-scrollbar-width: var(--scrollbar-width);
  --alert-shadow: none;
  --alert-text-font-family: var(--text-paragraph-font-family);
  --alert-text-font-size: var(--text-subtitle-font-size);
  --alert-text-font-weight: var(--text-subtitle-font-weight);
  --alert-text-line-height: var(--text-subtitle-line-height);
  --alert-closable-start-padding: 3rem;
  --alert-tiny-height: 4.5rem;
  --alert-small-height: 5.75rem;
  --alert-medium-height: 7rem;
  --alert-medium-padding: 1rem 1.125rem;
  --alert-large-height: 8.25rem;
  --alert-giant-height: 9.5rem;
  --alert-basic-background-color: var(--background-basic-color-2);
  --alert-basic-text-color: var(--text-basic-color);
  --alert-primary-background-color: var(--color-primary-default);
  --alert-primary-text-color: var(--text-control-color);
  --alert-success-background-color: var(--color-success-default);
  --alert-success-text-color: var(--text-control-color);
  --alert-info-background-color: var(--color-info-default);
  --alert-info-text-color: var(--text-control-color);
  --alert-warning-background-color: var(--color-warning-default);
  --alert-warning-text-color: var(--text-control-color);
  --alert-danger-background-color: var(--color-danger-default);
  --alert-danger-text-color: var(--text-control-color);
  --alert-control-background-color: var(--color-control-default);
  --alert-control-text-color: var(--color-basic-800);
  --alert-accent-basic-color: var(--border-basic-color-3);
  --alert-accent-primary-color: var(--color-primary-default);
  --alert-accent-info-color: var(--color-info-default);
  --alert-accent-success-color: var(--color-success-default);
  --alert-accent-warning-color: var(--color-warning-default);
  --alert-accent-danger-color: var(--color-danger-default);
  --alert-accent-control-color: var(--color-control-default);
  --alert-outline-width: 1px;
  --alert-outline-basic-color: var(--color-basic-focus-border);
  --alert-outline-primary-color: var(--color-primary-focus-border);
  --alert-outline-info-color: var(--color-info-focus-border);
  --alert-outline-success-color: var(--color-success-focus-border);
  --alert-outline-warning-color: var(--color-warning-focus-border);
  --alert-outline-danger-color: var(--color-danger-focus-border);
  --alert-outline-control-color: var(--color-control-focus-border);
  --chat-background-color: var(--background-basic-color-1);
  --chat-border: none;
  --chat-border-radius: var(--border-radius);
  --chat-shadow: var(--shadow);
  --chat-padding: 1rem 1.25rem;
  --chat-scrollbar-color: var(--scrollbar-color);
  --chat-scrollbar-background-color: var(--scrollbar-background-color);
  --chat-scrollbar-width: var(--scrollbar-width);
  --chat-text-color: var(--text-basic-color);
  --chat-text-font-family: var(--text-paragraph-font-family);
  --chat-text-font-size: var(--text-paragraph-font-size);
  --chat-text-font-weight: var(--text-paragraph-font-weight);
  --chat-text-line-height: var(--text-paragraph-line-height);
  --chat-header-text-font-family: var(--text-subtitle-font-family);
  --chat-header-text-font-size: var(--text-subtitle-font-size);
  --chat-header-text-font-weight: var(--text-subtitle-font-weight);
  --chat-header-text-line-height: var(--text-subtitle-line-height);
  --chat-tiny-height: 13.5rem;
  --chat-small-height: 21rem;
  --chat-medium-height: 28.5rem;
  --chat-large-height: 36rem;
  --chat-giant-height: 43.5rem;
  --chat-basic-background-color: var(--background-basic-color-1);
  --chat-basic-text-color: var(--text-basic-color);
  --chat-primary-background-color: var(--color-primary-default);
  --chat-primary-text-color: var(--text-control-color);
  --chat-success-background-color: var(--color-success-default);
  --chat-success-text-color: var(--text-control-color);
  --chat-info-background-color: var(--color-info-default);
  --chat-info-text-color: var(--text-control-color);
  --chat-warning-background-color: var(--color-warning-default);
  --chat-warning-text-color: var(--text-control-color);
  --chat-danger-background-color: var(--color-danger-default);
  --chat-danger-text-color: var(--text-control-color);
  --chat-control-background-color: var(--color-control-default);
  --chat-control-text-color: var(--color-basic-800);
  --chat-divider-color: var(--divider-color);
  --chat-divider-style: var(--divider-style);
  --chat-divider-width: var(--divider-width);
  --chat-message-background: var(--color-primary-default);
  --chat-message-text-color: var(--text-control-color);
  --chat-message-reply-background-color: var(--background-basic-color-2);
  --chat-message-reply-text-color: var(--text-basic-color);
  --chat-message-avatar-background-color: var(--color-basic-500);
  --chat-message-sender-text-color: var(--text-hint-color);
  --chat-message-quote-background-color: var(--background-basic-color-2);
  --chat-message-quote-text-color: var(--text-hint-color);
  --chat-message-file-text-color: var(--text-hint-color);
  --chat-message-file-background-color: transparent;
  --spinner-text-color: var(--text-basic-color);
  --spinner-text-font-family: var(--text-button-font-family);
  --spinner-text-font-size: var(--text-button-medium-font-size);
  --spinner-text-font-weight: var(--text-button-font-weight);
  --spinner-text-line-height: var(--text-button-medium-line-height);
  --spinner-basic-background-color: var(--color-basic-transparent-200);
  --spinner-basic-circle-filled-color: var(--text-hint-color);
  --spinner-basic-circle-empty-color: transparent;
  --spinner-primary-background-color: var(--color-basic-transparent-200);
  --spinner-primary-circle-filled-color: var(--color-primary-default);
  --spinner-primary-circle-empty-color: transparent;
  --spinner-info-background-color: var(--color-basic-transparent-200);
  --spinner-info-circle-filled-color: var(--color-info-default);
  --spinner-info-circle-empty-color: transparent;
  --spinner-success-background-color: var(--color-basic-transparent-200);
  --spinner-success-circle-filled-color: var(--color-success-default);
  --spinner-success-circle-empty-color: transparent;
  --spinner-warning-background-color: var(--color-basic-transparent-200);
  --spinner-warning-circle-filled-color: var(--color-warning-default);
  --spinner-warning-circle-empty-color: transparent;
  --spinner-danger-background-color: var(--color-basic-transparent-200);
  --spinner-danger-circle-filled-color: var(--color-danger-default);
  --spinner-danger-circle-empty-color: transparent;
  --spinner-control-background-color: var(--color-basic-control-transparent-200);
  --spinner-control-circle-filled-color: var(--color-control-default);
  --spinner-control-circle-empty-color: transparent;
  --spinner-height-tiny: 1rem;
  --spinner-height-small: 1.25rem;
  --spinner-height-medium: 1.5rem;
  --spinner-height-large: 1.75rem;
  --spinner-height-giant: 2rem;
  --stepper-step-text-color: var(--text-hint-color);
  --stepper-step-text-font-family: var(--text-paragraph-font-family);
  --stepper-step-text-font-size: var(--text-paragraph-font-size);
  --stepper-step-text-font-weight: var(--text-paragraph-font-weight);
  --stepper-step-text-line-height: var(--text-paragraph-line-height);
  --stepper-step-active-text-color: var(--text-primary-active-color);
  --stepper-step-completed-text-color: var(--text-primary-color);
  --stepper-step-index-border-color: var(--border-basic-color-4);
  --stepper-step-index-border-style: solid;
  --stepper-step-index-border-width: 1px;
  --stepper-step-index-border-radius: 50%;
  --stepper-step-index-width: 2rem;
  --stepper-step-index-active-border-color: var(--color-primary-active);
  --stepper-step-index-completed-background-color: var(--color-primary-default);
  --stepper-step-index-completed-border-color: var(--color-primary-default);
  --stepper-step-index-completed-text-color: var(--text-control-color);
  --stepper-connector-background-color: var(--background-basic-color-3);
  --stepper-connector-completed-background-color: var(--color-primary-default);
  --stepper-horizontal-connector-margin: 1rem;
  --stepper-vertical-connector-margin: 1rem;
  --stepper-step-content-padding: 1.25rem;
  --accordion-border-radius: var(--border-radius);
  --accordion-padding: 1.25rem;
  --accordion-shadow: var(--shadow);
  --accordion-header-text-color: var(--text-basic-color);
  --accordion-header-text-font-family: var(--text-subtitle-font-family);
  --accordion-header-text-font-size: var(--text-subtitle-font-size);
  --accordion-header-text-font-weight: var(--text-subtitle-font-weight);
  --accordion-header-text-line-height: var(--text-subtitle-line-height);
  --accordion-header-disabled-text-color: var(--text-disabled-color);
  --accordion-header-border-color: var(--border-basic-color-3);
  --accordion-header-border-style: solid;
  --accordion-header-border-width: 1px;
  --accordion-item-background-color: var(--background-basic-color-1);
  --accordion-item-text-color: var(--text-basic-color);
  --accordion-item-text-font-family: var(--text-paragraph-font-family);
  --accordion-item-text-font-size: var(--text-paragraph-font-size);
  --accordion-item-text-font-weight: var(--text-paragraph-font-weight);
  --accordion-item-text-line-height: var(--text-paragraph-line-height);
  --list-item-divider-color: var(--divider-color);
  --list-item-divider-style: var(--divider-style);
  --list-item-divider-width: var(--divider-width);
  --list-item-padding: 1rem;
  --list-item-text-color: var(--text-basic-color);
  --list-item-font-family: var(--text-paragraph-font-family);
  --list-item-font-size: var(--text-paragraph-font-size);
  --list-item-font-weight: var(--text-paragraph-font-weight);
  --list-item-line-height: var(--text-paragraph-line-height);
  --calendar-width: 20.625rem;
  --calendar-background-color: var(--background-basic-color-1);
  --calendar-border-color: var(--border-basic-color-4);
  --calendar-border-style: solid;
  --calendar-border-width: 0.0625rem;
  --calendar-border-radius: var(--border-radius);
  --calendar-text-color: var(--text-basic-color);
  --calendar-text-font-family: var(--text-subtitle-font-family);
  --calendar-text-font-size: var(--text-subtitle-font-size);
  --calendar-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-text-line-height: var(--text-subtitle-line-height);
  --calendar-picker-padding-top: 0.25rem;
  --calendar-picker-padding-bottom: 0.625rem;
  --calendar-picker-padding-start: 0.625rem;
  --calendar-picker-padding-end: 0.625rem;
  --calendar-navigation-text-color: var(--text-basic-color);
  --calendar-navigation-text-font-family: var(--text-button-font-family);
  --calendar-navigation-title-text-font-size: var(--text-button-medium-font-size);
  --calendar-navigation-title-text-font-weight: var(--text-button-font-weight);
  --calendar-navigation-title-text-line-height: var(--text-button-medium-line-height);
  --calendar-navigation-padding: 0.625rem 0.25rem;
  --calendar-cell-inactive-text-color: var(--text-hint-color);
  --calendar-cell-disabled-text-color: var(--text-disabled-color);
  --calendar-cell-hover-background-color: var(--background-basic-color-2);
  --calendar-cell-hover-border-color: var(--background-basic-color-2);
  --calendar-cell-hover-text-color: var(--text-basic-color);
  --calendar-cell-hover-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-hover-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-active-background-color: var(--color-primary-active);
  --calendar-cell-active-border-color: var(--color-primary-active-border);
  --calendar-cell-active-text-color: var(--text-control-color);
  --calendar-cell-active-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-active-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-active-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-background-color: var(--color-primary-transparent-default);
  --calendar-cell-today-border-color: var(--color-primary-transparent-default-border);
  --calendar-cell-today-text-color: var(--text-basic-color);
  --calendar-cell-today-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-today-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-today-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover);
  --calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border);
  --calendar-cell-today-active-background-color: var(--color-primary-transparent-active);
  --calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border);
  --calendar-cell-today-disabled-border-color: var(--border-basic-color-4);
  --calendar-cell-today-selected-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-selected-border-color: transparent;
  --calendar-cell-today-selected-text-color: var(--text-control-color);
  --calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-selected-hover-border-color: transparent;
  --calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-selected-active-border-color: transparent;
  --calendar-cell-today-in-range-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-in-range-border-color: transparent;
  --calendar-cell-today-in-range-text-color: var(--text-control-color);
  --calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-in-range-hover-border-color: transparent;
  --calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-in-range-active-border-color: transparent;
  --calendar-cell-selected-background-color: var(--color-primary-default);
  --calendar-cell-selected-border-color: var(--color-primary-default-border);
  --calendar-cell-selected-text-color: var(--text-control-color);
  --calendar-cell-selected-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-selected-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-selected-hover-background-color: var(--color-primary-hover);
  --calendar-cell-selected-hover-border-color: var(--color-primary-hover-border);
  --calendar-cell-selected-active-background-color: var(--color-primary-active);
  --calendar-cell-selected-active-border-color: var(--color-primary-active-border);
  --calendar-day-cell-width: 2.75rem;
  --calendar-day-cell-height: 2.75rem;
  --calendar-month-cell-width: 4.8125rem;
  --calendar-month-cell-height: var(--calendar-day-cell-height);
  --calendar-year-cell-width: var(--calendar-month-cell-width);
  --calendar-year-cell-height: var(--calendar-month-cell-height);
  --calendar-weekday-background: transparent;
  --calendar-weekday-divider-color: var(--divider-color);
  --calendar-weekday-divider-width: var(--divider-width);
  --calendar-weekday-text-color: var(--text-hint-color);
  --calendar-weekday-text-font-size: var(--text-subtitle-font-size);
  --calendar-weekday-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weekday-text-line-height: var(--text-subtitle-line-height);
  --calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color);
  --calendar-weekday-height: var(--calendar-day-cell-height);
  --calendar-weekday-width: var(--calendar-day-cell-width);
  --calendar-weeknumber-background: transparent;
  --calendar-weeknumber-divider-color: var(--divider-color);
  --calendar-weeknumber-divider-width: var(--divider-width);
  --calendar-weeknumber-text-color: var(--text-hint-color);
  --calendar-weeknumber-text-font-size: var(--text-subtitle-font-size);
  --calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weeknumber-text-line-height: var(--text-subtitle-line-height);
  --calendar-weeknumber-height: var(--calendar-weekday-height);
  --calendar-weeknumber-width: var(--calendar-weekday-width);
  --calendar-large-width: 22.375rem;
  --calendar-day-cell-large-width: 3rem;
  --calendar-day-cell-large-height: 3rem;
  --calendar-weekday-large-height: var(--calendar-day-cell-large-width);
  --calendar-weekday-large-width: var(--calendar-day-cell-large-height);
  --calendar-weeknumber-large-height: var(--calendar-weekday-large-height);
  --calendar-weeknumber-large-width: var(--calendar-weekday-large-width);
  --calendar-month-cell-large-width: 5.25rem;
  --calendar-month-cell-large-height: var(--calendar-day-cell-large-height);
  --calendar-year-cell-large-width: var(--calendar-month-cell-large-width);
  --calendar-year-cell-large-height: var(--calendar-month-cell-large-height);
  --overlay-backdrop-background-color: rgba(0, 0, 0, 0.35);
  --tooltip-background-color: var(--background-alternative-color-3);
  --tooltip-border-color: transparent;
  --tooltip-border-style: dashed;
  --tooltip-border-width: 0;
  --tooltip-border-radius: var(--border-radius);
  --tooltip-padding: 0.5rem 1rem;
  --tooltip-text-color: var(--text-alternate-color);
  --tooltip-text-font-family: var(--text-caption-font-family);
  --tooltip-text-font-size: var(--text-caption-font-size);
  --tooltip-text-font-weight: var(--text-caption-font-weight);
  --tooltip-text-line-height: var(--text-caption-line-height);
  --tooltip-icon-height: 1rem;
  --tooltip-icon-width: 1rem;
  --tooltip-max-width: 16rem;
  --tooltip-basic-background-color: var(--background-basic-color-3);
  --tooltip-basic-border-color: transparent;
  --tooltip-basic-text-color: var(--text-basic-color);
  --tooltip-primary-background-color: var(--color-primary-default);
  --tooltip-primary-border-color: transparent;
  --tooltip-primary-text-color: var(--text-control-color);
  --tooltip-info-background-color: var(--color-info-default);
  --tooltip-info-border-color: transparent;
  --tooltip-info-text-color: var(--text-control-color);
  --tooltip-success-background-color: var(--color-success-default);
  --tooltip-success-border-color: transparent;
  --tooltip-success-text-color: var(--text-control-color);
  --tooltip-warning-background-color: var(--color-warning-default);
  --tooltip-warning-border-color: transparent;
  --tooltip-warning-text-color: var(--text-control-color);
  --tooltip-danger-background-color: var(--color-danger-default);
  --tooltip-danger-border-color: transparent;
  --tooltip-danger-text-color: var(--text-control-color);
  --tooltip-control-background-color: var(--color-control-default);
  --tooltip-control-border-color: transparent;
  --tooltip-control-text-color: var(--color-basic-800);
  --tooltip-shadow: var(--shadow);
  --option-list-max-height: 20rem;
  --option-list-shadow: none;
  --option-list-background-color: var(--background-basic-color-1);
  --option-list-border-style: solid;
  --option-list-border-width: 0.0625rem;
  --option-list-border-color: var(--border-basic-color-4);
  --option-list-border-radius: var(--border-radius);
  --option-list-adjacent-border-color: var(--option-list-border-color);
  --option-list-adjacent-border-style: var(--option-list-border-style);
  --option-list-adjacent-border-width: var(--option-list-border-width);
  --option-group-text-color: var(--text-hint-color);
  --option-group-tiny-start-padding: 1.25rem;
  --option-group-small-start-padding: 1.75rem;
  --option-group-medium-start-padding: 2.25rem;
  --option-group-large-start-padding: 2.25rem;
  --option-group-giant-start-padding: 2.75rem;
  --option-background-color: var(--background-basic-color-1);
  --option-text-color: var(--text-basic-color);
  --option-text-font-family: var(--text-subtitle-font-family);
  --option-hover-background-color: var(--color-basic-transparent-hover);
  --option-hover-text-color: var(--text-basic-color);
  --option-active-background-color: var(--color-basic-transparent-active);
  --option-active-text-color: var(--text-basic-color);
  --option-focus-background-color: var(--color-basic-transparent-focus);
  --option-focus-text-color: var(--text-basic-color);
  --option-selected-background-color: var(--color-primary-default);
  --option-selected-text-color: var(--text-control-color);
  --option-selected-hover-background-color: var(--color-primary-hover);
  --option-selected-hover-text-color: var(--text-control-color);
  --option-selected-active-background-color: var(--color-primary-active);
  --option-selected-active-text-color: var(--text-control-color);
  --option-selected-focus-background-color: var(--color-primary-focus);
  --option-selected-focus-text-color: var(--text-control-color);
  --option-disabled-background-color: var(--background-basic-color-1);
  --option-disabled-text-color: var(--text-disabled-color);
  --option-tiny-text-font-size: var(--text-caption-2-font-size);
  --option-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --option-tiny-text-line-height: var(--text-caption-2-line-height);
  --option-tiny-padding: var(--select-outline-tiny-padding);
  --option-small-text-font-size: var(--text-subtitle-2-font-size);
  --option-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --option-small-text-line-height: var(--text-subtitle-2-line-height);
  --option-small-padding: var(--select-outline-small-padding);
  --option-medium-text-font-size: var(--text-subtitle-font-size);
  --option-medium-text-font-weight: var(--text-subtitle-font-weight);
  --option-medium-text-line-height: var(--text-subtitle-line-height);
  --option-medium-padding: var(--select-outline-medium-padding);
  --option-large-text-font-size: var(--text-subtitle-font-size);
  --option-large-text-font-weight: var(--text-subtitle-font-weight);
  --option-large-text-line-height: var(--text-subtitle-line-height);
  --option-large-padding: var(--select-outline-large-padding);
  --option-giant-text-font-size: var(--text-heading-6-font-size);
  --option-giant-text-font-weight: var(--text-heading-6-font-weight);
  --option-giant-text-line-height: var(--text-heading-6-line-height);
  --option-giant-padding: var(--select-outline-giant-padding);
  --select-cursor: pointer;
  --select-disabled-cursor: default;
  --select-min-width: 13rem;
  --select-outline-width: var(--outline-width);
  --select-outline-color: var(--outline-color);
  --select-icon-offset: 2rem;
  --select-text-font-family: var(--text-subtitle-font-family);
  --select-placeholder-text-font-family: var(--text-paragraph-font-family);
  --select-tiny-text-font-size: var(--text-caption-2-font-size);
  --select-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --select-tiny-text-line-height: var(--text-caption-2-line-height);
  --select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-tiny-max-width: 20rem;
  --select-small-text-font-size: var(--text-subtitle-2-font-size);
  --select-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --select-small-text-line-height: var(--text-subtitle-2-line-height);
  --select-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-small-max-width: 20rem;
  --select-medium-text-font-size: var(--text-subtitle-font-size);
  --select-medium-text-font-weight: var(--text-subtitle-font-weight);
  --select-medium-text-line-height: var(--text-subtitle-line-height);
  --select-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-medium-max-width: 20rem;
  --select-large-text-font-size: var(--text-subtitle-font-size);
  --select-large-text-font-weight: var(--text-subtitle-font-weight);
  --select-large-text-line-height: var(--text-subtitle-line-height);
  --select-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-large-max-width: 30rem;
  --select-giant-text-font-size: var(--text-heading-6-font-size);
  --select-giant-text-font-weight: var(--text-heading-6-font-weight);
  --select-giant-text-line-height: var(--text-heading-6-line-height);
  --select-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-giant-max-width: 30rem;
  --select-rectangle-border-radius: var(--border-radius);
  --select-semi-round-border-radius: 0.75rem;
  --select-round-border-radius: 1.5rem;
  --select-outline-border-style: solid;
  --select-outline-border-width: 1px;
  --select-outline-tiny-padding: 0.1875rem 1rem;
  --select-outline-small-padding: 0.1875rem 1rem;
  --select-outline-medium-padding: 0.4375rem 1rem;
  --select-outline-large-padding: 0.6875rem 1rem;
  --select-outline-giant-padding: 0.9375rem 1rem;
  --select-outline-basic-icon-color: var(--text-hint-color);
  --select-outline-basic-text-color: var(--text-basic-color);
  --select-outline-basic-placeholder-text-color: var(--text-hint-color);
  --select-outline-basic-background-color: var(--background-basic-color-2);
  --select-outline-basic-border-color: var(--border-basic-color-4);
  --select-outline-basic-focus-background-color: var(--background-basic-color-1);
  --select-outline-basic-focus-border-color: var(--color-primary-default);
  --select-outline-basic-hover-background-color: var(--background-basic-color-3);
  --select-outline-basic-hover-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-background-color: var(--background-basic-color-2);
  --select-outline-basic-disabled-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-icon-color: var(--text-disabled-color);
  --select-outline-basic-disabled-text-color: var(--text-disabled-color);
  --select-outline-primary-icon-color: var(--text-hint-color);
  --select-outline-primary-text-color: var(--text-basic-color);
  --select-outline-primary-placeholder-text-color: var(--text-hint-color);
  --select-outline-primary-background-color: var(--background-basic-color-2);
  --select-outline-primary-border-color: var(--color-primary-default);
  --select-outline-primary-focus-background-color: var(--background-basic-color-1);
  --select-outline-primary-focus-border-color: var(--color-primary-focus);
  --select-outline-primary-hover-background-color: var(--background-basic-color-3);
  --select-outline-primary-hover-border-color: var(--color-primary-hover);
  --select-outline-primary-disabled-background-color: var(--background-basic-color-2);
  --select-outline-primary-disabled-border-color: var(--border-basic-color-4);
  --select-outline-primary-disabled-icon-color: var(--text-disabled-color);
  --select-outline-primary-disabled-text-color: var(--text-disabled-color);
  --select-outline-success-icon-color: var(--text-hint-color);
  --select-outline-success-text-color: var(--text-basic-color);
  --select-outline-success-placeholder-text-color: var(--text-hint-color);
  --select-outline-success-background-color: var(--background-basic-color-2);
  --select-outline-success-border-color: var(--color-success-default);
  --select-outline-success-focus-background-color: var(--background-basic-color-1);
  --select-outline-success-focus-border-color: var(--color-success-focus);
  --select-outline-success-hover-background-color: var(--background-basic-color-3);
  --select-outline-success-hover-border-color: var(--color-success-hover);
  --select-outline-success-disabled-background-color: var(--background-basic-color-2);
  --select-outline-success-disabled-border-color: var(--border-basic-color-4);
  --select-outline-success-disabled-icon-color: var(--text-disabled-color);
  --select-outline-success-disabled-text-color: var(--text-disabled-color);
  --select-outline-info-icon-color: var(--text-hint-color);
  --select-outline-info-text-color: var(--text-basic-color);
  --select-outline-info-placeholder-text-color: var(--text-hint-color);
  --select-outline-info-background-color: var(--background-basic-color-2);
  --select-outline-info-border-color: var(--color-info-default);
  --select-outline-info-focus-background-color: var(--background-basic-color-1);
  --select-outline-info-focus-border-color: var(--color-info-focus);
  --select-outline-info-hover-background-color: var(--background-basic-color-3);
  --select-outline-info-hover-border-color: var(--color-info-hover);
  --select-outline-info-disabled-background-color: var(--background-basic-color-2);
  --select-outline-info-disabled-border-color: var(--border-basic-color-4);
  --select-outline-info-disabled-icon-color: var(--text-disabled-color);
  --select-outline-info-disabled-text-color: var(--text-disabled-color);
  --select-outline-warning-icon-color: var(--text-hint-color);
  --select-outline-warning-text-color: var(--text-basic-color);
  --select-outline-warning-placeholder-text-color: var(--text-hint-color);
  --select-outline-warning-background-color: var(--background-basic-color-2);
  --select-outline-warning-border-color: var(--color-warning-default);
  --select-outline-warning-focus-background-color: var(--background-basic-color-1);
  --select-outline-warning-focus-border-color: var(--color-warning-focus);
  --select-outline-warning-hover-background-color: var(--background-basic-color-3);
  --select-outline-warning-hover-border-color: var(--color-warning-hover);
  --select-outline-warning-disabled-background-color: var(--background-basic-color-2);
  --select-outline-warning-disabled-border-color: var(--border-basic-color-4);
  --select-outline-warning-disabled-icon-color: var(--text-disabled-color);
  --select-outline-warning-disabled-text-color: var(--text-disabled-color);
  --select-outline-danger-icon-color: var(--text-hint-color);
  --select-outline-danger-text-color: var(--text-basic-color);
  --select-outline-danger-placeholder-text-color: var(--text-hint-color);
  --select-outline-danger-background-color: var(--background-basic-color-2);
  --select-outline-danger-border-color: var(--color-danger-default);
  --select-outline-danger-focus-background-color: var(--background-basic-color-1);
  --select-outline-danger-focus-border-color: var(--color-danger-focus);
  --select-outline-danger-hover-background-color: var(--background-basic-color-3);
  --select-outline-danger-hover-border-color: var(--color-danger-hover);
  --select-outline-danger-disabled-background-color: var(--background-basic-color-2);
  --select-outline-danger-disabled-border-color: var(--border-basic-color-4);
  --select-outline-danger-disabled-icon-color: var(--text-disabled-color);
  --select-outline-danger-disabled-text-color: var(--text-disabled-color);
  --select-outline-control-icon-color: var(--color-basic-100);
  --select-outline-control-text-color: var(--color-basic-100);
  --select-outline-control-placeholder-text-color: var(--color-basic-100);
  --select-outline-control-background-color: var(--color-basic-control-transparent-300);
  --select-outline-control-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-background-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --select-outline-control-hover-background-color: var(--color-basic-control-transparent-400);
  --select-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --select-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-disabled-icon-color: var(--color-basic-100);
  --select-outline-control-disabled-text-color: var(--color-basic-100);
  --select-outline-adjacent-border-style: var(--select-outline-border-style);
  --select-outline-adjacent-border-width: var(--select-outline-border-width);
  --select-outline-basic-open-border-color: var(--select-outline-basic-border-color);
  --select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color);
  --select-outline-primary-open-border-color: var(--select-outline-primary-border-color);
  --select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color);
  --select-outline-success-open-border-color: var(--select-outline-success-border-color);
  --select-outline-success-adjacent-border-color: var(--select-outline-success-border-color);
  --select-outline-info-open-border-color: var(--select-outline-info-border-color);
  --select-outline-info-adjacent-border-color: var(--select-outline-info-border-color);
  --select-outline-warning-open-border-color: var(--select-outline-warning-border-color);
  --select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color);
  --select-outline-danger-open-border-color: var(--select-outline-danger-border-color);
  --select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color);
  --select-outline-control-open-border-color: var(--select-outline-control-border-color);
  --select-outline-control-adjacent-border-color: var(--select-outline-control-border-color);
  --select-filled-border-style: solid;
  --select-filled-border-width: 1px;
  --select-filled-tiny-padding: 0.1875rem 1rem;
  --select-filled-small-padding: 0.1875rem 1rem;
  --select-filled-medium-padding: 0.4375rem 1rem;
  --select-filled-large-padding: 0.6875rem 1rem;
  --select-filled-giant-padding: 0.9375rem 1rem;
  --select-filled-basic-background-color: var(--color-basic-default);
  --select-filled-basic-border-color: var(--color-basic-default-border);
  --select-filled-basic-icon-color: var(--color-basic-800);
  --select-filled-basic-text-color: var(--color-basic-800);
  --select-filled-basic-placeholder-text-color: var(--text-hint-color);
  --select-filled-basic-focus-background-color: var(--color-basic-focus);
  --select-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --select-filled-basic-hover-background-color: var(--color-basic-hover);
  --select-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --select-filled-basic-disabled-background-color: var(--background-basic-color-2);
  --select-filled-basic-disabled-border-color: var(--border-basic-color-2);
  --select-filled-basic-disabled-icon-color: var(--text-disabled-color);
  --select-filled-basic-disabled-text-color: var(--text-disabled-color);
  --select-filled-primary-background-color: var(--color-primary-default);
  --select-filled-primary-border-color: var(--color-primary-default-border);
  --select-filled-primary-icon-color: var(--text-control-color);
  --select-filled-primary-text-color: var(--text-control-color);
  --select-filled-primary-placeholder-text-color: var(--text-control-color);
  --select-filled-primary-focus-background-color: var(--color-primary-focus);
  --select-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --select-filled-primary-hover-background-color: var(--color-primary-hover);
  --select-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --select-filled-primary-disabled-background-color: var(--background-basic-color-2);
  --select-filled-primary-disabled-border-color: var(--border-basic-color-2);
  --select-filled-primary-disabled-icon-color: var(--text-disabled-color);
  --select-filled-primary-disabled-text-color: var(--text-disabled-color);
  --select-filled-success-background-color: var(--color-success-default);
  --select-filled-success-border-color: var(--color-success-default-border);
  --select-filled-success-icon-color: var(--text-control-color);
  --select-filled-success-text-color: var(--text-control-color);
  --select-filled-success-placeholder-text-color: var(--text-control-color);
  --select-filled-success-focus-background-color: var(--color-success-focus);
  --select-filled-success-focus-border-color: var(--color-success-focus-border);
  --select-filled-success-hover-background-color: var(--color-success-hover);
  --select-filled-success-hover-border-color: var(--color-success-hover-border);
  --select-filled-success-disabled-background-color: var(--background-basic-color-2);
  --select-filled-success-disabled-border-color: var(--border-basic-color-2);
  --select-filled-success-disabled-icon-color: var(--text-disabled-color);
  --select-filled-success-disabled-text-color: var(--text-disabled-color);
  --select-filled-info-background-color: var(--color-info-default);
  --select-filled-info-border-color: var(--color-info-default-border);
  --select-filled-info-icon-color: var(--text-control-color);
  --select-filled-info-text-color: var(--text-control-color);
  --select-filled-info-placeholder-text-color: var(--text-control-color);
  --select-filled-info-focus-background-color: var(--color-info-focus);
  --select-filled-info-focus-border-color: var(--color-info-focus-border);
  --select-filled-info-hover-background-color: var(--color-info-hover);
  --select-filled-info-hover-border-color: var(--color-info-hover-border);
  --select-filled-info-disabled-background-color: var(--background-basic-color-2);
  --select-filled-info-disabled-border-color: var(--border-basic-color-2);
  --select-filled-info-disabled-icon-color: var(--text-disabled-color);
  --select-filled-info-disabled-text-color: var(--text-disabled-color);
  --select-filled-warning-background-color: var(--color-warning-default);
  --select-filled-warning-border-color: var(--color-warning-default-border);
  --select-filled-warning-icon-color: var(--text-control-color);
  --select-filled-warning-text-color: var(--text-control-color);
  --select-filled-warning-placeholder-text-color: var(--text-control-color);
  --select-filled-warning-focus-background-color: var(--color-warning-focus);
  --select-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --select-filled-warning-hover-background-color: var(--color-warning-hover);
  --select-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --select-filled-warning-disabled-background-color: var(--background-basic-color-2);
  --select-filled-warning-disabled-border-color: var(--border-basic-color-2);
  --select-filled-warning-disabled-icon-color: var(--text-disabled-color);
  --select-filled-warning-disabled-text-color: var(--text-disabled-color);
  --select-filled-danger-background-color: var(--color-danger-default);
  --select-filled-danger-border-color: var(--color-danger-default-border);
  --select-filled-danger-icon-color: var(--text-control-color);
  --select-filled-danger-text-color: var(--text-control-color);
  --select-filled-danger-placeholder-text-color: var(--text-control-color);
  --select-filled-danger-focus-background-color: var(--color-danger-focus);
  --select-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --select-filled-danger-hover-background-color: var(--color-danger-hover);
  --select-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --select-filled-danger-disabled-background-color: var(--background-basic-color-2);
  --select-filled-danger-disabled-border-color: var(--border-basic-color-2);
  --select-filled-danger-disabled-icon-color: var(--text-disabled-color);
  --select-filled-danger-disabled-text-color: var(--text-disabled-color);
  --select-filled-control-background-color: var(--color-control-default);
  --select-filled-control-border-color: var(--color-control-default-border);
  --select-filled-control-icon-color: var(--color-basic-800);
  --select-filled-control-text-color: var(--color-basic-800);
  --select-filled-control-placeholder-text-color: var(--text-hint-color);
  --select-filled-control-focus-background-color: var(--color-control-focus);
  --select-filled-control-focus-border-color: var(--color-control-focus-border);
  --select-filled-control-hover-background-color: var(--color-control-hover);
  --select-filled-control-hover-border-color: var(--color-control-hover-border);
  --select-filled-control-disabled-background-color: var(--background-basic-color-2);
  --select-filled-control-disabled-border-color: var(--border-basic-color-2);
  --select-filled-control-disabled-icon-color: var(--text-disabled-color);
  --select-filled-control-disabled-text-color: var(--text-disabled-color);
  --select-hero-tiny-padding: 0.25rem 1rem;
  --select-hero-small-padding: 0.25rem 1rem;
  --select-hero-medium-padding: 0.5rem 1rem;
  --select-hero-large-padding: 0.75rem 1rem;
  --select-hero-giant-padding: 1rem 1rem;
  --select-hero-basic-left-background-color: var(--color-basic-200);
  --select-hero-basic-right-background-color: var(--color-basic-default);
  --select-hero-basic-icon-color: var(--color-basic-800);
  --select-hero-basic-text-color: var(--color-basic-800);
  --select-hero-basic-placeholder-text-color: var(--text-hint-color);
  --select-hero-basic-focus-left-background-color: var(--color-basic-300);
  --select-hero-basic-focus-right-background-color: var(--color-basic-400);
  --select-hero-basic-hover-left-background-color: var(--color-basic-100);
  --select-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --select-hero-basic-disabled-background-color: var(--background-basic-color-2);
  --select-hero-basic-disabled-icon-color: var(--text-disabled-color);
  --select-hero-basic-disabled-text-color: var(--text-disabled-color);
  --select-hero-primary-left-background-color: var(--color-primary-400);
  --select-hero-primary-right-background-color: var(--color-primary-default);
  --select-hero-primary-icon-color: var(--text-control-color);
  --select-hero-primary-text-color: var(--text-control-color);
  --select-hero-primary-placeholder-text-color: var(--text-control-color);
  --select-hero-primary-focus-left-background-color: var(--color-primary-500);
  --select-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --select-hero-primary-hover-left-background-color: var(--color-primary-300);
  --select-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --select-hero-primary-disabled-background-color: var(--background-basic-color-2);
  --select-hero-primary-disabled-icon-color: var(--text-disabled-color);
  --select-hero-primary-disabled-text-color: var(--text-disabled-color);
  --select-hero-success-left-background-color: var(--color-success-400);
  --select-hero-success-right-background-color: var(--color-success-default);
  --select-hero-success-icon-color: var(--text-control-color);
  --select-hero-success-text-color: var(--text-control-color);
  --select-hero-success-placeholder-text-color: var(--text-control-color);
  --select-hero-success-focus-left-background-color: var(--color-success-500);
  --select-hero-success-focus-right-background-color: var(--color-success-focus);
  --select-hero-success-hover-left-background-color: var(--color-success-300);
  --select-hero-success-hover-right-background-color: var(--color-success-hover);
  --select-hero-success-disabled-background-color: var(--background-basic-color-2);
  --select-hero-success-disabled-icon-color: var(--text-disabled-color);
  --select-hero-success-disabled-text-color: var(--text-disabled-color);
  --select-hero-info-left-background-color: var(--color-info-400);
  --select-hero-info-right-background-color: var(--color-info-default);
  --select-hero-info-icon-color: var(--text-control-color);
  --select-hero-info-text-color: var(--text-control-color);
  --select-hero-info-placeholder-text-color: var(--text-control-color);
  --select-hero-info-focus-left-background-color: var(--color-info-500);
  --select-hero-info-focus-right-background-color: var(--color-info-focus);
  --select-hero-info-hover-left-background-color: var(--color-info-300);
  --select-hero-info-hover-right-background-color: var(--color-info-hover);
  --select-hero-info-disabled-background-color: var(--background-basic-color-2);
  --select-hero-info-disabled-icon-color: var(--text-disabled-color);
  --select-hero-info-disabled-text-color: var(--text-disabled-color);
  --select-hero-warning-left-background-color: var(--color-warning-400);
  --select-hero-warning-right-background-color: var(--color-warning-default);
  --select-hero-warning-icon-color: var(--text-control-color);
  --select-hero-warning-text-color: var(--text-control-color);
  --select-hero-warning-placeholder-text-color: var(--text-control-color);
  --select-hero-warning-focus-left-background-color: var(--color-warning-500);
  --select-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --select-hero-warning-hover-left-background-color: var(--color-warning-300);
  --select-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --select-hero-warning-disabled-background-color: var(--background-basic-color-2);
  --select-hero-warning-disabled-icon-color: var(--text-disabled-color);
  --select-hero-warning-disabled-text-color: var(--text-disabled-color);
  --select-hero-danger-left-background-color: var(--color-danger-400);
  --select-hero-danger-right-background-color: var(--color-danger-default);
  --select-hero-danger-icon-color: var(--text-control-color);
  --select-hero-danger-text-color: var(--text-control-color);
  --select-hero-danger-placeholder-text-color: var(--text-control-color);
  --select-hero-danger-focus-left-background-color: var(--color-danger-500);
  --select-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --select-hero-danger-hover-left-background-color: var(--color-danger-300);
  --select-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --select-hero-danger-disabled-background-color: var(--background-basic-color-2);
  --select-hero-danger-disabled-icon-color: var(--text-disabled-color);
  --select-hero-danger-disabled-text-color: var(--text-disabled-color);
  --select-hero-control-left-background-color: var(--color-control-default);
  --select-hero-control-right-background-color: var(--color-control-default);
  --select-hero-control-icon-color: var(--color-basic-800);
  --select-hero-control-text-color: var(--color-basic-800);
  --select-hero-control-placeholder-text-color: var(--text-hint-color);
  --select-hero-control-focus-left-background-color: var(--color-basic-200);
  --select-hero-control-focus-right-background-color: var(--color-control-focus);
  --select-hero-control-hover-left-background-color: var(--color-basic-100);
  --select-hero-control-hover-right-background-color: var(--color-control-hover);
  --select-hero-control-disabled-background-color: var(--background-basic-color-2);
  --select-hero-control-disabled-icon-color: var(--text-disabled-color);
  --select-hero-control-disabled-text-color: var(--text-disabled-color);
  --datepicker-background-color: var(--background-basic-color-1);
  --datepicker-border-color: var(--border-basic-color-4);
  --datepicker-border-style: solid;
  --datepicker-border-width: 0.0625rem;
  --datepicker-border-radius: var(--border-radius);
  --datepicker-shadow: none;
  --timepicker-cell-text-color: var(--text-basic-color);
  --timepicker-cell-hover-background-color: var(--background-basic-color-2);
  --timepicker-cell-hover-text-color: var(--text-basic-color);
  --timepicker-cell-focus-background-color: var(--color-basic-focus);
  --timepicker-cell-focus-text-color: var(--text-basic-color);
  --timepicker-cell-active-background-color: var(--color-primary-default);
  --timepicker-cell-active-text-color: var(--text-control-color);
  --timepicker-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-cell-height: 2.75rem;
  --timepicker-header-cell-text-color: var(--text-hint-color);
  --timepicker-header-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-header-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-header-cell-height: 2.75rem;
  --timepicker-header-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-border-color: var(--datepicker-border-color);
  --timepicker-border-style: var(--datepicker-border-style);
  --timepicker-border-width: var(--datepicker-border-width);
  --timepicker-scrollbar-color: var(--scrollbar-color);
  --timepicker-scrollbar-background-color: var(--scrollbar-background-color);
  --timepicker-scrollbar-width: var(--scrollbar-width);
  --timepicker-single-column-width: 5rem;
  --timepicker-multiple-column-width: 13.875rem;
  --timepicker-title-height: 3.75rem;
  --timepicker-title-padding: var(--text-paragraph-line-height);
  --timepicker-container-width: 20rem;
  --timepicker-container-height: 26.1875rem;
  --radio-width: 1.25rem;
  --radio-height: 1.25rem;
  --radio-border-style: solid;
  --radio-border-width: 1px;
  --radio-text-font-family: var(--text-subtitle-2-font-family);
  --radio-text-font-size: var(--text-subtitle-2-font-size);
  --radio-text-font-weight: var(--text-subtitle-2-font-weight);
  --radio-text-line-height: var(--text-subtitle-2-line-height);
  --radio-outline-color: var(--outline-color);
  --radio-outline-width: var(--outline-width);
  --radio-basic-text-color: var(--text-basic-color);
  --radio-basic-border-color: var(--color-basic-transparent-default-border);
  --radio-basic-background-color: var(--color-basic-transparent-default);
  --radio-basic-checked-background-color: transparent;
  --radio-basic-checked-border-color: var(--color-primary-default-border);
  --radio-basic-inner-circle-color: var(--color-primary-default);
  --radio-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-basic-focus-background-color: var(--color-primary-transparent-focus);
  --radio-basic-focus-checked-background-color: transparent;
  --radio-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-basic-focus-inner-circle-color: var(--color-primary-focus);
  --radio-basic-hover-background-color: var(--color-primary-transparent-hover);
  --radio-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-basic-hover-inner-circle-color: var(--color-primary-hover);
  --radio-basic-hover-checked-background-color: transparent;
  --radio-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-basic-active-background-color: var(--color-primary-transparent-active);
  --radio-basic-active-border-color: var(--color-primary-transparent-active-border);
  --radio-basic-active-inner-circle-color: var(--color-primary-active);
  --radio-basic-active-checked-background-color: transparent;
  --radio-basic-active-checked-border-color: var(--color-primary-active-border);
  --radio-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-basic-disabled-text-color: var(--text-disabled-color);
  --radio-basic-disabled-checked-background-color: transparent;
  --radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-primary-text-color: var(--text-basic-color);
  --radio-primary-border-color: var(--color-primary-transparent-default-border);
  --radio-primary-background-color: var(--color-primary-transparent-default);
  --radio-primary-checked-background-color: transparent;
  --radio-primary-checked-border-color: var(--color-primary-default-border);
  --radio-primary-inner-circle-color: var(--color-primary-default);
  --radio-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-primary-focus-background-color: var(--color-primary-transparent-focus);
  --radio-primary-focus-checked-background-color: transparent;
  --radio-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-primary-focus-inner-circle-color: var(--color-primary-focus);
  --radio-primary-hover-background-color: var(--color-primary-transparent-hover);
  --radio-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-primary-hover-inner-circle-color: var(--color-primary-hover);
  --radio-primary-hover-checked-background-color: transparent;
  --radio-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-primary-active-border-color: var(--color-primary-transparent-active-border);
  --radio-primary-active-background-color: var(--color-primary-transparent-active);
  --radio-primary-active-checked-background-color: transparent;
  --radio-primary-active-checked-border-color: var(--color-primary-active-border);
  --radio-primary-active-inner-circle-color: var(--color-primary-active);
  --radio-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-primary-disabled-text-color: var(--text-disabled-color);
  --radio-primary-disabled-checked-background-color: transparent;
  --radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-success-text-color: var(--text-basic-color);
  --radio-success-border-color: var(--color-success-transparent-default-border);
  --radio-success-background-color: var(--color-success-transparent-default);
  --radio-success-checked-background-color: transparent;
  --radio-success-checked-border-color: var(--color-success-default-border);
  --radio-success-inner-circle-color: var(--color-success-default);
  --radio-success-focus-border-color: var(--color-success-transparent-focus-border);
  --radio-success-focus-background-color: var(--color-success-transparent-focus);
  --radio-success-focus-checked-background-color: transparent;
  --radio-success-focus-checked-border-color: var(--color-success-focus-border);
  --radio-success-focus-inner-circle-color: var(--color-success-focus);
  --radio-success-hover-background-color: var(--color-success-transparent-hover);
  --radio-success-hover-border-color: var(--color-success-transparent-hover-border);
  --radio-success-hover-inner-circle-color: var(--color-success-hover);
  --radio-success-hover-checked-background-color: transparent;
  --radio-success-hover-checked-border-color: var(--color-success-hover-border);
  --radio-success-active-background-color: var(--color-success-transparent-active);
  --radio-success-active-border-color: var(--color-success-transparent-active-border);
  --radio-success-active-checked-background-color: transparent;
  --radio-success-active-checked-border-color: var(--color-success-active-border);
  --radio-success-active-inner-circle-color: var(--color-success-active);
  --radio-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-success-disabled-text-color: var(--text-disabled-color);
  --radio-success-disabled-checked-background-color: transparent;
  --radio-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-info-text-color: var(--text-basic-color);
  --radio-info-border-color: var(--color-info-transparent-default-border);
  --radio-info-background-color: var(--color-info-transparent-default);
  --radio-info-checked-background-color: transparent;
  --radio-info-checked-border-color: var(--color-info-default-border);
  --radio-info-inner-circle-color: var(--color-info-default);
  --radio-info-focus-background-color: var(--color-info-transparent-focus);
  --radio-info-focus-border-color: var(--color-info-transparent-focus-border);
  --radio-info-focus-checked-background-color: transparent;
  --radio-info-focus-checked-border-color: var(--color-info-focus-border);
  --radio-info-focus-inner-circle-color: var(--color-info-focus);
  --radio-info-hover-background-color: var(--color-info-transparent-hover);
  --radio-info-hover-border-color: var(--color-info-transparent-hover-border);
  --radio-info-hover-inner-circle-color: var(--color-info-hover);
  --radio-info-hover-checked-background-color: transparent;
  --radio-info-hover-checked-border-color: var(--color-info-hover-border);
  --radio-info-active-background-color: var(--color-info-transparent-active);
  --radio-info-active-border-color: var(--color-info-transparent-active-border);
  --radio-info-active-checked-background-color: transparent;
  --radio-info-active-checked-border-color: var(--color-info-active-border);
  --radio-info-active-inner-circle-color: var(--color-info-active);
  --radio-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-info-disabled-text-color: var(--text-disabled-color);
  --radio-info-disabled-checked-background-color: transparent;
  --radio-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-warning-text-color: var(--text-basic-color);
  --radio-warning-border-color: var(--color-warning-transparent-default-border);
  --radio-warning-background-color: var(--color-warning-transparent-default);
  --radio-warning-checked-background-color: transparent;
  --radio-warning-checked-border-color: var(--color-warning-default-border);
  --radio-warning-inner-circle-color: var(--color-warning-default);
  --radio-warning-focus-background-color: var(--color-warning-transparent-focus);
  --radio-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --radio-warning-focus-checked-background-color: transparent;
  --radio-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --radio-warning-focus-inner-circle-color: var(--color-warning-focus);
  --radio-warning-hover-background-color: var(--color-warning-transparent-hover);
  --radio-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --radio-warning-hover-inner-circle-color: var(--color-warning-hover);
  --radio-warning-hover-checked-background-color: transparent;
  --radio-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --radio-warning-active-background-color: var(--color-warning-transparent-active);
  --radio-warning-active-border-color: var(--color-warning-transparent-active-border);
  --radio-warning-active-checked-background-color: transparent;
  --radio-warning-active-checked-border-color: var(--color-warning-active-border);
  --radio-warning-active-inner-circle-color: var(--color-warning-active);
  --radio-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-warning-disabled-text-color: var(--text-disabled-color);
  --radio-warning-disabled-checked-background-color: transparent;
  --radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-danger-text-color: var(--text-basic-color);
  --radio-danger-border-color: var(--color-danger-transparent-default-border);
  --radio-danger-background-color: var(--color-danger-transparent-default);
  --radio-danger-checked-background-color: transparent;
  --radio-danger-checked-border-color: var(--color-danger-default-border);
  --radio-danger-inner-circle-color: var(--color-danger-default);
  --radio-danger-focus-background-color: var(--color-danger-transparent-focus);
  --radio-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --radio-danger-focus-checked-background-color: transparent;
  --radio-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --radio-danger-focus-inner-circle-color: var(--color-danger-focus);
  --radio-danger-hover-background-color: var(--color-danger-transparent-hover);
  --radio-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --radio-danger-hover-inner-circle-color: var(--color-danger-hover);
  --radio-danger-hover-checked-background-color: transparent;
  --radio-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --radio-danger-active-background-color: var(--color-danger-transparent-active);
  --radio-danger-active-border-color: var(--color-danger-transparent-active-border);
  --radio-danger-active-checked-background-color: transparent;
  --radio-danger-active-checked-border-color: var(--color-danger-active-border);
  --radio-danger-active-inner-circle-color: var(--color-danger-active);
  --radio-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-danger-disabled-text-color: var(--text-disabled-color);
  --radio-danger-disabled-checked-background-color: transparent;
  --radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-control-text-color: var(--text-control-color);
  --radio-control-background-color: var(--color-control-transparent-default);
  --radio-control-border-color: var(--color-control-transparent-default-border);
  --radio-control-checked-background-color: transparent;
  --radio-control-checked-border-color: var(--color-control-default-border);
  --radio-control-inner-circle-color: var(--color-control-default);
  --radio-control-focus-background-color: var(--color-control-transparent-focus);
  --radio-control-focus-border-color: var(--color-control-transparent-focus-border);
  --radio-control-focus-checked-background-color: transparent;
  --radio-control-focus-checked-border-color: var(--color-control-focus-border);
  --radio-control-focus-inner-circle-color: var(--color-control-focus);
  --radio-control-hover-background-color: var(--color-control-transparent-hover);
  --radio-control-hover-border-color: var(--color-control-transparent-hover-border);
  --radio-control-hover-inner-circle-color: var(--color-control-hover);
  --radio-control-hover-checked-background-color: transparent;
  --radio-control-hover-checked-border-color: var(--color-control-hover-border);
  --radio-control-active-background-color: var(--color-control-transparent-active);
  --radio-control-active-border-color: var(--color-control-transparent-active-border);
  --radio-control-active-checked-background-color: transparent;
  --radio-control-active-checked-border-color: var(--color-control-active-border);
  --radio-control-active-inner-circle-color: var(--color-control-active);
  --radio-control-disabled-background-color: var(--color-control-transparent-disabled);
  --radio-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --radio-control-disabled-text-color: var(--color-basic-100);
  --radio-control-disabled-checked-background-color: transparent;
  --radio-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --tree-grid-cell-border-width: 1px;
  --tree-grid-cell-border-style: solid;
  --tree-grid-cell-border-color: var(--border-basic-color-2);
  --tree-grid-row-min-height: 2rem;
  --tree-grid-cell-padding: 0.875rem 1.25rem;
  --tree-grid-header-background-color: var(--background-basic-color-1);
  --tree-grid-header-text-color: var(--text-basic-color);
  --tree-grid-header-text-font-family: var(--text-subtitle-font-family);
  --tree-grid-header-text-font-size: var(--text-subtitle-font-size);
  --tree-grid-header-text-font-weight: var(--text-subtitle-font-weight);
  --tree-grid-header-text-line-height: var(--text-subtitle-line-height);
  --tree-grid-footer-background-color: var(--background-basic-color-1);
  --tree-grid-footer-text-color: var(--text-basic-color);
  --tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family);
  --tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size);
  --tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight);
  --tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height);
  --tree-grid-row-background-color: var(--background-basic-color-1);
  --tree-grid-row-even-background-color: var(--background-basic-color-1);
  --tree-grid-row-hover-background-color: var(--background-basic-color-1);
  --tree-grid-row-text-color: var(--text-basic-color);
  --tree-grid-row-text-font-family: var(--text-paragraph-font-family);
  --tree-grid-row-text-font-size: var(--text-paragraph-font-size);
  --tree-grid-row-text-font-weight: var(--text-paragraph-font-weight);
  --tree-grid-row-text-line-height: var(--text-paragraph-line-height);
  --tree-grid-sort-header-button-background-color: transparent;
  --tree-grid-sort-header-button-border: none;
  --tree-grid-sort-header-button-padding: 0;
  --icon-font-size: 1.25rem;
  --icon-line-height: 1;
  --icon-width: 1em;
  --icon-height: 1em;
  --icon-svg-vertical-align: top;
  --icon-basic-color: var(--text-hint-color);
  --icon-primary-color: var(--color-primary-default);
  --icon-info-color: var(--color-info-default);
  --icon-success-color: var(--color-success-default);
  --icon-warning-color: var(--color-warning-default);
  --icon-danger-color: var(--color-danger-default);
  --icon-control-color: var(--color-basic-100);
  --tag-text-font-family: var(--text-subtitle-font-family);
  --tag-text-transform: capitalize;
  --tag-border-width: 0.0625rem;
  --tag-border-style: solid;
  --tag-border-radius: 1.5rem;
  --tag-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-tiny-padding: 0.0625rem 0.9375rem;
  --tag-tiny-close-offset: 0.625rem;
  --tag-small-text-font-size: var(--input-small-text-font-size);
  --tag-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-small-text-line-height: var(--input-small-text-line-height);
  --tag-small-padding: 0.0625rem 0.9375rem;
  --tag-small-close-offset: 0.625rem;
  --tag-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-medium-padding: 0.1875rem 0.9375rem;
  --tag-medium-close-offset: 0.625rem;
  --tag-large-text-font-size: var(--input-large-text-font-size);
  --tag-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-large-text-line-height: var(--input-large-text-line-height);
  --tag-large-padding: 0.3125rem 0.9375rem;
  --tag-large-close-offset: 0.625rem;
  --tag-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-giant-padding: 0.4375rem 0.9375rem;
  --tag-giant-close-offset: 0.625rem;
  --tag-filled-basic-background-color: var(--color-basic-default);
  --tag-filled-basic-border-color: var(--color-basic-default-border);
  --tag-filled-basic-text-color: var(--color-basic-800);
  --tag-filled-basic-active-background-color: var(--color-basic-focus);
  --tag-filled-basic-active-border-color: var(--color-basic-focus-border);
  --tag-filled-basic-hover-background-color: var(--color-basic-hover);
  --tag-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --tag-filled-basic-selected-background-color: color-basic-actove;
  --tag-filled-basic-selected-border-color: var(--color-basic-active-border);
  --tag-filled-primary-background-color: var(--color-primary-default);
  --tag-filled-primary-border-color: var(--color-primary-default-border);
  --tag-filled-primary-text-color: var(--text-control-color);
  --tag-filled-primary-active-background-color: var(--color-primary-focus);
  --tag-filled-primary-active-border-color: var(--color-primary-focus-border);
  --tag-filled-primary-hover-background-color: var(--color-primary-hover);
  --tag-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --tag-filled-primary-selected-background-color: color-primary-actove;
  --tag-filled-primary-selected-border-color: var(--color-primary-active-border);
  --tag-filled-success-background-color: var(--color-success-default);
  --tag-filled-success-border-color: var(--color-success-default-border);
  --tag-filled-success-text-color: var(--text-control-color);
  --tag-filled-success-active-background-color: var(--color-success-focus);
  --tag-filled-success-active-border-color: var(--color-success-focus-border);
  --tag-filled-success-hover-background-color: var(--color-success-hover);
  --tag-filled-success-hover-border-color: var(--color-success-hover-border);
  --tag-filled-success-selected-background-color: color-success-actove;
  --tag-filled-success-selected-border-color: var(--color-success-active-border);
  --tag-filled-info-background-color: var(--color-info-default);
  --tag-filled-info-border-color: var(--color-info-default-border);
  --tag-filled-info-text-color: var(--text-control-color);
  --tag-filled-info-active-background-color: var(--color-info-focus);
  --tag-filled-info-active-border-color: var(--color-info-focus-border);
  --tag-filled-info-hover-background-color: var(--color-info-hover);
  --tag-filled-info-hover-border-color: var(--color-info-hover-border);
  --tag-filled-info-selected-background-color: color-info-actove;
  --tag-filled-info-selected-border-color: var(--color-info-active-border);
  --tag-filled-warning-background-color: var(--color-warning-default);
  --tag-filled-warning-border-color: var(--color-warning-default-border);
  --tag-filled-warning-text-color: var(--text-control-color);
  --tag-filled-warning-active-background-color: var(--color-warning-focus);
  --tag-filled-warning-active-border-color: var(--color-warning-focus-border);
  --tag-filled-warning-hover-background-color: var(--color-warning-hover);
  --tag-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --tag-filled-warning-selected-background-color: color-warning-actove;
  --tag-filled-warning-selected-border-color: var(--color-warning-active-border);
  --tag-filled-danger-background-color: var(--color-danger-default);
  --tag-filled-danger-border-color: var(--color-danger-default-border);
  --tag-filled-danger-text-color: var(--text-control-color);
  --tag-filled-danger-active-background-color: var(--color-danger-focus);
  --tag-filled-danger-active-border-color: var(--color-danger-focus-border);
  --tag-filled-danger-hover-background-color: var(--color-danger-hover);
  --tag-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --tag-filled-danger-selected-background-color: color-danger-actove;
  --tag-filled-danger-selected-border-color: var(--color-danger-active-border);
  --tag-filled-control-background-color: var(--color-control-default);
  --tag-filled-control-border-color: var(--color-control-default-border);
  --tag-filled-control-text-color: var(--color-basic-800);
  --tag-filled-control-active-background-color: var(--color-control-hover);
  --tag-filled-control-active-border-color: var(--color-control-hover-border);
  --tag-filled-control-hover-background-color: var(--color-control-focus);
  --tag-filled-control-hover-border-color: var(--color-control-focus-border);
  --tag-filled-control-selected-background-color: color-control-actove;
  --tag-filled-control-selected-border-color: var(--color-control-active-border);
  --tag-outline-basic-background-color: var(--color-basic-transparent-default);
  --tag-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --tag-outline-basic-text-color: var(--text-hint-color);
  --tag-outline-basic-active-background-color: var(--color-basic-transparent-focus);
  --tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border);
  --tag-outline-basic-active-text-color: var(--text-hint-color);
  --tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --tag-outline-basic-hover-text-color: var(--text-hint-color);
  --tag-outline-basic-selected-background-color: var(--color-basic-transparent-active);
  --tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border);
  --tag-outline-basic-selected-text-color: var(--text-hint-color);
  --tag-outline-primary-background-color: var(--color-primary-transparent-default);
  --tag-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --tag-outline-primary-text-color: var(--text-primary-color);
  --tag-outline-primary-active-background-color: var(--color-primary-transparent-focus);
  --tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border);
  --tag-outline-primary-active-text-color: var(--text-primary-color);
  --tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --tag-outline-primary-hover-text-color: var(--text-primary-color);
  --tag-outline-primary-selected-background-color: var(--color-primary-transparent-active);
  --tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border);
  --tag-outline-primary-selected-text-color: var(--text-primary-color);
  --tag-outline-success-background-color: var(--color-success-transparent-default);
  --tag-outline-success-border-color: var(--color-success-transparent-default-border);
  --tag-outline-success-text-color: var(--text-success-color);
  --tag-outline-success-active-background-color: var(--color-success-transparent-focus);
  --tag-outline-success-active-border-color: var(--color-success-transparent-focus-border);
  --tag-outline-success-active-text-color: var(--text-success-color);
  --tag-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --tag-outline-success-hover-text-color: var(--text-success-color);
  --tag-outline-success-selected-background-color: var(--color-success-transparent-active);
  --tag-outline-success-selected-border-color: var(--color-success-transparent-active-border);
  --tag-outline-success-selected-text-color: var(--text-success-color);
  --tag-outline-info-background-color: var(--color-info-transparent-default);
  --tag-outline-info-border-color: var(--color-info-transparent-default-border);
  --tag-outline-info-text-color: var(--text-info-color);
  --tag-outline-info-active-background-color: var(--color-info-transparent-focus);
  --tag-outline-info-active-border-color: var(--color-info-transparent-focus-border);
  --tag-outline-info-active-text-color: var(--text-info-color);
  --tag-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --tag-outline-info-hover-text-color: var(--text-info-color);
  --tag-outline-info-selected-background-color: var(--color-info-transparent-active);
  --tag-outline-info-selected-border-color: var(--color-info-transparent-active-border);
  --tag-outline-info-selected-text-color: var(--text-info-color);
  --tag-outline-warning-background-color: var(--color-warning-transparent-default);
  --tag-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --tag-outline-warning-text-color: var(--text-warning-color);
  --tag-outline-warning-active-background-color: var(--color-warning-transparent-focus);
  --tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border);
  --tag-outline-warning-active-text-color: var(--text-warning-color);
  --tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --tag-outline-warning-hover-text-color: var(--text-warning-color);
  --tag-outline-warning-selected-background-color: var(--color-warning-transparent-active);
  --tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border);
  --tag-outline-warning-selected-text-color: var(--text-warning-color);
  --tag-outline-danger-background-color: var(--color-danger-transparent-default);
  --tag-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --tag-outline-danger-text-color: var(--text-danger-color);
  --tag-outline-danger-active-background-color: var(--color-danger-transparent-focus);
  --tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border);
  --tag-outline-danger-active-text-color: var(--text-danger-color);
  --tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --tag-outline-danger-hover-text-color: var(--text-danger-color);
  --tag-outline-danger-selected-background-color: var(--color-danger-transparent-active);
  --tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border);
  --tag-outline-danger-selected-text-color: var(--text-danger-color);
  --tag-outline-control-background-color: var(--color-control-transparent-default);
  --tag-outline-control-border-color: var(--color-control-transparent-default-border);
  --tag-outline-control-text-color: var(--text-control-color);
  --tag-outline-control-active-background-color: var(--color-control-transparent-focus);
  --tag-outline-control-active-border-color: var(--color-control-transparent-focus-border);
  --tag-outline-control-active-text-color: var(--text-control-color);
  --tag-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --tag-outline-control-hover-text-color: var(--text-control-color);
  --tag-outline-control-selected-background-color: var(--color-control-transparent-active);
  --tag-outline-control-selected-border-color: var(--color-control-transparent-active-border);
  --tag-outline-control-selected-text-color: var(--text-control-color);
  --tag-list-tiny-tag-offset: 0.0625rem;
  --tag-list-small-tag-offset: 0.125rem;
  --tag-list-medium-tag-offset: 0.25rem;
  --tag-list-large-tag-offset: 0.375rem;
  --tag-list-giant-tag-offset: 0.5rem;
  --tag-list-with-input-tiny-padding: 0.0625rem 1rem;
  --tag-list-with-input-small-padding: 0.0625rem 1rem;
  --tag-list-with-input-medium-padding: 0.1875rem 1rem;
  --tag-list-with-input-large-padding: 0.3125rem 1rem;
  --tag-list-with-input-giant-padding: 0.4375rem 1rem;
  --tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius);
  --tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius);
  --tag-list-with-input-round-border-radius: var(--input-round-border-radius);
  --tag-input-min-width: 6rem;
  --tag-input-text-font-family: var(--input-text-font-family);
  --tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family);
  --tag-input-basic-background-color: var(--input-basic-background-color);
  --tag-input-basic-border-color: var(--input-basic-border-color);
  --tag-input-basic-text-color: var(--input-basic-text-color);
  --tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color);
  --tag-input-basic-focus-background-color: var(--input-basic-focus-background-color);
  --tag-input-basic-focus-border-color: var(--input-basic-focus-border-color);
  --tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color);
  --tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color);
  --tag-input-primary-background-color: var(--input-primary-background-color);
  --tag-input-primary-border-color: var(--input-primary-border-color);
  --tag-input-primary-text-color: var(--input-primary-text-color);
  --tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color);
  --tag-input-primary-focus-background-color: var(--input-primary-focus-background-color);
  --tag-input-primary-focus-border-color: var(--input-primary-focus-border-color);
  --tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color);
  --tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color);
  --tag-input-success-background-color: var(--input-success-background-color);
  --tag-input-success-border-color: var(--input-success-border-color);
  --tag-input-success-text-color: var(--input-success-text-color);
  --tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color);
  --tag-input-success-focus-background-color: var(--input-success-focus-background-color);
  --tag-input-success-focus-border-color: var(--input-success-focus-border-color);
  --tag-input-success-disabled-text-color: var(--input-success-disabled-text-color);
  --tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color);
  --tag-input-info-background-color: var(--input-info-background-color);
  --tag-input-info-border-color: var(--input-info-border-color);
  --tag-input-info-text-color: var(--input-info-text-color);
  --tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color);
  --tag-input-info-focus-background-color: var(--input-info-focus-background-color);
  --tag-input-info-focus-border-color: var(--input-info-focus-border-color);
  --tag-input-info-disabled-text-color: var(--input-info-disabled-text-color);
  --tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color);
  --tag-input-warning-background-color: var(--input-warning-background-color);
  --tag-input-warning-border-color: var(--input-warning-border-color);
  --tag-input-warning-text-color: var(--input-warning-text-color);
  --tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color);
  --tag-input-warning-focus-background-color: var(--input-warning-focus-background-color);
  --tag-input-warning-focus-border-color: var(--input-warning-focus-border-color);
  --tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color);
  --tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color);
  --tag-input-danger-background-color: var(--input-danger-background-color);
  --tag-input-danger-border-color: var(--input-danger-border-color);
  --tag-input-danger-text-color: var(--input-danger-text-color);
  --tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color);
  --tag-input-danger-focus-background-color: var(--input-danger-focus-background-color);
  --tag-input-danger-focus-border-color: var(--input-danger-focus-border-color);
  --tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color);
  --tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color);
  --tag-input-control-background-color: var(--input-control-background-color);
  --tag-input-control-border-color: var(--input-control-border-color);
  --tag-input-control-text-color: var(--input-control-text-color);
  --tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color);
  --tag-input-control-focus-background-color: var(--input-control-focus-background-color);
  --tag-input-control-focus-border-color: var(--input-control-focus-border-color);
  --tag-input-control-disabled-text-color: var(--input-control-disabled-text-color);
  --tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color);
  --tag-input-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-input-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size);
  --tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight);
  --tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height);
  --tag-input-tiny-padding: 0.125rem 0;
  --tag-input-small-text-font-size: var(--input-small-text-font-size);
  --tag-input-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-input-small-text-line-height: var(--input-small-text-line-height);
  --tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size);
  --tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight);
  --tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height);
  --tag-input-small-padding: 0.125rem 0;
  --tag-input-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-input-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-input-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size);
  --tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight);
  --tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height);
  --tag-input-medium-padding: 0.25rem 0;
  --tag-input-large-text-font-size: var(--input-large-text-font-size);
  --tag-input-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-input-large-text-line-height: var(--input-large-text-line-height);
  --tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size);
  --tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight);
  --tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height);
  --tag-input-large-padding: 0.375rem 0;
  --tag-input-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-input-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-input-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size);
  --tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight);
  --tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height);
  --tag-input-giant-padding: 0.5rem 0;
  --toggle-height: 1.875rem;
  --toggle-width: 3.125rem;
  --toggle-border-width: 1px;
  --toggle-border-radius: 100px;
  --toggle-outline-width: var(--outline-width);
  --toggle-outline-color: var(--outline-color);
  --toggle-switcher-size: 1.75rem;
  --toggle-switcher-icon-size: 0.75rem;
  --toggle-text-font-family: var(--text-subtitle-2-font-family);
  --toggle-text-font-size: var(--text-subtitle-2-font-size);
  --toggle-text-font-weight: var(--text-subtitle-2-font-weight);
  --toggle-text-line-height: var(--text-subtitle-2-line-height);
  --toggle-cursor: pointer;
  --toggle-disabled-cursor: default;
  --toggle-basic-text-color: var(--text-basic-color);
  --toggle-basic-background-color: var(--color-basic-transparent-default);
  --toggle-basic-border-color: var(--color-basic-transparent-default-border);
  --toggle-basic-checked-background-color: var(--color-primary-default);
  --toggle-basic-checked-border-color: var(--color-primary-default-border);
  --toggle-basic-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-basic-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-basic-focus-checked-background-color: var(--color-primary-focus);
  --toggle-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-basic-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-basic-hover-checked-background-color: var(--color-primary-hover);
  --toggle-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-basic-active-background-color: var(--color-primary-transparent-active);
  --toggle-basic-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-basic-active-checked-background-color: var(--color-primary-active);
  --toggle-basic-active-checked-border-color: var(--color-primary-active-border);
  --toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-basic-disabled-text-color: var(--text-disabled-color);
  --toggle-primary-text-color: var(--text-basic-color);
  --toggle-primary-background-color: var(--color-primary-transparent-default);
  --toggle-primary-border-color: var(--color-primary-transparent-default-border);
  --toggle-primary-checked-background-color: var(--color-primary-default);
  --toggle-primary-checked-border-color: var(--color-primary-default-border);
  --toggle-primary-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-primary-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-primary-focus-checked-background-color: var(--color-primary-focus);
  --toggle-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-primary-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-primary-hover-checked-background-color: var(--color-primary-hover);
  --toggle-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-primary-active-background-color: var(--color-primary-transparent-active);
  --toggle-primary-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-primary-active-checked-background-color: var(--color-primary-active);
  --toggle-primary-active-checked-border-color: var(--color-primary-active-border);
  --toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-primary-disabled-text-color: var(--text-disabled-color);
  --toggle-success-text-color: var(--text-basic-color);
  --toggle-success-background-color: var(--color-success-transparent-default);
  --toggle-success-border-color: var(--color-success-transparent-default-border);
  --toggle-success-checked-background-color: var(--color-success-default);
  --toggle-success-checked-border-color: var(--color-success-default-border);
  --toggle-success-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-success-checked-switcher-checkmark-color: var(--color-success-default);
  --toggle-success-focus-background-color: var(--color-success-transparent-focus);
  --toggle-success-focus-border-color: var(--color-success-transparent-focus-border);
  --toggle-success-focus-checked-background-color: var(--color-success-focus);
  --toggle-success-focus-checked-border-color: var(--color-success-focus-border);
  --toggle-success-hover-background-color: var(--color-success-transparent-hover);
  --toggle-success-hover-border-color: var(--color-success-transparent-hover-border);
  --toggle-success-hover-checked-background-color: var(--color-success-hover);
  --toggle-success-hover-checked-border-color: var(--color-success-hover-border);
  --toggle-success-active-background-color: var(--color-success-transparent-active);
  --toggle-success-active-border-color: var(--color-success-transparent-active-border);
  --toggle-success-active-checked-background-color: var(--color-success-active);
  --toggle-success-active-checked-border-color: var(--color-success-active-border);
  --toggle-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-success-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-success-disabled-text-color: var(--text-disabled-color);
  --toggle-info-text-color: var(--text-basic-color);
  --toggle-info-background-color: var(--color-info-transparent-default);
  --toggle-info-border-color: var(--color-info-transparent-default-border);
  --toggle-info-checked-background-color: var(--color-info-default);
  --toggle-info-checked-border-color: var(--color-info-default-border);
  --toggle-info-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-info-checked-switcher-checkmark-color: var(--color-info-default);
  --toggle-info-focus-background-color: var(--color-info-transparent-focus);
  --toggle-info-focus-border-color: var(--color-info-transparent-focus-border);
  --toggle-info-focus-checked-background-color: var(--color-info-focus);
  --toggle-info-focus-checked-border-color: var(--color-info-focus-border);
  --toggle-info-hover-background-color: var(--color-info-transparent-hover);
  --toggle-info-hover-border-color: var(--color-info-transparent-hover-border);
  --toggle-info-hover-checked-background-color: var(--color-info-hover);
  --toggle-info-hover-checked-border-color: var(--color-info-hover-border);
  --toggle-info-active-background-color: var(--color-info-transparent-active);
  --toggle-info-active-border-color: var(--color-info-transparent-active-border);
  --toggle-info-active-checked-background-color: var(--color-info-active);
  --toggle-info-active-checked-border-color: var(--color-info-active-border);
  --toggle-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-info-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-info-disabled-text-color: var(--text-disabled-color);
  --toggle-warning-text-color: var(--text-basic-color);
  --toggle-warning-background-color: var(--color-warning-transparent-default);
  --toggle-warning-border-color: var(--color-warning-transparent-default-border);
  --toggle-warning-checked-background-color: var(--color-warning-default);
  --toggle-warning-checked-border-color: var(--color-warning-default-border);
  --toggle-warning-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default);
  --toggle-warning-focus-background-color: var(--color-warning-transparent-focus);
  --toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --toggle-warning-focus-checked-background-color: var(--color-warning-focus);
  --toggle-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --toggle-warning-hover-background-color: var(--color-warning-transparent-hover);
  --toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --toggle-warning-hover-checked-background-color: var(--color-warning-hover);
  --toggle-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --toggle-warning-active-background-color: var(--color-warning-transparent-active);
  --toggle-warning-active-border-color: var(--color-warning-transparent-active-border);
  --toggle-warning-active-checked-background-color: var(--color-warning-active);
  --toggle-warning-active-checked-border-color: var(--color-warning-active-border);
  --toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-warning-disabled-text-color: var(--text-disabled-color);
  --toggle-danger-text-color: var(--text-basic-color);
  --toggle-danger-background-color: var(--color-danger-transparent-default);
  --toggle-danger-border-color: var(--color-danger-transparent-default-border);
  --toggle-danger-checked-background-color: var(--color-danger-default);
  --toggle-danger-checked-border-color: var(--color-danger-default-border);
  --toggle-danger-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default);
  --toggle-danger-focus-background-color: var(--color-danger-transparent-focus);
  --toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --toggle-danger-focus-checked-background-color: var(--color-danger-focus);
  --toggle-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --toggle-danger-hover-background-color: var(--color-danger-transparent-hover);
  --toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --toggle-danger-hover-checked-background-color: var(--color-danger-hover);
  --toggle-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --toggle-danger-active-background-color: var(--color-danger-transparent-active);
  --toggle-danger-active-border-color: var(--color-danger-transparent-active-border);
  --toggle-danger-active-checked-background-color: var(--color-danger-active);
  --toggle-danger-active-checked-border-color: var(--color-danger-active-border);
  --toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-danger-disabled-text-color: var(--text-disabled-color);
  --toggle-control-text-color: var(--color-basic-100);
  --toggle-control-background-color: var(--color-control-transparent-default);
  --toggle-control-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-background-color: var(--color-control-transparent-default);
  --toggle-control-checked-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-switcher-background-color: var(--color-control-default);
  --toggle-control-checked-switcher-checkmark-color: var(--color-basic-800);
  --toggle-control-focus-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-focus-checked-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-hover-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-hover-checked-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-active-background-color: var(--color-control-transparent-active);
  --toggle-control-active-border-color: var(--color-control-transparent-active-border);
  --toggle-control-active-checked-background-color: var(--color-control-transparent-active);
  --toggle-control-active-checked-border-color: var(--color-control-transparent-active-border);
  --toggle-control-disabled-background-color: var(--color-control-transparent-disabled);
  --toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600);
  --toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100);
  --toggle-control-disabled-text-color: var(--text-control-color);
  --form-field-tiny-max-width: var(--input-tiny-max-width);
  --form-field-small-max-width: var(--input-small-max-width);
  --form-field-medium-max-width: var(--input-medium-max-width);
  --form-field-large-max-width: var(--input-large-max-width);
  --form-field-giant-max-width: var(--input-giant-max-width);
  --form-field-addon-basic-text-color: var(--color-basic-600);
  --form-field-addon-basic-highlight-text-color: var(--color-primary-500);
  --form-field-addon-primary-text-color: var(--color-primary-500);
  --form-field-addon-primary-highlight-text-color: var(--color-primary-600);
  --form-field-addon-success-text-color: var(--color-success-500);
  --form-field-addon-success-highlight-text-color: var(--color-success-600);
  --form-field-addon-info-text-color: var(--color-info-500);
  --form-field-addon-info-highlight-text-color: var(--color-info-600);
  --form-field-addon-warning-text-color: var(--color-warning-500);
  --form-field-addon-warning-highlight-text-color: var(--color-warning-600);
  --form-field-addon-danger-text-color: var(--color-danger-500);
  --form-field-addon-danger-highlight-text-color: var(--color-danger-600);
  --form-field-addon-control-text-color: var(--color-control-default);
  --form-field-addon-control-highlight-text-color: var(--color-control-default);
  --form-field-addon-disabled-text-color: var(--text-disabled-color);
  --form-field-addon-tiny-height: 1.5rem;
  --form-field-addon-tiny-width: var(--form-field-addon-tiny-height);
  --form-field-addon-tiny-icon-size: var(--button-tiny-icon-size);
  --form-field-addon-tiny-font-size: var(--text-button-tiny-font-size);
  --form-field-addon-tiny-line-height: var(--text-button-tiny-line-height);
  --form-field-addon-tiny-font-weight: var(--text-button-font-weight);
  --form-field-addon-small-height: 2rem;
  --form-field-addon-small-width: var(--form-field-addon-small-height);
  --form-field-addon-small-icon-size: var(--button-small-icon-size);
  --form-field-addon-small-font-size: var(--text-button-small-font-size);
  --form-field-addon-small-line-height: var(--text-button-small-line-height);
  --form-field-addon-small-font-weight: var(--text-button-font-weight);
  --form-field-addon-medium-height: 2.5rem;
  --form-field-addon-medium-width: var(--form-field-addon-medium-height);
  --form-field-addon-medium-icon-size: var(--button-medium-icon-size);
  --form-field-addon-medium-font-size: var(--text-button-medium-font-size);
  --form-field-addon-medium-line-height: var(--text-button-medium-line-height);
  --form-field-addon-medium-font-weight: var(--text-button-font-weight);
  --form-field-addon-large-height: 3rem;
  --form-field-addon-large-width: var(--form-field-addon-large-height);
  --form-field-addon-large-icon-size: var(--button-large-icon-size);
  --form-field-addon-large-font-size: var(--text-button-large-font-size);
  --form-field-addon-large-line-height: var(--text-button-large-line-height);
  --form-field-addon-large-font-weight: var(--text-button-font-weight);
  --form-field-addon-giant-height: 3.5rem;
  --form-field-addon-giant-width: var(--form-field-addon-giant-height);
  --form-field-addon-giant-icon-size: var(--button-giant-icon-size);
  --form-field-addon-giant-font-size: var(--text-button-giant-font-size);
  --form-field-addon-giant-line-height: var(--text-button-giant-line-height);
  --form-field-addon-giant-font-weight: var(--text-button-font-weight);
  --color-primary-100: #faf7ff;
  --color-primary-200: #ece3ff;
  --color-primary-300: #d5bfff;
  --color-primary-400: #b18aff;
  --color-primary-500: #a16eff;
  --color-primary-600: #7b51db;
  --color-primary-700: #5a37b8;
  --color-primary-800: #3e2494;
  --color-primary-900: #29157a;
  --color-primary-transparent-100: rgba(161, 110, 255, 0.08);
  --color-primary-transparent-200: rgba(161, 110, 255, 0.16);
  --color-primary-transparent-300: rgba(161, 110, 255, 0.24);
  --color-primary-transparent-400: rgba(161, 110, 255, 0.32);
  --color-primary-transparent-500: rgba(161, 110, 255, 0.4);
  --color-primary-transparent-600: rgba(161, 110, 255, 0.48);
  --color-success-100: #f0fff5;
  --color-success-200: #ccfce3;
  --color-success-300: #8cfac7;
  --color-success-400: #2ce69b;
  --color-success-500: #00d68f;
  --color-success-600: #00b887;
  --color-success-700: #00997a;
  --color-success-800: #007d6c;
  --color-success-900: #004a45;
  --color-success-transparent-100: rgba(0, 214, 143, 0.08);
  --color-success-transparent-200: rgba(0, 214, 143, 0.16);
  --color-success-transparent-300: rgba(0, 214, 143, 0.24);
  --color-success-transparent-400: rgba(0, 214, 143, 0.32);
  --color-success-transparent-500: rgba(0, 214, 143, 0.4);
  --color-success-transparent-600: rgba(0, 214, 143, 0.48);
  --color-info-100: #f2f8ff;
  --color-info-200: #c7e2ff;
  --color-info-300: #94cbff;
  --color-info-400: #42aaff;
  --color-info-500: #0095ff;
  --color-info-600: #006fd6;
  --color-info-700: #0057c2;
  --color-info-800: #0041a8;
  --color-info-900: #002885;
  --color-info-transparent-100: rgba(0, 149, 255, 0.08);
  --color-info-transparent-200: rgba(0, 149, 255, 0.16);
  --color-info-transparent-300: rgba(0, 149, 255, 0.24);
  --color-info-transparent-400: rgba(0, 149, 255, 0.32);
  --color-info-transparent-500: rgba(0, 149, 255, 0.4);
  --color-info-transparent-600: rgba(0, 149, 255, 0.48);
  --color-warning-100: #fffdf2;
  --color-warning-200: #fff1c2;
  --color-warning-300: #ffe59e;
  --color-warning-400: #ffc94d;
  --color-warning-500: #ffaa00;
  --color-warning-600: #db8b00;
  --color-warning-700: #b86e00;
  --color-warning-800: #945400;
  --color-warning-900: #703c00;
  --color-warning-transparent-100: rgba(255, 170, 0, 0.08);
  --color-warning-transparent-200: rgba(255, 170, 0, 0.16);
  --color-warning-transparent-300: rgba(255, 170, 0, 0.24);
  --color-warning-transparent-400: rgba(255, 170, 0, 0.32);
  --color-warning-transparent-500: rgba(255, 170, 0, 0.4);
  --color-warning-transparent-600: rgba(255, 170, 0, 0.48);
  --color-danger-100: #fff2f2;
  --color-danger-200: #ffd6d9;
  --color-danger-300: #ffa8b4;
  --color-danger-400: #ff708d;
  --color-danger-500: #ff3d71;
  --color-danger-600: #db2c66;
  --color-danger-700: #b81d5b;
  --color-danger-800: #94124e;
  --color-danger-900: #700940;
  --color-danger-transparent-100: rgba(255, 61, 113, 0.08);
  --color-danger-transparent-200: rgba(255, 61, 113, 0.16);
  --color-danger-transparent-300: rgba(255, 61, 113, 0.24);
  --color-danger-transparent-400: rgba(255, 61, 113, 0.32);
  --color-danger-transparent-500: rgba(255, 61, 113, 0.4);
  --color-danger-transparent-600: rgba(255, 61, 113, 0.48);
  --color-basic-100: #ffffff;
  --color-basic-200: #f7f7fc;
  --color-basic-300: #f0f0fa;
  --color-basic-400: #e1e1f2;
  --color-basic-500: #ceceeb;
  --color-basic-600: #b4b4db;
  --color-basic-700: #6a6a94;
  --color-basic-800: #323259;
  --color-basic-900: #252547;
  --color-basic-1000: #1b1b38;
  --color-basic-1100: #13132b;
  --color-basic-transparent-100: rgba(180, 180, 219, 0.08);
  --color-basic-transparent-200: rgba(180, 180, 219, 0.16);
  --color-basic-transparent-300: rgba(180, 180, 219, 0.24);
  --color-basic-transparent-400: rgba(180, 180, 219, 0.32);
  --color-basic-transparent-500: rgba(180, 180, 219, 0.4);
  --color-basic-transparent-600: rgba(180, 180, 219, 0.48);
  --color-basic-control-transparent-100: rgba(255, 255, 255, 0.08);
  --color-basic-control-transparent-200: rgba(255, 255, 255, 0.16);
  --color-basic-control-transparent-300: rgba(255, 255, 255, 0.24);
  --color-basic-control-transparent-400: rgba(255, 255, 255, 0.32);
  --color-basic-control-transparent-500: rgba(255, 255, 255, 0.4);
  --color-basic-control-transparent-600: rgba(255, 255, 255, 0.48);
  --color-basic-focus: var(--color-basic-400);
  --color-basic-hover: var(--color-basic-200);
  --color-basic-default: var(--color-basic-300);
  --color-basic-active: var(--color-basic-400);
  --color-basic-disabled: var(--color-basic-transparent-300);
  --color-basic-focus-border: var(--color-basic-500);
  --color-basic-hover-border: var(--color-basic-hover);
  --color-basic-default-border: var(--color-basic-default);
  --color-basic-active-border: var(--color-basic-active);
  --color-basic-disabled-border: var(--color-basic-disabled);
  --color-basic-transparent-focus: var(--color-basic-transparent-300);
  --color-basic-transparent-hover: var(--color-basic-transparent-200);
  --color-basic-transparent-default: var(--color-basic-transparent-100);
  --color-basic-transparent-active: var(--color-basic-transparent-300);
  --color-basic-transparent-disabled: var(--color-basic-transparent-200);
  --color-basic-transparent-focus-border: var(--color-basic-600);
  --color-basic-transparent-hover-border: var(--color-basic-600);
  --color-basic-transparent-default-border: var(--color-basic-600);
  --color-basic-transparent-active-border: var(--color-basic-600);
  --color-basic-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-primary-focus: var(--color-primary-600);
  --color-primary-hover: var(--color-primary-400);
  --color-primary-default: var(--color-primary-500);
  --color-primary-active: var(--color-primary-600);
  --color-primary-disabled: var(--color-basic-transparent-300);
  --color-primary-focus-border: var(--color-primary-700);
  --color-primary-hover-border: var(--color-primary-hover);
  --color-primary-default-border: var(--color-primary-default);
  --color-primary-active-border: var(--color-primary-active);
  --color-primary-disabled-border: var(--color-primary-disabled);
  --color-primary-transparent-focus: var(--color-primary-transparent-300);
  --color-primary-transparent-hover: var(--color-primary-transparent-200);
  --color-primary-transparent-default: var(--color-primary-transparent-100);
  --color-primary-transparent-active: var(--color-primary-transparent-300);
  --color-primary-transparent-disabled: var(--color-basic-transparent-200);
  --color-primary-transparent-focus-border: var(--color-primary-500);
  --color-primary-transparent-hover-border: var(--color-primary-500);
  --color-primary-transparent-default-border: var(--color-primary-500);
  --color-primary-transparent-active-border: var(--color-primary-500);
  --color-primary-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-success-focus: var(--color-success-600);
  --color-success-hover: var(--color-success-400);
  --color-success-default: var(--color-success-500);
  --color-success-active: var(--color-success-600);
  --color-success-disabled: var(--color-basic-transparent-300);
  --color-success-focus-border: var(--color-success-700);
  --color-success-hover-border: var(--color-success-hover);
  --color-success-default-border: var(--color-success-default);
  --color-success-active-border: var(--color-success-active);
  --color-success-disabled-border: var(--color-success-disabled);
  --color-success-transparent-focus: var(--color-success-transparent-300);
  --color-success-transparent-focus-border: var(--color-success-500);
  --color-success-transparent-hover: var(--color-success-transparent-200);
  --color-success-transparent-hover-border: var(--color-success-500);
  --color-success-transparent-default: var(--color-success-transparent-100);
  --color-success-transparent-default-border: var(--color-success-500);
  --color-success-transparent-active: var(--color-success-transparent-300);
  --color-success-transparent-active-border: var(--color-success-500);
  --color-success-transparent-disabled: var(--color-basic-transparent-200);
  --color-success-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-info-focus: var(--color-info-600);
  --color-info-hover: var(--color-info-400);
  --color-info-default: var(--color-info-500);
  --color-info-active: var(--color-info-600);
  --color-info-disabled: var(--color-basic-transparent-300);
  --color-info-focus-border: var(--color-info-700);
  --color-info-hover-border: var(--color-info-hover);
  --color-info-default-border: var(--color-info-default);
  --color-info-active-border: var(--color-info-active);
  --color-info-disabled-border: var(--color-info-disabled);
  --color-info-transparent-focus: var(--color-info-transparent-300);
  --color-info-transparent-hover: var(--color-info-transparent-200);
  --color-info-transparent-default: var(--color-info-transparent-100);
  --color-info-transparent-active: var(--color-info-transparent-300);
  --color-info-transparent-disabled: var(--color-basic-transparent-200);
  --color-info-transparent-focus-border: var(--color-info-500);
  --color-info-transparent-hover-border: var(--color-info-500);
  --color-info-transparent-default-border: var(--color-info-500);
  --color-info-transparent-active-border: var(--color-info-500);
  --color-info-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-warning-focus: var(--color-warning-600);
  --color-warning-hover: var(--color-warning-400);
  --color-warning-default: var(--color-warning-500);
  --color-warning-active: var(--color-warning-600);
  --color-warning-disabled: var(--color-basic-transparent-300);
  --color-warning-focus-border: var(--color-warning-700);
  --color-warning-hover-border: var(--color-warning-hover);
  --color-warning-default-border: var(--color-warning-default);
  --color-warning-active-border: var(--color-warning-active);
  --color-warning-disabled-border: var(--color-warning-disabled);
  --color-warning-transparent-focus: var(--color-warning-transparent-300);
  --color-warning-transparent-hover: var(--color-warning-transparent-200);
  --color-warning-transparent-default: var(--color-warning-transparent-100);
  --color-warning-transparent-active: var(--color-warning-transparent-300);
  --color-warning-transparent-disabled: var(--color-basic-transparent-200);
  --color-warning-transparent-focus-border: var(--color-warning-500);
  --color-warning-transparent-hover-border: var(--color-warning-500);
  --color-warning-transparent-default-border: var(--color-warning-500);
  --color-warning-transparent-active-border: var(--color-warning-500);
  --color-warning-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-danger-focus: var(--color-danger-600);
  --color-danger-hover: var(--color-danger-400);
  --color-danger-default: var(--color-danger-500);
  --color-danger-active: var(--color-danger-600);
  --color-danger-disabled: var(--color-basic-transparent-300);
  --color-danger-focus-border: var(--color-danger-700);
  --color-danger-hover-border: var(--color-danger-hover);
  --color-danger-default-border: var(--color-danger-default);
  --color-danger-active-border: var(--color-danger-active);
  --color-danger-disabled-border: var(--color-danger-disabled);
  --color-danger-transparent-focus: var(--color-danger-transparent-300);
  --color-danger-transparent-hover: var(--color-danger-transparent-200);
  --color-danger-transparent-default: var(--color-danger-transparent-100);
  --color-danger-transparent-active: var(--color-danger-transparent-300);
  --color-danger-transparent-disabled: var(--color-basic-transparent-200);
  --color-danger-transparent-focus-border: var(--color-danger-500);
  --color-danger-transparent-hover-border: var(--color-danger-500);
  --color-danger-transparent-default-border: var(--color-danger-500);
  --color-danger-transparent-active-border: var(--color-danger-500);
  --color-danger-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-control-focus: var(--color-basic-300);
  --color-control-hover: var(--color-basic-200);
  --color-control-default: var(--color-basic-100);
  --color-control-active: var(--color-basic-300);
  --color-control-disabled: var(--color-basic-transparent-300);
  --color-control-focus-border: var(--color-basic-500);
  --color-control-hover-border: var(--color-control-hover);
  --color-control-default-border: var(--color-control-default);
  --color-control-active-border: var(--color-control-active);
  --color-control-disabled-border: var(--color-control-disabled);
  --color-control-transparent-focus: var(--color-basic-control-transparent-300);
  --color-control-transparent-hover: var(--color-basic-control-transparent-200);
  --color-control-transparent-default: var(--color-basic-control-transparent-100);
  --color-control-transparent-active: var(--color-basic-control-transparent-300);
  --color-control-transparent-disabled: var(--color-basic-transparent-200);
  --color-control-transparent-focus-border: var(--color-basic-100);
  --color-control-transparent-hover-border: var(--color-basic-100);
  --color-control-transparent-default-border: var(--color-basic-100);
  --color-control-transparent-active-border: var(--color-basic-100);
  --color-control-transparent-disabled-border: var(--color-basic-transparent-300);
  --background-basic-color-1: var(--color-basic-800);
  --background-basic-color-2: var(--color-basic-900);
  --background-basic-color-3: var(--color-basic-1000);
  --background-basic-color-4: var(--color-basic-1100);
  --border-basic-color-1: var(--color-basic-800);
  --border-basic-color-2: var(--color-basic-900);
  --border-basic-color-3: var(--color-basic-1000);
  --border-basic-color-4: var(--color-basic-1100);
  --border-basic-color-5: var(--color-basic-1100);
  --background-alternative-color-1: var(--color-basic-100);
  --background-alternative-color-2: var(--color-basic-200);
  --background-alternative-color-3: var(--color-basic-300);
  --background-alternative-color-4: var(--color-basic-400);
  --border-alternative-color-1: var(--color-basic-100);
  --border-alternative-color-2: var(--color-basic-200);
  --border-alternative-color-3: var(--color-basic-300);
  --border-alternative-color-4: var(--color-basic-400);
  --border-alternative-color-5: var(--color-basic-500);
  --background-primary-color-1: var(--color-primary-500);
  --background-primary-color-2: var(--color-primary-600);
  --background-primary-color-3: var(--color-primary-700);
  --background-primary-color-4: var(--color-primary-800);
  --border-primary-color-1: var(--color-basic-500);
  --border-primary-color-2: var(--color-basic-600);
  --border-primary-color-3: var(--color-basic-700);
  --border-primary-color-4: var(--color-basic-800);
  --border-primary-color-5: var(--color-basic-900);
  --text-basic-color: var(--color-basic-100);
  --text-alternate-color: var(--color-basic-900);
  --text-control-color: var(--color-basic-100);
  --text-disabled-color: var(--color-basic-transparent-600);
  --text-hint-color: var(--color-basic-600);
  --text-primary-color: var(--color-primary-default);
  --text-primary-focus-color: var(--color-primary-focus);
  --text-primary-hover-color: var(--color-primary-hover);
  --text-primary-active-color: var(--color-primary-active);
  --text-primary-disabled-color: var(--color-primary-400);
  --text-success-color: var(--color-success-default);
  --text-success-focus-color: var(--color-success-focus);
  --text-success-hover-color: var(--color-success-hover);
  --text-success-active-color: var(--color-success-active);
  --text-success-disabled-color: var(--color-success-400);
  --text-info-color: var(--color-info-default);
  --text-info-focus-color: var(--color-info-focus);
  --text-info-hover-color: var(--color-info-hover);
  --text-info-active-color: var(--color-info-active);
  --text-info-disabled-color: var(--color-info-400);
  --text-warning-color: var(--color-warning-default);
  --text-warning-focus-color: var(--color-warning-focus);
  --text-warning-hover-color: var(--color-warning-hover);
  --text-warning-active-color: var(--color-warning-active);
  --text-warning-disabled-color: var(--color-warning-400);
  --text-danger-color: var(--color-danger-default);
  --text-danger-focus-color: var(--color-danger-focus);
  --text-danger-hover-color: var(--color-danger-hover);
  --text-danger-active-color: var(--color-danger-active);
  --text-danger-disabled-color: var(--color-danger-400);
  --font-family-primary: Roboto;
  --font-family-secondary: Exo;
  --text-heading-1-font-family: var(--font-family-secondary);
  --text-heading-1-font-size: 2.25rem;
  --text-heading-1-font-weight: 700;
  --text-heading-1-line-height: 3rem;
  --text-heading-2-font-family: var(--font-family-secondary);
  --text-heading-2-font-size: 2rem;
  --text-heading-2-font-weight: 700;
  --text-heading-2-line-height: 2.5rem;
  --text-heading-3-font-family: var(--font-family-secondary);
  --text-heading-3-font-size: 1.875rem;
  --text-heading-3-font-weight: 700;
  --text-heading-3-line-height: 2.5rem;
  --text-heading-4-font-family: var(--font-family-secondary);
  --text-heading-4-font-size: 1.625rem;
  --text-heading-4-font-weight: 700;
  --text-heading-4-line-height: 2rem;
  --text-heading-5-font-family: var(--font-family-secondary);
  --text-heading-5-font-size: 1.375rem;
  --text-heading-5-font-weight: 700;
  --text-heading-5-line-height: 2rem;
  --text-heading-6-font-family: var(--font-family-secondary);
  --text-heading-6-font-size: 1.125rem;
  --text-heading-6-font-weight: 700;
  --text-heading-6-line-height: 1.5rem;
  --text-subtitle-font-family: var(--font-family-primary);
  --text-subtitle-font-size: 0.9375rem;
  --text-subtitle-font-weight: 600;
  --text-subtitle-line-height: 1.5rem;
  --text-subtitle-2-font-family: var(--font-family-primary);
  --text-subtitle-2-font-size: 0.8125rem;
  --text-subtitle-2-font-weight: 600;
  --text-subtitle-2-line-height: 1.5rem;
  --text-paragraph-font-family: var(--font-family-primary);
  --text-paragraph-font-size: 0.9375rem;
  --text-paragraph-font-weight: 400;
  --text-paragraph-line-height: 1.25rem;
  --text-paragraph-2-font-family: var(--font-family-primary);
  --text-paragraph-2-font-size: 0.8125rem;
  --text-paragraph-2-font-weight: 400;
  --text-paragraph-2-line-height: 1.125rem;
  --text-label-font-family: var(--font-family-primary);
  --text-label-font-size: 0.75rem;
  --text-label-font-weight: 700;
  --text-label-line-height: 1rem;
  --text-caption-font-family: var(--font-family-primary);
  --text-caption-font-size: 0.75rem;
  --text-caption-font-weight: 400;
  --text-caption-line-height: 1rem;
  --text-caption-2-font-family: var(--font-family-primary);
  --text-caption-2-font-size: 0.75rem;
  --text-caption-2-font-weight: 600;
  --text-caption-2-line-height: 1rem;
  --text-button-font-family: var(--font-family-primary);
  --text-button-font-weight: 700;
  --text-button-tiny-font-size: 0.625rem;
  --text-button-tiny-line-height: 0.75rem;
  --text-button-small-font-size: 0.75rem;
  --text-button-small-line-height: 1rem;
  --text-button-medium-font-size: 0.875rem;
  --text-button-medium-line-height: 1rem;
  --text-button-large-font-size: 1rem;
  --text-button-large-line-height: 1.25rem;
  --text-button-giant-font-size: 1.125rem;
  --text-button-giant-line-height: 1.5rem;
  --border-radius: 0.25rem;
  --outline-width: 0.375rem;
  --outline-color: var(--color-basic-700);
  --scrollbar-color: var(--background-basic-color-4);
  --scrollbar-background-color: var(--background-basic-color-2);
  --scrollbar-width: 0.3125rem;
  --shadow: 0 0.5rem 1rem 0 #1a1f33;
  --divider-color: var(--border-basic-color-3);
  --divider-style: solid;
  --divider-width: 1px;
  --sidebar-header-gap: 2rem;
  --switcher-background: #4e41a5;
  --switcher-background-percentage: 14%;
  --drops-icon-line-gadient: -webkit-linear-gradient(#a258fe, #7958fa);
  --list-item-border-width: 1px;
  --slide-out-container-width: 30%;
  --slide-out-background: radial-gradient(circle, #302c6e 0%, #423f8c 100%);
  --slide-out-shadow-color: 2px 0 3px rgba(19, 19, 94, 0.9);
  --slide-out-shadow-color-rtl: -2px 0 3px rgba(19, 19, 94, 0.9);
  --chart-panel-summary-box-shadow: none;
  --chart-panel-summary-background-color: rgba(0, 0, 0, 0.1);
  --chart-panel-summary-border-color: #332e73;
  --chart-panel-summary-border-width: 1px;
  --ecommerce-card-border-width: 1px;
  --progress-bar-background: linear-gradient(90deg, #00c7c7 0%, #00d977 100%);
}
.nb-theme-corporate {
  --link-text-color: var(--text-primary-color);
  --link-text-decoration: underline;
  --link-text-focus-color: var(--text-primary-focus-color);
  --link-text-hover-color: var(--text-primary-hover-color);
  --card-background-color: var(--background-basic-color-1);
  --card-text-color: var(--text-basic-color);
  --card-text-font-family: var(--text-paragraph-font-family);
  --card-text-font-size: var(--text-paragraph-font-size);
  --card-text-font-weight: var(--text-paragraph-font-weight);
  --card-text-line-height: var(--text-paragraph-line-height);
  --card-border-width: 1px;
  --card-border-style: solid;
  --card-border-color: var(--border-basic-color-4);
  --card-border-radius: var(--border-radius);
  --card-padding: 1rem 1.5rem;
  --card-shadow: none;
  --card-divider-color: var(--divider-color);
  --card-divider-style: var(--divider-style);
  --card-divider-width: var(--divider-width);
  --card-header-text-color: var(--text-basic-color);
  --card-header-text-font-family: var(--text-subtitle-font-family);
  --card-header-text-font-size: var(--text-subtitle-font-size);
  --card-header-text-font-weight: var(--text-subtitle-font-weight);
  --card-header-text-line-height: var(--text-subtitle-line-height);
  --card-header-basic-background-color: var(--background-basic-color-2);
  --card-header-basic-text-color: var(--text-basic-color);
  --card-header-primary-background-color: var(--color-primary-default);
  --card-header-primary-text-color: var(--text-control-color);
  --card-header-info-background-color: var(--color-info-default);
  --card-header-info-text-color: var(--text-control-color);
  --card-header-success-background-color: var(--color-success-default);
  --card-header-success-text-color: var(--text-control-color);
  --card-header-warning-background-color: var(--color-warning-default);
  --card-header-warning-text-color: var(--text-control-color);
  --card-header-danger-background-color: var(--color-danger-default);
  --card-header-danger-text-color: var(--text-control-color);
  --card-header-control-background-color: var(--color-control-default);
  --card-header-control-text-color: var(--color-basic-800);
  --card-height-tiny: 13.5rem;
  --card-height-small: 21.1875rem;
  --card-height-medium: 28.875rem;
  --card-height-large: 36.5625rem;
  --card-height-giant: 44.25rem;
  --card-margin-bottom: 1.875rem;
  --card-scrollbar-color: var(--scrollbar-color);
  --card-scrollbar-background-color: var(--scrollbar-background-color);
  --card-scrollbar-width: var(--scrollbar-width);
  --header-background-color: var(--background-basic-color-1);
  --header-text-color: var(--text-basic-color);
  --header-text-font-family: var(--text-paragraph-font-family);
  --header-text-font-size: var(--text-paragraph-font-size);
  --header-text-font-weight: var(--text-paragraph-font-weight);
  --header-text-line-height: var(--text-paragraph-line-height);
  --header-height: 4.75rem;
  --header-padding: 1.25rem;
  --header-shadow: var(--shadow);
  --footer-background-color: var(--background-basic-color-1);
  --footer-text-color: var(--text-basic-color);
  --footer-text-font-family: var(--text-paragraph-font-family);
  --footer-text-font-size: var(--text-paragraph-font-size);
  --footer-text-font-weight: var(--text-paragraph-font-weight);
  --footer-text-line-height: var(--text-paragraph-line-height);
  --footer-text-highlight-color: var(--color-primary-hover);
  --footer-height: 4.725rem;
  --footer-padding: 1.25rem;
  --footer-divider-color: var(--divider-color);
  --footer-divider-style: var(--divider-style);
  --footer-divider-width: var(--divider-width);
  --footer-shadow: var(--shadow);
  --layout-background-color: var(--background-basic-color-3);
  --layout-text-color: var(--text-basic-color);
  --layout-text-font-family: var(--text-paragraph-font-family);
  --layout-text-font-size: var(--text-paragraph-font-size);
  --layout-text-font-weight: var(--text-paragraph-font-weight);
  --layout-text-line-height: var(--text-paragraph-line-height);
  --layout-min-height: 100vh;
  --layout-content-width: 1400px;
  --layout-window-mode-min-width: 300px;
  --layout-window-mode-background-color: var(--background-basic-color-3);
  --layout-window-mode-padding-top: 4.75rem;
  --layout-window-shadow: var(--shadow);
  --layout-padding: 2.25rem 2.25rem 0.75rem;
  --layout-medium-padding: 1.5rem 1.5rem 0.5rem;
  --layout-small-padding: 1rem 1rem 0;
  --layout-scrollbar-background-color: var(--scrollbar-background-color);
  --layout-scrollbar-color: var(--scrollbar-color);
  --layout-scrollbar-width: var(--scrollbar-width);
  --sidebar-background-color: var(--background-basic-color-1);
  --sidebar-text-color: var(--text-basic-color);
  --sidebar-text-font-family: var(--text-paragraph-font-family);
  --sidebar-text-font-size: var(--text-paragraph-font-size);
  --sidebar-text-font-weight: var(--text-paragraph-font-weight);
  --sidebar-text-line-height: var(--text-paragraph-line-height);
  --sidebar-height: 100vh;
  --sidebar-width: 16rem;
  --sidebar-width-compact: 3.5rem;
  --sidebar-padding: 1.25rem;
  --sidebar-header-height: initial;
  --sidebar-footer-height: 3.5rem;
  --sidebar-shadow: var(--shadow);
  --sidebar-menu-item-highlight-color: var(--color-primary-default);
  --sidebar-scrollbar-background-color: var(--scrollbar-background-color);
  --sidebar-scrollbar-color: var(--scrollbar-color);
  --sidebar-scrollbar-width: var(--scrollbar-width);
  --menu-background-color: transparent;
  --menu-text-color: var(--text-basic-color);
  --menu-text-font-family: var(--text-subtitle-2-font-family);
  --menu-text-font-size: var(--text-subtitle-2-font-size);
  --menu-text-font-weight: var(--text-subtitle-2-font-weight);
  --menu-text-line-height: var(--text-subtitle-2-line-height);
  --menu-group-text-color: var(--text-hint-color);
  --menu-item-border-radius: 0;
  --menu-item-padding: 0.75rem 1rem;
  --menu-item-hover-background-color: var(--menu-background-color);
  --menu-item-hover-cursor: pointer;
  --menu-item-hover-text-color: var(--text-primary-hover-color);
  --menu-item-icon-hover-color: var(--menu-item-hover-text-color);
  --menu-item-active-background-color: var(--menu-background-color);
  --menu-item-active-text-color: var(--text-primary-color);
  --menu-item-icon-active-color: var(--menu-item-active-text-color);
  --menu-item-icon-color: var(--text-hint-color);
  --menu-item-icon-margin: 0 0.5rem 0 0;
  --menu-item-icon-width: 1.25rem;
  --menu-item-divider-color: var(--divider-color);
  --menu-item-divider-style: var(--divider-style);
  --menu-item-divider-width: var(--divider-width);
  --menu-submenu-background-color: var(--menu-background-color);
  --menu-submenu-text-color: var(--text-basic-color);
  --menu-submenu-margin: 0;
  --menu-submenu-padding: 0 1.25rem;
  --menu-submenu-item-border-color: var(--menu-submenu-background-color);
  --menu-submenu-item-border-style: solid;
  --menu-submenu-item-border-width: 0;
  --menu-submenu-item-border-radius: 0;
  --menu-submenu-item-padding: var(--menu-item-padding);
  --menu-submenu-item-hover-background-color: var(--menu-background-color);
  --menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);
  --menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);
  --menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);
  --menu-submenu-item-active-background-color: var(--menu-background-color);
  --menu-submenu-item-active-border-color: var(--color-primary-default);
  --menu-submenu-item-active-text-color: var(--menu-item-active-text-color);
  --menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);
  --menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);
  --menu-submenu-item-active-hover-border-color: var(--color-primary-hover);
  --menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);
  --menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);
  --tabset-background-color: transparent;
  --tabset-border-radius: var(--border-radius);
  --tabset-shadow: none;
  --tabset-tab-background-color: transparent;
  --tabset-tab-padding: 1rem 2rem;
  --tabset-tab-text-color: var(--text-hint-color);
  --tabset-tab-text-font-family: var(--text-button-font-family);
  --tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --tabset-tab-text-font-weight: var(--text-button-font-weight);
  --tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --tabset-tab-text-transform: uppercase;
  --tabset-tab-underline-width: 0.25rem;
  --tabset-tab-underline-color: transparent;
  --tabset-tab-active-background-color: transparent;
  --tabset-tab-active-text-color: var(--text-primary-color);
  --tabset-tab-active-underline-color: var(--text-primary-color);
  --tabset-tab-focus-background-color: transparent;
  --tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --tabset-tab-hover-background-color: transparent;
  --tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --tabset-tab-disabled-background-color: transparent;
  --tabset-tab-disabled-text-color: var(--text-disabled-color);
  --tabset-tab-disabled-underline-color: transparent;
  --tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;
  --tabset-tab-badge-dot-mode-padding: 0.25rem;
  --tabset-divider-color: var(--divider-color);
  --tabset-divider-style: var(--divider-style);
  --tabset-divider-width: var(--divider-width);
  --tabset-content-background-color: transparent;
  --tabset-content-padding: 1rem 2rem;
  --tabset-content-text-color: var(--text-basic-color);
  --tabset-content-text-font-family: var(--text-paragraph-font-family);
  --tabset-content-text-font-size: var(--text-paragraph-font-size);
  --tabset-content-text-font-weight: var(--text-paragraph-font-weight);
  --tabset-content-text-line-height: var(--text-paragraph-line-height);
  --tabset-scrollbar-color: var(--scrollbar-color);
  --tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --tabset-scrollbar-width: var(--scrollbar-width);
  --route-tabset-background-color: transparent;
  --route-tabset-border-radius: var(--border-radius);
  --route-tabset-shadow: none;
  --route-tabset-tab-background-color: transparent;
  --route-tabset-tab-padding: 1rem 2rem;
  --route-tabset-tab-text-color: var(--text-hint-color);
  --route-tabset-tab-text-font-family: var(--text-button-font-family);
  --route-tabset-tab-text-font-size: var(--text-button-medium-font-size);
  --route-tabset-tab-text-font-weight: var(--text-button-font-weight);
  --route-tabset-tab-text-line-height: var(--text-button-medium-line-height);
  --route-tabset-tab-text-transform: uppercase;
  --route-tabset-tab-underline-width: 0.25rem;
  --route-tabset-tab-underline-color: transparent;
  --route-tabset-tab-active-background-color: transparent;
  --route-tabset-tab-active-text-color: var(--text-primary-color);
  --route-tabset-tab-active-underline-color: var(--text-primary-color);
  --route-tabset-tab-focus-background-color: transparent;
  --route-tabset-tab-focus-text-color: var(--text-primary-focus-color);
  --route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);
  --route-tabset-tab-hover-background-color: transparent;
  --route-tabset-tab-hover-text-color: var(--text-primary-hover-color);
  --route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);
  --route-tabset-tab-disabled-background-color: transparent;
  --route-tabset-tab-disabled-text-color: var(--text-disabled-color);
  --route-tabset-tab-disabled-underline-color: transparent;
  --route-tabset-divider-color: var(--divider-color);
  --route-tabset-divider-style: var(--divider-style);
  --route-tabset-divider-width: var(--divider-width);
  --route-tabset-scrollbar-color: var(--scrollbar-color);
  --route-tabset-scrollbar-background-color: var(--scrollbar-background-color);
  --route-tabset-scrollbar-width: var(--scrollbar-width);
  --user-picture-box-background-color: transparent;
  --user-picture-box-border-color: var(--border-basic-color-3);
  --user-picture-box-border-width: 1px;
  --user-initials-text-color: var(--text-basic-color);
  --user-initials-text-font-family: var(--text-paragraph-font-family);
  --user-initials-text-font-weight: var(--text-paragraph-font-weight);
  --user-name-text-color: var(--text-basic-color);
  --user-name-text-font-family: var(--text-paragraph-font-family);
  --user-name-text-font-weight: var(--text-paragraph-font-weight);
  --user-title-text-color: var(--text-basic-color);
  --user-title-text-font-family: var(--text-paragraph-2-font-family);
  --user-title-text-font-weight: var(--text-paragraph-2-font-weight);
  --user-rectangle-border-radius: var(--border-radius);
  --user-semi-round-border-radius: 0.75rem;
  --user-round-border-radius: 50%;
  --user-tiny-height: 1.25rem;
  --user-tiny-width: 1.25rem;
  --user-tiny-initials-text-font-size: var(--text-caption-font-size);
  --user-tiny-initials-text-line-height: var(--text-caption-line-height);
  --user-tiny-name-text-font-size: var(--text-caption-font-size);
  --user-tiny-name-text-line-height: var(--text-caption-line-height);
  --user-tiny-title-text-font-size: var(--text-caption-font-size);
  --user-tiny-title-text-line-height: var(--text-caption-line-height);
  --user-small-height: 1.5rem;
  --user-small-width: 1.5rem;
  --user-small-initials-text-font-size: var(--text-caption-font-size);
  --user-small-initials-text-line-height: var(--text-caption-line-height);
  --user-small-name-text-font-size: var(--text-caption-font-size);
  --user-small-name-text-line-height: var(--text-caption-line-height);
  --user-small-title-text-font-size: var(--text-caption-font-size);
  --user-small-title-text-line-height: var(--text-caption-line-height);
  --user-medium-height: 2.5rem;
  --user-medium-width: 2.5rem;
  --user-medium-initials-text-font-size: var(--text-paragraph-font-size);
  --user-medium-initials-text-line-height: var(--text-paragraph-line-height);
  --user-medium-name-text-font-size: var(--text-paragraph-font-size);
  --user-medium-name-text-line-height: var(--text-paragraph-line-height);
  --user-medium-title-text-font-size: var(--text-caption-font-size);
  --user-medium-title-text-line-height: var(--text-caption-line-height);
  --user-large-height: 3.25rem;
  --user-large-width: 3.25rem;
  --user-large-initials-text-font-size: var(--text-paragraph-font-size);
  --user-large-initials-text-line-height: var(--text-paragraph-line-height);
  --user-large-name-text-font-size: var(--text-paragraph-font-size);
  --user-large-name-text-line-height: var(--text-paragraph-line-height);
  --user-large-title-text-font-size: var(--text-paragraph-2-font-size);
  --user-large-title-text-line-height: var(--text-paragraph-2-line-height);
  --user-giant-height: 4rem;
  --user-giant-width: 4rem;
  --user-giant-initials-text-font-size: var(--text-paragraph-font-size);
  --user-giant-initials-text-line-height: var(--text-paragraph-line-height);
  --user-giant-name-text-font-size: var(--text-paragraph-font-size);
  --user-giant-name-text-line-height: var(--text-paragraph-line-height);
  --user-giant-title-text-font-size: var(--text-paragraph-font-size);
  --user-giant-title-text-line-height: var(--text-paragraph-line-height);
  --popover-text-color: var(--text-basic-color);
  --popover-text-font-family: var(--text-paragraph-font-family);
  --popover-text-font-size: var(--text-paragraph-font-size);
  --popover-text-font-weight: var(--text-paragraph-font-weight);
  --popover-text-line-height: var(--text-paragraph-line-height);
  --popover-background-color: var(--background-basic-color-1);
  --popover-border-width: 1px;
  --popover-border-color: var(--border-basic-color-4);
  --popover-border-radius: var(--border-radius);
  --popover-shadow: var(--shadow);
  --popover-arrow-size: 0.6875rem;
  --popover-padding: 0.75rem 1rem;
  --context-menu-background-color: var(--background-basic-color-1);
  --context-menu-border-color: var(--border-basic-color-4);
  --context-menu-border-style: solid;
  --context-menu-border-width: 1px;
  --context-menu-border-radius: var(--border-radius);
  --context-menu-text-align: center;
  --context-menu-min-width: 10rem;
  --context-menu-max-width: 15rem;
  --context-menu-shadow: var(--shadow);
  --actions-background-color: transparent;
  --actions-divider-color: var(--divider-color);
  --actions-divider-style: var(--divider-style);
  --actions-divider-width: var(--divider-width);
  --actions-icon-color: var(--text-hint-color);
  --actions-text-color: var(--text-basic-color);
  --actions-text-font-family: var(--text-button-font-family);
  --actions-text-font-weight: var(--text-button-font-weight);
  --actions-text-line-height: var(--text-button-medium-line-height);
  --actions-disabled-icon-color: var(--text-disabled-color);
  --actions-disabled-text-color: var(--text-disabled-color);
  --actions-tiny-height: 1rem;
  --actions-tiny-icon-height: var(--actions-tiny-height);
  --actions-tiny-padding: 0 1.25rem;
  --actions-tiny-text-font-size: var(--text-button-tiny-font-size);
  --actions-small-height: 1.5rem;
  --actions-small-icon-height: var(--actions-small-height);
  --actions-small-padding: 0 1.25rem;
  --actions-small-text-font-size: var(--text-button-small-font-size);
  --actions-medium-height: 2.25rem;
  --actions-medium-icon-height: var(--actions-medium-height);
  --actions-medium-padding: 0 1.25rem;
  --actions-medium-text-font-size: var(--text-button-medium-font-size);
  --actions-large-height: 3.5rem;
  --actions-large-icon-height: var(--actions-large-height);
  --actions-large-padding: 0 1.25rem;
  --actions-large-text-font-size: var(--text-button-large-font-size);
  --actions-giant-height: 4rem;
  --actions-giant-icon-height: var(--actions-giant-height);
  --actions-giant-padding: 0 1.25rem;
  --actions-giant-text-font-size: var(--text-button-giant-font-size);
  --search-background-color: var(--background-basic-color-1);
  --search-divider-color: var(--divider-color);
  --search-divider-style: var(--divider-style);
  --search-divider-width: var(--divider-width);
  --search-extra-background-color: var(--color-primary-default);
  --search-text-color: var(--text-basic-color);
  --search-text-font-family: var(--text-heading-1-font-family);
  --search-text-font-size: var(--text-heading-1-font-size);
  --search-text-font-weight: var(--text-heading-1-font-weight);
  --search-text-line-height: var(--text-heading-1-line-height);
  --search-placeholder-text-color: var(--text-hint-color);
  --search-info-text-color: var(--text-hint-color);
  --search-info-text-font-family: var(--text-subtitle-font-family);
  --search-info-text-font-size: var(--text-subtitle-font-size);
  --search-info-text-font-weight: var(--text-subtitle-font-weight);
  --search-info-text-line-height: var(--text-subtitle-line-height);
  --smart-table-header-font-family: var(--text-paragraph-font-family);
  --smart-table-header-font-size: var(--text-paragraph-font-size);
  --smart-table-header-font-weight: var(--text-paragraph-font-weight);
  --smart-table-header-line-height: var(--text-paragraph-line-height);
  --smart-table-header-fg: var(--text-basic-color);
  --smart-table-header-bg: var(--background-basic-color-1);
  --smart-table-font-family: var(--text-paragraph-font-family);
  --smart-table-font-size: var(--text-paragraph-font-size);
  --smart-table-font-weight: var(--text-paragraph-font-weight);
  --smart-table-line-height: var(--text-paragraph-line-height);
  --smart-table-fg: var(--text-basic-color);
  --smart-table-bg: var(--background-basic-color-1);
  --smart-table-bg-even: var(--background-basic-color-2);
  --smart-table-fg-secondary: var(--text-basic-color);
  --smart-table-bg-active: var(--background-basic-color-3);
  --smart-table-padding: 0.875rem 1.25rem;
  --smart-table-filter-padding: 0.375rem 0.5rem;
  --smart-table-separator: var(--divider-color);
  --smart-table-border-radius: var(--border-radius);
  --smart-table-action-add-edit-hover-text-color: var(--color-primary-default);
  --smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);
  --smart-table-add-button-border-color: var(--button-filled-primary-border-color);
  --smart-table-add-button-background-color: var(--button-filled-primary-background-color);
  --smart-table-add-button-text-color: var(--button-filled-primary-text-color);
  --smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);
  --smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);
  --smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);
  --smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);
  --smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);
  --smart-table-paging-font-family: var(--button-text-font-family);
  --smart-table-paging-font-size: var(--button-medium-text-font-size);
  --smart-table-paging-line-height: var(--button-medium-text-line-height);
  --smart-table-paging-border-color: var(--divider-color);
  --smart-table-paging-border-width: var(--divider-width);
  --smart-table-paging-fg-active: var(--text-control-color);
  --smart-table-paging-bg-active: var(--color-primary-default);
  --smart-table-paging-hover: transparent;
  --smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);
  --smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);
  --smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);
  --smart-table-paging-page-text-color: var(--button-outline-primary-text-color);
  --smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);
  --smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);
  --toastr-border-style: solid;
  --toastr-border-width: 1px;
  --toastr-border-radius: var(--border-radius);
  --toastr-padding: 1rem;
  --toastr-shadow: var(--shadow);
  --toastr-text-font-family: var(--text-paragraph-2-font-family);
  --toastr-text-font-size: var(--text-paragraph-2-font-size);
  --toastr-text-font-weight: var(--text-paragraph-2-font-weight);
  --toastr-text-line-height: var(--text-paragraph-2-line-height);
  --toastr-title-text-font-family: var(--text-subtitle-font-family);
  --toastr-title-text-font-size: var(--text-subtitle-font-size);
  --toastr-title-text-font-weight: var(--text-subtitle-font-weight);
  --toastr-title-text-line-height: var(--text-subtitle-line-height);
  --toastr-basic-background-color: var(--background-basic-color-1);
  --toastr-basic-border-color: var(--border-basic-color-3);
  --toastr-basic-text-color: var(--text-basic-color);
  --toastr-icon-basic-background-color: var(--background-basic-color-1);
  --toastr-icon-basic-color: var(--text-basic-color);
  --toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);
  --toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);
  --toastr-primary-background-color: var(--color-primary-default);
  --toastr-primary-border-color: var(--color-primary-default);
  --toastr-primary-text-color: var(--text-control-color);
  --toastr-icon-primary-background-color: var(--background-basic-color-1);
  --toastr-icon-primary-color: var(--color-primary-default);
  --toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);
  --toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);
  --toastr-success-background-color: var(--color-success-default);
  --toastr-success-border-color: var(--color-success-default);
  --toastr-success-text-color: var(--text-control-color);
  --toastr-icon-success-background-color: var(--background-basic-color-1);
  --toastr-icon-success-color: var(--color-success-default);
  --toastr-destroyable-success-hover-background-color: var(--color-success-hover);
  --toastr-destroyable-success-hover-border-color: var(--color-success-hover);
  --toastr-info-background-color: var(--color-info-default);
  --toastr-info-border-color: var(--color-info-default);
  --toastr-info-text-color: var(--text-control-color);
  --toastr-icon-info-background-color: var(--background-basic-color-1);
  --toastr-icon-info-color: var(--color-info-default);
  --toastr-destroyable-info-hover-background-color: var(--color-info-hover);
  --toastr-destroyable-info-hover-border-color: var(--color-info-hover);
  --toastr-warning-background-color: var(--color-warning-default);
  --toastr-warning-border-color: var(--color-warning-default);
  --toastr-warning-text-color: var(--text-control-color);
  --toastr-icon-warning-background-color: var(--background-basic-color-1);
  --toastr-icon-warning-color: var(--color-warning-default);
  --toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);
  --toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);
  --toastr-danger-background-color: var(--color-danger-default);
  --toastr-danger-border-color: var(--color-danger-default);
  --toastr-danger-text-color: var(--text-control-color);
  --toastr-icon-danger-background-color: var(--background-basic-color-1);
  --toastr-icon-danger-color: var(--color-danger-default);
  --toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);
  --toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);
  --toastr-control-background-color: var(--color-control-default);
  --toastr-control-border-color: var(--color-control-default);
  --toastr-control-text-color: var(--color-basic-800);
  --toastr-icon-control-background-color: var(--color-control-default);
  --toastr-icon-control-color: var(--color-basic-800);
  --toastr-destroyable-control-hover-background-color: var(--color-control-hover);
  --toastr-destroyable-control-hover-border-color: var(--color-control-hover);
  --button-cursor: pointer;
  --button-outline-width: var(--outline-width);
  --button-outline-color: var(--outline-color);
  --button-text-font-family: var(--text-button-font-family);
  --button-text-font-weight: var(--text-button-font-weight);
  --button-disabled-cursor: default;
  --button-tiny-text-font-size: var(--text-button-tiny-font-size);
  --button-tiny-text-line-height: var(--text-button-tiny-line-height);
  --button-tiny-icon-size: 0.75rem;
  --button-tiny-icon-vertical-margin: -0.125rem;
  --button-tiny-icon-offset: 0.375rem;
  --button-small-text-font-size: var(--text-button-small-font-size);
  --button-small-text-line-height: var(--text-button-small-line-height);
  --button-small-icon-size: 1rem;
  --button-small-icon-vertical-margin: -0.125rem;
  --button-small-icon-offset: 0.375rem;
  --button-medium-text-font-size: var(--text-button-medium-font-size);
  --button-medium-text-line-height: var(--text-button-medium-line-height);
  --button-medium-icon-size: 1.25rem;
  --button-medium-icon-vertical-margin: -0.125rem;
  --button-medium-icon-offset: 0.5rem;
  --button-large-text-font-size: var(--text-button-large-font-size);
  --button-large-text-line-height: var(--text-button-large-line-height);
  --button-large-icon-size: 1.5rem;
  --button-large-icon-vertical-margin: -0.125rem;
  --button-large-icon-offset: 0.75rem;
  --button-giant-text-font-size: var(--text-button-giant-font-size);
  --button-giant-text-line-height: var(--text-button-giant-line-height);
  --button-giant-icon-size: 1.5rem;
  --button-giant-icon-vertical-margin: -0.125rem;
  --button-giant-icon-offset: 0.75rem;
  --button-rectangle-border-radius: var(--border-radius);
  --button-semi-round-border-radius: 0.75rem;
  --button-round-border-radius: 1.5rem;
  --button-filled-border-style: solid;
  --button-filled-border-width: 0.0625rem;
  --button-filled-text-transform: uppercase;
  --button-filled-tiny-padding: 0.3125rem 0.625rem;
  --button-filled-small-padding: 0.4375rem 0.875rem;
  --button-filled-medium-padding: 0.6875rem 1.125rem;
  --button-filled-large-padding: 0.8125rem 1.125rem;
  --button-filled-giant-padding: 0.9375rem 1.375rem;
  --button-filled-basic-background-color: var(--color-basic-default);
  --button-filled-basic-border-color: var(--color-basic-default-border);
  --button-filled-basic-text-color: var(--color-basic-800);
  --button-filled-basic-focus-background-color: var(--color-basic-focus);
  --button-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --button-filled-basic-hover-background-color: var(--color-basic-hover);
  --button-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --button-filled-basic-active-background-color: var(--color-basic-active);
  --button-filled-basic-active-border-color: var(--color-basic-active-border);
  --button-filled-basic-disabled-background-color: var(--color-basic-disabled);
  --button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);
  --button-filled-basic-disabled-text-color: var(--text-disabled-color);
  --button-filled-primary-background-color: var(--color-primary-default);
  --button-filled-primary-border-color: var(--color-primary-default-border);
  --button-filled-primary-text-color: var(--text-control-color);
  --button-filled-primary-focus-background-color: var(--color-primary-focus);
  --button-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --button-filled-primary-hover-background-color: var(--color-primary-hover);
  --button-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --button-filled-primary-active-background-color: var(--color-primary-active);
  --button-filled-primary-active-border-color: var(--color-primary-active-border);
  --button-filled-primary-disabled-background-color: var(--color-primary-disabled);
  --button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);
  --button-filled-primary-disabled-text-color: var(--text-disabled-color);
  --button-filled-success-background-color: var(--color-success-default);
  --button-filled-success-border-color: var(--color-success-default-border);
  --button-filled-success-text-color: var(--text-control-color);
  --button-filled-success-focus-background-color: var(--color-success-focus);
  --button-filled-success-focus-border-color: var(--color-success-focus-border);
  --button-filled-success-hover-background-color: var(--color-success-hover);
  --button-filled-success-hover-border-color: var(--color-success-hover-border);
  --button-filled-success-active-background-color: var(--color-success-active);
  --button-filled-success-active-border-color: var(--color-success-active-border);
  --button-filled-success-disabled-background-color: var(--color-success-disabled);
  --button-filled-success-disabled-border-color: var(--color-success-disabled-border);
  --button-filled-success-disabled-text-color: var(--text-disabled-color);
  --button-filled-info-background-color: var(--color-info-default);
  --button-filled-info-border-color: var(--color-info-default-border);
  --button-filled-info-text-color: var(--text-control-color);
  --button-filled-info-focus-background-color: var(--color-info-focus);
  --button-filled-info-focus-border-color: var(--color-info-focus-border);
  --button-filled-info-hover-background-color: var(--color-info-hover);
  --button-filled-info-hover-border-color: var(--color-info-hover-border);
  --button-filled-info-active-background-color: var(--color-info-active);
  --button-filled-info-active-border-color: var(--color-info-active-border);
  --button-filled-info-disabled-background-color: var(--color-info-disabled);
  --button-filled-info-disabled-border-color: var(--color-info-disabled-border);
  --button-filled-info-disabled-text-color: var(--text-disabled-color);
  --button-filled-warning-background-color: var(--color-warning-default);
  --button-filled-warning-border-color: var(--color-warning-default-border);
  --button-filled-warning-text-color: var(--text-control-color);
  --button-filled-warning-focus-background-color: var(--color-warning-focus);
  --button-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --button-filled-warning-hover-background-color: var(--color-warning-hover);
  --button-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --button-filled-warning-active-background-color: var(--color-warning-active);
  --button-filled-warning-active-border-color: var(--color-warning-active-border);
  --button-filled-warning-disabled-background-color: var(--color-warning-disabled);
  --button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);
  --button-filled-warning-disabled-text-color: var(--text-disabled-color);
  --button-filled-danger-background-color: var(--color-danger-default);
  --button-filled-danger-border-color: var(--color-danger-default-border);
  --button-filled-danger-text-color: var(--text-control-color);
  --button-filled-danger-focus-background-color: var(--color-danger-focus);
  --button-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --button-filled-danger-hover-background-color: var(--color-danger-hover);
  --button-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --button-filled-danger-active-background-color: var(--color-danger-active);
  --button-filled-danger-active-border-color: var(--color-danger-active-border);
  --button-filled-danger-disabled-background-color: var(--color-danger-disabled);
  --button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);
  --button-filled-danger-disabled-text-color: var(--text-disabled-color);
  --button-filled-control-background-color: var(--color-control-default);
  --button-filled-control-border-color: var(--color-control-default-border);
  --button-filled-control-text-color: var(--color-basic-800);
  --button-filled-control-focus-background-color: var(--color-control-focus);
  --button-filled-control-focus-border-color: var(--color-control-focus-border);
  --button-filled-control-hover-background-color: var(--color-control-hover);
  --button-filled-control-hover-border-color: var(--color-control-hover-border);
  --button-filled-control-active-background-color: var(--color-control-active);
  --button-filled-control-active-border-color: var(--color-control-active-border);
  --button-filled-control-disabled-background-color: var(--color-control-disabled);
  --button-filled-control-disabled-border-color: var(--color-control-disabled-border);
  --button-filled-control-disabled-text-color: var(--text-disabled-color);
  --button-outline-border-style: solid;
  --button-outline-border-width: 0.0625rem;
  --button-outline-text-transform: uppercase;
  --button-outline-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-outline-tiny-padding: 0.3125rem 0.625rem;
  --button-outline-small-padding: 0.4375rem 0.875rem;
  --button-outline-medium-padding: 0.6875rem 1.125rem;
  --button-outline-large-padding: 0.8125rem 1.125rem;
  --button-outline-giant-padding: 0.9375rem 1.375rem;
  --button-outline-basic-background-color: var(--color-basic-transparent-default);
  --button-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --button-outline-basic-text-color: var(--text-hint-color);
  --button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);
  --button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --button-outline-basic-focus-text-color: var(--text-hint-color);
  --button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --button-outline-basic-hover-text-color: var(--text-hint-color);
  --button-outline-basic-active-background-color: var(--color-basic-transparent-active);
  --button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);
  --button-outline-basic-active-text-color: var(--text-hint-color);
  --button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --button-outline-basic-disabled-text-color: var(--text-disabled-color);
  --button-outline-primary-background-color: var(--color-primary-transparent-default);
  --button-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --button-outline-primary-text-color: var(--text-primary-color);
  --button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);
  --button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --button-outline-primary-focus-text-color: var(--text-primary-color);
  --button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --button-outline-primary-hover-text-color: var(--text-primary-color);
  --button-outline-primary-active-background-color: var(--color-primary-transparent-active);
  --button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);
  --button-outline-primary-active-text-color: var(--text-primary-color);
  --button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);
  --button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);
  --button-outline-primary-disabled-text-color: var(--text-disabled-color);
  --button-outline-success-background-color: var(--color-success-transparent-default);
  --button-outline-success-border-color: var(--color-success-transparent-default-border);
  --button-outline-success-text-color: var(--text-success-color);
  --button-outline-success-focus-background-color: var(--color-success-transparent-focus);
  --button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);
  --button-outline-success-focus-text-color: var(--text-success-color);
  --button-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --button-outline-success-hover-text-color: var(--text-success-color);
  --button-outline-success-active-background-color: var(--color-success-transparent-active);
  --button-outline-success-active-border-color: var(--color-success-transparent-active-border);
  --button-outline-success-active-text-color: var(--text-success-color);
  --button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);
  --button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);
  --button-outline-success-disabled-text-color: var(--text-disabled-color);
  --button-outline-info-background-color: var(--color-info-transparent-default);
  --button-outline-info-border-color: var(--color-info-transparent-default-border);
  --button-outline-info-text-color: var(--text-info-color);
  --button-outline-info-focus-background-color: var(--color-info-transparent-focus);
  --button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);
  --button-outline-info-focus-text-color: var(--text-info-color);
  --button-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --button-outline-info-hover-text-color: var(--text-info-color);
  --button-outline-info-active-background-color: var(--color-info-transparent-active);
  --button-outline-info-active-border-color: var(--color-info-transparent-active-border);
  --button-outline-info-active-text-color: var(--text-info-color);
  --button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);
  --button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);
  --button-outline-info-disabled-text-color: var(--text-disabled-color);
  --button-outline-warning-background-color: var(--color-warning-transparent-default);
  --button-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --button-outline-warning-text-color: var(--text-warning-color);
  --button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);
  --button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --button-outline-warning-focus-text-color: var(--text-warning-color);
  --button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --button-outline-warning-hover-text-color: var(--text-warning-color);
  --button-outline-warning-active-background-color: var(--color-warning-transparent-active);
  --button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);
  --button-outline-warning-active-text-color: var(--text-warning-color);
  --button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);
  --button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);
  --button-outline-warning-disabled-text-color: var(--text-disabled-color);
  --button-outline-danger-background-color: var(--color-danger-transparent-default);
  --button-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --button-outline-danger-text-color: var(--text-danger-color);
  --button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);
  --button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --button-outline-danger-focus-text-color: var(--text-danger-color);
  --button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --button-outline-danger-hover-text-color: var(--text-danger-color);
  --button-outline-danger-active-background-color: var(--color-danger-transparent-active);
  --button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);
  --button-outline-danger-active-text-color: var(--text-danger-color);
  --button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);
  --button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);
  --button-outline-danger-disabled-text-color: var(--text-disabled-color);
  --button-outline-control-background-color: var(--color-control-transparent-default);
  --button-outline-control-border-color: var(--color-control-transparent-default-border);
  --button-outline-control-text-color: var(--text-control-color);
  --button-outline-control-focus-background-color: var(--color-control-transparent-focus);
  --button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --button-outline-control-focus-text-color: var(--text-control-color);
  --button-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --button-outline-control-hover-text-color: var(--text-control-color);
  --button-outline-control-active-background-color: var(--color-control-transparent-active);
  --button-outline-control-active-border-color: var(--color-control-transparent-active-border);
  --button-outline-control-active-text-color: var(--text-control-color);
  --button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --button-outline-control-disabled-text-color: var(--text-disabled-color);
  --button-ghost-background-color: transparent;
  --button-ghost-border-color: transparent;
  --button-ghost-border-style: solid;
  --button-ghost-border-width: 0.0625rem;
  --button-ghost-text-transform: uppercase;
  --button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;
  --button-ghost-tiny-padding: 0.3125rem 0.625rem;
  --button-ghost-small-padding: 0.4375rem 0.875rem;
  --button-ghost-medium-padding: 0.6875rem 1.125rem;
  --button-ghost-large-padding: 0.8125rem 1.125rem;
  --button-ghost-giant-padding: 0.9375rem 1.375rem;
  --button-ghost-basic-text-color: var(--color-basic-600);
  --button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-basic-focus-text-color: var(--color-basic-600);
  --button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-basic-hover-border-color: transparent;
  --button-ghost-basic-hover-text-color: var(--color-basic-600);
  --button-ghost-basic-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-active-border-color: transparent;
  --button-ghost-basic-active-text-color: var(--color-basic-600);
  --button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-basic-disabled-border-color: transparent;
  --button-ghost-basic-disabled-text-color: var(--text-disabled-color);
  --button-ghost-primary-text-color: var(--text-primary-color);
  --button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-primary-focus-text-color: var(--text-primary-color);
  --button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-primary-hover-border-color: transparent;
  --button-ghost-primary-hover-text-color: var(--text-primary-color);
  --button-ghost-primary-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-active-border-color: transparent;
  --button-ghost-primary-active-text-color: var(--text-primary-color);
  --button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-primary-disabled-border-color: transparent;
  --button-ghost-primary-disabled-text-color: var(--text-disabled-color);
  --button-ghost-success-text-color: var(--text-success-color);
  --button-ghost-success-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-success-focus-text-color: var(--text-success-color);
  --button-ghost-success-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-success-hover-border-color: transparent;
  --button-ghost-success-hover-text-color: var(--text-success-color);
  --button-ghost-success-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-active-border-color: transparent;
  --button-ghost-success-active-text-color: var(--text-success-color);
  --button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-success-disabled-border-color: transparent;
  --button-ghost-success-disabled-text-color: var(--text-disabled-color);
  --button-ghost-info-text-color: var(--text-info-color);
  --button-ghost-info-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-info-focus-text-color: var(--text-info-color);
  --button-ghost-info-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-info-hover-border-color: transparent;
  --button-ghost-info-hover-text-color: var(--text-info-color);
  --button-ghost-info-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-active-border-color: transparent;
  --button-ghost-info-active-text-color: var(--text-info-color);
  --button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-info-disabled-border-color: transparent;
  --button-ghost-info-disabled-text-color: var(--text-disabled-color);
  --button-ghost-warning-text-color: var(--text-warning-color);
  --button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-warning-focus-text-color: var(--text-warning-color);
  --button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-warning-hover-border-color: transparent;
  --button-ghost-warning-hover-text-color: var(--text-warning-color);
  --button-ghost-warning-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-active-border-color: transparent;
  --button-ghost-warning-active-text-color: var(--text-warning-color);
  --button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-warning-disabled-border-color: transparent;
  --button-ghost-warning-disabled-text-color: var(--text-disabled-color);
  --button-ghost-danger-text-color: var(--text-danger-color);
  --button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-danger-focus-text-color: var(--text-danger-color);
  --button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-danger-hover-border-color: transparent;
  --button-ghost-danger-hover-text-color: var(--text-danger-color);
  --button-ghost-danger-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-active-border-color: transparent;
  --button-ghost-danger-active-text-color: var(--text-danger-color);
  --button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-danger-disabled-border-color: transparent;
  --button-ghost-danger-disabled-text-color: var(--text-disabled-color);
  --button-ghost-control-text-color: var(--color-basic-100);
  --button-ghost-control-focus-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-focus-border-color: var(--color-basic-transparent-500);
  --button-ghost-control-focus-text-color: var(--color-basic-100);
  --button-ghost-control-hover-background-color: var(--color-basic-transparent-100);
  --button-ghost-control-hover-border-color: transparent;
  --button-ghost-control-hover-text-color: var(--color-basic-100);
  --button-ghost-control-active-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-active-border-color: transparent;
  --button-ghost-control-active-text-color: var(--color-basic-100);
  --button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);
  --button-ghost-control-disabled-border-color: transparent;
  --button-ghost-control-disabled-text-color: var(--text-disabled-color);
  --button-hero-border-color: transparent;
  --button-hero-border-style: solid;
  --button-hero-border-width: 0;
  --button-hero-text-transform: uppercase;
  --button-hero-tiny-padding: 0.375rem 0.6875rem;
  --button-hero-small-padding: 0.5rem 0.9375rem;
  --button-hero-medium-padding: 0.75rem 1.1875rem;
  --button-hero-large-padding: 0.875rem 1.1875rem;
  --button-hero-giant-padding: 1rem 1.4375rem;
  --button-hero-shadow: none;
  --button-hero-text-shadow: var(--shadow);
  --button-hero-bevel-size: 0 0 0 0;
  --button-hero-glow-size: 0 0 20px 0;
  --button-hero-outline-color: var(--outline-color);
  --button-hero-outline-width: var(--outline-width);
  --button-hero-basic-text-color: var(--color-basic-600);
  --button-hero-basic-bevel-color: var(--color-basic-600);
  --button-hero-basic-glow-color: var(--color-basic-700);
  --button-hero-basic-left-background-color: var(--color-basic-200);
  --button-hero-basic-right-background-color: var(--color-basic-default);
  --button-hero-basic-focus-left-background-color: var(--color-basic-300);
  --button-hero-basic-focus-right-background-color: var(--color-basic-focus);
  --button-hero-basic-hover-left-background-color: var(--color-basic-100);
  --button-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --button-hero-basic-active-left-background-color: var(--color-basic-300);
  --button-hero-basic-active-right-background-color: var(--color-basic-active);
  --button-hero-basic-disabled-background-color: var(--color-basic-disabled);
  --button-hero-basic-disabled-text-color: var(--text-disabled-color);
  --button-hero-primary-text-color: var(--text-control-color);
  --button-hero-primary-bevel-color: var(--color-primary-600);
  --button-hero-primary-glow-color: var(--color-primary-700);
  --button-hero-primary-left-background-color: var(--color-primary-400);
  --button-hero-primary-right-background-color: var(--color-primary-default);
  --button-hero-primary-focus-left-background-color: var(--color-primary-500);
  --button-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --button-hero-primary-hover-left-background-color: var(--color-primary-300);
  --button-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --button-hero-primary-active-left-background-color: var(--color-primary-500);
  --button-hero-primary-active-right-background-color: var(--color-primary-active);
  --button-hero-primary-disabled-background-color: var(--color-primary-disabled);
  --button-hero-primary-disabled-text-color: var(--text-disabled-color);
  --button-hero-success-text-color: var(--text-control-color);
  --button-hero-success-bevel-color: var(--color-success-600);
  --button-hero-success-glow-color: var(--color-success-700);
  --button-hero-success-left-background-color: var(--color-success-400);
  --button-hero-success-right-background-color: var(--color-success-default);
  --button-hero-success-focus-left-background-color: var(--color-success-500);
  --button-hero-success-focus-right-background-color: var(--color-success-focus);
  --button-hero-success-hover-left-background-color: var(--color-success-300);
  --button-hero-success-hover-right-background-color: var(--color-success-hover);
  --button-hero-success-active-left-background-color: var(--color-success-500);
  --button-hero-success-active-right-background-color: var(--color-success-active);
  --button-hero-success-disabled-background-color: var(--color-success-disabled);
  --button-hero-success-disabled-text-color: var(--text-disabled-color);
  --button-hero-info-text-color: var(--text-control-color);
  --button-hero-info-bevel-color: var(--color-info-600);
  --button-hero-info-glow-color: var(--color-info-700);
  --button-hero-info-left-background-color: var(--color-info-400);
  --button-hero-info-right-background-color: var(--color-info-default);
  --button-hero-info-focus-left-background-color: var(--color-info-500);
  --button-hero-info-focus-right-background-color: var(--color-info-focus);
  --button-hero-info-hover-left-background-color: var(--color-info-300);
  --button-hero-info-hover-right-background-color: var(--color-info-hover);
  --button-hero-info-active-left-background-color: var(--color-info-500);
  --button-hero-info-active-right-background-color: var(--color-info-active);
  --button-hero-info-disabled-background-color: var(--color-info-disabled);
  --button-hero-info-disabled-text-color: var(--text-disabled-color);
  --button-hero-warning-text-color: var(--text-control-color);
  --button-hero-warning-bevel-color: var(--color-warning-600);
  --button-hero-warning-glow-color: var(--color-warning-700);
  --button-hero-warning-left-background-color: var(--color-warning-400);
  --button-hero-warning-right-background-color: var(--color-warning-default);
  --button-hero-warning-focus-left-background-color: var(--color-warning-500);
  --button-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --button-hero-warning-hover-left-background-color: var(--color-warning-300);
  --button-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --button-hero-warning-active-left-background-color: var(--color-warning-500);
  --button-hero-warning-active-right-background-color: var(--color-warning-active);
  --button-hero-warning-disabled-background-color: var(--color-warning-disabled);
  --button-hero-warning-disabled-text-color: var(--text-disabled-color);
  --button-hero-danger-text-color: var(--text-control-color);
  --button-hero-danger-bevel-color: var(--color-danger-600);
  --button-hero-danger-glow-color: var(--color-danger-700);
  --button-hero-danger-left-background-color: var(--color-danger-400);
  --button-hero-danger-right-background-color: var(--color-danger-default);
  --button-hero-danger-focus-left-background-color: var(--color-danger-500);
  --button-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --button-hero-danger-hover-left-background-color: var(--color-danger-300);
  --button-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --button-hero-danger-active-left-background-color: var(--color-danger-500);
  --button-hero-danger-active-right-background-color: var(--color-danger-active);
  --button-hero-danger-disabled-background-color: var(--color-danger-disabled);
  --button-hero-danger-disabled-text-color: var(--text-disabled-color);
  --button-hero-control-text-color: var(--color-basic-800);
  --button-hero-control-bevel-color: var(--color-basic-600);
  --button-hero-control-glow-color: var(--color-basic-700);
  --button-hero-control-left-background-color: var(--color-control-default);
  --button-hero-control-right-background-color: var(--color-control-default);
  --button-hero-control-focus-left-background-color: var(--color-basic-200);
  --button-hero-control-focus-right-background-color: var(--color-control-focus);
  --button-hero-control-hover-left-background-color: var(--color-basic-100);
  --button-hero-control-hover-right-background-color: var(--color-control-hover);
  --button-hero-control-active-left-background-color: var(--color-basic-200);
  --button-hero-control-active-right-background-color: var(--color-control-active);
  --button-hero-control-disabled-background-color: var(--color-basic-transparent-300);
  --button-hero-control-disabled-text-color: var(--text-disabled-color);
  --button-group-filled-button-basic-text-color: var(--text-hint-color);
  --button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color);
  --button-group-filled-button-success-text-color: var(--button-filled-success-text-color);
  --button-group-filled-button-info-text-color: var(--button-filled-info-text-color);
  --button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color);
  --button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color);
  --button-group-filled-button-control-text-color: var(--button-filled-control-text-color);
  --button-group-filled-basic-divider-color: var(--color-basic-focus-border);
  --button-group-filled-primary-divider-color: var(--color-primary-focus);
  --button-group-filled-success-divider-color: var(--color-success-focus);
  --button-group-filled-info-divider-color: var(--color-info-focus);
  --button-group-filled-warning-divider-color: var(--color-warning-focus);
  --button-group-filled-danger-divider-color: var(--color-danger-focus);
  --button-group-filled-control-divider-color: var(--color-control-focus);
  --button-group-ghost-divider-color: var(--color-basic-focus-border);
  --icon-button-filled-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-filled-small-padding: 0.5625rem 0.4375rem;
  --icon-button-filled-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-filled-large-padding: 0.8125rem 0.6875rem;
  --icon-button-filled-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-outline-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-outline-small-padding: 0.5625rem 0.4375rem;
  --icon-button-outline-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-outline-large-padding: 0.8125rem 0.6875rem;
  --icon-button-outline-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem;
  --icon-button-ghost-small-padding: 0.5625rem 0.4375rem;
  --icon-button-ghost-medium-padding: 0.6875rem 0.5625rem;
  --icon-button-ghost-large-padding: 0.8125rem 0.6875rem;
  --icon-button-ghost-giant-padding: 1.0625rem 0.9375rem;
  --icon-button-hero-tiny-padding: 0.5rem 0.375rem;
  --icon-button-hero-small-padding: 0.5625rem 0.5rem;
  --icon-button-hero-medium-padding: 0.75rem 0.5625rem;
  --icon-button-hero-large-padding: 0.875rem 0.6875rem;
  --icon-button-hero-giant-padding: 1.0625rem 1rem;
  --input-border-style: solid;
  --input-border-width: 1px;
  --input-outline-color: var(--outline-color);
  --input-outline-width: var(--outline-width);
  --input-placeholder-text-font-family: var(--text-paragraph-font-family);
  --input-text-font-family: var(--text-subtitle-font-family);
  --input-basic-text-color: var(--text-basic-color);
  --input-basic-placeholder-text-color: var(--text-hint-color);
  --input-basic-background-color: var(--background-basic-color-2);
  --input-basic-border-color: var(--border-basic-color-4);
  --input-basic-focus-background-color: var(--background-basic-color-1);
  --input-basic-focus-border-color: var(--color-primary-default-border);
  --input-basic-hover-background-color: var(--background-basic-color-3);
  --input-basic-hover-border-color: var(--border-basic-color-4);
  --input-basic-disabled-background-color: var(--background-basic-color-2);
  --input-basic-disabled-border-color: var(--border-basic-color-4);
  --input-basic-disabled-text-color: var(--text-disabled-color);
  --input-basic-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-primary-text-color: var(--text-basic-color);
  --input-primary-placeholder-text-color: var(--text-hint-color);
  --input-primary-background-color: var(--background-basic-color-2);
  --input-primary-border-color: var(--color-primary-default);
  --input-primary-focus-background-color: var(--background-basic-color-1);
  --input-primary-focus-border-color: var(--color-primary-focus-border);
  --input-primary-hover-background-color: var(--background-basic-color-3);
  --input-primary-hover-border-color: var(--color-primary-hover-border);
  --input-primary-disabled-background-color: var(--background-basic-color-2);
  --input-primary-disabled-border-color: var(--border-basic-color-4);
  --input-primary-disabled-text-color: var(--text-disabled-color);
  --input-primary-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-success-text-color: var(--text-basic-color);
  --input-success-placeholder-text-color: var(--text-hint-color);
  --input-success-background-color: var(--background-basic-color-2);
  --input-success-border-color: var(--color-success-default);
  --input-success-focus-background-color: var(--background-basic-color-1);
  --input-success-focus-border-color: var(--color-success-focus-border);
  --input-success-hover-background-color: var(--background-basic-color-3);
  --input-success-hover-border-color: var(--color-success-hover-border);
  --input-success-disabled-background-color: var(--background-basic-color-2);
  --input-success-disabled-border-color: var(--border-basic-color-4);
  --input-success-disabled-text-color: var(--text-disabled-color);
  --input-success-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-info-text-color: var(--text-basic-color);
  --input-info-placeholder-text-color: var(--text-hint-color);
  --input-info-background-color: var(--background-basic-color-2);
  --input-info-border-color: var(--color-info-default);
  --input-info-focus-background-color: var(--background-basic-color-1);
  --input-info-focus-border-color: var(--color-info-focus-border);
  --input-info-hover-background-color: var(--background-basic-color-3);
  --input-info-hover-border-color: var(--color-info-hover-border);
  --input-info-disabled-background-color: var(--background-basic-color-2);
  --input-info-disabled-border-color: var(--border-basic-color-4);
  --input-info-disabled-text-color: var(--text-disabled-color);
  --input-info-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-warning-text-color: var(--text-basic-color);
  --input-warning-placeholder-text-color: var(--text-hint-color);
  --input-warning-background-color: var(--background-basic-color-2);
  --input-warning-border-color: var(--color-warning-default);
  --input-warning-focus-background-color: var(--background-basic-color-1);
  --input-warning-focus-border-color: var(--color-warning-focus-border);
  --input-warning-hover-background-color: var(--background-basic-color-3);
  --input-warning-hover-border-color: var(--color-warning-hover-border);
  --input-warning-disabled-background-color: var(--background-basic-color-2);
  --input-warning-disabled-border-color: var(--border-basic-color-4);
  --input-warning-disabled-text-color: var(--text-disabled-color);
  --input-warning-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-danger-text-color: var(--text-basic-color);
  --input-danger-placeholder-text-color: var(--text-hint-color);
  --input-danger-background-color: var(--background-basic-color-2);
  --input-danger-border-color: var(--color-danger-default);
  --input-danger-focus-background-color: var(--background-basic-color-1);
  --input-danger-focus-border-color: var(--color-danger-focus-border);
  --input-danger-hover-background-color: var(--background-basic-color-3);
  --input-danger-hover-border-color: var(--color-danger-hover-border);
  --input-danger-disabled-background-color: var(--background-basic-color-2);
  --input-danger-disabled-border-color: var(--border-basic-color-4);
  --input-danger-disabled-text-color: var(--text-disabled-color);
  --input-danger-disabled-placeholder-text-color: var(--text-disabled-color);
  --input-control-text-color: var(--text-control-color);
  --input-control-placeholder-text-color: var(--text-control-color);
  --input-control-background-color: var(--color-basic-control-transparent-300);
  --input-control-border-color: var(--color-basic-control-transparent-500);
  --input-control-focus-background-color: var(--color-basic-control-transparent-500);
  --input-control-focus-border-color: var(--color-control-transparent-focus-border);
  --input-control-hover-background-color: var(--color-basic-control-transparent-400);
  --input-control-hover-border-color: var(--color-control-transparent-hover-border);
  --input-control-disabled-background-color: var(--color-control-transparent-disabled);
  --input-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --input-control-disabled-text-color: var(--text-control-color);
  --input-control-disabled-placeholder-text-color: var(--text-control-color);
  --input-rectangle-border-radius: var(--border-radius);
  --input-semi-round-border-radius: 0.75rem;
  --input-round-border-radius: 1.5rem;
  --input-tiny-text-font-size: var(--text-caption-2-font-size);
  --input-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --input-tiny-text-line-height: var(--text-caption-2-line-height);
  --input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-tiny-padding: 0.1875rem 1rem;
  --input-tiny-max-width: 20rem;
  --input-small-text-font-size: var(--text-subtitle-2-font-size);
  --input-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --input-small-text-line-height: var(--text-subtitle-2-line-height);
  --input-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-small-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-small-padding: 0.1875rem 1rem;
  --input-small-max-width: 20rem;
  --input-medium-text-font-size: var(--text-subtitle-font-size);
  --input-medium-text-font-weight: var(--text-subtitle-font-weight);
  --input-medium-text-line-height: var(--text-subtitle-line-height);
  --input-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-medium-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-medium-padding: 0.4375rem 1rem;
  --input-medium-max-width: 20rem;
  --input-large-text-font-size: var(--text-subtitle-font-size);
  --input-large-text-font-weight: var(--text-subtitle-font-weight);
  --input-large-text-line-height: var(--text-subtitle-line-height);
  --input-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-large-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-large-padding: 0.6875rem 1rem;
  --input-large-max-width: 30rem;
  --input-giant-text-font-size: var(--text-heading-6-font-size);
  --input-giant-text-font-weight: var(--text-heading-6-font-weight);
  --input-giant-text-line-height: var(--text-heading-6-line-height);
  --input-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --input-giant-placeholder-text-line-height: var(--text-paragraph-line-height);
  --input-giant-padding: 0.9375rem 1rem;
  --input-giant-max-width: 30rem;
  --checkbox-height: 1.25rem;
  --checkbox-width: 1.25rem;
  --checkbox-border-style: solid;
  --checkbox-border-width: 1px;
  --checkbox-border-radius: var(--border-radius);
  --checkbox-outline-width: var(--outline-width);
  --checkbox-outline-color: var(--outline-color);
  --checkbox-text-font-family: var(--text-subtitle-2-font-family);
  --checkbox-text-font-size: var(--text-subtitle-2-font-size);
  --checkbox-text-font-weight: var(--text-subtitle-2-font-weight);
  --checkbox-text-line-height: var(--text-subtitle-2-line-height);
  --checkbox-text-space: 0.6875rem;
  --checkbox-padding: 0;
  --checkbox-focus-inset-shadow-length: 0 0 0 100vmax;
  --checkbox-basic-text-color: var(--text-basic-color);
  --checkbox-basic-background-color: var(--color-basic-transparent-default);
  --checkbox-basic-border-color: var(--color-basic-transparent-default-border);
  --checkbox-basic-checked-background-color: var(--color-primary-default);
  --checkbox-basic-checked-border-color: var(--color-primary-default-border);
  --checkbox-basic-checked-checkmark-color: var(--text-control-color);
  --checkbox-basic-indeterminate-background-color: var(--color-primary-default);
  --checkbox-basic-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-basic-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-basic-focus-background-color: var(--color-basic-transparent-focus);
  --checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border);
  --checkbox-basic-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-basic-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-basic-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-basic-active-background-color: var(--color-basic-transparent-active);
  --checkbox-basic-active-border-color: var(--color-basic-transparent-active-border);
  --checkbox-basic-active-checked-background-color: var(--color-primary-active);
  --checkbox-basic-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-basic-disabled-checkmark-color: var(--text-control-color);
  --checkbox-basic-disabled-text-color: var(--text-disabled-color);
  --checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-primary-text-color: var(--text-basic-color);
  --checkbox-primary-background-color: var(--color-primary-transparent-default);
  --checkbox-primary-border-color: var(--color-primary-transparent-default-border);
  --checkbox-primary-checked-background-color: var(--color-primary-default);
  --checkbox-primary-checked-border-color: var(--color-primary-default-border);
  --checkbox-primary-checked-checkmark-color: var(--text-control-color);
  --checkbox-primary-indeterminate-background-color: var(--color-primary-default);
  --checkbox-primary-indeterminate-border-color: var(--color-primary-default-border);
  --checkbox-primary-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-primary-focus-background-color: var(--color-primary-transparent-focus);
  --checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --checkbox-primary-focus-checked-background-color: var(--color-primary-focus);
  --checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --checkbox-primary-hover-background-color: var(--color-primary-transparent-hover);
  --checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --checkbox-primary-hover-checked-background-color: var(--color-primary-hover);
  --checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --checkbox-primary-active-background-color: var(--color-primary-transparent-active);
  --checkbox-primary-active-border-color: var(--color-primary-transparent-active-border);
  --checkbox-primary-active-checked-background-color: var(--color-primary-active);
  --checkbox-primary-active-checked-border-color: var(--color-primary-active-border);
  --checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-primary-disabled-checkmark-color: var(--text-control-color);
  --checkbox-primary-disabled-text-color: var(--text-disabled-color);
  --checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-success-text-color: var(--text-basic-color);
  --checkbox-success-background-color: var(--color-success-transparent-default);
  --checkbox-success-border-color: var(--color-success-transparent-default-border);
  --checkbox-success-checked-background-color: var(--color-success-default);
  --checkbox-success-checked-border-color: var(--color-success-default-border);
  --checkbox-success-checked-checkmark-color: var(--text-control-color);
  --checkbox-success-indeterminate-background-color: var(--color-success-default);
  --checkbox-success-indeterminate-border-color: var(--color-success-default-border);
  --checkbox-success-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-success-focus-background-color: var(--color-success-transparent-focus);
  --checkbox-success-focus-border-color: var(--color-success-transparent-focus-border);
  --checkbox-success-focus-checked-background-color: var(--color-success-focus);
  --checkbox-success-focus-checked-border-color: var(--color-success-focus-border);
  --checkbox-success-hover-background-color: var(--color-success-transparent-hover);
  --checkbox-success-hover-border-color: var(--color-success-transparent-hover-border);
  --checkbox-success-hover-checked-background-color: var(--color-success-hover);
  --checkbox-success-hover-checked-border-color: var(--color-success-hover-border);
  --checkbox-success-active-background-color: var(--color-success-transparent-active);
  --checkbox-success-active-border-color: var(--color-success-transparent-active-border);
  --checkbox-success-active-checked-background-color: var(--color-success-active);
  --checkbox-success-active-checked-border-color: var(--color-success-active-border);
  --checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-success-disabled-checkmark-color: var(--text-control-color);
  --checkbox-success-disabled-text-color: var(--text-disabled-color);
  --checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-info-text-color: var(--text-basic-color);
  --checkbox-info-background-color: var(--color-info-transparent-default);
  --checkbox-info-border-color: var(--color-info-transparent-default-border);
  --checkbox-info-checked-background-color: var(--color-info-default);
  --checkbox-info-checked-border-color: var(--color-info-default-border);
  --checkbox-info-checked-checkmark-color: var(--text-control-color);
  --checkbox-info-indeterminate-background-color: var(--color-info-default);
  --checkbox-info-indeterminate-border-color: var(--color-info-default-border);
  --checkbox-info-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-info-focus-background-color: var(--color-info-transparent-focus);
  --checkbox-info-focus-border-color: var(--color-info-transparent-focus-border);
  --checkbox-info-focus-checked-background-color: var(--color-info-focus);
  --checkbox-info-focus-checked-border-color: var(--color-info-focus-border);
  --checkbox-info-hover-background-color: var(--color-info-transparent-hover);
  --checkbox-info-hover-border-color: var(--color-info-transparent-hover-border);
  --checkbox-info-hover-checked-background-color: var(--color-info-hover);
  --checkbox-info-hover-checked-border-color: var(--color-info-hover-border);
  --checkbox-info-active-background-color: var(--color-info-transparent-active);
  --checkbox-info-active-border-color: var(--color-info-transparent-active-border);
  --checkbox-info-active-checked-background-color: var(--color-info-active);
  --checkbox-info-active-checked-border-color: var(--color-info-active-border);
  --checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-info-disabled-checkmark-color: var(--text-control-color);
  --checkbox-info-disabled-text-color: var(--text-disabled-color);
  --checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-warning-text-color: var(--text-basic-color);
  --checkbox-warning-background-color: var(--color-warning-transparent-default);
  --checkbox-warning-border-color: var(--color-warning-transparent-default-border);
  --checkbox-warning-checked-background-color: var(--color-warning-default);
  --checkbox-warning-checked-border-color: var(--color-warning-default-border);
  --checkbox-warning-checked-checkmark-color: var(--text-control-color);
  --checkbox-warning-indeterminate-background-color: var(--color-warning-default);
  --checkbox-warning-indeterminate-border-color: var(--color-warning-default-border);
  --checkbox-warning-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-warning-focus-background-color: var(--color-warning-transparent-focus);
  --checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --checkbox-warning-focus-checked-background-color: var(--color-warning-focus);
  --checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --checkbox-warning-hover-background-color: var(--color-warning-transparent-hover);
  --checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --checkbox-warning-hover-checked-background-color: var(--color-warning-hover);
  --checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --checkbox-warning-active-background-color: var(--color-warning-transparent-active);
  --checkbox-warning-active-border-color: var(--color-warning-transparent-active-border);
  --checkbox-warning-active-checked-background-color: var(--color-warning-active);
  --checkbox-warning-active-checked-border-color: var(--color-warning-active-border);
  --checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-warning-disabled-checkmark-color: var(--text-control-color);
  --checkbox-warning-disabled-text-color: var(--text-disabled-color);
  --checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-danger-text-color: var(--text-basic-color);
  --checkbox-danger-background-color: var(--color-danger-transparent-default);
  --checkbox-danger-border-color: var(--color-danger-transparent-default-border);
  --checkbox-danger-checked-background-color: var(--color-danger-default);
  --checkbox-danger-checked-border-color: var(--color-danger-default-border);
  --checkbox-danger-checked-checkmark-color: var(--text-control-color);
  --checkbox-danger-indeterminate-background-color: var(--color-danger-default);
  --checkbox-danger-indeterminate-border-color: var(--color-danger-default-border);
  --checkbox-danger-indeterminate-checkmark-color: var(--text-control-color);
  --checkbox-danger-focus-background-color: var(--color-danger-transparent-focus);
  --checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --checkbox-danger-focus-checked-background-color: var(--color-danger-focus);
  --checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --checkbox-danger-hover-background-color: var(--color-danger-transparent-hover);
  --checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --checkbox-danger-hover-checked-background-color: var(--color-danger-hover);
  --checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --checkbox-danger-active-background-color: var(--color-danger-transparent-active);
  --checkbox-danger-active-border-color: var(--color-danger-transparent-active-border);
  --checkbox-danger-active-checked-background-color: var(--color-danger-active);
  --checkbox-danger-active-checked-border-color: var(--color-danger-active-border);
  --checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --checkbox-danger-disabled-checkmark-color: var(--text-control-color);
  --checkbox-danger-disabled-text-color: var(--text-disabled-color);
  --checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --checkbox-control-text-color: var(--text-control-color);
  --checkbox-control-background-color: var(--color-control-transparent-default);
  --checkbox-control-border-color: var(--color-control-transparent-default-border);
  --checkbox-control-checked-background-color: var(--color-control-default);
  --checkbox-control-checked-border-color: var(--color-control-default-border);
  --checkbox-control-checked-checkmark-color: var(--color-basic-800);
  --checkbox-control-indeterminate-background-color: var(--color-control-default);
  --checkbox-control-indeterminate-border-color: var(--color-control-default-border);
  --checkbox-control-indeterminate-checkmark-color: var(--color-basic-800);
  --checkbox-control-focus-background-color: var(--color-control-transparent-focus);
  --checkbox-control-focus-border-color: var(--color-control-transparent-focus-border);
  --checkbox-control-focus-checked-background-color: var(--color-control-focus);
  --checkbox-control-focus-checked-border-color: var(--color-control-focus-border);
  --checkbox-control-hover-background-color: var(--color-control-transparent-hover);
  --checkbox-control-hover-border-color: var(--color-control-transparent-hover-border);
  --checkbox-control-hover-checked-background-color: var(--color-control-hover);
  --checkbox-control-hover-checked-border-color: var(--color-control-hover-border);
  --checkbox-control-active-background-color: var(--color-control-transparent-active);
  --checkbox-control-active-border-color: var(--color-control-transparent-active-border);
  --checkbox-control-active-checked-background-color: var(--color-control-active);
  --checkbox-control-active-checked-border-color: var(--color-control-active-border);
  --checkbox-control-disabled-background-color: var(--color-control-transparent-disabled);
  --checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --checkbox-control-disabled-checkmark-color: var(--text-control-color);
  --checkbox-control-disabled-text-color: var(--text-control-color);
  --checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600);
  --checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --badge-dot-mode-border-radius: 0.5rem;
  --badge-dot-mode-padding: 0.3rem;
  --badge-border-radius: var(--border-radius);
  --badge-text-font-family: var(--text-button-font-family);
  --badge-text-font-size: var(--text-button-tiny-font-size);
  --badge-text-font-weight: var(--text-button-font-weight);
  --badge-text-line-height: var(--text-button-tiny-line-height);
  --badge-padding: 0.25rem 0.4rem;
  --badge-basic-background-color: var(--background-basic-color-2);
  --badge-basic-text-color: var(--text-basic-color);
  --badge-primary-background-color: var(--color-primary-default);
  --badge-primary-text-color: var(--text-control-color);
  --badge-success-background-color: var(--color-success-default);
  --badge-success-text-color: var(--text-control-color);
  --badge-info-background-color: var(--color-info-default);
  --badge-info-text-color: var(--text-control-color);
  --badge-warning-background-color: var(--color-warning-default);
  --badge-warning-text-color: var(--text-control-color);
  --badge-danger-background-color: var(--color-danger-default);
  --badge-danger-text-color: var(--text-control-color);
  --badge-control-background-color: var(--color-control-default);
  --badge-control-text-color: var(--color-basic-800);
  --progress-bar-animation-duration: 400ms;
  --progress-bar-border-radius: var(--border-radius);
  --progress-bar-text-font-family: var(--text-subtitle-font-family);
  --progress-bar-tiny-height: 1rem;
  --progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-small-height: 1.25rem;
  --progress-bar-small-text-font-size: var(--text-subtitle-2-font-size);
  --progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --progress-bar-small-text-line-height: var(--text-subtitle-2-line-height);
  --progress-bar-medium-height: 1.375rem;
  --progress-bar-medium-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-medium-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-large-height: 1.5rem;
  --progress-bar-large-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-large-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-large-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-giant-height: 1.75rem;
  --progress-bar-giant-text-font-size: var(--text-subtitle-font-size);
  --progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight);
  --progress-bar-giant-text-line-height: var(--text-subtitle-line-height);
  --progress-bar-basic-background-color: var(--background-basic-color-2);
  --progress-bar-basic-filled-background-color: var(--background-basic-color-4);
  --progress-bar-basic-text-color: var(--text-basic-color);
  --progress-bar-primary-background-color: var(--background-basic-color-3);
  --progress-bar-primary-filled-background-color: var(--color-primary-default);
  --progress-bar-primary-text-color: var(--text-control-color);
  --progress-bar-success-background-color: var(--background-basic-color-3);
  --progress-bar-success-filled-background-color: var(--color-success-default);
  --progress-bar-success-text-color: var(--text-control-color);
  --progress-bar-info-background-color: var(--background-basic-color-3);
  --progress-bar-info-filled-background-color: var(--color-info-default);
  --progress-bar-info-text-color: var(--text-control-color);
  --progress-bar-warning-background-color: var(--background-basic-color-3);
  --progress-bar-warning-filled-background-color: var(--color-warning-default);
  --progress-bar-warning-text-color: var(--text-control-color);
  --progress-bar-danger-background-color: var(--background-basic-color-3);
  --progress-bar-danger-filled-background-color: var(--color-danger-default);
  --progress-bar-danger-text-color: var(--text-control-color);
  --progress-bar-control-background-color: var(--background-basic-color-3);
  --progress-bar-control-filled-background-color: var(--color-control-default);
  --progress-bar-control-text-color: var(--color-basic-800);
  --alert-border-radius: var(--border-radius);
  --alert-bottom-margin: 1.5rem;
  --alert-padding: 1rem 1.125rem;
  --alert-scrollbar-color: var(--scrollbar-color);
  --alert-scrollbar-background-color: var(--scrollbar-background-color);
  --alert-scrollbar-width: var(--scrollbar-width);
  --alert-shadow: none;
  --alert-text-font-family: var(--text-paragraph-font-family);
  --alert-text-font-size: var(--text-subtitle-font-size);
  --alert-text-font-weight: var(--text-subtitle-font-weight);
  --alert-text-line-height: var(--text-subtitle-line-height);
  --alert-closable-start-padding: 3rem;
  --alert-tiny-height: 4.5rem;
  --alert-small-height: 5.75rem;
  --alert-medium-height: 7rem;
  --alert-medium-padding: 1rem 1.125rem;
  --alert-large-height: 8.25rem;
  --alert-giant-height: 9.5rem;
  --alert-basic-background-color: var(--background-basic-color-2);
  --alert-basic-text-color: var(--text-basic-color);
  --alert-primary-background-color: var(--color-primary-default);
  --alert-primary-text-color: var(--text-control-color);
  --alert-success-background-color: var(--color-success-default);
  --alert-success-text-color: var(--text-control-color);
  --alert-info-background-color: var(--color-info-default);
  --alert-info-text-color: var(--text-control-color);
  --alert-warning-background-color: var(--color-warning-default);
  --alert-warning-text-color: var(--text-control-color);
  --alert-danger-background-color: var(--color-danger-default);
  --alert-danger-text-color: var(--text-control-color);
  --alert-control-background-color: var(--color-control-default);
  --alert-control-text-color: var(--color-basic-800);
  --alert-accent-basic-color: var(--border-basic-color-3);
  --alert-accent-primary-color: var(--color-primary-default);
  --alert-accent-info-color: var(--color-info-default);
  --alert-accent-success-color: var(--color-success-default);
  --alert-accent-warning-color: var(--color-warning-default);
  --alert-accent-danger-color: var(--color-danger-default);
  --alert-accent-control-color: var(--color-control-default);
  --alert-outline-width: 1px;
  --alert-outline-basic-color: var(--color-basic-focus-border);
  --alert-outline-primary-color: var(--color-primary-focus-border);
  --alert-outline-info-color: var(--color-info-focus-border);
  --alert-outline-success-color: var(--color-success-focus-border);
  --alert-outline-warning-color: var(--color-warning-focus-border);
  --alert-outline-danger-color: var(--color-danger-focus-border);
  --alert-outline-control-color: var(--color-control-focus-border);
  --chat-background-color: var(--background-basic-color-1);
  --chat-border: none;
  --chat-border-radius: var(--border-radius);
  --chat-shadow: var(--shadow);
  --chat-padding: 1rem 1.25rem;
  --chat-scrollbar-color: var(--scrollbar-color);
  --chat-scrollbar-background-color: var(--scrollbar-background-color);
  --chat-scrollbar-width: var(--scrollbar-width);
  --chat-text-color: var(--text-basic-color);
  --chat-text-font-family: var(--text-paragraph-font-family);
  --chat-text-font-size: var(--text-paragraph-font-size);
  --chat-text-font-weight: var(--text-paragraph-font-weight);
  --chat-text-line-height: var(--text-paragraph-line-height);
  --chat-header-text-font-family: var(--text-subtitle-font-family);
  --chat-header-text-font-size: var(--text-subtitle-font-size);
  --chat-header-text-font-weight: var(--text-subtitle-font-weight);
  --chat-header-text-line-height: var(--text-subtitle-line-height);
  --chat-tiny-height: 13.5rem;
  --chat-small-height: 21rem;
  --chat-medium-height: 28.5rem;
  --chat-large-height: 36rem;
  --chat-giant-height: 43.5rem;
  --chat-basic-background-color: var(--background-basic-color-1);
  --chat-basic-text-color: var(--text-basic-color);
  --chat-primary-background-color: var(--color-primary-default);
  --chat-primary-text-color: var(--text-control-color);
  --chat-success-background-color: var(--color-success-default);
  --chat-success-text-color: var(--text-control-color);
  --chat-info-background-color: var(--color-info-default);
  --chat-info-text-color: var(--text-control-color);
  --chat-warning-background-color: var(--color-warning-default);
  --chat-warning-text-color: var(--text-control-color);
  --chat-danger-background-color: var(--color-danger-default);
  --chat-danger-text-color: var(--text-control-color);
  --chat-control-background-color: var(--color-control-default);
  --chat-control-text-color: var(--color-basic-800);
  --chat-divider-color: var(--divider-color);
  --chat-divider-style: var(--divider-style);
  --chat-divider-width: var(--divider-width);
  --chat-message-background: var(--color-primary-default);
  --chat-message-text-color: var(--text-control-color);
  --chat-message-reply-background-color: var(--background-basic-color-2);
  --chat-message-reply-text-color: var(--text-basic-color);
  --chat-message-avatar-background-color: var(--color-basic-500);
  --chat-message-sender-text-color: var(--text-hint-color);
  --chat-message-quote-background-color: var(--background-basic-color-2);
  --chat-message-quote-text-color: var(--text-hint-color);
  --chat-message-file-text-color: var(--text-hint-color);
  --chat-message-file-background-color: transparent;
  --spinner-text-color: var(--text-basic-color);
  --spinner-text-font-family: var(--text-button-font-family);
  --spinner-text-font-size: var(--text-button-medium-font-size);
  --spinner-text-font-weight: var(--text-button-font-weight);
  --spinner-text-line-height: var(--text-button-medium-line-height);
  --spinner-basic-background-color: var(--color-basic-transparent-200);
  --spinner-basic-circle-filled-color: var(--text-hint-color);
  --spinner-basic-circle-empty-color: transparent;
  --spinner-primary-background-color: var(--color-basic-transparent-200);
  --spinner-primary-circle-filled-color: var(--color-primary-default);
  --spinner-primary-circle-empty-color: transparent;
  --spinner-info-background-color: var(--color-basic-transparent-200);
  --spinner-info-circle-filled-color: var(--color-info-default);
  --spinner-info-circle-empty-color: transparent;
  --spinner-success-background-color: var(--color-basic-transparent-200);
  --spinner-success-circle-filled-color: var(--color-success-default);
  --spinner-success-circle-empty-color: transparent;
  --spinner-warning-background-color: var(--color-basic-transparent-200);
  --spinner-warning-circle-filled-color: var(--color-warning-default);
  --spinner-warning-circle-empty-color: transparent;
  --spinner-danger-background-color: var(--color-basic-transparent-200);
  --spinner-danger-circle-filled-color: var(--color-danger-default);
  --spinner-danger-circle-empty-color: transparent;
  --spinner-control-background-color: var(--color-basic-control-transparent-200);
  --spinner-control-circle-filled-color: var(--color-control-default);
  --spinner-control-circle-empty-color: transparent;
  --spinner-height-tiny: 1rem;
  --spinner-height-small: 1.25rem;
  --spinner-height-medium: 1.5rem;
  --spinner-height-large: 1.75rem;
  --spinner-height-giant: 2rem;
  --stepper-step-text-color: var(--text-hint-color);
  --stepper-step-text-font-family: var(--text-paragraph-font-family);
  --stepper-step-text-font-size: var(--text-paragraph-font-size);
  --stepper-step-text-font-weight: var(--text-paragraph-font-weight);
  --stepper-step-text-line-height: var(--text-paragraph-line-height);
  --stepper-step-active-text-color: var(--text-primary-active-color);
  --stepper-step-completed-text-color: var(--text-primary-color);
  --stepper-step-index-border-color: var(--border-basic-color-4);
  --stepper-step-index-border-style: solid;
  --stepper-step-index-border-width: 1px;
  --stepper-step-index-border-radius: 50%;
  --stepper-step-index-width: 2rem;
  --stepper-step-index-active-border-color: var(--color-primary-active);
  --stepper-step-index-completed-background-color: var(--color-primary-default);
  --stepper-step-index-completed-border-color: var(--color-primary-default);
  --stepper-step-index-completed-text-color: var(--text-control-color);
  --stepper-connector-background-color: var(--background-basic-color-3);
  --stepper-connector-completed-background-color: var(--color-primary-default);
  --stepper-horizontal-connector-margin: 1rem;
  --stepper-vertical-connector-margin: 1rem;
  --stepper-step-content-padding: 1.25rem;
  --accordion-border-radius: var(--border-radius);
  --accordion-padding: 1.25rem;
  --accordion-shadow: none;
  --accordion-header-text-color: var(--text-basic-color);
  --accordion-header-text-font-family: var(--text-subtitle-font-family);
  --accordion-header-text-font-size: var(--text-subtitle-font-size);
  --accordion-header-text-font-weight: var(--text-subtitle-font-weight);
  --accordion-header-text-line-height: var(--text-subtitle-line-height);
  --accordion-header-disabled-text-color: var(--text-disabled-color);
  --accordion-header-border-color: var(--border-basic-color-3);
  --accordion-header-border-style: solid;
  --accordion-header-border-width: 1px;
  --accordion-item-background-color: var(--background-basic-color-1);
  --accordion-item-text-color: var(--text-basic-color);
  --accordion-item-text-font-family: var(--text-paragraph-font-family);
  --accordion-item-text-font-size: var(--text-paragraph-font-size);
  --accordion-item-text-font-weight: var(--text-paragraph-font-weight);
  --accordion-item-text-line-height: var(--text-paragraph-line-height);
  --list-item-divider-color: var(--divider-color);
  --list-item-divider-style: var(--divider-style);
  --list-item-divider-width: var(--divider-width);
  --list-item-padding: 1rem;
  --list-item-text-color: var(--text-basic-color);
  --list-item-font-family: var(--text-paragraph-font-family);
  --list-item-font-size: var(--text-paragraph-font-size);
  --list-item-font-weight: var(--text-paragraph-font-weight);
  --list-item-line-height: var(--text-paragraph-line-height);
  --calendar-width: 20.625rem;
  --calendar-background-color: var(--background-basic-color-1);
  --calendar-border-color: var(--border-basic-color-4);
  --calendar-border-style: solid;
  --calendar-border-width: 0.0625rem;
  --calendar-border-radius: var(--border-radius);
  --calendar-text-color: var(--text-basic-color);
  --calendar-text-font-family: var(--text-subtitle-font-family);
  --calendar-text-font-size: var(--text-subtitle-font-size);
  --calendar-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-text-line-height: var(--text-subtitle-line-height);
  --calendar-picker-padding-top: 0.25rem;
  --calendar-picker-padding-bottom: 0.625rem;
  --calendar-picker-padding-start: 0.625rem;
  --calendar-picker-padding-end: 0.625rem;
  --calendar-navigation-text-color: var(--text-basic-color);
  --calendar-navigation-text-font-family: var(--text-button-font-family);
  --calendar-navigation-title-text-font-size: var(--text-button-medium-font-size);
  --calendar-navigation-title-text-font-weight: var(--text-button-font-weight);
  --calendar-navigation-title-text-line-height: var(--text-button-medium-line-height);
  --calendar-navigation-padding: 0.625rem 0.25rem;
  --calendar-cell-inactive-text-color: var(--text-hint-color);
  --calendar-cell-disabled-text-color: var(--text-disabled-color);
  --calendar-cell-hover-background-color: var(--background-basic-color-2);
  --calendar-cell-hover-border-color: var(--background-basic-color-2);
  --calendar-cell-hover-text-color: var(--text-basic-color);
  --calendar-cell-hover-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-hover-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-active-background-color: var(--color-primary-active);
  --calendar-cell-active-border-color: var(--color-primary-active-border);
  --calendar-cell-active-text-color: var(--text-control-color);
  --calendar-cell-active-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-active-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-active-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-background-color: var(--color-primary-transparent-default);
  --calendar-cell-today-border-color: var(--color-primary-transparent-default-border);
  --calendar-cell-today-text-color: var(--text-basic-color);
  --calendar-cell-today-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-today-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-today-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover);
  --calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border);
  --calendar-cell-today-active-background-color: var(--color-primary-transparent-active);
  --calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border);
  --calendar-cell-today-disabled-border-color: var(--border-basic-color-4);
  --calendar-cell-today-selected-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-selected-border-color: transparent;
  --calendar-cell-today-selected-text-color: var(--text-control-color);
  --calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-selected-hover-border-color: transparent;
  --calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-selected-active-border-color: transparent;
  --calendar-cell-today-in-range-background-color: var(--color-control-transparent-default);
  --calendar-cell-today-in-range-border-color: transparent;
  --calendar-cell-today-in-range-text-color: var(--text-control-color);
  --calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover);
  --calendar-cell-today-in-range-hover-border-color: transparent;
  --calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active);
  --calendar-cell-today-in-range-active-border-color: transparent;
  --calendar-cell-selected-background-color: var(--color-primary-default);
  --calendar-cell-selected-border-color: var(--color-primary-default-border);
  --calendar-cell-selected-text-color: var(--text-control-color);
  --calendar-cell-selected-text-font-size: var(--calendar-text-font-size);
  --calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight);
  --calendar-cell-selected-text-line-height: var(--calendar-text-line-height);
  --calendar-cell-selected-hover-background-color: var(--color-primary-hover);
  --calendar-cell-selected-hover-border-color: var(--color-primary-hover-border);
  --calendar-cell-selected-active-background-color: var(--color-primary-active);
  --calendar-cell-selected-active-border-color: var(--color-primary-active-border);
  --calendar-day-cell-width: 2.75rem;
  --calendar-day-cell-height: 2.75rem;
  --calendar-month-cell-width: 4.8125rem;
  --calendar-month-cell-height: var(--calendar-day-cell-height);
  --calendar-year-cell-width: var(--calendar-month-cell-width);
  --calendar-year-cell-height: var(--calendar-month-cell-height);
  --calendar-weekday-background: transparent;
  --calendar-weekday-divider-color: var(--divider-color);
  --calendar-weekday-divider-width: var(--divider-width);
  --calendar-weekday-text-color: var(--text-hint-color);
  --calendar-weekday-text-font-size: var(--text-subtitle-font-size);
  --calendar-weekday-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weekday-text-line-height: var(--text-subtitle-line-height);
  --calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color);
  --calendar-weekday-height: var(--calendar-day-cell-height);
  --calendar-weekday-width: var(--calendar-day-cell-width);
  --calendar-weeknumber-background: transparent;
  --calendar-weeknumber-divider-color: var(--divider-color);
  --calendar-weeknumber-divider-width: var(--divider-width);
  --calendar-weeknumber-text-color: var(--text-hint-color);
  --calendar-weeknumber-text-font-size: var(--text-subtitle-font-size);
  --calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight);
  --calendar-weeknumber-text-line-height: var(--text-subtitle-line-height);
  --calendar-weeknumber-height: var(--calendar-weekday-height);
  --calendar-weeknumber-width: var(--calendar-weekday-width);
  --calendar-large-width: 22.375rem;
  --calendar-day-cell-large-width: 3rem;
  --calendar-day-cell-large-height: 3rem;
  --calendar-weekday-large-height: var(--calendar-day-cell-large-width);
  --calendar-weekday-large-width: var(--calendar-day-cell-large-height);
  --calendar-weeknumber-large-height: var(--calendar-weekday-large-height);
  --calendar-weeknumber-large-width: var(--calendar-weekday-large-width);
  --calendar-month-cell-large-width: 5.25rem;
  --calendar-month-cell-large-height: var(--calendar-day-cell-large-height);
  --calendar-year-cell-large-width: var(--calendar-month-cell-large-width);
  --calendar-year-cell-large-height: var(--calendar-month-cell-large-height);
  --overlay-backdrop-background-color: rgba(0, 0, 0, 0.35);
  --tooltip-background-color: var(--background-alternative-color-3);
  --tooltip-border-color: transparent;
  --tooltip-border-style: dashed;
  --tooltip-border-width: 0;
  --tooltip-border-radius: var(--border-radius);
  --tooltip-padding: 0.5rem 1rem;
  --tooltip-text-color: var(--text-alternate-color);
  --tooltip-text-font-family: var(--text-caption-font-family);
  --tooltip-text-font-size: var(--text-caption-font-size);
  --tooltip-text-font-weight: var(--text-caption-font-weight);
  --tooltip-text-line-height: var(--text-caption-line-height);
  --tooltip-icon-height: 1rem;
  --tooltip-icon-width: 1rem;
  --tooltip-max-width: 16rem;
  --tooltip-basic-background-color: var(--background-basic-color-3);
  --tooltip-basic-border-color: transparent;
  --tooltip-basic-text-color: var(--text-basic-color);
  --tooltip-primary-background-color: var(--color-primary-default);
  --tooltip-primary-border-color: transparent;
  --tooltip-primary-text-color: var(--text-control-color);
  --tooltip-info-background-color: var(--color-info-default);
  --tooltip-info-border-color: transparent;
  --tooltip-info-text-color: var(--text-control-color);
  --tooltip-success-background-color: var(--color-success-default);
  --tooltip-success-border-color: transparent;
  --tooltip-success-text-color: var(--text-control-color);
  --tooltip-warning-background-color: var(--color-warning-default);
  --tooltip-warning-border-color: transparent;
  --tooltip-warning-text-color: var(--text-control-color);
  --tooltip-danger-background-color: var(--color-danger-default);
  --tooltip-danger-border-color: transparent;
  --tooltip-danger-text-color: var(--text-control-color);
  --tooltip-control-background-color: var(--color-control-default);
  --tooltip-control-border-color: transparent;
  --tooltip-control-text-color: var(--color-basic-800);
  --tooltip-shadow: var(--shadow);
  --option-list-max-height: 20rem;
  --option-list-shadow: none;
  --option-list-background-color: var(--background-basic-color-1);
  --option-list-border-style: solid;
  --option-list-border-width: 0.0625rem;
  --option-list-border-color: var(--border-basic-color-4);
  --option-list-border-radius: var(--border-radius);
  --option-list-adjacent-border-color: var(--option-list-border-color);
  --option-list-adjacent-border-style: var(--option-list-border-style);
  --option-list-adjacent-border-width: var(--option-list-border-width);
  --option-group-text-color: var(--text-hint-color);
  --option-group-tiny-start-padding: 1.25rem;
  --option-group-small-start-padding: 1.75rem;
  --option-group-medium-start-padding: 2.25rem;
  --option-group-large-start-padding: 2.25rem;
  --option-group-giant-start-padding: 2.75rem;
  --option-background-color: var(--background-basic-color-1);
  --option-text-color: var(--text-basic-color);
  --option-text-font-family: var(--text-subtitle-font-family);
  --option-hover-background-color: var(--color-basic-transparent-hover);
  --option-hover-text-color: var(--text-basic-color);
  --option-active-background-color: var(--color-basic-transparent-active);
  --option-active-text-color: var(--text-basic-color);
  --option-focus-background-color: var(--color-basic-transparent-focus);
  --option-focus-text-color: var(--text-basic-color);
  --option-selected-background-color: var(--color-primary-default);
  --option-selected-text-color: var(--text-control-color);
  --option-selected-hover-background-color: var(--color-primary-hover);
  --option-selected-hover-text-color: var(--text-control-color);
  --option-selected-active-background-color: var(--color-primary-active);
  --option-selected-active-text-color: var(--text-control-color);
  --option-selected-focus-background-color: var(--color-primary-focus);
  --option-selected-focus-text-color: var(--text-control-color);
  --option-disabled-background-color: var(--background-basic-color-1);
  --option-disabled-text-color: var(--text-disabled-color);
  --option-tiny-text-font-size: var(--text-caption-2-font-size);
  --option-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --option-tiny-text-line-height: var(--text-caption-2-line-height);
  --option-tiny-padding: var(--select-outline-tiny-padding);
  --option-small-text-font-size: var(--text-subtitle-2-font-size);
  --option-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --option-small-text-line-height: var(--text-subtitle-2-line-height);
  --option-small-padding: var(--select-outline-small-padding);
  --option-medium-text-font-size: var(--text-subtitle-font-size);
  --option-medium-text-font-weight: var(--text-subtitle-font-weight);
  --option-medium-text-line-height: var(--text-subtitle-line-height);
  --option-medium-padding: var(--select-outline-medium-padding);
  --option-large-text-font-size: var(--text-subtitle-font-size);
  --option-large-text-font-weight: var(--text-subtitle-font-weight);
  --option-large-text-line-height: var(--text-subtitle-line-height);
  --option-large-padding: var(--select-outline-large-padding);
  --option-giant-text-font-size: var(--text-heading-6-font-size);
  --option-giant-text-font-weight: var(--text-heading-6-font-weight);
  --option-giant-text-line-height: var(--text-heading-6-line-height);
  --option-giant-padding: var(--select-outline-giant-padding);
  --select-cursor: pointer;
  --select-disabled-cursor: default;
  --select-min-width: 13rem;
  --select-outline-width: var(--outline-width);
  --select-outline-color: var(--outline-color);
  --select-icon-offset: 2rem;
  --select-text-font-family: var(--text-subtitle-font-family);
  --select-placeholder-text-font-family: var(--text-paragraph-font-family);
  --select-tiny-text-font-size: var(--text-caption-2-font-size);
  --select-tiny-text-font-weight: var(--text-caption-2-font-weight);
  --select-tiny-text-line-height: var(--text-caption-2-line-height);
  --select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-tiny-max-width: 20rem;
  --select-small-text-font-size: var(--text-subtitle-2-font-size);
  --select-small-text-font-weight: var(--text-subtitle-2-font-weight);
  --select-small-text-line-height: var(--text-subtitle-2-line-height);
  --select-small-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-small-max-width: 20rem;
  --select-medium-text-font-size: var(--text-subtitle-font-size);
  --select-medium-text-font-weight: var(--text-subtitle-font-weight);
  --select-medium-text-line-height: var(--text-subtitle-line-height);
  --select-medium-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-medium-max-width: 20rem;
  --select-large-text-font-size: var(--text-subtitle-font-size);
  --select-large-text-font-weight: var(--text-subtitle-font-weight);
  --select-large-text-line-height: var(--text-subtitle-line-height);
  --select-large-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-large-max-width: 30rem;
  --select-giant-text-font-size: var(--text-heading-6-font-size);
  --select-giant-text-font-weight: var(--text-heading-6-font-weight);
  --select-giant-text-line-height: var(--text-heading-6-line-height);
  --select-giant-placeholder-text-font-size: var(--text-paragraph-font-size);
  --select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight);
  --select-giant-max-width: 30rem;
  --select-rectangle-border-radius: var(--border-radius);
  --select-semi-round-border-radius: 0.75rem;
  --select-round-border-radius: 1.5rem;
  --select-outline-border-style: solid;
  --select-outline-border-width: 1px;
  --select-outline-tiny-padding: 0.1875rem 1rem;
  --select-outline-small-padding: 0.1875rem 1rem;
  --select-outline-medium-padding: 0.4375rem 1rem;
  --select-outline-large-padding: 0.6875rem 1rem;
  --select-outline-giant-padding: 0.9375rem 1rem;
  --select-outline-basic-icon-color: var(--text-hint-color);
  --select-outline-basic-text-color: var(--text-basic-color);
  --select-outline-basic-placeholder-text-color: var(--text-hint-color);
  --select-outline-basic-background-color: var(--background-basic-color-2);
  --select-outline-basic-border-color: var(--border-basic-color-4);
  --select-outline-basic-focus-background-color: var(--background-basic-color-1);
  --select-outline-basic-focus-border-color: var(--color-primary-default);
  --select-outline-basic-hover-background-color: var(--background-basic-color-3);
  --select-outline-basic-hover-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-background-color: var(--background-basic-color-2);
  --select-outline-basic-disabled-border-color: var(--border-basic-color-4);
  --select-outline-basic-disabled-icon-color: var(--text-disabled-color);
  --select-outline-basic-disabled-text-color: var(--text-disabled-color);
  --select-outline-primary-icon-color: var(--text-hint-color);
  --select-outline-primary-text-color: var(--text-basic-color);
  --select-outline-primary-placeholder-text-color: var(--text-hint-color);
  --select-outline-primary-background-color: var(--background-basic-color-2);
  --select-outline-primary-border-color: var(--color-primary-default);
  --select-outline-primary-focus-background-color: var(--background-basic-color-1);
  --select-outline-primary-focus-border-color: var(--color-primary-focus);
  --select-outline-primary-hover-background-color: var(--background-basic-color-3);
  --select-outline-primary-hover-border-color: var(--color-primary-hover);
  --select-outline-primary-disabled-background-color: var(--background-basic-color-2);
  --select-outline-primary-disabled-border-color: var(--border-basic-color-4);
  --select-outline-primary-disabled-icon-color: var(--text-disabled-color);
  --select-outline-primary-disabled-text-color: var(--text-disabled-color);
  --select-outline-success-icon-color: var(--text-hint-color);
  --select-outline-success-text-color: var(--text-basic-color);
  --select-outline-success-placeholder-text-color: var(--text-hint-color);
  --select-outline-success-background-color: var(--background-basic-color-2);
  --select-outline-success-border-color: var(--color-success-default);
  --select-outline-success-focus-background-color: var(--background-basic-color-1);
  --select-outline-success-focus-border-color: var(--color-success-focus);
  --select-outline-success-hover-background-color: var(--background-basic-color-3);
  --select-outline-success-hover-border-color: var(--color-success-hover);
  --select-outline-success-disabled-background-color: var(--background-basic-color-2);
  --select-outline-success-disabled-border-color: var(--border-basic-color-4);
  --select-outline-success-disabled-icon-color: var(--text-disabled-color);
  --select-outline-success-disabled-text-color: var(--text-disabled-color);
  --select-outline-info-icon-color: var(--text-hint-color);
  --select-outline-info-text-color: var(--text-basic-color);
  --select-outline-info-placeholder-text-color: var(--text-hint-color);
  --select-outline-info-background-color: var(--background-basic-color-2);
  --select-outline-info-border-color: var(--color-info-default);
  --select-outline-info-focus-background-color: var(--background-basic-color-1);
  --select-outline-info-focus-border-color: var(--color-info-focus);
  --select-outline-info-hover-background-color: var(--background-basic-color-3);
  --select-outline-info-hover-border-color: var(--color-info-hover);
  --select-outline-info-disabled-background-color: var(--background-basic-color-2);
  --select-outline-info-disabled-border-color: var(--border-basic-color-4);
  --select-outline-info-disabled-icon-color: var(--text-disabled-color);
  --select-outline-info-disabled-text-color: var(--text-disabled-color);
  --select-outline-warning-icon-color: var(--text-hint-color);
  --select-outline-warning-text-color: var(--text-basic-color);
  --select-outline-warning-placeholder-text-color: var(--text-hint-color);
  --select-outline-warning-background-color: var(--background-basic-color-2);
  --select-outline-warning-border-color: var(--color-warning-default);
  --select-outline-warning-focus-background-color: var(--background-basic-color-1);
  --select-outline-warning-focus-border-color: var(--color-warning-focus);
  --select-outline-warning-hover-background-color: var(--background-basic-color-3);
  --select-outline-warning-hover-border-color: var(--color-warning-hover);
  --select-outline-warning-disabled-background-color: var(--background-basic-color-2);
  --select-outline-warning-disabled-border-color: var(--border-basic-color-4);
  --select-outline-warning-disabled-icon-color: var(--text-disabled-color);
  --select-outline-warning-disabled-text-color: var(--text-disabled-color);
  --select-outline-danger-icon-color: var(--text-hint-color);
  --select-outline-danger-text-color: var(--text-basic-color);
  --select-outline-danger-placeholder-text-color: var(--text-hint-color);
  --select-outline-danger-background-color: var(--background-basic-color-2);
  --select-outline-danger-border-color: var(--color-danger-default);
  --select-outline-danger-focus-background-color: var(--background-basic-color-1);
  --select-outline-danger-focus-border-color: var(--color-danger-focus);
  --select-outline-danger-hover-background-color: var(--background-basic-color-3);
  --select-outline-danger-hover-border-color: var(--color-danger-hover);
  --select-outline-danger-disabled-background-color: var(--background-basic-color-2);
  --select-outline-danger-disabled-border-color: var(--border-basic-color-4);
  --select-outline-danger-disabled-icon-color: var(--text-disabled-color);
  --select-outline-danger-disabled-text-color: var(--text-disabled-color);
  --select-outline-control-icon-color: var(--color-basic-100);
  --select-outline-control-text-color: var(--color-basic-100);
  --select-outline-control-placeholder-text-color: var(--color-basic-100);
  --select-outline-control-background-color: var(--color-basic-control-transparent-300);
  --select-outline-control-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-background-color: var(--color-basic-control-transparent-500);
  --select-outline-control-focus-border-color: var(--color-control-transparent-focus-border);
  --select-outline-control-hover-background-color: var(--color-basic-control-transparent-400);
  --select-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --select-outline-control-disabled-background-color: var(--color-control-transparent-disabled);
  --select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500);
  --select-outline-control-disabled-icon-color: var(--color-basic-100);
  --select-outline-control-disabled-text-color: var(--color-basic-100);
  --select-outline-adjacent-border-style: var(--select-outline-border-style);
  --select-outline-adjacent-border-width: var(--select-outline-border-width);
  --select-outline-basic-open-border-color: var(--select-outline-basic-border-color);
  --select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color);
  --select-outline-primary-open-border-color: var(--select-outline-primary-border-color);
  --select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color);
  --select-outline-success-open-border-color: var(--select-outline-success-border-color);
  --select-outline-success-adjacent-border-color: var(--select-outline-success-border-color);
  --select-outline-info-open-border-color: var(--select-outline-info-border-color);
  --select-outline-info-adjacent-border-color: var(--select-outline-info-border-color);
  --select-outline-warning-open-border-color: var(--select-outline-warning-border-color);
  --select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color);
  --select-outline-danger-open-border-color: var(--select-outline-danger-border-color);
  --select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color);
  --select-outline-control-open-border-color: var(--select-outline-control-border-color);
  --select-outline-control-adjacent-border-color: var(--select-outline-control-border-color);
  --select-filled-border-style: solid;
  --select-filled-border-width: 1px;
  --select-filled-tiny-padding: 0.1875rem 1rem;
  --select-filled-small-padding: 0.1875rem 1rem;
  --select-filled-medium-padding: 0.4375rem 1rem;
  --select-filled-large-padding: 0.6875rem 1rem;
  --select-filled-giant-padding: 0.9375rem 1rem;
  --select-filled-basic-background-color: var(--color-basic-default);
  --select-filled-basic-border-color: var(--color-basic-default-border);
  --select-filled-basic-icon-color: var(--color-basic-800);
  --select-filled-basic-text-color: var(--color-basic-800);
  --select-filled-basic-placeholder-text-color: var(--text-hint-color);
  --select-filled-basic-focus-background-color: var(--color-basic-focus);
  --select-filled-basic-focus-border-color: var(--color-basic-focus-border);
  --select-filled-basic-hover-background-color: var(--color-basic-hover);
  --select-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --select-filled-basic-disabled-background-color: var(--background-basic-color-2);
  --select-filled-basic-disabled-border-color: var(--border-basic-color-2);
  --select-filled-basic-disabled-icon-color: var(--text-disabled-color);
  --select-filled-basic-disabled-text-color: var(--text-disabled-color);
  --select-filled-primary-background-color: var(--color-primary-default);
  --select-filled-primary-border-color: var(--color-primary-default-border);
  --select-filled-primary-icon-color: var(--text-control-color);
  --select-filled-primary-text-color: var(--text-control-color);
  --select-filled-primary-placeholder-text-color: var(--text-control-color);
  --select-filled-primary-focus-background-color: var(--color-primary-focus);
  --select-filled-primary-focus-border-color: var(--color-primary-focus-border);
  --select-filled-primary-hover-background-color: var(--color-primary-hover);
  --select-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --select-filled-primary-disabled-background-color: var(--background-basic-color-2);
  --select-filled-primary-disabled-border-color: var(--border-basic-color-2);
  --select-filled-primary-disabled-icon-color: var(--text-disabled-color);
  --select-filled-primary-disabled-text-color: var(--text-disabled-color);
  --select-filled-success-background-color: var(--color-success-default);
  --select-filled-success-border-color: var(--color-success-default-border);
  --select-filled-success-icon-color: var(--text-control-color);
  --select-filled-success-text-color: var(--text-control-color);
  --select-filled-success-placeholder-text-color: var(--text-control-color);
  --select-filled-success-focus-background-color: var(--color-success-focus);
  --select-filled-success-focus-border-color: var(--color-success-focus-border);
  --select-filled-success-hover-background-color: var(--color-success-hover);
  --select-filled-success-hover-border-color: var(--color-success-hover-border);
  --select-filled-success-disabled-background-color: var(--background-basic-color-2);
  --select-filled-success-disabled-border-color: var(--border-basic-color-2);
  --select-filled-success-disabled-icon-color: var(--text-disabled-color);
  --select-filled-success-disabled-text-color: var(--text-disabled-color);
  --select-filled-info-background-color: var(--color-info-default);
  --select-filled-info-border-color: var(--color-info-default-border);
  --select-filled-info-icon-color: var(--text-control-color);
  --select-filled-info-text-color: var(--text-control-color);
  --select-filled-info-placeholder-text-color: var(--text-control-color);
  --select-filled-info-focus-background-color: var(--color-info-focus);
  --select-filled-info-focus-border-color: var(--color-info-focus-border);
  --select-filled-info-hover-background-color: var(--color-info-hover);
  --select-filled-info-hover-border-color: var(--color-info-hover-border);
  --select-filled-info-disabled-background-color: var(--background-basic-color-2);
  --select-filled-info-disabled-border-color: var(--border-basic-color-2);
  --select-filled-info-disabled-icon-color: var(--text-disabled-color);
  --select-filled-info-disabled-text-color: var(--text-disabled-color);
  --select-filled-warning-background-color: var(--color-warning-default);
  --select-filled-warning-border-color: var(--color-warning-default-border);
  --select-filled-warning-icon-color: var(--text-control-color);
  --select-filled-warning-text-color: var(--text-control-color);
  --select-filled-warning-placeholder-text-color: var(--text-control-color);
  --select-filled-warning-focus-background-color: var(--color-warning-focus);
  --select-filled-warning-focus-border-color: var(--color-warning-focus-border);
  --select-filled-warning-hover-background-color: var(--color-warning-hover);
  --select-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --select-filled-warning-disabled-background-color: var(--background-basic-color-2);
  --select-filled-warning-disabled-border-color: var(--border-basic-color-2);
  --select-filled-warning-disabled-icon-color: var(--text-disabled-color);
  --select-filled-warning-disabled-text-color: var(--text-disabled-color);
  --select-filled-danger-background-color: var(--color-danger-default);
  --select-filled-danger-border-color: var(--color-danger-default-border);
  --select-filled-danger-icon-color: var(--text-control-color);
  --select-filled-danger-text-color: var(--text-control-color);
  --select-filled-danger-placeholder-text-color: var(--text-control-color);
  --select-filled-danger-focus-background-color: var(--color-danger-focus);
  --select-filled-danger-focus-border-color: var(--color-danger-focus-border);
  --select-filled-danger-hover-background-color: var(--color-danger-hover);
  --select-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --select-filled-danger-disabled-background-color: var(--background-basic-color-2);
  --select-filled-danger-disabled-border-color: var(--border-basic-color-2);
  --select-filled-danger-disabled-icon-color: var(--text-disabled-color);
  --select-filled-danger-disabled-text-color: var(--text-disabled-color);
  --select-filled-control-background-color: var(--color-control-default);
  --select-filled-control-border-color: var(--color-control-default-border);
  --select-filled-control-icon-color: var(--color-basic-800);
  --select-filled-control-text-color: var(--color-basic-800);
  --select-filled-control-placeholder-text-color: var(--text-hint-color);
  --select-filled-control-focus-background-color: var(--color-control-focus);
  --select-filled-control-focus-border-color: var(--color-control-focus-border);
  --select-filled-control-hover-background-color: var(--color-control-hover);
  --select-filled-control-hover-border-color: var(--color-control-hover-border);
  --select-filled-control-disabled-background-color: var(--background-basic-color-2);
  --select-filled-control-disabled-border-color: var(--border-basic-color-2);
  --select-filled-control-disabled-icon-color: var(--text-disabled-color);
  --select-filled-control-disabled-text-color: var(--text-disabled-color);
  --select-hero-tiny-padding: 0.25rem 1rem;
  --select-hero-small-padding: 0.25rem 1rem;
  --select-hero-medium-padding: 0.5rem 1rem;
  --select-hero-large-padding: 0.75rem 1rem;
  --select-hero-giant-padding: 1rem 1rem;
  --select-hero-basic-left-background-color: var(--color-basic-200);
  --select-hero-basic-right-background-color: var(--color-basic-default);
  --select-hero-basic-icon-color: var(--color-basic-800);
  --select-hero-basic-text-color: var(--color-basic-800);
  --select-hero-basic-placeholder-text-color: var(--text-hint-color);
  --select-hero-basic-focus-left-background-color: var(--color-basic-300);
  --select-hero-basic-focus-right-background-color: var(--color-basic-400);
  --select-hero-basic-hover-left-background-color: var(--color-basic-100);
  --select-hero-basic-hover-right-background-color: var(--color-basic-hover);
  --select-hero-basic-disabled-background-color: var(--background-basic-color-2);
  --select-hero-basic-disabled-icon-color: var(--text-disabled-color);
  --select-hero-basic-disabled-text-color: var(--text-disabled-color);
  --select-hero-primary-left-background-color: var(--color-primary-400);
  --select-hero-primary-right-background-color: var(--color-primary-default);
  --select-hero-primary-icon-color: var(--text-control-color);
  --select-hero-primary-text-color: var(--text-control-color);
  --select-hero-primary-placeholder-text-color: var(--text-control-color);
  --select-hero-primary-focus-left-background-color: var(--color-primary-500);
  --select-hero-primary-focus-right-background-color: var(--color-primary-focus);
  --select-hero-primary-hover-left-background-color: var(--color-primary-300);
  --select-hero-primary-hover-right-background-color: var(--color-primary-hover);
  --select-hero-primary-disabled-background-color: var(--background-basic-color-2);
  --select-hero-primary-disabled-icon-color: var(--text-disabled-color);
  --select-hero-primary-disabled-text-color: var(--text-disabled-color);
  --select-hero-success-left-background-color: var(--color-success-400);
  --select-hero-success-right-background-color: var(--color-success-default);
  --select-hero-success-icon-color: var(--text-control-color);
  --select-hero-success-text-color: var(--text-control-color);
  --select-hero-success-placeholder-text-color: var(--text-control-color);
  --select-hero-success-focus-left-background-color: var(--color-success-500);
  --select-hero-success-focus-right-background-color: var(--color-success-focus);
  --select-hero-success-hover-left-background-color: var(--color-success-300);
  --select-hero-success-hover-right-background-color: var(--color-success-hover);
  --select-hero-success-disabled-background-color: var(--background-basic-color-2);
  --select-hero-success-disabled-icon-color: var(--text-disabled-color);
  --select-hero-success-disabled-text-color: var(--text-disabled-color);
  --select-hero-info-left-background-color: var(--color-info-400);
  --select-hero-info-right-background-color: var(--color-info-default);
  --select-hero-info-icon-color: var(--text-control-color);
  --select-hero-info-text-color: var(--text-control-color);
  --select-hero-info-placeholder-text-color: var(--text-control-color);
  --select-hero-info-focus-left-background-color: var(--color-info-500);
  --select-hero-info-focus-right-background-color: var(--color-info-focus);
  --select-hero-info-hover-left-background-color: var(--color-info-300);
  --select-hero-info-hover-right-background-color: var(--color-info-hover);
  --select-hero-info-disabled-background-color: var(--background-basic-color-2);
  --select-hero-info-disabled-icon-color: var(--text-disabled-color);
  --select-hero-info-disabled-text-color: var(--text-disabled-color);
  --select-hero-warning-left-background-color: var(--color-warning-400);
  --select-hero-warning-right-background-color: var(--color-warning-default);
  --select-hero-warning-icon-color: var(--text-control-color);
  --select-hero-warning-text-color: var(--text-control-color);
  --select-hero-warning-placeholder-text-color: var(--text-control-color);
  --select-hero-warning-focus-left-background-color: var(--color-warning-500);
  --select-hero-warning-focus-right-background-color: var(--color-warning-focus);
  --select-hero-warning-hover-left-background-color: var(--color-warning-300);
  --select-hero-warning-hover-right-background-color: var(--color-warning-hover);
  --select-hero-warning-disabled-background-color: var(--background-basic-color-2);
  --select-hero-warning-disabled-icon-color: var(--text-disabled-color);
  --select-hero-warning-disabled-text-color: var(--text-disabled-color);
  --select-hero-danger-left-background-color: var(--color-danger-400);
  --select-hero-danger-right-background-color: var(--color-danger-default);
  --select-hero-danger-icon-color: var(--text-control-color);
  --select-hero-danger-text-color: var(--text-control-color);
  --select-hero-danger-placeholder-text-color: var(--text-control-color);
  --select-hero-danger-focus-left-background-color: var(--color-danger-500);
  --select-hero-danger-focus-right-background-color: var(--color-danger-focus);
  --select-hero-danger-hover-left-background-color: var(--color-danger-300);
  --select-hero-danger-hover-right-background-color: var(--color-danger-hover);
  --select-hero-danger-disabled-background-color: var(--background-basic-color-2);
  --select-hero-danger-disabled-icon-color: var(--text-disabled-color);
  --select-hero-danger-disabled-text-color: var(--text-disabled-color);
  --select-hero-control-left-background-color: var(--color-control-default);
  --select-hero-control-right-background-color: var(--color-control-default);
  --select-hero-control-icon-color: var(--color-basic-800);
  --select-hero-control-text-color: var(--color-basic-800);
  --select-hero-control-placeholder-text-color: var(--text-hint-color);
  --select-hero-control-focus-left-background-color: var(--color-basic-200);
  --select-hero-control-focus-right-background-color: var(--color-control-focus);
  --select-hero-control-hover-left-background-color: var(--color-basic-100);
  --select-hero-control-hover-right-background-color: var(--color-control-hover);
  --select-hero-control-disabled-background-color: var(--background-basic-color-2);
  --select-hero-control-disabled-icon-color: var(--text-disabled-color);
  --select-hero-control-disabled-text-color: var(--text-disabled-color);
  --datepicker-background-color: var(--background-basic-color-1);
  --datepicker-border-color: var(--border-basic-color-4);
  --datepicker-border-style: solid;
  --datepicker-border-width: 0.0625rem;
  --datepicker-border-radius: var(--border-radius);
  --datepicker-shadow: none;
  --timepicker-cell-text-color: var(--text-basic-color);
  --timepicker-cell-hover-background-color: var(--background-basic-color-2);
  --timepicker-cell-hover-text-color: var(--text-basic-color);
  --timepicker-cell-focus-background-color: var(--color-basic-focus);
  --timepicker-cell-focus-text-color: var(--text-basic-color);
  --timepicker-cell-active-background-color: var(--color-primary-default);
  --timepicker-cell-active-text-color: var(--text-control-color);
  --timepicker-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-cell-height: 2.75rem;
  --timepicker-header-cell-text-color: var(--text-hint-color);
  --timepicker-header-cell-text-font-size: var(--text-subtitle-font-size);
  --timepicker-header-cell-text-font-family: var(--text-subtitle-font-family);
  --timepicker-header-cell-height: 2.75rem;
  --timepicker-header-cell-text-line-height: var(--text-subtitle-line-height);
  --timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight);
  --timepicker-border-color: var(--datepicker-border-color);
  --timepicker-border-style: var(--datepicker-border-style);
  --timepicker-border-width: var(--datepicker-border-width);
  --timepicker-scrollbar-color: var(--scrollbar-color);
  --timepicker-scrollbar-background-color: var(--scrollbar-background-color);
  --timepicker-scrollbar-width: var(--scrollbar-width);
  --timepicker-single-column-width: 5rem;
  --timepicker-multiple-column-width: 13.875rem;
  --timepicker-title-height: 3.75rem;
  --timepicker-title-padding: var(--text-paragraph-line-height);
  --timepicker-container-width: 20rem;
  --timepicker-container-height: 26.1875rem;
  --radio-width: 1.25rem;
  --radio-height: 1.25rem;
  --radio-border-style: solid;
  --radio-border-width: 1px;
  --radio-text-font-family: var(--text-subtitle-2-font-family);
  --radio-text-font-size: var(--text-subtitle-2-font-size);
  --radio-text-font-weight: var(--text-subtitle-2-font-weight);
  --radio-text-line-height: var(--text-subtitle-2-line-height);
  --radio-outline-color: var(--outline-color);
  --radio-outline-width: var(--outline-width);
  --radio-basic-text-color: var(--text-basic-color);
  --radio-basic-border-color: var(--color-basic-transparent-default-border);
  --radio-basic-background-color: var(--color-basic-transparent-default);
  --radio-basic-checked-background-color: transparent;
  --radio-basic-checked-border-color: var(--color-primary-default-border);
  --radio-basic-inner-circle-color: var(--color-primary-default);
  --radio-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-basic-focus-background-color: var(--color-primary-transparent-focus);
  --radio-basic-focus-checked-background-color: transparent;
  --radio-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-basic-focus-inner-circle-color: var(--color-primary-focus);
  --radio-basic-hover-background-color: var(--color-primary-transparent-hover);
  --radio-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-basic-hover-inner-circle-color: var(--color-primary-hover);
  --radio-basic-hover-checked-background-color: transparent;
  --radio-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-basic-active-background-color: var(--color-primary-transparent-active);
  --radio-basic-active-border-color: var(--color-primary-transparent-active-border);
  --radio-basic-active-inner-circle-color: var(--color-primary-active);
  --radio-basic-active-checked-background-color: transparent;
  --radio-basic-active-checked-border-color: var(--color-primary-active-border);
  --radio-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-basic-disabled-text-color: var(--text-disabled-color);
  --radio-basic-disabled-checked-background-color: transparent;
  --radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-primary-text-color: var(--text-basic-color);
  --radio-primary-border-color: var(--color-primary-transparent-default-border);
  --radio-primary-background-color: var(--color-primary-transparent-default);
  --radio-primary-checked-background-color: transparent;
  --radio-primary-checked-border-color: var(--color-primary-default-border);
  --radio-primary-inner-circle-color: var(--color-primary-default);
  --radio-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --radio-primary-focus-background-color: var(--color-primary-transparent-focus);
  --radio-primary-focus-checked-background-color: transparent;
  --radio-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --radio-primary-focus-inner-circle-color: var(--color-primary-focus);
  --radio-primary-hover-background-color: var(--color-primary-transparent-hover);
  --radio-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --radio-primary-hover-inner-circle-color: var(--color-primary-hover);
  --radio-primary-hover-checked-background-color: transparent;
  --radio-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --radio-primary-active-border-color: var(--color-primary-transparent-active-border);
  --radio-primary-active-background-color: var(--color-primary-transparent-active);
  --radio-primary-active-checked-background-color: transparent;
  --radio-primary-active-checked-border-color: var(--color-primary-active-border);
  --radio-primary-active-inner-circle-color: var(--color-primary-active);
  --radio-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-primary-disabled-text-color: var(--text-disabled-color);
  --radio-primary-disabled-checked-background-color: transparent;
  --radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-success-text-color: var(--text-basic-color);
  --radio-success-border-color: var(--color-success-transparent-default-border);
  --radio-success-background-color: var(--color-success-transparent-default);
  --radio-success-checked-background-color: transparent;
  --radio-success-checked-border-color: var(--color-success-default-border);
  --radio-success-inner-circle-color: var(--color-success-default);
  --radio-success-focus-border-color: var(--color-success-transparent-focus-border);
  --radio-success-focus-background-color: var(--color-success-transparent-focus);
  --radio-success-focus-checked-background-color: transparent;
  --radio-success-focus-checked-border-color: var(--color-success-focus-border);
  --radio-success-focus-inner-circle-color: var(--color-success-focus);
  --radio-success-hover-background-color: var(--color-success-transparent-hover);
  --radio-success-hover-border-color: var(--color-success-transparent-hover-border);
  --radio-success-hover-inner-circle-color: var(--color-success-hover);
  --radio-success-hover-checked-background-color: transparent;
  --radio-success-hover-checked-border-color: var(--color-success-hover-border);
  --radio-success-active-background-color: var(--color-success-transparent-active);
  --radio-success-active-border-color: var(--color-success-transparent-active-border);
  --radio-success-active-checked-background-color: transparent;
  --radio-success-active-checked-border-color: var(--color-success-active-border);
  --radio-success-active-inner-circle-color: var(--color-success-active);
  --radio-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-success-disabled-text-color: var(--text-disabled-color);
  --radio-success-disabled-checked-background-color: transparent;
  --radio-success-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-info-text-color: var(--text-basic-color);
  --radio-info-border-color: var(--color-info-transparent-default-border);
  --radio-info-background-color: var(--color-info-transparent-default);
  --radio-info-checked-background-color: transparent;
  --radio-info-checked-border-color: var(--color-info-default-border);
  --radio-info-inner-circle-color: var(--color-info-default);
  --radio-info-focus-background-color: var(--color-info-transparent-focus);
  --radio-info-focus-border-color: var(--color-info-transparent-focus-border);
  --radio-info-focus-checked-background-color: transparent;
  --radio-info-focus-checked-border-color: var(--color-info-focus-border);
  --radio-info-focus-inner-circle-color: var(--color-info-focus);
  --radio-info-hover-background-color: var(--color-info-transparent-hover);
  --radio-info-hover-border-color: var(--color-info-transparent-hover-border);
  --radio-info-hover-inner-circle-color: var(--color-info-hover);
  --radio-info-hover-checked-background-color: transparent;
  --radio-info-hover-checked-border-color: var(--color-info-hover-border);
  --radio-info-active-background-color: var(--color-info-transparent-active);
  --radio-info-active-border-color: var(--color-info-transparent-active-border);
  --radio-info-active-checked-background-color: transparent;
  --radio-info-active-checked-border-color: var(--color-info-active-border);
  --radio-info-active-inner-circle-color: var(--color-info-active);
  --radio-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-info-disabled-text-color: var(--text-disabled-color);
  --radio-info-disabled-checked-background-color: transparent;
  --radio-info-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-warning-text-color: var(--text-basic-color);
  --radio-warning-border-color: var(--color-warning-transparent-default-border);
  --radio-warning-background-color: var(--color-warning-transparent-default);
  --radio-warning-checked-background-color: transparent;
  --radio-warning-checked-border-color: var(--color-warning-default-border);
  --radio-warning-inner-circle-color: var(--color-warning-default);
  --radio-warning-focus-background-color: var(--color-warning-transparent-focus);
  --radio-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --radio-warning-focus-checked-background-color: transparent;
  --radio-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --radio-warning-focus-inner-circle-color: var(--color-warning-focus);
  --radio-warning-hover-background-color: var(--color-warning-transparent-hover);
  --radio-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --radio-warning-hover-inner-circle-color: var(--color-warning-hover);
  --radio-warning-hover-checked-background-color: transparent;
  --radio-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --radio-warning-active-background-color: var(--color-warning-transparent-active);
  --radio-warning-active-border-color: var(--color-warning-transparent-active-border);
  --radio-warning-active-checked-background-color: transparent;
  --radio-warning-active-checked-border-color: var(--color-warning-active-border);
  --radio-warning-active-inner-circle-color: var(--color-warning-active);
  --radio-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-warning-disabled-text-color: var(--text-disabled-color);
  --radio-warning-disabled-checked-background-color: transparent;
  --radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-danger-text-color: var(--text-basic-color);
  --radio-danger-border-color: var(--color-danger-transparent-default-border);
  --radio-danger-background-color: var(--color-danger-transparent-default);
  --radio-danger-checked-background-color: transparent;
  --radio-danger-checked-border-color: var(--color-danger-default-border);
  --radio-danger-inner-circle-color: var(--color-danger-default);
  --radio-danger-focus-background-color: var(--color-danger-transparent-focus);
  --radio-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --radio-danger-focus-checked-background-color: transparent;
  --radio-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --radio-danger-focus-inner-circle-color: var(--color-danger-focus);
  --radio-danger-hover-background-color: var(--color-danger-transparent-hover);
  --radio-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --radio-danger-hover-inner-circle-color: var(--color-danger-hover);
  --radio-danger-hover-checked-background-color: transparent;
  --radio-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --radio-danger-active-background-color: var(--color-danger-transparent-active);
  --radio-danger-active-border-color: var(--color-danger-transparent-active-border);
  --radio-danger-active-checked-background-color: transparent;
  --radio-danger-active-checked-border-color: var(--color-danger-active-border);
  --radio-danger-active-inner-circle-color: var(--color-danger-active);
  --radio-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --radio-danger-disabled-text-color: var(--text-disabled-color);
  --radio-danger-disabled-checked-background-color: transparent;
  --radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --radio-control-text-color: var(--text-control-color);
  --radio-control-background-color: var(--color-control-transparent-default);
  --radio-control-border-color: var(--color-control-transparent-default-border);
  --radio-control-checked-background-color: transparent;
  --radio-control-checked-border-color: var(--color-control-default-border);
  --radio-control-inner-circle-color: var(--color-control-default);
  --radio-control-focus-background-color: var(--color-control-transparent-focus);
  --radio-control-focus-border-color: var(--color-control-transparent-focus-border);
  --radio-control-focus-checked-background-color: transparent;
  --radio-control-focus-checked-border-color: var(--color-control-focus-border);
  --radio-control-focus-inner-circle-color: var(--color-control-focus);
  --radio-control-hover-background-color: var(--color-control-transparent-hover);
  --radio-control-hover-border-color: var(--color-control-transparent-hover-border);
  --radio-control-hover-inner-circle-color: var(--color-control-hover);
  --radio-control-hover-checked-background-color: transparent;
  --radio-control-hover-checked-border-color: var(--color-control-hover-border);
  --radio-control-active-background-color: var(--color-control-transparent-active);
  --radio-control-active-border-color: var(--color-control-transparent-active-border);
  --radio-control-active-checked-background-color: transparent;
  --radio-control-active-checked-border-color: var(--color-control-active-border);
  --radio-control-active-inner-circle-color: var(--color-control-active);
  --radio-control-disabled-background-color: var(--color-control-transparent-disabled);
  --radio-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --radio-control-disabled-text-color: var(--color-basic-100);
  --radio-control-disabled-checked-background-color: transparent;
  --radio-control-disabled-checked-border-color: var(--color-basic-transparent-600);
  --radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600);
  --tree-grid-cell-border-width: 1px;
  --tree-grid-cell-border-style: solid;
  --tree-grid-cell-border-color: var(--border-basic-color-2);
  --tree-grid-row-min-height: 2rem;
  --tree-grid-cell-padding: 0.875rem 1.25rem;
  --tree-grid-header-background-color: var(--background-basic-color-1);
  --tree-grid-header-text-color: var(--text-basic-color);
  --tree-grid-header-text-font-family: var(--text-subtitle-font-family);
  --tree-grid-header-text-font-size: var(--text-subtitle-font-size);
  --tree-grid-header-text-font-weight: var(--text-subtitle-font-weight);
  --tree-grid-header-text-line-height: var(--text-subtitle-line-height);
  --tree-grid-footer-background-color: var(--background-basic-color-1);
  --tree-grid-footer-text-color: var(--text-basic-color);
  --tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family);
  --tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size);
  --tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight);
  --tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height);
  --tree-grid-row-background-color: var(--background-basic-color-1);
  --tree-grid-row-even-background-color: var(--background-basic-color-1);
  --tree-grid-row-hover-background-color: var(--background-basic-color-1);
  --tree-grid-row-text-color: var(--text-basic-color);
  --tree-grid-row-text-font-family: var(--text-paragraph-font-family);
  --tree-grid-row-text-font-size: var(--text-paragraph-font-size);
  --tree-grid-row-text-font-weight: var(--text-paragraph-font-weight);
  --tree-grid-row-text-line-height: var(--text-paragraph-line-height);
  --tree-grid-sort-header-button-background-color: transparent;
  --tree-grid-sort-header-button-border: none;
  --tree-grid-sort-header-button-padding: 0;
  --icon-font-size: 1.25rem;
  --icon-line-height: 1;
  --icon-width: 1em;
  --icon-height: 1em;
  --icon-svg-vertical-align: top;
  --icon-basic-color: var(--text-hint-color);
  --icon-primary-color: var(--color-primary-default);
  --icon-info-color: var(--color-info-default);
  --icon-success-color: var(--color-success-default);
  --icon-warning-color: var(--color-warning-default);
  --icon-danger-color: var(--color-danger-default);
  --icon-control-color: var(--color-basic-100);
  --tag-text-font-family: var(--text-subtitle-font-family);
  --tag-text-transform: capitalize;
  --tag-border-width: 0.0625rem;
  --tag-border-style: solid;
  --tag-border-radius: 1.5rem;
  --tag-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-tiny-padding: 0.0625rem 0.9375rem;
  --tag-tiny-close-offset: 0.625rem;
  --tag-small-text-font-size: var(--input-small-text-font-size);
  --tag-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-small-text-line-height: var(--input-small-text-line-height);
  --tag-small-padding: 0.0625rem 0.9375rem;
  --tag-small-close-offset: 0.625rem;
  --tag-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-medium-padding: 0.1875rem 0.9375rem;
  --tag-medium-close-offset: 0.625rem;
  --tag-large-text-font-size: var(--input-large-text-font-size);
  --tag-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-large-text-line-height: var(--input-large-text-line-height);
  --tag-large-padding: 0.3125rem 0.9375rem;
  --tag-large-close-offset: 0.625rem;
  --tag-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-giant-padding: 0.4375rem 0.9375rem;
  --tag-giant-close-offset: 0.625rem;
  --tag-filled-basic-background-color: var(--color-basic-default);
  --tag-filled-basic-border-color: var(--color-basic-default-border);
  --tag-filled-basic-text-color: var(--color-basic-800);
  --tag-filled-basic-active-background-color: var(--color-basic-focus);
  --tag-filled-basic-active-border-color: var(--color-basic-focus-border);
  --tag-filled-basic-hover-background-color: var(--color-basic-hover);
  --tag-filled-basic-hover-border-color: var(--color-basic-hover-border);
  --tag-filled-basic-selected-background-color: color-basic-actove;
  --tag-filled-basic-selected-border-color: var(--color-basic-active-border);
  --tag-filled-primary-background-color: var(--color-primary-default);
  --tag-filled-primary-border-color: var(--color-primary-default-border);
  --tag-filled-primary-text-color: var(--text-control-color);
  --tag-filled-primary-active-background-color: var(--color-primary-focus);
  --tag-filled-primary-active-border-color: var(--color-primary-focus-border);
  --tag-filled-primary-hover-background-color: var(--color-primary-hover);
  --tag-filled-primary-hover-border-color: var(--color-primary-hover-border);
  --tag-filled-primary-selected-background-color: color-primary-actove;
  --tag-filled-primary-selected-border-color: var(--color-primary-active-border);
  --tag-filled-success-background-color: var(--color-success-default);
  --tag-filled-success-border-color: var(--color-success-default-border);
  --tag-filled-success-text-color: var(--text-control-color);
  --tag-filled-success-active-background-color: var(--color-success-focus);
  --tag-filled-success-active-border-color: var(--color-success-focus-border);
  --tag-filled-success-hover-background-color: var(--color-success-hover);
  --tag-filled-success-hover-border-color: var(--color-success-hover-border);
  --tag-filled-success-selected-background-color: color-success-actove;
  --tag-filled-success-selected-border-color: var(--color-success-active-border);
  --tag-filled-info-background-color: var(--color-info-default);
  --tag-filled-info-border-color: var(--color-info-default-border);
  --tag-filled-info-text-color: var(--text-control-color);
  --tag-filled-info-active-background-color: var(--color-info-focus);
  --tag-filled-info-active-border-color: var(--color-info-focus-border);
  --tag-filled-info-hover-background-color: var(--color-info-hover);
  --tag-filled-info-hover-border-color: var(--color-info-hover-border);
  --tag-filled-info-selected-background-color: color-info-actove;
  --tag-filled-info-selected-border-color: var(--color-info-active-border);
  --tag-filled-warning-background-color: var(--color-warning-default);
  --tag-filled-warning-border-color: var(--color-warning-default-border);
  --tag-filled-warning-text-color: var(--text-control-color);
  --tag-filled-warning-active-background-color: var(--color-warning-focus);
  --tag-filled-warning-active-border-color: var(--color-warning-focus-border);
  --tag-filled-warning-hover-background-color: var(--color-warning-hover);
  --tag-filled-warning-hover-border-color: var(--color-warning-hover-border);
  --tag-filled-warning-selected-background-color: color-warning-actove;
  --tag-filled-warning-selected-border-color: var(--color-warning-active-border);
  --tag-filled-danger-background-color: var(--color-danger-default);
  --tag-filled-danger-border-color: var(--color-danger-default-border);
  --tag-filled-danger-text-color: var(--text-control-color);
  --tag-filled-danger-active-background-color: var(--color-danger-focus);
  --tag-filled-danger-active-border-color: var(--color-danger-focus-border);
  --tag-filled-danger-hover-background-color: var(--color-danger-hover);
  --tag-filled-danger-hover-border-color: var(--color-danger-hover-border);
  --tag-filled-danger-selected-background-color: color-danger-actove;
  --tag-filled-danger-selected-border-color: var(--color-danger-active-border);
  --tag-filled-control-background-color: var(--color-control-default);
  --tag-filled-control-border-color: var(--color-control-default-border);
  --tag-filled-control-text-color: var(--color-basic-800);
  --tag-filled-control-active-background-color: var(--color-control-hover);
  --tag-filled-control-active-border-color: var(--color-control-hover-border);
  --tag-filled-control-hover-background-color: var(--color-control-focus);
  --tag-filled-control-hover-border-color: var(--color-control-focus-border);
  --tag-filled-control-selected-background-color: color-control-actove;
  --tag-filled-control-selected-border-color: var(--color-control-active-border);
  --tag-outline-basic-background-color: var(--color-basic-transparent-default);
  --tag-outline-basic-border-color: var(--color-basic-transparent-default-border);
  --tag-outline-basic-text-color: var(--text-hint-color);
  --tag-outline-basic-active-background-color: var(--color-basic-transparent-focus);
  --tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border);
  --tag-outline-basic-active-text-color: var(--text-hint-color);
  --tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover);
  --tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);
  --tag-outline-basic-hover-text-color: var(--text-hint-color);
  --tag-outline-basic-selected-background-color: var(--color-basic-transparent-active);
  --tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border);
  --tag-outline-basic-selected-text-color: var(--text-hint-color);
  --tag-outline-primary-background-color: var(--color-primary-transparent-default);
  --tag-outline-primary-border-color: var(--color-primary-transparent-default-border);
  --tag-outline-primary-text-color: var(--text-primary-color);
  --tag-outline-primary-active-background-color: var(--color-primary-transparent-focus);
  --tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border);
  --tag-outline-primary-active-text-color: var(--text-primary-color);
  --tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover);
  --tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --tag-outline-primary-hover-text-color: var(--text-primary-color);
  --tag-outline-primary-selected-background-color: var(--color-primary-transparent-active);
  --tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border);
  --tag-outline-primary-selected-text-color: var(--text-primary-color);
  --tag-outline-success-background-color: var(--color-success-transparent-default);
  --tag-outline-success-border-color: var(--color-success-transparent-default-border);
  --tag-outline-success-text-color: var(--text-success-color);
  --tag-outline-success-active-background-color: var(--color-success-transparent-focus);
  --tag-outline-success-active-border-color: var(--color-success-transparent-focus-border);
  --tag-outline-success-active-text-color: var(--text-success-color);
  --tag-outline-success-hover-background-color: var(--color-success-transparent-hover);
  --tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border);
  --tag-outline-success-hover-text-color: var(--text-success-color);
  --tag-outline-success-selected-background-color: var(--color-success-transparent-active);
  --tag-outline-success-selected-border-color: var(--color-success-transparent-active-border);
  --tag-outline-success-selected-text-color: var(--text-success-color);
  --tag-outline-info-background-color: var(--color-info-transparent-default);
  --tag-outline-info-border-color: var(--color-info-transparent-default-border);
  --tag-outline-info-text-color: var(--text-info-color);
  --tag-outline-info-active-background-color: var(--color-info-transparent-focus);
  --tag-outline-info-active-border-color: var(--color-info-transparent-focus-border);
  --tag-outline-info-active-text-color: var(--text-info-color);
  --tag-outline-info-hover-background-color: var(--color-info-transparent-hover);
  --tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border);
  --tag-outline-info-hover-text-color: var(--text-info-color);
  --tag-outline-info-selected-background-color: var(--color-info-transparent-active);
  --tag-outline-info-selected-border-color: var(--color-info-transparent-active-border);
  --tag-outline-info-selected-text-color: var(--text-info-color);
  --tag-outline-warning-background-color: var(--color-warning-transparent-default);
  --tag-outline-warning-border-color: var(--color-warning-transparent-default-border);
  --tag-outline-warning-text-color: var(--text-warning-color);
  --tag-outline-warning-active-background-color: var(--color-warning-transparent-focus);
  --tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border);
  --tag-outline-warning-active-text-color: var(--text-warning-color);
  --tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover);
  --tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --tag-outline-warning-hover-text-color: var(--text-warning-color);
  --tag-outline-warning-selected-background-color: var(--color-warning-transparent-active);
  --tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border);
  --tag-outline-warning-selected-text-color: var(--text-warning-color);
  --tag-outline-danger-background-color: var(--color-danger-transparent-default);
  --tag-outline-danger-border-color: var(--color-danger-transparent-default-border);
  --tag-outline-danger-text-color: var(--text-danger-color);
  --tag-outline-danger-active-background-color: var(--color-danger-transparent-focus);
  --tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border);
  --tag-outline-danger-active-text-color: var(--text-danger-color);
  --tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover);
  --tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --tag-outline-danger-hover-text-color: var(--text-danger-color);
  --tag-outline-danger-selected-background-color: var(--color-danger-transparent-active);
  --tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border);
  --tag-outline-danger-selected-text-color: var(--text-danger-color);
  --tag-outline-control-background-color: var(--color-control-transparent-default);
  --tag-outline-control-border-color: var(--color-control-transparent-default-border);
  --tag-outline-control-text-color: var(--text-control-color);
  --tag-outline-control-active-background-color: var(--color-control-transparent-focus);
  --tag-outline-control-active-border-color: var(--color-control-transparent-focus-border);
  --tag-outline-control-active-text-color: var(--text-control-color);
  --tag-outline-control-hover-background-color: var(--color-control-transparent-hover);
  --tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border);
  --tag-outline-control-hover-text-color: var(--text-control-color);
  --tag-outline-control-selected-background-color: var(--color-control-transparent-active);
  --tag-outline-control-selected-border-color: var(--color-control-transparent-active-border);
  --tag-outline-control-selected-text-color: var(--text-control-color);
  --tag-list-tiny-tag-offset: 0.0625rem;
  --tag-list-small-tag-offset: 0.125rem;
  --tag-list-medium-tag-offset: 0.25rem;
  --tag-list-large-tag-offset: 0.375rem;
  --tag-list-giant-tag-offset: 0.5rem;
  --tag-list-with-input-tiny-padding: 0.0625rem 1rem;
  --tag-list-with-input-small-padding: 0.0625rem 1rem;
  --tag-list-with-input-medium-padding: 0.1875rem 1rem;
  --tag-list-with-input-large-padding: 0.3125rem 1rem;
  --tag-list-with-input-giant-padding: 0.4375rem 1rem;
  --tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius);
  --tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius);
  --tag-list-with-input-round-border-radius: var(--input-round-border-radius);
  --tag-input-min-width: 6rem;
  --tag-input-text-font-family: var(--input-text-font-family);
  --tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family);
  --tag-input-basic-background-color: var(--input-basic-background-color);
  --tag-input-basic-border-color: var(--input-basic-border-color);
  --tag-input-basic-text-color: var(--input-basic-text-color);
  --tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color);
  --tag-input-basic-focus-background-color: var(--input-basic-focus-background-color);
  --tag-input-basic-focus-border-color: var(--input-basic-focus-border-color);
  --tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color);
  --tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color);
  --tag-input-primary-background-color: var(--input-primary-background-color);
  --tag-input-primary-border-color: var(--input-primary-border-color);
  --tag-input-primary-text-color: var(--input-primary-text-color);
  --tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color);
  --tag-input-primary-focus-background-color: var(--input-primary-focus-background-color);
  --tag-input-primary-focus-border-color: var(--input-primary-focus-border-color);
  --tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color);
  --tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color);
  --tag-input-success-background-color: var(--input-success-background-color);
  --tag-input-success-border-color: var(--input-success-border-color);
  --tag-input-success-text-color: var(--input-success-text-color);
  --tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color);
  --tag-input-success-focus-background-color: var(--input-success-focus-background-color);
  --tag-input-success-focus-border-color: var(--input-success-focus-border-color);
  --tag-input-success-disabled-text-color: var(--input-success-disabled-text-color);
  --tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color);
  --tag-input-info-background-color: var(--input-info-background-color);
  --tag-input-info-border-color: var(--input-info-border-color);
  --tag-input-info-text-color: var(--input-info-text-color);
  --tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color);
  --tag-input-info-focus-background-color: var(--input-info-focus-background-color);
  --tag-input-info-focus-border-color: var(--input-info-focus-border-color);
  --tag-input-info-disabled-text-color: var(--input-info-disabled-text-color);
  --tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color);
  --tag-input-warning-background-color: var(--input-warning-background-color);
  --tag-input-warning-border-color: var(--input-warning-border-color);
  --tag-input-warning-text-color: var(--input-warning-text-color);
  --tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color);
  --tag-input-warning-focus-background-color: var(--input-warning-focus-background-color);
  --tag-input-warning-focus-border-color: var(--input-warning-focus-border-color);
  --tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color);
  --tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color);
  --tag-input-danger-background-color: var(--input-danger-background-color);
  --tag-input-danger-border-color: var(--input-danger-border-color);
  --tag-input-danger-text-color: var(--input-danger-text-color);
  --tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color);
  --tag-input-danger-focus-background-color: var(--input-danger-focus-background-color);
  --tag-input-danger-focus-border-color: var(--input-danger-focus-border-color);
  --tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color);
  --tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color);
  --tag-input-control-background-color: var(--input-control-background-color);
  --tag-input-control-border-color: var(--input-control-border-color);
  --tag-input-control-text-color: var(--input-control-text-color);
  --tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color);
  --tag-input-control-focus-background-color: var(--input-control-focus-background-color);
  --tag-input-control-focus-border-color: var(--input-control-focus-border-color);
  --tag-input-control-disabled-text-color: var(--input-control-disabled-text-color);
  --tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color);
  --tag-input-tiny-text-font-size: var(--input-tiny-text-font-size);
  --tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight);
  --tag-input-tiny-text-line-height: var(--input-tiny-text-line-height);
  --tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size);
  --tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight);
  --tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height);
  --tag-input-tiny-padding: 0.125rem 0;
  --tag-input-small-text-font-size: var(--input-small-text-font-size);
  --tag-input-small-text-font-weight: var(--input-small-text-font-weight);
  --tag-input-small-text-line-height: var(--input-small-text-line-height);
  --tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size);
  --tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight);
  --tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height);
  --tag-input-small-padding: 0.125rem 0;
  --tag-input-medium-text-font-size: var(--input-medium-text-font-size);
  --tag-input-medium-text-font-weight: var(--input-medium-text-font-weight);
  --tag-input-medium-text-line-height: var(--input-medium-text-line-height);
  --tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size);
  --tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight);
  --tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height);
  --tag-input-medium-padding: 0.25rem 0;
  --tag-input-large-text-font-size: var(--input-large-text-font-size);
  --tag-input-large-text-font-weight: var(--input-large-text-font-weight);
  --tag-input-large-text-line-height: var(--input-large-text-line-height);
  --tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size);
  --tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight);
  --tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height);
  --tag-input-large-padding: 0.375rem 0;
  --tag-input-giant-text-font-size: var(--input-giant-text-font-size);
  --tag-input-giant-text-font-weight: var(--input-giant-text-font-weight);
  --tag-input-giant-text-line-height: var(--input-giant-text-line-height);
  --tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size);
  --tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight);
  --tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height);
  --tag-input-giant-padding: 0.5rem 0;
  --toggle-height: 1.875rem;
  --toggle-width: 3.125rem;
  --toggle-border-width: 1px;
  --toggle-border-radius: 100px;
  --toggle-outline-width: var(--outline-width);
  --toggle-outline-color: var(--outline-color);
  --toggle-switcher-size: 1.75rem;
  --toggle-switcher-icon-size: 0.75rem;
  --toggle-text-font-family: var(--text-subtitle-2-font-family);
  --toggle-text-font-size: var(--text-subtitle-2-font-size);
  --toggle-text-font-weight: var(--text-subtitle-2-font-weight);
  --toggle-text-line-height: var(--text-subtitle-2-line-height);
  --toggle-cursor: pointer;
  --toggle-disabled-cursor: default;
  --toggle-basic-text-color: var(--text-basic-color);
  --toggle-basic-background-color: var(--color-basic-transparent-default);
  --toggle-basic-border-color: var(--color-basic-transparent-default-border);
  --toggle-basic-checked-background-color: var(--color-primary-default);
  --toggle-basic-checked-border-color: var(--color-primary-default-border);
  --toggle-basic-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-basic-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-basic-focus-checked-background-color: var(--color-primary-focus);
  --toggle-basic-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-basic-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-basic-hover-checked-background-color: var(--color-primary-hover);
  --toggle-basic-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-basic-active-background-color: var(--color-primary-transparent-active);
  --toggle-basic-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-basic-active-checked-background-color: var(--color-primary-active);
  --toggle-basic-active-checked-border-color: var(--color-primary-active-border);
  --toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-basic-disabled-text-color: var(--text-disabled-color);
  --toggle-primary-text-color: var(--text-basic-color);
  --toggle-primary-background-color: var(--color-primary-transparent-default);
  --toggle-primary-border-color: var(--color-primary-transparent-default-border);
  --toggle-primary-checked-background-color: var(--color-primary-default);
  --toggle-primary-checked-border-color: var(--color-primary-default-border);
  --toggle-primary-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default);
  --toggle-primary-focus-background-color: var(--color-primary-transparent-focus);
  --toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border);
  --toggle-primary-focus-checked-background-color: var(--color-primary-focus);
  --toggle-primary-focus-checked-border-color: var(--color-primary-focus-border);
  --toggle-primary-hover-background-color: var(--color-primary-transparent-hover);
  --toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border);
  --toggle-primary-hover-checked-background-color: var(--color-primary-hover);
  --toggle-primary-hover-checked-border-color: var(--color-primary-hover-border);
  --toggle-primary-active-background-color: var(--color-primary-transparent-active);
  --toggle-primary-active-border-color: var(--color-primary-transparent-active-border);
  --toggle-primary-active-checked-background-color: var(--color-primary-active);
  --toggle-primary-active-checked-border-color: var(--color-primary-active-border);
  --toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-primary-disabled-text-color: var(--text-disabled-color);
  --toggle-success-text-color: var(--text-basic-color);
  --toggle-success-background-color: var(--color-success-transparent-default);
  --toggle-success-border-color: var(--color-success-transparent-default-border);
  --toggle-success-checked-background-color: var(--color-success-default);
  --toggle-success-checked-border-color: var(--color-success-default-border);
  --toggle-success-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-success-checked-switcher-checkmark-color: var(--color-success-default);
  --toggle-success-focus-background-color: var(--color-success-transparent-focus);
  --toggle-success-focus-border-color: var(--color-success-transparent-focus-border);
  --toggle-success-focus-checked-background-color: var(--color-success-focus);
  --toggle-success-focus-checked-border-color: var(--color-success-focus-border);
  --toggle-success-hover-background-color: var(--color-success-transparent-hover);
  --toggle-success-hover-border-color: var(--color-success-transparent-hover-border);
  --toggle-success-hover-checked-background-color: var(--color-success-hover);
  --toggle-success-hover-checked-border-color: var(--color-success-hover-border);
  --toggle-success-active-background-color: var(--color-success-transparent-active);
  --toggle-success-active-border-color: var(--color-success-transparent-active-border);
  --toggle-success-active-checked-background-color: var(--color-success-active);
  --toggle-success-active-checked-border-color: var(--color-success-active-border);
  --toggle-success-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-success-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-success-disabled-text-color: var(--text-disabled-color);
  --toggle-info-text-color: var(--text-basic-color);
  --toggle-info-background-color: var(--color-info-transparent-default);
  --toggle-info-border-color: var(--color-info-transparent-default-border);
  --toggle-info-checked-background-color: var(--color-info-default);
  --toggle-info-checked-border-color: var(--color-info-default-border);
  --toggle-info-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-info-checked-switcher-checkmark-color: var(--color-info-default);
  --toggle-info-focus-background-color: var(--color-info-transparent-focus);
  --toggle-info-focus-border-color: var(--color-info-transparent-focus-border);
  --toggle-info-focus-checked-background-color: var(--color-info-focus);
  --toggle-info-focus-checked-border-color: var(--color-info-focus-border);
  --toggle-info-hover-background-color: var(--color-info-transparent-hover);
  --toggle-info-hover-border-color: var(--color-info-transparent-hover-border);
  --toggle-info-hover-checked-background-color: var(--color-info-hover);
  --toggle-info-hover-checked-border-color: var(--color-info-hover-border);
  --toggle-info-active-background-color: var(--color-info-transparent-active);
  --toggle-info-active-border-color: var(--color-info-transparent-active-border);
  --toggle-info-active-checked-background-color: var(--color-info-active);
  --toggle-info-active-checked-border-color: var(--color-info-active-border);
  --toggle-info-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-info-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-info-disabled-text-color: var(--text-disabled-color);
  --toggle-warning-text-color: var(--text-basic-color);
  --toggle-warning-background-color: var(--color-warning-transparent-default);
  --toggle-warning-border-color: var(--color-warning-transparent-default-border);
  --toggle-warning-checked-background-color: var(--color-warning-default);
  --toggle-warning-checked-border-color: var(--color-warning-default-border);
  --toggle-warning-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default);
  --toggle-warning-focus-background-color: var(--color-warning-transparent-focus);
  --toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border);
  --toggle-warning-focus-checked-background-color: var(--color-warning-focus);
  --toggle-warning-focus-checked-border-color: var(--color-warning-focus-border);
  --toggle-warning-hover-background-color: var(--color-warning-transparent-hover);
  --toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border);
  --toggle-warning-hover-checked-background-color: var(--color-warning-hover);
  --toggle-warning-hover-checked-border-color: var(--color-warning-hover-border);
  --toggle-warning-active-background-color: var(--color-warning-transparent-active);
  --toggle-warning-active-border-color: var(--color-warning-transparent-active-border);
  --toggle-warning-active-checked-background-color: var(--color-warning-active);
  --toggle-warning-active-checked-border-color: var(--color-warning-active-border);
  --toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-warning-disabled-text-color: var(--text-disabled-color);
  --toggle-danger-text-color: var(--text-basic-color);
  --toggle-danger-background-color: var(--color-danger-transparent-default);
  --toggle-danger-border-color: var(--color-danger-transparent-default-border);
  --toggle-danger-checked-background-color: var(--color-danger-default);
  --toggle-danger-checked-border-color: var(--color-danger-default-border);
  --toggle-danger-checked-switcher-background-color: var(--background-basic-color-1);
  --toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default);
  --toggle-danger-focus-background-color: var(--color-danger-transparent-focus);
  --toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border);
  --toggle-danger-focus-checked-background-color: var(--color-danger-focus);
  --toggle-danger-focus-checked-border-color: var(--color-danger-focus-border);
  --toggle-danger-hover-background-color: var(--color-danger-transparent-hover);
  --toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border);
  --toggle-danger-hover-checked-background-color: var(--color-danger-hover);
  --toggle-danger-hover-checked-border-color: var(--color-danger-hover-border);
  --toggle-danger-active-background-color: var(--color-danger-transparent-active);
  --toggle-danger-active-border-color: var(--color-danger-transparent-active-border);
  --toggle-danger-active-checked-background-color: var(--color-danger-active);
  --toggle-danger-active-checked-border-color: var(--color-danger-active-border);
  --toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled);
  --toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border);
  --toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled);
  --toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color);
  --toggle-danger-disabled-text-color: var(--text-disabled-color);
  --toggle-control-text-color: var(--color-basic-100);
  --toggle-control-background-color: var(--color-control-transparent-default);
  --toggle-control-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-background-color: var(--color-control-transparent-default);
  --toggle-control-checked-border-color: var(--color-control-transparent-default-border);
  --toggle-control-checked-switcher-background-color: var(--color-control-default);
  --toggle-control-checked-switcher-checkmark-color: var(--color-basic-800);
  --toggle-control-focus-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-focus-checked-background-color: var(--color-control-transparent-focus);
  --toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border);
  --toggle-control-hover-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-hover-checked-background-color: var(--color-control-transparent-hover);
  --toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border);
  --toggle-control-active-background-color: var(--color-control-transparent-active);
  --toggle-control-active-border-color: var(--color-control-transparent-active-border);
  --toggle-control-active-checked-background-color: var(--color-control-transparent-active);
  --toggle-control-active-checked-border-color: var(--color-control-transparent-active-border);
  --toggle-control-disabled-background-color: var(--color-control-transparent-disabled);
  --toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border);
  --toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600);
  --toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100);
  --toggle-control-disabled-text-color: var(--text-control-color);
  --form-field-tiny-max-width: var(--input-tiny-max-width);
  --form-field-small-max-width: var(--input-small-max-width);
  --form-field-medium-max-width: var(--input-medium-max-width);
  --form-field-large-max-width: var(--input-large-max-width);
  --form-field-giant-max-width: var(--input-giant-max-width);
  --form-field-addon-basic-text-color: var(--color-basic-600);
  --form-field-addon-basic-highlight-text-color: var(--color-primary-500);
  --form-field-addon-primary-text-color: var(--color-primary-500);
  --form-field-addon-primary-highlight-text-color: var(--color-primary-600);
  --form-field-addon-success-text-color: var(--color-success-500);
  --form-field-addon-success-highlight-text-color: var(--color-success-600);
  --form-field-addon-info-text-color: var(--color-info-500);
  --form-field-addon-info-highlight-text-color: var(--color-info-600);
  --form-field-addon-warning-text-color: var(--color-warning-500);
  --form-field-addon-warning-highlight-text-color: var(--color-warning-600);
  --form-field-addon-danger-text-color: var(--color-danger-500);
  --form-field-addon-danger-highlight-text-color: var(--color-danger-600);
  --form-field-addon-control-text-color: var(--color-control-default);
  --form-field-addon-control-highlight-text-color: var(--color-control-default);
  --form-field-addon-disabled-text-color: var(--text-disabled-color);
  --form-field-addon-tiny-height: 1.5rem;
  --form-field-addon-tiny-width: var(--form-field-addon-tiny-height);
  --form-field-addon-tiny-icon-size: var(--button-tiny-icon-size);
  --form-field-addon-tiny-font-size: var(--text-button-tiny-font-size);
  --form-field-addon-tiny-line-height: var(--text-button-tiny-line-height);
  --form-field-addon-tiny-font-weight: var(--text-button-font-weight);
  --form-field-addon-small-height: 2rem;
  --form-field-addon-small-width: var(--form-field-addon-small-height);
  --form-field-addon-small-icon-size: var(--button-small-icon-size);
  --form-field-addon-small-font-size: var(--text-button-small-font-size);
  --form-field-addon-small-line-height: var(--text-button-small-line-height);
  --form-field-addon-small-font-weight: var(--text-button-font-weight);
  --form-field-addon-medium-height: 2.5rem;
  --form-field-addon-medium-width: var(--form-field-addon-medium-height);
  --form-field-addon-medium-icon-size: var(--button-medium-icon-size);
  --form-field-addon-medium-font-size: var(--text-button-medium-font-size);
  --form-field-addon-medium-line-height: var(--text-button-medium-line-height);
  --form-field-addon-medium-font-weight: var(--text-button-font-weight);
  --form-field-addon-large-height: 3rem;
  --form-field-addon-large-width: var(--form-field-addon-large-height);
  --form-field-addon-large-icon-size: var(--button-large-icon-size);
  --form-field-addon-large-font-size: var(--text-button-large-font-size);
  --form-field-addon-large-line-height: var(--text-button-large-line-height);
  --form-field-addon-large-font-weight: var(--text-button-font-weight);
  --form-field-addon-giant-height: 3.5rem;
  --form-field-addon-giant-width: var(--form-field-addon-giant-height);
  --form-field-addon-giant-icon-size: var(--button-giant-icon-size);
  --form-field-addon-giant-font-size: var(--text-button-giant-font-size);
  --form-field-addon-giant-line-height: var(--text-button-giant-line-height);
  --form-field-addon-giant-font-weight: var(--text-button-font-weight);
  --color-primary-100: #f2f6ff;
  --color-primary-200: #d9e4ff;
  --color-primary-300: #a6c1ff;
  --color-primary-400: #598bff;
  --color-primary-500: #3366ff;
  --color-primary-600: #274bdb;
  --color-primary-700: #1a34b8;
  --color-primary-800: #102694;
  --color-primary-900: #091c7a;
  --color-primary-transparent-100: rgba(51, 102, 255, 0.08);
  --color-primary-transparent-200: rgba(51, 102, 255, 0.16);
  --color-primary-transparent-300: rgba(51, 102, 255, 0.24);
  --color-primary-transparent-400: rgba(51, 102, 255, 0.32);
  --color-primary-transparent-500: rgba(51, 102, 255, 0.4);
  --color-primary-transparent-600: rgba(51, 102, 255, 0.48);
  --color-success-100: #f0fff5;
  --color-success-200: #ccfce3;
  --color-success-300: #8cfac7;
  --color-success-400: #2ce69b;
  --color-success-500: #00d68f;
  --color-success-600: #00b887;
  --color-success-700: #00997a;
  --color-success-800: #007d6c;
  --color-success-900: #004a45;
  --color-success-transparent-100: rgba(0, 214, 143, 0.08);
  --color-success-transparent-200: rgba(0, 214, 143, 0.16);
  --color-success-transparent-300: rgba(0, 214, 143, 0.24);
  --color-success-transparent-400: rgba(0, 214, 143, 0.32);
  --color-success-transparent-500: rgba(0, 214, 143, 0.4);
  --color-success-transparent-600: rgba(0, 214, 143, 0.48);
  --color-info-100: #f2f8ff;
  --color-info-200: #c7e2ff;
  --color-info-300: #94cbff;
  --color-info-400: #42aaff;
  --color-info-500: #0095ff;
  --color-info-600: #006fd6;
  --color-info-700: #0057c2;
  --color-info-800: #0041a8;
  --color-info-900: #002885;
  --color-info-transparent-100: rgba(0, 149, 255, 0.08);
  --color-info-transparent-200: rgba(0, 149, 255, 0.16);
  --color-info-transparent-300: rgba(0, 149, 255, 0.24);
  --color-info-transparent-400: rgba(0, 149, 255, 0.32);
  --color-info-transparent-500: rgba(0, 149, 255, 0.4);
  --color-info-transparent-600: rgba(0, 149, 255, 0.48);
  --color-warning-100: #fffdf2;
  --color-warning-200: #fff1c2;
  --color-warning-300: #ffe59e;
  --color-warning-400: #ffc94d;
  --color-warning-500: #ffaa00;
  --color-warning-600: #db8b00;
  --color-warning-700: #b86e00;
  --color-warning-800: #945400;
  --color-warning-900: #703c00;
  --color-warning-transparent-100: rgba(255, 170, 0, 0.08);
  --color-warning-transparent-200: rgba(255, 170, 0, 0.16);
  --color-warning-transparent-300: rgba(255, 170, 0, 0.24);
  --color-warning-transparent-400: rgba(255, 170, 0, 0.32);
  --color-warning-transparent-500: rgba(255, 170, 0, 0.4);
  --color-warning-transparent-600: rgba(255, 170, 0, 0.48);
  --color-danger-100: #fff2f2;
  --color-danger-200: #ffd6d9;
  --color-danger-300: #ffa8b4;
  --color-danger-400: #ff708d;
  --color-danger-500: #ff3d71;
  --color-danger-600: #db2c66;
  --color-danger-700: #b81d5b;
  --color-danger-800: #94124e;
  --color-danger-900: #700940;
  --color-danger-transparent-100: rgba(255, 61, 113, 0.08);
  --color-danger-transparent-200: rgba(255, 61, 113, 0.16);
  --color-danger-transparent-300: rgba(255, 61, 113, 0.24);
  --color-danger-transparent-400: rgba(255, 61, 113, 0.32);
  --color-danger-transparent-500: rgba(255, 61, 113, 0.4);
  --color-danger-transparent-600: rgba(255, 61, 113, 0.48);
  --color-basic-100: #ffffff;
  --color-basic-200: #f7f9fc;
  --color-basic-300: #edf1f7;
  --color-basic-400: #e4e9f2;
  --color-basic-500: #c5cee0;
  --color-basic-600: #8f9bb3;
  --color-basic-700: #2e3a59;
  --color-basic-800: #222b45;
  --color-basic-900: #192038;
  --color-basic-1000: #151a30;
  --color-basic-1100: #101426;
  --color-basic-transparent-100: rgba(143, 155, 179, 0.08);
  --color-basic-transparent-200: rgba(143, 155, 179, 0.16);
  --color-basic-transparent-300: rgba(143, 155, 179, 0.24);
  --color-basic-transparent-400: rgba(143, 155, 179, 0.32);
  --color-basic-transparent-500: rgba(143, 155, 179, 0.4);
  --color-basic-transparent-600: rgba(143, 155, 179, 0.48);
  --color-basic-control-transparent-100: rgba(255, 255, 255, 0.08);
  --color-basic-control-transparent-200: rgba(255, 255, 255, 0.16);
  --color-basic-control-transparent-300: rgba(255, 255, 255, 0.24);
  --color-basic-control-transparent-400: rgba(255, 255, 255, 0.32);
  --color-basic-control-transparent-500: rgba(255, 255, 255, 0.4);
  --color-basic-control-transparent-600: rgba(255, 255, 255, 0.48);
  --color-basic-focus: var(--color-basic-400);
  --color-basic-hover: var(--color-basic-200);
  --color-basic-default: var(--color-basic-300);
  --color-basic-active: var(--color-basic-400);
  --color-basic-disabled: var(--color-basic-transparent-300);
  --color-basic-focus-border: var(--color-basic-500);
  --color-basic-hover-border: var(--color-basic-hover);
  --color-basic-default-border: var(--color-basic-default);
  --color-basic-active-border: var(--color-basic-active);
  --color-basic-disabled-border: var(--color-basic-disabled);
  --color-basic-transparent-focus: var(--color-basic-transparent-300);
  --color-basic-transparent-hover: var(--color-basic-transparent-200);
  --color-basic-transparent-default: var(--color-basic-transparent-100);
  --color-basic-transparent-active: var(--color-basic-transparent-300);
  --color-basic-transparent-disabled: var(--color-basic-transparent-200);
  --color-basic-transparent-focus-border: var(--color-basic-600);
  --color-basic-transparent-hover-border: var(--color-basic-600);
  --color-basic-transparent-default-border: var(--color-basic-600);
  --color-basic-transparent-active-border: var(--color-basic-600);
  --color-basic-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-primary-focus: var(--color-primary-600);
  --color-primary-hover: var(--color-primary-400);
  --color-primary-default: var(--color-primary-500);
  --color-primary-active: var(--color-primary-600);
  --color-primary-disabled: var(--color-basic-transparent-300);
  --color-primary-focus-border: var(--color-primary-700);
  --color-primary-hover-border: var(--color-primary-hover);
  --color-primary-default-border: var(--color-primary-default);
  --color-primary-active-border: var(--color-primary-active);
  --color-primary-disabled-border: var(--color-primary-disabled);
  --color-primary-transparent-focus: var(--color-primary-transparent-300);
  --color-primary-transparent-hover: var(--color-primary-transparent-200);
  --color-primary-transparent-default: var(--color-primary-transparent-100);
  --color-primary-transparent-active: var(--color-primary-transparent-300);
  --color-primary-transparent-disabled: var(--color-basic-transparent-200);
  --color-primary-transparent-focus-border: var(--color-primary-500);
  --color-primary-transparent-hover-border: var(--color-primary-500);
  --color-primary-transparent-default-border: var(--color-primary-500);
  --color-primary-transparent-active-border: var(--color-primary-500);
  --color-primary-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-success-focus: var(--color-success-600);
  --color-success-hover: var(--color-success-400);
  --color-success-default: var(--color-success-500);
  --color-success-active: var(--color-success-600);
  --color-success-disabled: var(--color-basic-transparent-300);
  --color-success-focus-border: var(--color-success-700);
  --color-success-hover-border: var(--color-success-hover);
  --color-success-default-border: var(--color-success-default);
  --color-success-active-border: var(--color-success-active);
  --color-success-disabled-border: var(--color-success-disabled);
  --color-success-transparent-focus: var(--color-success-transparent-300);
  --color-success-transparent-focus-border: var(--color-success-500);
  --color-success-transparent-hover: var(--color-success-transparent-200);
  --color-success-transparent-hover-border: var(--color-success-500);
  --color-success-transparent-default: var(--color-success-transparent-100);
  --color-success-transparent-default-border: var(--color-success-500);
  --color-success-transparent-active: var(--color-success-transparent-300);
  --color-success-transparent-active-border: var(--color-success-500);
  --color-success-transparent-disabled: var(--color-basic-transparent-200);
  --color-success-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-info-focus: var(--color-info-600);
  --color-info-hover: var(--color-info-400);
  --color-info-default: var(--color-info-500);
  --color-info-active: var(--color-info-600);
  --color-info-disabled: var(--color-basic-transparent-300);
  --color-info-focus-border: var(--color-info-700);
  --color-info-hover-border: var(--color-info-hover);
  --color-info-default-border: var(--color-info-default);
  --color-info-active-border: var(--color-info-active);
  --color-info-disabled-border: var(--color-info-disabled);
  --color-info-transparent-focus: var(--color-info-transparent-300);
  --color-info-transparent-hover: var(--color-info-transparent-200);
  --color-info-transparent-default: var(--color-info-transparent-100);
  --color-info-transparent-active: var(--color-info-transparent-300);
  --color-info-transparent-disabled: var(--color-basic-transparent-200);
  --color-info-transparent-focus-border: var(--color-info-500);
  --color-info-transparent-hover-border: var(--color-info-500);
  --color-info-transparent-default-border: var(--color-info-500);
  --color-info-transparent-active-border: var(--color-info-500);
  --color-info-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-warning-focus: var(--color-warning-600);
  --color-warning-hover: var(--color-warning-400);
  --color-warning-default: var(--color-warning-500);
  --color-warning-active: var(--color-warning-600);
  --color-warning-disabled: var(--color-basic-transparent-300);
  --color-warning-focus-border: var(--color-warning-700);
  --color-warning-hover-border: var(--color-warning-hover);
  --color-warning-default-border: var(--color-warning-default);
  --color-warning-active-border: var(--color-warning-active);
  --color-warning-disabled-border: var(--color-warning-disabled);
  --color-warning-transparent-focus: var(--color-warning-transparent-300);
  --color-warning-transparent-hover: var(--color-warning-transparent-200);
  --color-warning-transparent-default: var(--color-warning-transparent-100);
  --color-warning-transparent-active: var(--color-warning-transparent-300);
  --color-warning-transparent-disabled: var(--color-basic-transparent-200);
  --color-warning-transparent-focus-border: var(--color-warning-500);
  --color-warning-transparent-hover-border: var(--color-warning-500);
  --color-warning-transparent-default-border: var(--color-warning-500);
  --color-warning-transparent-active-border: var(--color-warning-500);
  --color-warning-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-danger-focus: var(--color-danger-600);
  --color-danger-hover: var(--color-danger-400);
  --color-danger-default: var(--color-danger-500);
  --color-danger-active: var(--color-danger-600);
  --color-danger-disabled: var(--color-basic-transparent-300);
  --color-danger-focus-border: var(--color-danger-700);
  --color-danger-hover-border: var(--color-danger-hover);
  --color-danger-default-border: var(--color-danger-default);
  --color-danger-active-border: var(--color-danger-active);
  --color-danger-disabled-border: var(--color-danger-disabled);
  --color-danger-transparent-focus: var(--color-danger-transparent-300);
  --color-danger-transparent-hover: var(--color-danger-transparent-200);
  --color-danger-transparent-default: var(--color-danger-transparent-100);
  --color-danger-transparent-active: var(--color-danger-transparent-300);
  --color-danger-transparent-disabled: var(--color-basic-transparent-200);
  --color-danger-transparent-focus-border: var(--color-danger-500);
  --color-danger-transparent-hover-border: var(--color-danger-500);
  --color-danger-transparent-default-border: var(--color-danger-500);
  --color-danger-transparent-active-border: var(--color-danger-500);
  --color-danger-transparent-disabled-border: var(--color-basic-transparent-300);
  --color-control-focus: var(--color-basic-300);
  --color-control-hover: var(--color-basic-200);
  --color-control-default: var(--color-basic-100);
  --color-control-active: var(--color-basic-300);
  --color-control-disabled: var(--color-basic-transparent-300);
  --color-control-focus-border: var(--color-basic-500);
  --color-control-hover-border: var(--color-control-hover);
  --color-control-default-border: var(--color-control-default);
  --color-control-active-border: var(--color-control-active);
  --color-control-disabled-border: var(--color-control-disabled);
  --color-control-transparent-focus: var(--color-basic-control-transparent-300);
  --color-control-transparent-hover: var(--color-basic-control-transparent-200);
  --color-control-transparent-default: var(--color-basic-control-transparent-100);
  --color-control-transparent-active: var(--color-basic-control-transparent-300);
  --color-control-transparent-disabled: var(--color-basic-transparent-200);
  --color-control-transparent-focus-border: var(--color-basic-100);
  --color-control-transparent-hover-border: var(--color-basic-100);
  --color-control-transparent-default-border: var(--color-basic-100);
  --color-control-transparent-active-border: var(--color-basic-100);
  --color-control-transparent-disabled-border: var(--color-basic-transparent-300);
  --background-basic-color-1: var(--color-basic-100);
  --background-basic-color-2: var(--color-basic-200);
  --background-basic-color-3: var(--color-basic-300);
  --background-basic-color-4: var(--color-basic-400);
  --border-basic-color-1: var(--color-basic-100);
  --border-basic-color-2: var(--color-basic-200);
  --border-basic-color-3: var(--color-basic-300);
  --border-basic-color-4: var(--color-basic-400);
  --border-basic-color-5: var(--color-basic-500);
  --background-alternative-color-1: var(--color-basic-800);
  --background-alternative-color-2: var(--color-basic-900);
  --background-alternative-color-3: var(--color-basic-1000);
  --background-alternative-color-4: var(--color-basic-1100);
  --border-alternative-color-1: var(--color-basic-800);
  --border-alternative-color-2: var(--color-basic-900);
  --border-alternative-color-3: var(--color-basic-1000);
  --border-alternative-color-4: var(--color-basic-1100);
  --border-alternative-color-5: var(--color-basic-1100);
  --background-primary-color-1: var(--color-primary-500);
  --background-primary-color-2: var(--color-primary-600);
  --background-primary-color-3: var(--color-primary-700);
  --background-primary-color-4: var(--color-primary-800);
  --border-primary-color-1: var(--color-basic-500);
  --border-primary-color-2: var(--color-basic-600);
  --border-primary-color-3: var(--color-basic-700);
  --border-primary-color-4: var(--color-basic-800);
  --border-primary-color-5: var(--color-basic-900);
  --text-basic-color: var(--color-basic-800);
  --text-alternate-color: var(--color-basic-100);
  --text-control-color: var(--color-basic-100);
  --text-disabled-color: var(--color-basic-transparent-600);
  --text-hint-color: var(--color-basic-600);
  --text-primary-color: var(--color-primary-default);
  --text-primary-focus-color: var(--color-primary-focus);
  --text-primary-hover-color: var(--color-primary-hover);
  --text-primary-active-color: var(--color-primary-active);
  --text-primary-disabled-color: var(--color-primary-400);
  --text-success-color: var(--color-success-default);
  --text-success-focus-color: var(--color-success-focus);
  --text-success-hover-color: var(--color-success-hover);
  --text-success-active-color: var(--color-success-active);
  --text-success-disabled-color: var(--color-success-400);
  --text-info-color: var(--color-info-default);
  --text-info-focus-color: var(--color-info-focus);
  --text-info-hover-color: var(--color-info-hover);
  --text-info-active-color: var(--color-info-active);
  --text-info-disabled-color: var(--color-info-400);
  --text-warning-color: var(--color-warning-default);
  --text-warning-focus-color: var(--color-warning-focus);
  --text-warning-hover-color: var(--color-warning-hover);
  --text-warning-active-color: var(--color-warning-active);
  --text-warning-disabled-color: var(--color-warning-400);
  --text-danger-color: var(--color-danger-default);
  --text-danger-focus-color: var(--color-danger-focus);
  --text-danger-hover-color: var(--color-danger-hover);
  --text-danger-active-color: var(--color-danger-active);
  --text-danger-disabled-color: var(--color-danger-400);
  --font-family-primary: Exo;
  --font-family-secondary: Exo;
  --text-heading-1-font-family: var(--font-family-secondary);
  --text-heading-1-font-size: 2.25rem;
  --text-heading-1-font-weight: 700;
  --text-heading-1-line-height: 3rem;
  --text-heading-2-font-family: var(--font-family-secondary);
  --text-heading-2-font-size: 2rem;
  --text-heading-2-font-weight: 700;
  --text-heading-2-line-height: 2.5rem;
  --text-heading-3-font-family: var(--font-family-secondary);
  --text-heading-3-font-size: 1.875rem;
  --text-heading-3-font-weight: 700;
  --text-heading-3-line-height: 2.5rem;
  --text-heading-4-font-family: var(--font-family-secondary);
  --text-heading-4-font-size: 1.625rem;
  --text-heading-4-font-weight: 700;
  --text-heading-4-line-height: 2rem;
  --text-heading-5-font-family: var(--font-family-secondary);
  --text-heading-5-font-size: 1.375rem;
  --text-heading-5-font-weight: 700;
  --text-heading-5-line-height: 2rem;
  --text-heading-6-font-family: var(--font-family-secondary);
  --text-heading-6-font-size: 1.125rem;
  --text-heading-6-font-weight: 700;
  --text-heading-6-line-height: 1.5rem;
  --text-subtitle-font-family: var(--font-family-primary);
  --text-subtitle-font-size: 0.9375rem;
  --text-subtitle-font-weight: 600;
  --text-subtitle-line-height: 1.5rem;
  --text-subtitle-2-font-family: var(--font-family-primary);
  --text-subtitle-2-font-size: 0.8125rem;
  --text-subtitle-2-font-weight: 600;
  --text-subtitle-2-line-height: 1.5rem;
  --text-paragraph-font-family: var(--font-family-primary);
  --text-paragraph-font-size: 0.9375rem;
  --text-paragraph-font-weight: 400;
  --text-paragraph-line-height: 1.25rem;
  --text-paragraph-2-font-family: var(--font-family-primary);
  --text-paragraph-2-font-size: 0.8125rem;
  --text-paragraph-2-font-weight: 400;
  --text-paragraph-2-line-height: 1.125rem;
  --text-label-font-family: var(--font-family-primary);
  --text-label-font-size: 0.75rem;
  --text-label-font-weight: 700;
  --text-label-line-height: 1rem;
  --text-caption-font-family: var(--font-family-primary);
  --text-caption-font-size: 0.75rem;
  --text-caption-font-weight: 400;
  --text-caption-line-height: 1rem;
  --text-caption-2-font-family: var(--font-family-primary);
  --text-caption-2-font-size: 0.75rem;
  --text-caption-2-font-weight: 600;
  --text-caption-2-line-height: 1rem;
  --text-button-font-family: var(--font-family-primary);
  --text-button-font-weight: 700;
  --text-button-tiny-font-size: 0.625rem;
  --text-button-tiny-line-height: 0.75rem;
  --text-button-small-font-size: 0.75rem;
  --text-button-small-line-height: 1rem;
  --text-button-medium-font-size: 0.875rem;
  --text-button-medium-line-height: 1rem;
  --text-button-large-font-size: 1rem;
  --text-button-large-line-height: 1.25rem;
  --text-button-giant-font-size: 1.125rem;
  --text-button-giant-line-height: 1.5rem;
  --border-radius: 0.17rem;
  --outline-width: 0.375rem;
  --outline-color: var(--color-basic-transparent-200);
  --scrollbar-color: var(--background-basic-color-4);
  --scrollbar-background-color: var(--background-basic-color-2);
  --scrollbar-width: 0.3125rem;
  --shadow: none;
  --divider-color: var(--border-basic-color-3);
  --divider-style: solid;
  --divider-width: 1px;
  --tabs-selected: var(--color-primary-500);
  --tabs-selected-second-color: var(--color-primary-500);
  --modal-border-radius: var(--border-radius);
  --sidebar-header-gap: 2rem;
  --switcher-background: var(--background-alternative-color-1);
  --switcher-background-percentage: 14%;
  --drops-icon-line-gadient: -webkit-linear-gradient(#e9e8eb, #a7a2be);
  --list-item-border-width: 1px;
  --slide-out-container-width: 30%;
  --slide-out-background: linear-gradient(270deg, #f7fafb 0%, #ecf2f5 100%);
  --slide-out-shadow-color: 0 4px 14px 0 #a2d2c8;
  --slide-out-shadow-color-rtl: 0 4px 14px 0 #a2d2c8;
  --chart-panel-summary-box-shadow: none;
  --chart-panel-summary-background-color: #f7fafb;
  --chart-panel-summary-border-color: #ebeff1;
  --chart-panel-summary-border-width: 1px;
  --ecommerce-card-border-width: 1px;
  --padding: 1.25rem;
  --font-weight-bolder: heading-2-font-weight;
  ----text-button-medium-font-size: 1rem;
  ----actions-divider-color: #3f4550;
  ----actions-divider-style: solid;
  ----actions-divider-width: 1px;
  --progress-bar-background: linear-gradient(90deg, #ff9f6f 0%, #ff8b97 100%);
}
nb-layout-header nav {
  background-color: #111218;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  --actions-text-color: #f7fafb;
  color: var(--actions-text-color);
}
nb-sidebar .scrollable {
  padding-top: 0;
}
[dir=ltr] .nb-theme-corporate ol, [dir=ltr] .nb-theme-corporate ul {
  padding-left: var(--padding);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
.tree-children.tree-children-no-padding { padding-left: 0 }
.tree-children { padding-left: 20px; overflow: hidden }
.node-drop-slot { display: block; height: 2px }
.node-drop-slot.is-dragging-over { background: #ddffee; height: 20px; border: 2px dotted #888; }
.toggle-children-wrapper-expanded .toggle-children { transform: rotate(90deg) }
.toggle-children-wrapper-collapsed .toggle-children { transform: rotate(0); }
.toggle-children-wrapper {
  padding: 2px 3px 5px 1px;
}
/* tslint:disable */
.toggle-children {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRkRFQjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRkRFQjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5iogFwAAAGhJREFUeNpiYGBgKABigf///zOQg0EARH4A4gZyDIIZ8B/JoAJKDIDhB0CcQIkBRBtEyABkgxwoMQCGD6AbRKoBGAYxQgXIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC');
  height: 8px;
  width: 9px;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}
.toggle-children-placeholder {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  padding-right: 3px;
}
.node-content-wrapper {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  transition: background-color .15s,box-shadow .15s;
}
.node-wrapper {display: flex; align-items: flex-start;}
.node-content-wrapper-active,
.node-content-wrapper.node-content-wrapper-active:hover,
.node-content-wrapper-active.node-content-wrapper-focused {
  background: #beebff;
}
.node-content-wrapper-focused { background: #e7f4f9 }
.node-content-wrapper:hover { background: #f7fbff }
.node-content-wrapper-active, .node-content-wrapper-focused, .node-content-wrapper:hover {
  box-shadow: inset 0 0 1px #999;
}
.node-content-wrapper.is-dragging-over { background: #ddffee; box-shadow: inset 0 0 1px #999; }
.node-content-wrapper.is-dragging-over-disabled { opacity: 0.5 }
tree-viewport {
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  overflow: auto;
  display: block;
}
.tree-children { padding-left: 20px }
.empty-tree-drop-slot .node-drop-slot { height: 20px; min-width: 100px }
.angular-tree-component {
  width: 100%;
  position:relative;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
tree-root .angular-tree-component-rtl {
  direction: rtl;
}
tree-root .angular-tree-component-rtl .toggle-children-wrapper-collapsed .toggle-children {
  transform: rotate(180deg) !important;
}
tree-root .angular-tree-component-rtl .tree-children {
  padding-right: 20px;
  padding-left: 0;
}
tree-node-checkbox {
  padding: 1px;
}
@font-face {
  font-family: 'abo01';
  src:  url('/fonts/abo01.eot?idhe9t');
  src:  url('/fonts/abo01.eot?idhe9t#iefix') format('embedded-opentype'),
    url('/fonts/abo01.ttf?idhe9t') format('truetype'),
    url('abo01.woff?idhe9t') format('woff'),
    url('abo01.svg?idhe9t#abo01') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="abo-"], [class*=" abo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'abo01' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.abo-phone:before {
  content: "\41";
}
.abo-printer:before {
  content: "\25";
}
.abo-linea-basic-10-17:before {
  content: "\22";
}
.abo-linea-basic-10-15:before {
  content: "\23";
}
.abo-linea-basic-elaboration-10-3:before {
  content: "\24";
}
.abo-linea-basic-10-6:before {
  content: "\31";
}
.abo-linea-ecommerce-10-1:before {
  content: "\32";
}
.abo-linea-ecommerce-10-2:before {
  content: "\33";
}
.abo-linea-ecommerce-10-3:before {
  content: "\34";
}
.abo-linea-software-10:before {
  content: "\35";
}
.abo-linea-basic-10-8:before {
  content: "\36";
}
.abo-linea-basic-10-9:before {
  content: "\37";
}
.abo-linea-basic-elaboration-10:before {
  content: "\39";
}
.abo-linea-basic-10-7:before {
  content: "\44";
}
.abo-computer-imac-2:before {
  content: "\45";
}
.abo-euro:before {
  content: "\47";
}
.abo-linea-basic-10-13:before {
  content: "\4a";
}
.abo-belgium:before {
  content: "\4b";
}
.abo-spreadsheet6:before {
  content: "\4c";
}
.abo-scanning2:before {
  content: "\4f";
}
.abo-filter-modified:before {
  content: "\50";
}
.abo-fax3:before {
  content: "\53";
}
.abo-repair5:before {
  content: "\52";
}
.abo-mod-register:before {
  content: "\55";
}
.abo-linea-ecommerce-10:before {
  content: "\56";
}
.abo-mod-barcode:before {
  content: "\57";
}
.abo-linea-basic-10-10:before {
  content: "\59";
}
.abo-uniE007:before {
  content: "\61";
}
.abo-uniE00E:before {
  content: "\62";
}
.abo-uniE00F:before {
  content: "\63";
}
.abo-uniE00B:before {
  content: "\64";
}
.abo-linea-arrows-10-4:before {
  content: "\65";
}
.abo-uniE01C:before {
  content: "\66";
}
.abo-linea-basic-10:before {
  content: "\67";
}
.abo-linea-basic-10-3:before {
  content: "\68";
}
.abo-linea-basic-10-2:before {
  content: "\6a";
}
.abo-linea-arrows-10:before {
  content: "\6b";
}
.abo-eid-invert-2:before {
  content: "\6c";
}
.abo-man-people-streamline-user:before {
  content: "\2f";
}
.abo-mod-supplier:before {
  content: "\6e";
}
.abo-scan:before {
  content: "\6f";
}
.abo-linea-arrows-10-5:before {
  content: "\70";
}
.abo-45:before {
  content: "\71";
}
.abo-home152:before {
  content: "\73";
}
.abo-nbb:before {
  content: "\74";
}
.abo-open79:before {
  content: "\79";
}
.abo-linea-search_mini:before {
  content: "\7b";
}
.abo-document-add:before {
  content: "\78";
}
.abo-document-file-pdf:before {
  content: "\5a";
}
.abo-document-file-doc:before {
  content: "\4d";
}
.abo-document-file-xls:before {
  content: "\4e";
}
.abo-document:before {
  content: "\72";
}
.abo-documents:before {
  content: "\21";
}
.abo-search:before {
  content: "\43";
}
.abo-calendar:before {
  content: "\5b";
}
.abo-camera:before {
  content: "\48";
}
.abo-notebook-text:before {
  content: "\3d";
}
.abo-mail-envelope-closed:before {
  content: "\58";
}
.abo-folder-search:before {
  content: "\2c";
}
.abo-document-edit:before {
  content: "\42";
}
.abo-pencil:before {
  content: "\69";
}
.abo-balance-scale:before {
  content: "\29";
}
.abo-read-more:before {
  content: "\7d";
}
.abo-list-nested:before {
  content: "\49";
}
.abo-list:before {
  content: "\38";
}
.abo-uni7C:before {
  content: "\2b";
}
.abo-uni7E:before {
  content: "\2d";
}
.abo-uni5C:before {
  content: "\5c";
}
.abo-linea-basic-10-1:before {
  content: "\51";
}
body {
  font-size: 0.85rem;
  font-family: Exo;
}
@media (min-width: 1140px) {
  .modal-xl {
    max-width: 1120px;
  }
}
@media (max-width: 1139px) {
  .modal-xl {
    max-width: 90%;
  }
}
.jqx-widget-content {
  font-family: Exo;
}
.cdk-overlay-container {
  z-index: 2000 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
@-moz-document url-prefix() {
  input {
    padding: 0.375rem 0.75rem !important;
  }
}
input[type=time]::-webkit-clear-button,
input[type=time]::-ms-clear {
  display: none;
}
.no-width {
  width: 0 !important;
}
@media (min-width: 768px) {
  .col-md-0 {
    width: 0 !important;
    flex: none;
    padding: 0;
    margin: 0;
  }
}
.modal-header {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2;
}
.modal-content {
  border: none;
}
.btn {
  cursor: pointer;
}
.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.disable-select:focus {
  outline-width: 0;
}
.ng-select.ng-select-single .ng-select-container {
  border: 2px solid #dadfe6;
  height: 33px;
  min-height: 33px;
  border-radius: 0;
}
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  min-height: 32px;
}
.nb-theme-corporate .btn {
  padding: 0.375em 0.75em;
}
.nb-theme-corporate .btn.icon-btn {
  padding: 2px 6px;
  min-width: 40px;
}
.nb-theme-corporate .btn.btn-outline:focus {
  background: transparent;
}
.nb-theme-corporate .ngb-dp-arrow .btn {
  color: #212529;
}
.nb-theme-corporate .form-control:disabled,
.nb-theme-corporate .form-control[readonly] {
  background-color: #e9ecef;
}
.bootstrap tag,
.ng2-tag-input__text-input {
  font-family: Exo !important;
}
.modal {
  z-index: 1056;
}

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