/* src/assets/styles/index.scss */
*,
::after,
::before {
  box-sizing: border-box;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
input:required,
input {
  box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input:focus {
  outline: none;
}
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a:active,
a:hover {
  outline: none;
}
img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
picture {
  display: inline-block;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type=checkbox],
input[type=radio] {
  padding: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button {
  border: 0;
  background: transparent;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}
hr {
  box-sizing: content-box;
  overflow: visible;
  background: #000;
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  width: 100%;
}
pre {
  font-family: monospace;
  font-size: 100%;
}
a {
  text-decoration: none;
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -5px;
}
sup {
  top: -5px;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 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;
  outline: 0;
}
legend {
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
  max-width: 100%;
  width: 100%;
}
fieldset {
  min-width: 0;
}
body:not(:-moz-handler-blocked) fieldset {
  display: block;
}
progress {
  vertical-align: baseline;
}
[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;
}
summary {
  display: list-item;
}
template {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
:root {
  --primary_candy-apple: #ff1900;
  --primary_candy-apple--rgb:
    255,
    25,
    0;
  --secondary_dark-sienna: #411817;
  --secondary_dark-sienna--rgb:
    65,
    24,
    23;
  --secondary_jet: #343434;
  --secondary_jet--rgb:
    52,
    52,
    52;
  --secondary_silver-chalince: #a7b0b3;
  --secondary_silver-chalince--rgb:
    167,
    176,
    179;
  --secondary_amber: #fe7d00;
  --secondary_amber--rgb:
    254,
    125,
    0;
  --secondary_dodger-blue: #459af7;
  --secondary_dodger-blue--rgb:
    69,
    154,
    247;
  --secondary_xanthous: #f4b642;
  --secondary_xanthous--rgb:
    244,
    182,
    66;
  --basic_eerie-black: #151515;
  --basic_eerie-black--rgb:
    21,
    21,
    21;
  --basic_cultured: #f1f1f1;
  --basic_cultured--rgb:
    241,
    241,
    241;
  --basic_misty-rose: #ffe7e5;
  --basic_misty-rose--rgb:
    255,
    231,
    229;
  --basic_snow: #fffcfc;
  --basic_snow--rgb:
    255,
    252,
    252;
  --basic_smoke: #fbfbfb;
  --basic_smoke--rgb:
    251,
    251,
    251;
  --basic_vermilion: #ec0808;
  --basic_vermilion--rgb:
    236,
    8,
    8;
  --basic_honey: #ffb30f;
  --basic_honey--rgb:
    255,
    179,
    15;
  --basic_mantis: #71c562;
  --basic_mantis--rgb:
    113,
    197,
    98;
  --basic_grey-x: #b9b9b9;
  --basic_grey-x--rgb:
    185,
    185,
    185;
  --basic_white: #ffffff;
  --basic_white--rgb:
    255,
    255,
    255;
  --basic_black: #000000;
  --basic_black--rgb:
    0,
    0,
    0;
}
@font-face {
  font-family: "ABCFavoritExpanded";
  src: url("./media/ABCFavorit-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.drawer-overlay-panel {
  position: relative;
}
.drawer-overlay-panel::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(52, 52, 52, 0.4);
  z-index: -1;
}
.mat-mdc-dialog-container {
  background: var(--basic_white);
}
.mdc-label {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.mat-ripple-element {
  background-color: var(--basic_eerie-black) !important;
}
.mdc-radio__background::before {
  background-color: var(--basic_eerie-black) !important;
}
.mdc-radio__inner-circle,
.mdc-radio__outer-circle {
  border-color: var(--basic_eerie-black) !important;
}
html {
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.52857;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  height: 100%;
  background-color: var(--basic_cultured);
}
cdk-table {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  background-color: #fff;
}
cdk-row,
cdk-header-row,
cdk-footer-row {
  display: flex;
}
cdk-cell,
cdk-header-cell,
cdk-footer-cell {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
  min-height: inherit;
}
cdk-cell:first-of-type,
cdk-header-cell:first-of-type,
cdk-footer-cell:first-of-type {
  padding-left: 24px;
}
.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .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,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}
html {
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}
html {
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
}
html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
}
html {
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}
html {
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-accent {
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
}
html {
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
}
html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color:white;
}
html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color:#c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color:white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background: #6d6d6d;
}
::-webkit-scrollbar-track {
  background: #c2c2c2;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.drawer-backdrop {
  background-color: rgba(52, 52, 52, 0.4);
}

/* node_modules/@sharemactechhub/frontend-library/assets/_all.scss */
.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .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,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Thin.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-ThinItalic.ttf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-ExtraLight.ttf");
  font-weight: 200;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-ExtraLightItalic.ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-MediumItalic.ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-SemiBoldItalic.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-ExtraBold.ttf");
  font-weight: 800;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-ExtraBoldItalic.ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-Black.ttf");
  font-weight: 900;
}
@font-face {
  font-family: "Montserrat";
  src: url("./media/Montserrat-BlackItalic.ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "ABCFavoritExpanded";
  src: url("./media/ABCFavorit-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.shl-scrollbar::-webkit-scrollbar {
  background-color: #f1f1f1;
  width: 10px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.shl-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  width: 4px;
}
.shl-scrollbar::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 3px solid #f1f1f1;
  -webkit-transition: border 0.15s;
  -moz-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.shl-scrollbar::-webkit-scrollbar-thumb:hover {
  border: 1px solid #f4f4f4;
}
.shl-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.shl-input-asterisk {
  color: #ec0808;
}
.shl-clear-icon-btn {
  width: 24px;
  height: 24px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background-color: #f1f5f8;
  color: #a7b0b3;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.36;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-clear-icon-btn:hover {
  opacity: 1;
}
.shl-input-without-arrows::-webkit-outer-spin-button,
.shl-input-without-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.shl-input-without-arrows[type=number] {
  -moz-appearance: textfield;
}
.shl-form-field-error {
  font-family: Montserrat;
  font-size: 10px;
  line-height: 13px;
  color: #ec0808;
  margin-top: 2px;
  display: flex;
  gap: 2px;
  align-items: center;
}
.input-content-container {
  position: relative;
  background-color: #ffffff;
}
.input-content-container .input-with-incrementor {
  padding-right: 28px;
}
.input-content-container .incrementor {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28px;
  font-size: 10px;
  z-index: 1;
}
.input-content-container .incrementor .increase,
.input-content-container .incrementor .decrease {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-shadow: none;
  background-color: transparent;
  color: #bdc6ca;
  width: 100%;
  text-align: center;
  border-left: 1px solid #f1f1f1;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.2s ease all;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-content-container .incrementor .increase {
  border-bottom: 1px solid #f1f1f1;
}
.input-content-container .incrementor .decrease {
  border-top: 1px solid #f1f1f1;
}
.input-hovered .incrementor .increase,
.input-hovered .incrementor .decrease {
  border-color: #092532;
  color: #ec0808;
}
.input-hovered .input-flex-box {
  outline-color: #092532;
}
.input-hovered .input-flex-box .clear {
  display: flex;
  opacity: 0.36;
}
.input-hovered .input-flex-box .clear:hover {
  opacity: 1;
}
.always-show-clear .input-flex-box .clear {
  display: flex;
  opacity: 1;
}
.mobile .input-flex-box .clear {
  display: flex;
  opacity: 1;
}
.input-focused .incrementor .increase,
.input-focused .incrementor .decrease {
  border-color: #092532;
  color: #ec0808;
}
.input-focused .input-flex-box {
  border-color: #092532;
  outline-color: #092532;
}
.input-focused .input-flex-box .clear {
  display: flex;
  opacity: 0.36;
}
.input-focused .input-flex-box .clear:hover {
  opacity: 1;
}
.input-focused .input-with-incrementor {
  padding-right: 27px;
}
.input-flex-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  outline: 1px solid #f1f1f1;
  border-radius: 2px;
  transition: 0.2s ease all;
  transition: border 0s;
  font-family: Montserrat;
  box-sizing: border-box;
  width: 100%;
}
.input-flex-box .input-flex-item {
  margin-left: 4px;
  margin-right: 4px;
}
.input-flex-box .input-flex-item:first-child {
  margin-left: 12px;
}
.input-flex-box .input-flex-item:last-child {
  margin-right: 12px;
}
.input-flex-box .clear {
  display: flex;
  opacity: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f1f5f8;
  color: #a7b0b3;
}
.input-flex-box .eye-toggle {
  display: flex;
  color: #a7b0b3;
  min-width: 20px;
}
.input-flex-box .clear,
.input-flex-box .eye-toggle {
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-flex-box .prefix {
  color: #a7b0b3;
  font-size: 16px;
  line-height: 19px;
}
.input-flex-box .suffix {
  color: #a7b0b3;
  font-size: 16px;
  line-height: 19px;
}
.input-flex-box .suffix-before-clear {
  color: #a7b0b3;
  font-size: 16px;
  line-height: 19px;
}
.input-flex-box .field {
  position: relative;
  flex-grow: 1;
}
.input-flex-box .field label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #7a8990;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  transition: 0.2s cubic-bezier(0.64, 0.09, 0.08, 1) all;
}
.input-flex-box .field input {
  border: 0;
  display: block;
  width: 100%;
  color: #151515;
  background-color: transparent;
  transition: 0.2s cubic-bezier(0.64, 0.09, 0.08, 1) all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
}
.input-flex-box .field input::-webkit-outer-spin-button,
.input-flex-box .field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-flex-box .field input[type=number] {
  -moz-appearance: textfield;
}
.input-flex-box .field input:valid ~ label {
  color: #7a8990;
}
.input-flex-box .field input.input-selector-focused ~ label {
  color: #ff1900;
}
.input-flex-box .field input.input-selector-focused {
  outline: none;
}
.input-flex-box .field input[placeholder] {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}
.input-flex-box .field input::placeholder {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}
.input-flex-box .field input:focus {
  outline: none;
}
.input-centered input {
  text-align: center;
}
.input-centered label {
  text-align: center;
}
.input-centered .centered-input-clear-container {
  position: relative;
  width: 1px;
  height: 1px;
}
.input-centered .centered-input-clear-container .clear {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.input-sm input {
  font-size: 14px;
  line-height: 17px;
  padding: 0;
  padding-top: 16px;
  padding-bottom: 1px;
}
.input-sm input:valid ~ label {
  font-size: 12px;
  line-height: 15px;
  top: 10px;
}
.input-sm input.input-selector-focused ~ label {
  font-size: 12px;
  line-height: 15px;
  top: 10px;
}
.input-sm .input-without-label {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 16px;
}
.input-sm label {
  font-size: 16px;
  line-height: 19px;
}
.input-md input {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  padding-top: 22px;
  padding-bottom: 6px;
}
.input-md input:valid ~ label {
  font-size: 12px;
  line-height: 15px;
  top: 14px;
}
.input-md input.input-selector-focused ~ label {
  font-size: 12px;
  line-height: 15px;
  top: 14px;
}
.input-md .input-without-label {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 18px;
}
.input-md label {
  font-size: 16px;
  line-height: 19px;
}
.input-lg input {
  font-size: 16px;
  line-height: 19px;
  padding: 0;
  padding-top: 27px;
  padding-bottom: 8px;
}
.input-lg input:valid ~ label {
  font-size: 14px;
  line-height: 18px;
  top: 18px;
}
.input-lg input.input-selector-focused ~ label {
  font-size: 14px;
  line-height: 18px;
  top: 18px;
}
.input-lg .input-without-label {
  font-size: 16px;
  line-height: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.input-lg label {
  font-size: 18px;
  line-height: 22px;
}
.input-lg .field .label-floated {
  font-size: 14px;
  line-height: 18px;
  top: 18px;
}
.input-md .field .label-floated {
  font-size: 12px;
  line-height: 15px;
  top: 14px;
}
.input-sm .field .label-floated {
  font-size: 12px;
  line-height: 15px;
  top: 10px;
}
.input-invalid .incrementor .increase,
.input-invalid .incrementor .decrease {
  border-color: #ec0808;
  color: #ec0808;
}
.input-invalid .input-flex-box {
  outline-color: #ec0808;
  background-color: #fff8f6;
}
.input-invalid.input-focused .input-flex-box {
  border-color: #ec0808;
  outline-color: #ec0808;
}
.input-invalid.input-focused .input-with-incrementor {
  padding-right: 27px;
}
.input-invalid.input-focused .incrementor .increase,
.input-invalid.input-focused .incrementor .decrease,
.input-invalid.input-hovered .incrementor .increase,
.input-invalid.input-hovered .incrementor .decrease {
  border-color: #ec0808;
}
.input-disabled {
  pointer-events: none;
}
.input-disabled .input-flex-box {
  background-color: #f3f3f3;
  outline-color: rgba(91, 117, 129, 0.3607843137);
}
.input-disabled .field label,
.input-disabled .field input {
  color: #c6c6c6;
}
.input-disabled .input-lg .field .label-floated {
  font-size: 14px;
  line-height: 18px;
  top: 18px;
}
.input-disabled .input-md .field .label-floated {
  font-size: 12px;
  line-height: 15px;
  top: 14px;
}
.input-disabled .input-sm .field .label-floated {
  font-size: 12px;
  line-height: 15px;
  top: 10px;
}
.input-disabled .prefix {
  color: #c6c6c6;
}
.input-disabled .suffix {
  color: #c6c6c6;
}
.input-disabled .eye-toggle {
  color: #c6c6c6;
}
.input-disabled .clear {
  color: #c6c6c6;
}
.input-disabled .incrementor .increase,
.input-disabled .incrementor .decrease {
  border-color: #bdc6ca;
  color: #bdc6ca;
}
.input-disabled .clear:hover {
  background-color: #f1f5f8;
}
.textarea {
  width: 100%;
  position: relative;
}
.textarea .text-area-charachter-count {
  font-size: 10px;
  text-align: right;
  line-height: 13px;
  font-family: Montserrat;
  margin-top: 2px;
  color: #a7b0b3;
}
.textarea .text-area-charachter-count-invalid {
  color: #ec0808;
}
.textarea-content-container {
  background-color: white;
  width: 100%;
  font-family: Montserrat;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
  padding: 1px;
  box-sizing: border-box;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.textarea-content-container .textarea-label-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 9px;
  width: calc(100% - 18px);
  gap: 4px;
}
.textarea-content-container .textarea-label-container .clear {
  display: none;
  opacity: 0;
  width: 17px;
  height: 17px;
  font-size: 8px;
  line-height: 8px;
  border-radius: 50%;
  background-color: #f1f5f8;
  color: #092532;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.textarea-content-container .textarea-label-container label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151515 #151515;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.textarea-content-container .textarea-label-container .label-floated {
  color: #717171;
}
.textarea-content-container:focus-within {
  border: 2px solid #151515;
  padding: 0px;
}
.textarea-content-container:focus-within .textarea-label-container label {
  color: #ff1900;
}
.textarea-content-container:hover {
  border-color: #151515;
}
.textarea-content-container:hover .clear {
  display: flex;
  opacity: 0.36;
}
.textarea-content-container:hover .clear:hover {
  opacity: 1;
}
.textarea-content-container textarea {
  resize: vertical;
  border: none;
  outline: none;
  font-family: inherit;
  background: transparent;
  color: #151515;
  width: 100%;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding-right: 8px;
  padding: 0px;
  -webkit-padding-end: 16px;
  width: calc(100% - 32px);
  margin-bottom: 6px;
}
.textarea-lg .textarea-label-container {
  top: 8px;
}
.textarea-lg .textarea-label-container label {
  font-size: 14px;
  line-height: 18px;
}
.textarea-lg .textarea-label-container .label-floated {
  font-size: 12px;
  line-height: 15px;
}
.textarea-lg:focus-within .textarea-label-container label {
  font-size: 12px;
  line-height: 15px;
}
.textarea-lg textarea {
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px;
}
.textarea-md .textarea-label-container {
  top: 8px;
}
.textarea-md .textarea-label-container label {
  font-size: 14px;
  line-height: 18px;
}
.textarea-md .textarea-label-container .label-floated {
  font-size: 12px;
  line-height: 15px;
}
.textarea-md:focus-within .textarea-label-container label {
  font-size: 12px;
  line-height: 15px;
}
.textarea-md textarea {
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px;
}
.textarea-sm .textarea-label-container {
  top: 4px;
}
.textarea-sm .textarea-label-container label {
  font-size: 14px;
  line-height: 18px;
}
.textarea-sm .textarea-label-container .label-floated {
  font-size: 12px;
  line-height: 15px;
}
.textarea-sm:focus-within .textarea-label-container label {
  font-size: 12px;
  line-height: 15px;
}
.textarea-sm textarea {
  margin-top: 19px;
  font-size: 14px;
  line-height: 18px;
}
.textarea-invalid {
  border-color: #ec0808 !important;
  background-color: #fff8f6;
}
.textarea-disabled {
  pointer-events: none;
  border: 2px solid rgba(91, 117, 129, 0.3607843137) !important;
  padding: 0px;
  background-color: #ffffff;
}
.textarea-disabled textarea {
  background: transparent;
  color: #c6c6c6;
}
.textarea-disabled .textarea-label-container label {
  color: #c6c6c6;
}
.textarea-disabled .textarea-label-container .label-floated {
  color: #c6c6c6;
}
@font-face {
  font-family: "map";
  src: url("./media/map.eot?a2yj14");
  src:
    url("./media/map.eot?a2yj14#iefix") format("embedded-opentype"),
    url("./media/map.ttf?a2yj14") format("truetype"),
    url("./media/map.woff?a2yj14") format("woff"),
    url("./media/map.svg?a2yj14#map") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: "map", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add-marker:before {
  content: "\e900";
  color: #37474f;
}
.icon-erase:before {
  content: "\e901";
  color: #37474f;
}
.icon-hand-grab:before {
  content: "\e902";
  color: #37474f;
}
.icon-remove-all:before {
  content: "\e903";
  color: #37474f;
}
.icon-select-main:before {
  content: "\e904";
  color: #37474f;
}
.icon-polygon:before {
  content: "\e905";
  color: #37474f;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.bounce {
  animation: bounce 0.4s infinite alternate;
}
:host {
  display: block;
  font-family: Montserrat;
}
.counter-flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.counter-flex-box .counter-btn {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.counter-flex-box .counter-btn div {
  width: 30px;
  height: 30px;
  font-size: 16px;
  border-radius: 2px;
  border: 1px solid #a7b0b3;
  color: #a7b0b3;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.counter-flex-box .counter-btn:hover div {
  border-color: #151515;
  color: #151515;
}
.counter-flex-box .counter-btn:active div {
  background-color: #151515;
  border-color: #151515;
  color: #f1f1f1;
}
.counter-disabled .counter-btn {
  pointer-events: none;
  background-color: #f3f3f3;
  border: 1px solid #f1f1f1;
}
.counter-disabled .counter-btn div {
  border-color: #a7b0b3;
  color: #a7b0b3;
}
.counter-sm .counter-btn {
  width: 38px;
  height: 38px;
}
.counter-md .counter-btn {
  width: 46px;
  height: 46px;
}
.counter-lg .counter-btn {
  width: 54px;
  height: 54px;
}
.control-errors-list {
  color: #ec0808;
  font-family: Montserrat;
}
.control-errors-list .error {
  font-size: 10px;
  line-height: 13px;
  display: flex;
  gap: 3px;
}
.pointy-control-errors-list {
  font-family: Montserrat;
  display: inline-block;
  background-color: #151515;
  border: 1px solid #ec0808;
  padding-left: 8px;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  border-radius: 4px;
  position: relative;
  margin-top: 7px;
}
.pointy-control-errors-list::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 10px;
  margin-left: -5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 2px;
  border-right-width: 2px;
}
.pointy-control-errors-list::before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 9px;
  margin-left: -5px;
  border-style: solid;
  border-color: transparent transparent #ec0808 transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 3px;
  border-right-width: 3px;
  z-index: -1;
}
.pointy-control-errors-list .error {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.pointy-control-errors-list .error i {
  font-size: 8px;
}
.radio-container {
  font-family: Montserrat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.radio-container .radio-input {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.radio-container .radio-input + label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  transition: all 0.2s;
}
.radio-container .radio-input + label::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  border: 2px solid #151515;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.2s;
  box-sizing: border-box;
}
.radio-container .radio-input + label::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background: #151515;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.2s;
  box-sizing: border-box;
}
.radio-container .radio-input:checked + label::after {
  opacity: 1;
}
.radio-container .radio-input:hover + label {
  color: #5f5f5f;
}
.radio-container .radio-input:hover + label::before {
  border-color: #5f5f5f;
}
.radio-container .radio-input:hover + label::after {
  background: #5f5f5f;
}
.radio-container.radio-lg .radio-input + label {
  padding-left: 32px;
  font-size: 15px;
  line-height: 24px;
}
.radio-container.radio-lg .radio-input + label::before {
  width: 24px;
  height: 24px;
}
.radio-container.radio-lg .radio-input + label::after {
  width: 16px;
  left: 4px;
}
.radio-container.radio-md .radio-input + label {
  padding-left: 28px;
  font-size: 15px;
  line-height: 20px;
}
.radio-container.radio-md .radio-input + label::before {
  width: 20px;
  height: 20px;
}
.radio-container.radio-md .radio-input + label::after {
  width: 12px;
  left: 4px;
}
.radio-container.radio-disabled {
  pointer-events: none;
}
.radio-container.radio-disabled .radio-input + label::before {
  border-color: #b9b9b9;
}
.radio-container.radio-disabled .radio-input + label::after {
  background: #b9b9b9;
}
.radio-container.radio-disabled .radio-input + label {
  color: #b9b9b9;
}
.radio-container.radio-invalid label:before {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ec0808;
  -moz-box-shadow: inset 0px 0px 0px 1px #ec0808;
  box-shadow: inset 0px 0px 0px 1px #ec0808;
}
.shl-radio-required-symball {
  color: #ec0808;
}
.shl-radio-button {
  font-family: Montserrat;
  display: flex;
}
.shl-radio-button .radio-input {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.shl-radio-button .radio-input + label {
  cursor: pointer;
  position: relative;
  padding-left: 0px;
  transition: all 0.2s;
  height: 36px;
  display: flex;
  align-items: center;
}
.shl-radio-button .radio-input + label .shl-radio-button-container {
  pointer-events: none;
  border: 1px solid;
  padding-left: 24px;
  padding-right: 24px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: 4px 4px 40px rgba(21, 21, 21, 0.0784313725);
  color: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-radio-button .radio-input:hover + label .shl-radio-button-container {
  background-color: #f1f1f1;
  border-color: #151515;
  color: #151515;
}
.shl-radio-button .radio-input:checked + label .shl-radio-button-container {
  background-color: #151515;
  border-color: #151515;
  color: #ffffff;
}
.shl-radio-button .radio-input:checked:hover + label .shl-radio-button-container {
  background-color: #343434;
  border-color: #151515;
  color: #ffffff;
}
.shl-radio-button.lg .radio-input + label {
  height: 56px;
}
.shl-radio-button.lg .radio-input + label .shl-radio-button-container {
  height: 56px;
  font-size: 16px;
  line-height: 16px;
}
.shl-radio-button.md .radio-input + label {
  height: 48px;
}
.shl-radio-button.md .radio-input + label .shl-radio-button-container {
  height: 48px;
  font-size: 14px;
  line-height: 15px;
}
.shl-radio-button.sm .radio-input + label {
  height: 36px;
}
.shl-radio-button.sm .radio-input + label .shl-radio-button-container {
  height: 36px;
  font-size: 12px;
  line-height: 15px;
}
.shl-radio-button.radio-disabled {
  pointer-events: none;
}
.shl-radio-button.radio-disabled .radio-input + label .shl-radio-button-container {
  color: #b9b9b9;
}
.shl-checkbox {
  font-family: Montserrat;
  position: relative;
  display: flex;
  flex-direction: column;
}
.checkbox-lg .shl-checkbox-label {
  padding-left: 24px;
  font-size: 15px;
  line-height: 24px;
  min-width: 1px;
  min-height: 24px;
}
.checkbox-lg .shl-checkbox-box:after {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
}
.checkbox-lg .shl-checkbox-input:checked + .shl-checkbox-box:before {
  left: 7px;
  top: 3px;
  width: 9px;
  height: 12px;
  box-sizing: border-box;
}
.checkbox-md .shl-checkbox-label {
  padding-left: 20px;
  font-size: 15px;
  line-height: 20px;
  min-width: 1px;
  min-height: 20px;
}
.checkbox-md .shl-checkbox-box:after {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}
.checkbox-md .shl-checkbox-input:checked + .shl-checkbox-box:before {
  left: 6px;
  top: 3px;
  width: 7px;
  height: 10px;
  box-sizing: border-box;
}
.shl-checkbox-label {
  max-width: 100%;
  color: #151515;
  transition: color 0.15s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shl-checkbox-input {
  display: none;
}
.shl-checkbox-box:before,
.shl-checkbox-box:after {
  transition: all 0.15s;
}
.shl-checkbox-box:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: " ";
  border: 2px solid #151515;
  border-radius: 2px;
}
.shl-checkbox-label-content {
  word-break: break-all;
  padding-left: 8px;
}
.shl-checkbox-input:checked + .shl-checkbox-box:after {
  background-color: #151515;
  border-color: #151515;
}
.shl-checkbox-input:checked + .shl-checkbox-box:before {
  transform: rotate(45deg);
  position: absolute;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-color: white;
  content: "";
  z-index: 1;
}
.shl-checkbox-label:hover {
  color: #5f5f5f;
}
.shl-checkbox-label:hover .shl-checkbox-input:checked + .shl-checkbox-box:after {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
}
.shl-checkbox-label:hover .shl-checkbox-box:after {
  border-color: #5f5f5f;
}
.checkbox-disabled {
  pointer-events: none;
}
.checkbox-disabled .shl-checkbox-box:after {
  border-color: #b9b9b9;
}
.checkbox-disabled .shl-checkbox-label {
  color: #b9b9b9;
}
.checkbox-disabled .shl-checkbox-input:checked + .shl-checkbox-box:after {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
}
.checkbox-invalid .shl-checkbox-box:after {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ec0808;
  -moz-box-shadow: inset 0px 0px 0px 1px #ec0808;
  box-shadow: inset 0px 0px 0px 1px #ec0808;
}
.shl-checkbox-required-symball {
  color: #ec0808;
}
.toggle-lg {
  height: 32px;
}
.toggle-lg label {
  height: 32px;
}
.toggle-lg label:active .toggle-switch {
  width: 36px;
  border-radius: 28px;
}
.toggle-lg label:active input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}
.toggle-lg .toggle-slider {
  border-radius: 34px;
  min-width: 58px;
  height: 28px;
}
.toggle-lg .toggle-slider .toggle-switch {
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  top: -2px;
}
.toggle-lg .toggle-slider .toggle-inside-content {
  width: calc(100% - 8px);
  margin-left: 4px;
}
.toggle-lg .toggle-slider .toggle-inside-content .toggle-inside-on-content {
  font-size: 14px;
  line-height: 14px;
}
.toggle-lg .toggle-slider .toggle-inside-content .toggle-inside-on-content i {
  font-size: 12px;
  line-height: 12px;
}
.toggle-lg .toggle-slider .toggle-inside-content .toggle-inside-off-content {
  font-size: 14px;
  line-height: 14px;
}
.toggle-lg .toggle-slider .toggle-inside-content .toggle-inside-off-content i {
  font-size: 12px;
  line-height: 12px;
}
.toggle-lg input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.toggle-lg .toggle-lds-ring {
  width: 32px;
  height: 32px;
}
.toggle-lg .toggle-lds-ring div {
  width: 24px;
  height: 24px;
  margin: 2px;
}
.toggle-md {
  height: 24px;
}
.toggle-md label {
  height: 24px;
}
.toggle-md label:active .toggle-switch {
  width: 28px;
  border-radius: 20px;
}
.toggle-md label:active input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.toggle-md .toggle-slider {
  border-radius: 34px;
  min-width: 48px;
  height: 20px;
}
.toggle-md .toggle-slider .toggle-switch {
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  top: -2px;
}
.toggle-md .toggle-slider .toggle-inside-content .toggle-inside-on-content {
  font-size: 12px;
  line-height: 12px;
}
.toggle-md .toggle-slider .toggle-inside-content .toggle-inside-on-content i {
  font-size: 10px;
  line-height: 10px;
}
.toggle-md .toggle-slider .toggle-inside-content .toggle-inside-off-content {
  font-size: 12px;
  line-height: 12px;
}
.toggle-md .toggle-slider .toggle-inside-content .toggle-inside-off-content i {
  font-size: 10px;
  line-height: 10px;
}
.toggle-md input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.toggle-md .toggle-lds-ring {
  width: 24px;
  height: 24px;
}
.toggle-md .toggle-lds-ring div {
  width: 16px;
  height: 16px;
  margin: 2px;
}
.toggle-sm {
  height: 20px;
}
.toggle-sm label {
  height: 20px;
}
.toggle-sm label:active .toggle-switch {
  width: 24px;
  border-radius: 16px;
}
.toggle-sm label:active input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.toggle-sm .toggle-slider {
  border-radius: 34px;
  min-width: 40px;
  height: 16px;
}
.toggle-sm .toggle-slider .toggle-inside-content .toggle-inside-on-content {
  font-size: 10px;
  line-height: 10px;
}
.toggle-sm .toggle-slider .toggle-inside-content .toggle-inside-on-content i {
  font-size: 8px;
  line-height: 8px;
}
.toggle-sm .toggle-slider .toggle-inside-content .toggle-inside-off-content {
  font-size: 10px;
  line-height: 10px;
}
.toggle-sm .toggle-slider .toggle-inside-content .toggle-inside-off-content i {
  font-size: 8px;
  line-height: 8px;
}
.toggle-sm .toggle-slider .toggle-switch {
  height: 18px;
  width: 18px;
  box-sizing: border-box;
  top: -1px;
}
.toggle-sm input:checked + .toggle-slider .toggle-switch {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}
.toggle-sm .toggle-lds-ring {
  width: 20px;
  height: 20px;
}
.toggle-sm .toggle-lds-ring div {
  width: 12px;
  height: 12px;
  margin: 2px;
}
.toggle-container {
  position: relative;
  font-family: Montserrat;
}
.toggle-container label {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  max-width: 100%;
  color: #151515;
  transition: color 0.15s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggle-container label .toggle-label-left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.toggle-container label .toggle-label-right {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
}
.toggle-container input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.toggle-container input:checked + .toggle-slider {
  background-color: #411818;
  border-color: #411818;
}
.toggle-container input:checked + .toggle-slider .toggle-inside-content .toggle-inside-on-content {
  display: flex;
}
.toggle-container input:checked + .toggle-slider .toggle-inside-content .toggle-inside-off-content {
  display: none;
}
.toggle-container input:checked + .toggle-slider .toggle-switch {
  border-color: #411818;
}
.toggle-container input:checked + .toggle-slider .toggle-switch .toggle-lds-ring div {
  border-color: #411818 transparent transparent transparent;
}
.toggle-slider {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a7b0b3;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.toggle-slider .toggle-switch {
  position: absolute;
  border-radius: 50%;
  left: 0px;
  background-color: white;
  border: 2px solid #b9b9b9;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.toggle-disabled {
  pointer-events: none;
}
.toggle-disabled label input:checked + .toggle-slider {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
}
.toggle-disabled label input:checked + .toggle-slider .toggle-switch {
  border-color: #b9b9b9;
}
.toggle-disabled label .toggle-switch {
  background-color: white;
  border-color: #b9b9b9;
}
.toggle-disabled label .toggle-slider {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
}
.toggle-disabled label .toggle-label-left,
.toggle-disabled label .toggle-label-right {
  color: #b9b9b9;
}
.toggle-loading {
  pointer-events: none;
}
.toggle-lds-ring {
  display: inline-block;
  position: relative;
}
.toggle-lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  border: 1px solid #a7b0b3;
  border-radius: 50%;
  animation: toggle-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #a7b0b3 transparent transparent transparent;
}
.toggle-lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
@keyframes toggle-lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toggle-inside-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fffcfc;
}
.toggle-inside-content .toggle-inside-on-content {
  display: none;
  align-items: center;
  justify-content: left;
  width: 100%;
  font-weight: 100;
  text-align: left;
  transition: all 0.15ms;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.toggle-inside-content .toggle-inside-off-content {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 100%;
  font-weight: 100;
  text-align: right;
  transition: all 0.15ms;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.shl-button {
  font-family: Montserrat;
  position: relative;
}
.shl-button .shl-button-loading-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
}
.shl-button-filled {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  transition: 0.15s all;
}
.shl-button-filled.shl-button-loading {
  pointer-events: none;
}
.shl-button-filled.shl-button-loading .shl-button-content-container {
  opacity: 0.54;
}
.shl-button-filled.shl-button-disabled.shl-button-shakeable:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.shl-button-filled.shl-button-disabled.shl-button-not-shakeable {
  pointer-events: none;
}
.shl-button-filled.shl-button-disabled.shl-button-not-shakeable .shl-button-content-container {
  border-color: #b9b9b9;
  -webkit-box-shadow: inset 0px 0px 0px 1px #b9b9b9 !important;
  -moz-box-shadow: inset 0px 0px 0px 1px #b9b9b9 !important;
  box-shadow: inset 0px 0px 0px 1px #b9b9b9 !important;
}
.shl-button-filled.shl-button-disabled.shl-button-not-shakeable .shl-button-content-container .shl-button-content-container-value {
  background-color: #b9b9b9;
  color: white;
}
.shl-button-filled.shl-button-stretched {
  width: 100%;
}
.shl-button-filled.shl-button-stretched .shl-button-content-container .shl-button-content-container-value {
  width: 100%;
}
.shl-button-filled.shl-button-stretched:active .shl-button-content-container .shl-button-content-container-value,
.shl-button-filled.shl-button-stretched:focus .shl-button-content-container .shl-button-content-container-value {
  width: calc(100% - 8px);
}
.shl-button-filled.shl-button-itarable:hover {
  opacity: 0.74;
}
.shl-button-filled.shl-button-itarable:active,
.shl-button-filled.shl-button-itarable:focus {
  outline: none;
}
.shl-button-filled.shl-button-itarable:active .shl-button-lg .shl-button-content-container-value,
.shl-button-filled.shl-button-itarable:focus .shl-button-lg .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-filled.shl-button-itarable:active .shl-button-md .shl-button-content-container-value,
.shl-button-filled.shl-button-itarable:focus .shl-button-md .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-filled.shl-button-itarable:active .shl-button-sm .shl-button-content-container-value,
.shl-button-filled.shl-button-itarable:focus .shl-button-sm .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-filled.shl-button-itarable:active:hover .shl-button-content-container,
.shl-button-filled.shl-button-itarable:focus:hover .shl-button-content-container {
  -webkit-box-shadow: inset 0px 0px 0px 1px transparent !important;
  -moz-box-shadow: inset 0px 0px 0px 1px transparent !important;
  box-shadow: inset 0px 0px 0px 1px transparent !important;
}
.shl-button-filled .shl-button-primary {
  border: 1px solid #151515;
  -webkit-box-shadow: inset 0px 0px 0px 1px #151515;
  -moz-box-shadow: inset 0px 0px 0px 1px #151515;
  box-shadow: inset 0px 0px 0px 1px #151515;
}
.shl-button-filled .shl-button-primary .shl-button-content-container-value {
  background-color: #151515;
}
.shl-button-filled .shl-button-secondary {
  border: 1px solid #fe7d00;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fe7d00;
  -moz-box-shadow: inset 0px 0px 0px 1px #fe7d00;
  box-shadow: inset 0px 0px 0px 1px #fe7d00;
}
.shl-button-filled .shl-button-secondary .shl-button-content-container-value {
  background-color: #fe7d00;
}
.shl-button-filled .shl-button-content-container {
  border-radius: 2px;
  transition: 0.15s all;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.shl-button-filled .shl-button-content-container .shl-button-content-container-value {
  box-sizing: border-box;
  display: flex;
  gap: 4px;
  align-items: center;
  flex-flow: row nowrap;
  border-radius: 0px;
  color: #f1f1f1;
  margin: 0px;
  transition: 0.15s all;
  transition: 0 margin;
  transition: 0 width;
}
.shl-button-filled .shl-button-content-container .shl-button-content-container-value::after,
.shl-button-filled .shl-button-content-container .shl-button-content-container-value::before {
  content: "";
  margin: auto;
}
.shl-button-filled .shl-button-content-container .shl-button-content-container-value .shl-button-left-icon-container,
.shl-button-filled .shl-button-content-container .shl-button-content-container-value .shl-button-right-icon-container {
  display: flex;
}
.shl-button-filled .shl-button-content-container .shl-button-content-container-value .shl-button-text {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shl-button-filled .shl-button-lg {
  height: 56px;
}
.shl-button-filled .shl-button-lg .shl-button-content-container-value {
  font-size: 16px;
  line-height: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 17px;
  padding-bottom: 17px;
}
.shl-button-filled .shl-button-md {
  height: 48px;
}
.shl-button-filled .shl-button-md .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.shl-button-filled .shl-button-sm {
  height: 36px;
}
.shl-button-filled .shl-button-sm .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.shl-button-outlined {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  transition: 0.15s all;
}
.shl-button-outlined.shl-button-loading {
  pointer-events: none;
}
.shl-button-outlined.shl-button-loading .shl-button-content-container {
  background-color: #a7b0b3;
  border-color: #a7b0b3;
  opacity: 0.54;
}
.shl-button-outlined.shl-button-disabled.shl-button-shakeable:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.shl-button-outlined.shl-button-disabled.shl-button-not-shakeable {
  pointer-events: none;
}
.shl-button-outlined.shl-button-disabled.shl-button-not-shakeable .shl-button-content-container {
  border-color: #b9b9b9;
}
.shl-button-outlined.shl-button-disabled.shl-button-not-shakeable .shl-button-content-container .shl-button-content-container-value {
  color: #b9b9b9;
}
.shl-button-outlined.shl-button-stretched {
  width: 100%;
}
.shl-button-outlined.shl-button-stretched .shl-button-content-container .shl-button-content-container-value {
  width: 100%;
}
.shl-button-outlined.shl-button-stretched:active .shl-button-content-container .shl-button-content-container-value,
.shl-button-outlined.shl-button-stretched:focus .shl-button-content-container .shl-button-content-container-value {
  width: calc(100% - 8px);
}
.shl-button-outlined.shl-button-itarable:hover .shl-button-content-container .shl-button-content-container-value {
  background-color: #f1f1f1;
}
.shl-button-outlined.shl-button-itarable:active,
.shl-button-outlined.shl-button-itarable:focus {
  outline: none;
}
.shl-button-outlined.shl-button-itarable:active .shl-button-content-container .shl-button-content-container-value,
.shl-button-outlined.shl-button-itarable:focus .shl-button-content-container .shl-button-content-container-value {
  border-color: inherit;
}
.shl-button-outlined.shl-button-itarable:active .shl-button-lg .shl-button-content-container-value,
.shl-button-outlined.shl-button-itarable:focus .shl-button-lg .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-outlined.shl-button-itarable:active .shl-button-md .shl-button-content-container-value,
.shl-button-outlined.shl-button-itarable:focus .shl-button-md .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 21px;
  padding-right: 21px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-outlined.shl-button-itarable:active .shl-button-sm .shl-button-content-container-value,
.shl-button-outlined.shl-button-itarable:focus .shl-button-sm .shl-button-content-container-value {
  border-radius: 2px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-outlined .shl-button-content-container {
  border: 1px solid;
  border-radius: 2px;
  transition: 0.15s all;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value {
  box-sizing: border-box;
  border: 1px solid transparent;
  display: flex;
  gap: 4px;
  align-items: center;
  flex-flow: row nowrap;
  border-radius: 0px;
  margin: 0px;
  transition: 0.15s all;
  transition: 0 margin;
  transition: 0 width;
}
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value::after,
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value::before {
  content: "";
  margin: auto;
}
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value .shl-button-left-icon-container,
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value .shl-button-right-icon-container {
  display: flex;
}
.shl-button-outlined .shl-button-content-container .shl-button-content-container-value .shl-button-text {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shl-button-outlined .shl-button-primary {
  border-color: #151515;
}
.shl-button-outlined .shl-button-primary .shl-button-content-container-value {
  background-color: transparent;
  color: #151515;
}
.shl-button-outlined .shl-button-secondary {
  border-color: #fe7d00;
}
.shl-button-outlined .shl-button-secondary .shl-button-content-container-value {
  background-color: transparent;
  color: #fe7d00;
}
.shl-button-outlined .shl-button-lg {
  height: 56px;
}
.shl-button-outlined .shl-button-lg .shl-button-content-container-value {
  font-size: 16px;
  line-height: 20px;
  padding-left: 39px;
  padding-right: 39px;
  padding-top: 17px;
  padding-bottom: 17px;
}
.shl-button-outlined .shl-button-md {
  height: 48px;
}
.shl-button-outlined .shl-button-md .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.shl-button-outlined .shl-button-sm {
  height: 36px;
}
.shl-button-outlined .shl-button-sm .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.shl-button-text {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  transition: 0.15s all;
}
.shl-button-text.shl-button-loading {
  pointer-events: none;
}
.shl-button-text.shl-button-loading .shl-button-content-container {
  background-color: #a7b0b3;
  color: #151515;
  opacity: 0.54;
}
.shl-button-text.shl-button-disabled.shl-button-shakeable:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.shl-button-text.shl-button-disabled.shl-button-not-shakeable {
  pointer-events: none;
}
.shl-button-text.shl-button-disabled.shl-button-not-shakeable .shl-button-content-container-value {
  color: #b9b9b9;
}
.shl-button-text.shl-button-stretched {
  width: 100%;
}
.shl-button-text.shl-button-stretched .shl-button-content-container .shl-button-content-container-value {
  width: 100%;
}
.shl-button-text.shl-button-itarable:hover .shl-button-content-container .shl-button-content-container-value {
  background-color: #f1f1f1;
}
.shl-button-text.shl-button-itarable:hover .shl-button-content-container .shl-button-content-container-value .shl-text-button-underline div {
  border-color: inherit;
}
.shl-button-text.shl-button-itarable:active,
.shl-button-text.shl-button-itarable:focus {
  outline: none;
}
.shl-button-text.shl-button-itarable:active .shl-button-content-container:hover .shl-button-content-container-value,
.shl-button-text.shl-button-itarable:focus .shl-button-content-container:hover .shl-button-content-container-value {
  background-color: #f1f1f1;
}
.shl-button-text.shl-button-itarable:active .shl-button-content-container:hover .shl-button-content-container-value .shl-text-button-underline div,
.shl-button-text.shl-button-itarable:focus .shl-button-content-container:hover .shl-button-content-container-value .shl-text-button-underline div {
  border-color: transparent;
}
.shl-button-text .shl-button-content-container {
  transition: 0.15s all;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value {
  border-radius: 2px;
  box-sizing: border-box;
  display: flex;
  gap: 4px;
  align-items: center;
  flex-flow: row nowrap;
  margin: 0px;
  transition: 0.15s all;
  transition: 0 margin;
  transition: 0 width;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value::after,
.shl-button-text .shl-button-content-container .shl-button-content-container-value::before {
  content: "";
  margin: auto;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value .shl-button-left-icon-container,
.shl-button-text .shl-button-content-container .shl-button-content-container-value .shl-button-right-icon-container {
  display: flex;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value .shl-button-text {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value .shl-text-button-underline {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: inherit;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-button-text .shl-button-content-container .shl-button-content-container-value .shl-text-button-underline div {
  height: calc(100% - 2px);
  width: calc(100% - 8px);
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;
}
.shl-button-text .shl-button-primary {
  color: #151515;
}
.shl-button-text .shl-button-secondary {
  color: #fe7d00;
}
.shl-button-text .shl-button-lg {
  height: 56px;
}
.shl-button-text .shl-button-lg .shl-button-content-container-value {
  font-size: 16px;
  line-height: 20px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.shl-button-text .shl-button-md {
  height: 48px;
}
.shl-button-text .shl-button-md .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.shl-button-text .shl-button-sm {
  height: 36px;
}
.shl-button-text .shl-button-sm .shl-button-content-container-value {
  font-size: 14px;
  line-height: 20px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}
.shl-icon-button {
  width: 28px;
  height: 28px;
  border: none;
  outline: none;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #151515;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-icon-button i {
  font-size: 18px;
}
.shl-icon-button .shl-icon-button-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.shl-icon-button .shl-icon-button-loading .lds-ring {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
}
.shl-icon-button .shl-icon-button-loading .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #b9b9b9;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #b9b9b9 transparent transparent transparent;
  box-sizing: border-box;
}
.shl-icon-button .shl-icon-button-loading .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.shl-icon-button .shl-icon-button-loading .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.shl-icon-button .shl-icon-button-loading .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.shl-icon-button:hover {
  background-color: #f1f1f1;
}
.shl-icon-button:active {
  background-color: #ffffff;
}
.shl-icon-button.disabled {
  background-color: #fffcfc;
  color: #b9b9b9;
  pointer-events: none;
}
.shl-button-dir {
  font-family: Montserrat;
  border: none;
  box-shadow: none;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
}
.shl-button-dir .shl-button-dir-loading-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
}
.shl-button-dir.lg {
  padding-left: 42px;
  padding-right: 42px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  line-height: 20px;
  gap: 8px;
}
.shl-button-dir.md {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  gap: 8px;
}
.shl-button-dir.sm {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 18px;
  gap: 8px;
}
.shl-button-dir.filled {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f1f1f1;
}
.shl-button-dir.filled.primary {
  background-color: #151515;
}
.shl-button-dir.filled.secondary {
  background-color: #fe7d00;
}
.shl-button-dir.filled.loading {
  background-color: #a7b0b3;
  pointer-events: none;
}
.shl-button-dir.filled:hover {
  opacity: 0.74;
}
.shl-button-dir.filled:disabled {
  pointer-events: none;
  background-color: #b9b9b9;
  outline: none;
  border: none;
}
.shl-button-dir.filled:active,
.shl-button-dir.filled:focus {
  outline: 0 none;
  outline-offset: 0;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
}
.shl-button-dir.outlined {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  background-color: transparent;
}
.shl-button-dir.outlined.primary {
  border-color: #151515;
  color: #151515;
}
.shl-button-dir.outlined.secondary {
  border-color: #fe7d00;
  color: #fe7d00;
}
.shl-button-dir.outlined.loading {
  background-color: #a7b0b3;
  pointer-events: none;
}
.shl-button-dir.outlined:hover {
  background-color: #f1f1f1;
}
.shl-button-dir.outlined:disabled {
  pointer-events: none;
  background-color: #b9b9b9;
  outline: none;
  border: none;
}
.shl-button-dir.outlined:active,
.shl-button-dir.outlined:focus {
  outline: 0 none;
  outline-offset: 0;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
}
.shl-button-dir.text {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.shl-button-dir.text.primary {
  color: #151515;
}
.shl-button-dir.text.secondary {
  color: #fe7d00;
}
.shl-button-dir.text.loading {
  background-color: #a7b0b3;
  pointer-events: none;
}
.shl-button-dir.text:hover {
  background-color: #f1f1f1;
}
.shl-button-dir.text:disabled {
  pointer-events: none;
  background-color: #b9b9b9;
  outline: none;
  border: none;
}
.shl-button-dir.text:active,
.shl-button-dir.text:focus {
  outline: 0 none;
  outline-offset: 0;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.5647058824);
}
.shl-chip {
  position: relative;
  font-family: Montserrat;
}
.shl-chip .shl-chip-action-container {
  border-radius: 4px;
  overflow: hidden;
  outline: 1px solid #f1f1f1;
  padding: 9px 16px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  transition-property: outline-color;
  cursor: default;
}
.shl-chip .shl-chip-action-container .shl-chip-backgound {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  z-index: -1;
  opacity: 0.1;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  transition-property: opacity;
}
.shl-chip .shl-chip-action-container .shl-chip-content {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #151515;
}
.shl-chip .shl-chip-action-container .shl-chip-content .shl-chip-icon {
  color: #fe7d00;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-chip .shl-chip-action-container:active .shl-chip-backgound {
  opacity: 1;
}
.shl-chip:hover .shl-chip-action-container {
  outline-color: #151515;
}
.shl-chip-closeable .shl-chip-action-container {
  padding-right: 44px;
}
.shl-chip-highlighted .shl-chip-action-container {
  outline-color: #FFB30F;
}
.shl-chip-highlighted .shl-chip-action-container .shl-chip-backgound {
  background-color: #FFFCFC !important;
}
.shl-chip-disabled {
  pointer-events: none;
}
.shl-chip-disabled .shl-chip-action-container {
  outline-color: #b9b9b9;
}
.shl-chip-disabled .shl-chip-action-container .shl-chip-backgound {
  background-color: #f1f1f1 !important;
}
.shl-chip-disabled .shl-chip-action-container .shl-chip-content {
  color: #b9b9b9;
}
.shl-chip-disabled .shl-chip-action-container .shl-chip-content .shl-chip-icon {
  color: #b9b9b9;
}
.shl-chip-disabled .shl-chip-close-btn {
  color: #b9b9b9;
}
.shl-chip-loading {
  pointer-events: none;
}
.shl-chip-loading .shl-chip-action-container {
  outline-color: #f1f1f1;
}
.shl-chip-loading .shl-chip-action-container .shl-chip-backgound {
  background-color: #f1f1f1 !important;
}
.shl-chip-loading .shl-chip-action-container .shl-chip-content {
  color: #b9b9b9;
}
.shl-chip-loading .shl-chip-action-container .shl-chip-content .shl-chip-icon {
  color: #b9b9b9;
}
.shl-chip-loading .shl-chip-close-btn {
  color: #b9b9b9;
}
.shl-chip-loading.shl-chip-not-closeable .shl-chip-action-container {
  padding-right: 39px;
}
.shl-chip-close-btn {
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  box-shadow: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  background-color: #fffcfc;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  transition-property: background-color;
}
.shl-chip-close-btn i {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  transition-property: transform;
}
.shl-chip-close-btn:hover {
  background-color: #f1f1f1;
}
.shl-chip-close-btn:active i {
  transform: scale(0.9);
}
.shl-chip-loader {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-chip-loader .shl-chip-spinner {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
}
.shl-chip-loader .shl-chip-spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #151515;
  border-radius: 50%;
  animation: shl-chip-spinner 1.2s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
  border-color: #151515 #151515 #151515 transparent;
}
.shl-chip-loader .shl-chip-spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
@keyframes shl-chip-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.shl-slider-size-md .shl-slider-input {
  width: calc(100% + 30px);
  height: 30px;
  border-radius: 15px;
  margin-left: -15px;
}
.shl-slider-size-md .shl-slider-input::-webkit-slider-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-md .shl-slider-input::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-md .shl-slider-input::-ms-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-md.shl-slider-value-inside-thumb .shl-slider-input {
  width: calc(100% + 50px);
  height: 30px;
  border-radius: 15px;
  margin-left: -25px;
}
.shl-slider-size-md.shl-slider-value-inside-thumb .shl-slider-input::-webkit-slider-thumb {
  width: 50px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-md.shl-slider-value-inside-thumb .shl-slider-input::-moz-range-thumb {
  width: 50px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-md.shl-slider-value-inside-thumb .shl-slider-input::-ms-range-thumb {
  width: 50px;
  height: 30px;
  border-radius: 15px;
}
.shl-slider-size-lg .shl-slider-input {
  width: calc(100% + 36px);
  height: 36px;
  margin-left: -18px;
}
.shl-slider-size-lg .shl-slider-input::-webkit-slider-thumb {
  width: 36px;
  height: 36px;
}
.shl-slider-size-lg .shl-slider-input::-moz-range-thumb {
  width: 36px;
  height: 36px;
}
.shl-slider-size-lg .shl-slider-input::-ms-range-thumb {
  width: 36px;
  height: 36px;
}
.shl-slider-size-lg.shl-slider-value-inside-thumb .shl-slider-input {
  width: calc(100% + 50px);
  height: 36px;
  border-radius: 18px;
  margin-left: -25px;
}
.shl-slider-size-lg.shl-slider-value-inside-thumb .shl-slider-input::-webkit-slider-thumb {
  width: 50px;
  height: 36px;
  border-radius: 18px;
}
.shl-slider-size-lg.shl-slider-value-inside-thumb .shl-slider-input::-moz-range-thumb {
  width: 50px;
  height: 36px;
  border-radius: 18px;
}
.shl-slider-size-lg.shl-slider-value-inside-thumb .shl-slider-input::-ms-range-thumb {
  width: 50px;
  height: 36px;
  border-radius: 18px;
}
.shl-slider-input {
  -webkit-appearance: none !important;
  display: block;
  width: 100%;
  height: 30px;
  border-radius: 2px;
  position: relative;
  background-color: transparent;
  margin: 0;
  z-index: 3;
}
.shl-slider-blocks-height-fixer {
  height: 15px;
}
.shl-slider-input:focus {
  outline: none;
}
.shl-slider-input::-webkit-slider-runnable-track {
  z-index: 1;
}
.shl-slider-input::-moz-range-track {
  z-index: 1;
}
.shl-slider-input::-ms-range-track {
  z-index: 1;
}
.shl-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-input::-moz-range-thumb {
  -webkit-appearance: none !important;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-input::-ms-range-thumb {
  -webkit-appearance: none !important;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-value-inside-thumb-input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 50px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-value-inside-thumb-input::-moz-range-thumb {
  -webkit-appearance: none !important;
  width: 50px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-value-inside-thumb-input::-ms-range-thumb {
  -webkit-appearance: none !important;
  width: 50px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.shl-slider-container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-family: "Montserrat";
  z-index: 0;
}
.shl-slider-container .shl-slider-label-container {
  margin-bottom: 16px;
}
.shl-slider-container .shl-slider-label-container label {
  font-size: 16px;
  line-height: 19px;
  color: #343434;
}
.shl-slider-container .shl-slider-tooltip-container {
  margin-bottom: 8px;
}
.shl-slider-container .shl-slider-tooltip-container .shl-slider-tooltip {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 15px;
  padding: 8px;
  border: 1px solid #a7b0b3;
  color: #a7b0b3;
  border-radius: 3px;
  opacity: 0;
  transition: all 0.1s;
  transition: margin-left 0.1s;
}
.shl-slider-container .shl-slider-tooltip-container .shl-slider-tooltip .shl-slider-tooltip-small-arrow {
  content: " ";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fffcfc transparent transparent transparent;
  transition: all 0.1s;
}
.shl-slider-container .shl-slider-tooltip-container .shl-slider-tooltip .shl-slider-tooltip-big-arrow {
  content: " ";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  z-index: -1;
  border-width: 5px 5px 0 5px;
  border-color: #a7b0b3 transparent transparent transparent;
  transition: all 0.1s;
}
.shl-slider-container .shl-slider-tooltip-container .shl-slider-tooltip.shl-tooltip-active {
  border-color: #151515;
  color: #151515;
}
.shl-slider-container .shl-slider-tooltip-container .shl-slider-tooltip.shl-tooltip-active .shl-slider-tooltip-big-arrow {
  border-color: #151515 transparent transparent transparent;
}
.shl-slider-container .shl-slider-values {
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  color: #a7b0b3;
  height: 16px;
  margin-top: 2px;
}
.shl-slider-container .shl-slider-values .shl-slider-max-value {
  display: inline;
  float: right;
}
.shl-slider-container .shl-slider-bars-container {
  position: relative;
}
.shl-slider-container .shl-slider-bars-container .shl-slider-fill-bar {
  width: 50%;
  height: 2px;
  background-color: #ff1900;
  position: absolute;
  pointer-events: none;
  transition: all 0.1s;
}
.shl-slider-container .shl-slider-bars-container .shl-slider-input-bar {
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #b9b9b9;
  position: absolute;
  pointer-events: none;
}
.shl-slider-container .shl-slider-bars-container .shl-slider-thumb {
  position: absolute;
  background: #fffcfc;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a7b0b3;
  border: 1px solid #a7b0b3;
  transition: all 0.1s;
  z-index: 2;
}
.shl-slider-container .shl-slider-bars-container .shl-slider-thumb .shl-slider-thumb-value-inside {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}
.shl-slider-container .shl-slider-bars-container .shl-slider-thumb.shl-thumb-active {
  background-color: #f1f1f1;
  border-color: #151515;
  color: #151515;
}
.shl-slider-container .shl-slider-blocks {
  position: absolute;
  top: 14px;
  width: 100%;
  z-index: 1;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container {
  position: relative;
  width: 100%;
  height: 34px;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block {
  transform: translate(-50%, 0);
  position: absolute;
  cursor: pointer;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line span {
  height: 18px;
  width: 1px;
  transition: background-color 0.1s ease-in;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line.shl-slider-block-line-active span {
  background-color: #ff1900;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line.shl-slider-block-line-inactive span {
  background-color: #a7b0b3 !important;
}
.shl-slider-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-value {
  font-size: 14px;
  line-height: 18px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-bars-container .shl-slider-thumb {
  width: 29px;
  height: 29px;
  border-radius: 15px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-bars-container .shl-slider-fill-bar {
  top: 14px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-bars-container .shl-slider-input-bar {
  top: 14px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-blocks {
  top: 14px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-blocks .shl-slider-blocks-relative-container {
  height: 34px;
}
.shl-slider-container.shl-slider-size-md .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line span {
  height: 18px;
}
.shl-slider-container.shl-slider-size-md.shl-slider-value-inside-thumb .shl-slider-bars-container .shl-slider-thumb {
  width: 50px;
  height: 29px;
  border-radius: 15px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-bars-container .shl-slider-thumb {
  width: 35px;
  height: 35px;
  border-radius: 18px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-bars-container .shl-slider-fill-bar {
  top: 17px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-bars-container .shl-slider-input-bar {
  top: 17px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-blocks {
  top: 17px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-blocks .shl-slider-blocks-relative-container {
  height: 34px;
}
.shl-slider-container.shl-slider-size-lg .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line span {
  height: 21px;
}
.shl-slider-container.shl-slider-size-lg.shl-slider-value-inside-thumb .shl-slider-bars-container .shl-slider-thumb {
  width: 50px;
  height: 35px;
  border-radius: 15px;
}
.shl-slider-container.shl-slider-invalid .shl-slider-bars-container .shl-slider-fill-bar {
  background-color: #ec0808;
}
.shl-slider-container.shl-slider-invalid .shl-slider-bars-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line.shl-slider-block-line-active span {
  background-color: #ec0808;
}
.shl-slider-container.shl-slider-disabled .shl-slider-tooltip-container .shl-slider-tooltip {
  border: 1px solid #b9b9b9;
  color: #b9b9b9;
  background-color: #f1f1f1;
}
.shl-slider-container.shl-slider-disabled .shl-slider-tooltip-container .shl-slider-tooltip .shl-slider-tooltip-small-arrow {
  border-color: #f1f1f1 transparent transparent transparent;
}
.shl-slider-container.shl-slider-disabled .shl-slider-tooltip-container .shl-slider-tooltip .shl-slider-tooltip-big-arrow {
  border-color: #a7b0b3 transparent transparent transparent;
}
.shl-slider-container.shl-slider-disabled .shl-slider-bars-container .shl-slider-fill-bar {
  background-color: #b9b9b9;
}
.shl-slider-container.shl-slider-disabled .shl-slider-bars-container .shl-slider-input-bar {
  opacity: 0.54;
}
.shl-slider-container.shl-slider-disabled .shl-slider-bars-container .shl-slider-blocks .shl-slider-blocks-relative-container .shl-slider-block .shl-slider-block-line span {
  background-color: #b9b9b9;
  opacity: 0.54;
}
.shl-range-blocks-height-fixer {
  height: 15px;
}
.shl-range-container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: "Montserrat", sans-serif;
  z-index: 0;
}
.shl-range-container .shl-range-inputs-container {
  position: relative;
  z-index: 3;
}
.shl-range-container .shl-range-inputs-container .shl-range-input::-webkit-slider-thumb {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  pointer-events: all;
  -webkit-appearance: none !important;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
}
.shl-range-container .shl-range-inputs-container .shl-range-input::-moz-range-thumb {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  pointer-events: all;
  -webkit-appearance: none !important;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
}
.shl-range-container .shl-range-inputs-container .shl-range-input::-ms-thumb {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  pointer-events: all;
  -webkit-appearance: none !important;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
}
.shl-range-container .shl-range-inputs-container .shl-range-input {
  -webkit-appearance: none !important;
  width: 100%;
  border-radius: 2px;
  position: absolute;
  transition: all 0.2s;
  background-color: transparent;
  pointer-events: none;
  margin: 0;
  cursor: pointer;
}
.shl-range-container .shl-range-inputs-container .dominant-slider {
  z-index: 20;
}
.shl-range-container .shl-range-label-container {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 16px;
  color: #343434;
}
.shl-range-container .shl-range-tooltip-height-fixer {
  margin-bottom: 8px;
}
.shl-range-container .shl-range-values {
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  color: #a7b0b3;
  height: 16px;
  margin-top: 2px;
}
.shl-range-container .shl-range-values .shl-range-min-value {
  display: inline;
  float: left;
}
.shl-range-container .shl-range-values .shl-range-max-value {
  display: inline;
  float: right;
}
.shl-range-container .shl-range-input-bars-wrapper {
  position: relative;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container {
  position: relative;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-input-bar {
  width: 100%;
  height: 2px;
  background-color: #a7b0b3;
  position: absolute;
  top: 14px;
  pointer-events: none;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-fill-bar {
  background-color: #ff1900;
  border-radius: 50px;
  width: 100%;
  display: block;
  height: 2px;
  top: 14px;
  position: absolute;
  transition: all 0.1s;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max {
  position: absolute;
  background: #fffcfc;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a7b0b3;
  border: 1px solid #a7b0b3;
  transition: all 0.1s;
  z-index: 2;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min.shl-thumb-active,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max.shl-thumb-active {
  background-color: #f1f1f1;
  border-color: #151515;
  color: #151515;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min.dominant-slider,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max.dominant-slider {
  z-index: 3;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-thumb-value-inside,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-thumb-value-inside {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container {
  position: absolute;
  bottom: calc(100% + 8px);
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 15px;
  padding: 8px;
  border: 1px solid #a7b0b3;
  color: #a7b0b3;
  background-color: #fffcfc;
  border-radius: 3px;
  transition: all 0.1s;
  transition: margin-left 0.1s;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-small-arrow,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-small-arrow {
  content: " ";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fffcfc transparent transparent transparent;
  transition: all 0.1s;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-big-arrow,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-big-arrow {
  content: " ";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  z-index: -1;
  border-width: 5px 5px 0 5px;
  border-color: #a7b0b3 transparent transparent transparent;
  transition: all 0.1s;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip.shl-tooltip-active,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip.shl-tooltip-active {
  border-color: #151515;
  color: #151515;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip.shl-tooltip-active .shl-range-tooltip-big-arrow,
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip.shl-tooltip-active .shl-range-tooltip-big-arrow {
  border-color: #151515 transparent transparent transparent;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks {
  position: absolute;
  top: 14px;
  width: 100%;
  z-index: 1;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container {
  position: relative;
  width: 100%;
  height: 34px;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block {
  transform: translate(-50%, 0);
  position: absolute;
  cursor: pointer;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line span {
  height: 18px;
  width: 1px;
  transition: background-color 0.1s ease-in;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line.shl-range-block-line-active span {
  background-color: #ff1900;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line.shl-range-block-line-inactive span {
  background-color: #a7b0b3 !important;
}
.shl-range-container .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-value {
  font-size: 14px;
  line-height: 18px;
}
.shl-range-container.shl-range-size-md .shl-range-inputs-container {
  position: relative;
  height: 30px;
}
.shl-range-container.shl-range-size-md .shl-range-inputs-container .shl-range-input::-webkit-slider-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-range-container.shl-range-size-md .shl-range-inputs-container .shl-range-input::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-range-container.shl-range-size-md .shl-range-inputs-container .shl-range-input::-ms-thumb {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.shl-range-container.shl-range-size-md .shl-range-inputs-container .shl-range-input {
  width: calc(100% + 30px);
  height: 30px;
  margin-left: -15px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-input-bar {
  top: 14px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-fill-bar {
  top: 14px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min,
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max {
  width: 29px;
  height: 29px;
  border-radius: 15px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks {
  top: 14px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container {
  height: 34px;
}
.shl-range-container.shl-range-size-md .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line span {
  height: 18px;
}
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min,
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max {
  width: 50px;
}
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-webkit-slider-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-moz-range-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-ms-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-md.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input {
  width: calc(100% + 50px);
  margin-left: -25px;
}
.shl-range-container.shl-range-size-lg .shl-range-inputs-container {
  position: relative;
  height: 36px;
}
.shl-range-container.shl-range-size-lg .shl-range-inputs-container .shl-range-input::-webkit-slider-thumb {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.shl-range-container.shl-range-size-lg .shl-range-inputs-container .shl-range-input::-moz-range-thumb {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.shl-range-container.shl-range-size-lg .shl-range-inputs-container .shl-range-input::-ms-thumb {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.shl-range-container.shl-range-size-lg .shl-range-inputs-container .shl-range-input {
  width: calc(100% + 36px);
  height: 36px;
  margin-left: -18px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-input-bar {
  top: 17px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-fill-bar {
  top: 17px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min,
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max {
  width: 35px;
  height: 35px;
  border-radius: 18px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks {
  top: 17px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container {
  height: 34px;
}
.shl-range-container.shl-range-size-lg .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line span {
  height: 21px;
}
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min,
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max {
  width: 50px;
}
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-webkit-slider-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-moz-range-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input::-ms-thumb {
  width: 50px;
}
.shl-range-container.shl-range-size-lg.shl-range-value-inside-thumb .shl-range-inputs-container .shl-range-input {
  width: calc(100% + 50px);
  margin-left: -25px;
}
.shl-range-container.shl-range-invalid .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-fill-bar {
  background-color: #ec0808;
}
.shl-range-container.shl-range-invalid .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line.shl-range-block-line-active span {
  background-color: #ec0808;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-fill-bar {
  background-color: #b9b9b9;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-input-bar {
  background-color: #b9b9b9;
  opacity: 0.54;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-blocks .shl-range-blocks-relative-container .shl-range-block .shl-range-block-line span {
  background-color: #b9b9b9;
  opacity: 0.54;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip,
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip {
  border: 1px solid #b9b9b9;
  color: #b9b9b9;
  background-color: #f1f1f1;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-small-arrow,
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-small-arrow {
  border-color: #f1f1f1 transparent transparent transparent;
}
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-min .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-big-arrow,
.shl-range-container.shl-range-disabled .shl-range-input-bars-wrapper .shl-range-bars-container .shl-range-thumb-max .shl-range-tooltip-relative-container .shl-range-tooltip-absolute-container .shl-range-tooltip .shl-range-tooltip-big-arrow {
  border-color: #b9b9b9 transparent transparent transparent;
}
.shl-popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 52, 52, 0.4);
  z-index: -1;
}
.shl-popup-container {
  font-family: "Montserrat", sans-serif;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
  padding: 4px;
  background-color: transparent;
  position: relative;
}
.shl-popup-container .shl-popup-close {
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 16px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: all 0.1s;
}
.shl-popup-container .shl-popup-close:hover {
  background-color: #f1f1f1;
}
.shl-popup-container .shl-popup-container-content {
  border-radius: 2px;
  background-color: #fffcfc;
  padding: 16px;
  position: relative;
}
.shl-confirmation-container {
  width: 546px;
  box-sizing: border-box;
}
.shl-confirmation-container .shl-confirmation-header {
  padding-top: 7px;
  padding-bottom: 23px;
  border-bottom: 1px solid #f1f1f1;
  margin-left: -16px;
  margin-right: -16px;
  color: #151515;
}
.shl-confirmation-container .shl-confirmation-header h2 {
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
}
.shl-confirmation-container .shl-confirmation-body {
  color: #151515;
  border-bottom: 1px solid #a7b0b3;
  padding-bottom: 37px;
  padding-top: 42px;
  margin-left: -16px;
  margin-right: -16px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
}
.shl-confirmation-container .shl-confirmation-footer {
  padding-top: 18px;
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shl-drawer-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 52, 52, 0.4);
  z-index: -1;
}
.shl-select-show-above-overlay {
  position: relative;
  z-index: 10001;
}
.shl-select {
  font-family: Montserrat;
  position: relative;
}
.shl-select .shl-select-inputs-container {
  position: relative;
}
.shl-select .shl-select-inputs-container .shl-select-input {
  transform: scale(0);
  position: absolute;
  top: 0;
  left: 0;
}
.shl-select-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 6px;
  border-radius: 50%;
  background-color: transparent;
  color: #151515;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.shl-select-close.hovered {
  background-color: #f1f5f8;
  opacity: 1;
}
.shl-select-close.active {
  opacity: 1;
  background-color: #151515;
  color: #f1f5f8;
}
.shl-select-close.disabled {
  background-color: #b9b9b9;
  color: #f1f1f1;
  opacity: 1;
}
.shl-select-close.opened {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shl-select-value-counter span {
  color: #151515;
  font-size: 18px;
  line-height: 22px;
}
.shl-select-value-counter.disabled span {
  color: #c6c6c6;
}
.shl-select-options-overlay {
  font-family: Montserrat;
}
.shl-select-options-overlay.tree-options {
  transform: scale(0);
  transform-origin: top center;
  opacity: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.shl-select-options-overlay.closed {
  transform-origin: top center;
  transform: scale(0);
  opacity: 0;
}
.shl-select-options-overlay.opened {
  transform-origin: top center;
  transform: scale(1);
  opacity: 1;
}
.shl-select-options {
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}
.shl-select-options .shl-select-options-footer {
  border-top: 1px solid #dbdbdb;
  padding: 10px;
}
.shl-select-options .shl-select-options-container {
  padding-bottom: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.shl-select-options .shl-select-options-container .shl-select-options-columns {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.shl-select-options .shl-select-options-container .shl-select-options-columns .shl-select-options-column {
  width: 50%;
}
.shl-select-option {
  padding-left: 8px;
  padding-right: 8px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
}
.shl-select-option .shl-select-option-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.shl-select-option .shl-select-option-container .shl-select-option-img img {
  width: 24px;
  height: 24px;
}
.shl-select-option .shl-select-option-container .shl-select-option-prefix,
.shl-select-option .shl-select-option-container .shl-select-option-suffix {
  font-size: 16px;
  line-height: 19px;
  color: #a7b0b3;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
}
.shl-select-option .shl-select-option-container .shl-select-option-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-primary {
  font-size: 16px;
  line-height: 19px;
  color: rgba(21, 21, 21, 0.8);
  width: 100%;
  position: relative;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-primary span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-primary--no-width {
  font-size: 14px;
  width: auto;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-secondary {
  font-size: 14px;
  line-height: 18px;
  color: #7a8990;
  position: relative;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-secondary span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.shl-select-option .shl-select-option-container .shl-select-option-text .shl-select-option-text-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.shl-select-option.hovered {
  background-color: #fff8f6;
}
.shl-select-option.selected {
  background-color: #fff8f6;
}
.shl-select-option.disabled {
  background-color: #f3f3f3;
  pointer-events: none;
  cursor: default;
}
.shl-select-option.disabled .shl-select-option-prefix,
.shl-select-option.disabled .shl-select-option-suffix {
  color: #c6c6c6;
}
.shl-select-option.disabled .shl-select-option-text .shl-select-option-text-primary,
.shl-select-option.disabled .shl-select-option-text .shl-select-option-text-secondary {
  color: #c6c6c6;
}
.shl-select-option.disabled .shl-select-option-img {
  opacity: 0.6;
}
.shl-select-options-empty {
  padding: 8px;
}
.shl-select-options-empty .shl-select-options-empty-container {
  display: flex;
  gap: 8px;
}
.shl-select-options-empty div:first-child span {
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c6c6c6;
  position: relative;
}
.shl-select-options-empty div:first-child span i:first-child {
  color: #c6c6c6;
  font-size: 31px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.shl-select-options-empty div:first-child span i:last-child {
  color: #c6c6c6;
  font-size: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-6px, -6px);
}
.shl-select-options-empty .shl-select-option-empty-texts p {
  color: #7a8990;
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
}
.shl-select-chip-view {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.shl-tree-option .shl-tree-option-container {
  display: flex;
  flex-direction: column;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent {
  cursor: pointer;
  height: 48px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 1px;
  border: 1px solid transparent;
  border-bottom-color: #f8f8f8;
  box-sizing: content-box;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent.hovered {
  background-color: #fff8f6;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent.selected {
  background-color: #fff8f6;
  border-radius: 2px;
  border: 1px solid #a7b0b3;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown div {
  width: 24px;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: all 0.15s;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button i {
  color: #151515;
  font-size: 6px;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button:hover {
  background-color: #f1f5f8;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button:active {
  background-color: #151515;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button:active i {
  color: #fffcfc;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-dropdown button.opened {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-img img {
  width: 24px;
  height: 24px;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-prefix,
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-suffix {
  font-size: 16px;
  line-height: 19px;
  color: #a7b0b3;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-text .shl-select-option-text-primary {
  font-size: 16px;
  line-height: 19px;
  color: rgba(21, 21, 21, 0.8);
  width: 100%;
  position: relative;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-text .shl-select-option-text-primary span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-text .shl-select-option-text-secondary {
  font-size: 14px;
  line-height: 18px;
  color: #7a8990;
  width: 100%;
  position: relative;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-parent .shl-select-option-text .shl-select-option-text-secondary span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.shl-tree-option .shl-tree-option-container .shl-tree-option-child {
  padding-left: 16px;
  background-color: #f8f8f8;
}
.shl-tab-view {
  display: block;
  font-family: Montserrat;
  width: 100%;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header:first-child .shl-tab-view-header-container {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header:last-child .shl-tab-view-header-container {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header:last-child .shl-tab-view-header-container .shl-tab-view-header-line {
  border-right: none;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container {
  background-color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border-right: 1px solid #b9b9b9;
  height: 100%;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container:hover {
  background-color: #f1f1f1;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container:hover:not(.active, .disabled) {
  border-bottom: 1px solid #ff1900;
  margin-bottom: -1px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container:hover.active {
  background-color: #343434;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.disabled {
  pointer-events: none;
  background-color: #f1f1f1;
  color: #b9b9b9;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.active {
  color: #fffcfc;
  background-color: #151515;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.size-lg {
  padding-top: 15px;
  padding-bottom: 14px;
  font-size: 16px;
  line-height: 19px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.size-md {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  line-height: 18px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.without-prefix-and-suffix.size-lg .shl-tab-view-header-line {
  padding-left: 16px;
  padding-right: 32px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.without-prefix-and-suffix.size-md .shl-tab-view-header-line {
  padding-left: 16px;
  padding-right: 28px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-prefix-and-suffix .shl-tab-view-header-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-prefix-and-suffix .shl-tab-view-header-line div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-prefix-and-suffix.size-lg .shl-tab-view-header-line {
  padding-left: 8px;
  padding-right: 8px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-prefix-and-suffix.size-md .shl-tab-view-header-line {
  padding-left: 4px;
  padding-right: 4px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-prefix .shl-tab-view-header-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-prefix .shl-tab-view-header-line div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-prefix.size-lg .shl-tab-view-header-line {
  padding-left: 8px;
  padding-right: 19px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-prefix.size-md .shl-tab-view-header-line {
  padding-left: 4px;
  padding-right: 19px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-suffix .shl-tab-view-header-line {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-suffix .shl-tab-view-header-line div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-suffix .shl-tab-view-header-suffix {
  height: 20px;
  border: 1px;
  border-radius: 100px;
  background: #ffffff;
  color: #151515;
  width: auto;
  min-width: 20px;
  padding: 4px;
  font-size: 12px;
  margin-right: 5px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-suffix.size-lg .shl-tab-view-header-line {
  padding-left: 19px;
  padding-right: 8px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header .shl-tab-view-header-container.with-only-suffix.size-md .shl-tab-view-header-line {
  padding-left: 19px;
  padding-right: 4px;
}
.shl-tab-view .shl-tab-view-headers .shl-tab-view-headers-container .shl-tab-view-header:last-child .shl-tab-view-header-container {
  border-right: none;
}
.shl-accordion {
  display: block;
  font-family: Montserrat;
}
.shl-accordion .shl-accordion-item {
  border: 1px solid;
  border-bottom-color: #a7b0b3;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header {
  position: relative;
  border-radius: 2px;
  border: 2px solid transparent;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-left: -2px;
  margin-right: -2px;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header input {
  height: 0;
  padding: 0;
  margin: 0;
  width: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  height: 40px;
  box-sizing: border-box;
  color: #151515;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-prefix,
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-suffix,
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-prefix i,
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-suffix i,
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-text i {
  font-size: 11px;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-prefix {
  margin-right: 8px;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-suffix {
  margin-left: 8px;
  margin-right: 8px;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-text {
  justify-content: left;
  width: 100%;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-count {
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #151515;
  background-color: #f1f1f1;
  color: #151515;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon div {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon div:hover {
  background-color: #f1f5f8;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon:focus {
  outline: none;
}
.shl-accordion .shl-accordion-item .shl-accordion-item-body {
  padding-top: 4px;
  padding-left: 17px;
  padding-right: 25px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 21px;
  background-color: white;
}
.shl-accordion .shl-accordion-item:hover:not(.disabled) .shl-accordion-item-header .shl-accordion-item-header-content {
  background-color: #fffcfc;
}
.shl-accordion .shl-accordion-item.focused .shl-accordion-item-header {
  border-color: #151515;
}
.shl-accordion .shl-accordion-item.active .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon div {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: #151515;
  color: white;
}
.shl-accordion .shl-accordion-item.disabled .shl-accordion-item-header .shl-accordion-item-header-content {
  color: #b9b9b9;
  cursor: default;
}
.shl-accordion .shl-accordion-item.disabled .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-header-icon div {
  background-color: #b9b9b9;
  color: white;
}
.shl-accordion .shl-accordion-item.disabled .shl-accordion-item-header .shl-accordion-item-header-content .shl-accordion-item-count {
  background-color: #f1f1f1;
  border-color: #b9b9b9;
  color: #b9b9b9;
}
.shl-message {
  font-family: Montserrat;
}
.shl-message .shl-message-thick .shl-message-thick-container {
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f1f1f1;
  box-shadow: 4px 4px 40px rgba(21, 21, 21, 0.0784313725);
  border-left: 3px solid #151515;
  position: relative;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-thick-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-thick-close-btn:focus {
  outline: none;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-thick-close-btn i {
  font-size: 10px;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-thick-icon {
  position: absolute;
  bottom: 12px;
  right: 16px;
  opacity: 0.2;
  font-size: 51px;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-texts {
  letter-spacing: 0.16px;
  margin-right: 82px;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-texts .shl-message-title {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  font-weight: 400;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-texts .shl-message-body {
  margin: 0;
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
}
.shl-message .shl-message-thick .shl-message-thick-container .shl-message-texts .shl-message-footer {
  margin: 0;
  margin-top: 16px;
  font-size: 14px;
  line-height: 18px;
}
.shl-message .shl-message-thick .shl-message-thick-container.hovered {
  background-color: #fffcfc;
}
.shl-message .shl-message-line {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 16px;
  padding-right: 21px;
  background-color: #fffcfc;
  box-shadow: 4px 4px 40px rgba(21, 21, 21, 0.0784313725);
  border-left: 3px solid #151515;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-message .shl-message-line .shl-message-line-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-icon-container i {
  font-size: 18px;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-texts {
  width: 100%;
  letter-spacing: 0.16px;
  display: flex;
  gap: 8px;
  justify-content: left;
  align-items: center;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-texts .shl-message-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  margin: 0;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-texts .shl-message-sub-title {
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  margin: 0;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-close-container {
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-close-container button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-close-container button:focus {
  outline: none;
}
.shl-message .shl-message-line .shl-message-line-container .shl-message-close-container button i {
  font-size: 10px;
}
.shl-message .shl-message-line.hovered {
  background-color: #f1f1f1;
}
.shl-message .shl-message-line.hovered .shl-message-line-container .shl-message-texts .shl-message-title,
.shl-message .shl-message-line.hovered .shl-message-line-container .shl-message-texts .shl-message-sub-title {
  text-decoration: underline;
}
.shl-upload {
  font-family: Montserrat;
  display: inline-block;
}
.shl-upload .shl-upload-label-container {
  margin-bottom: 16px;
}
.shl-upload .shl-upload-label-container label {
  font-size: 16px;
  line-height: 20px;
  color: #151515;
}
.shl-upload .shl-upload-label-container p {
  font-size: 14px;
  line-height: 20px;
  color: #a7b0b3;
  margin-top: 8px;
  margin-bottom: 0;
}
.shl-upload .shl-upload-restriction-text {
  font-size: 14px;
  line-height: 20px;
  color: #a7b0b3;
  margin-top: 8px;
  margin-bottom: 0;
}
.shl-upload-btn .shl-button {
  width: 164px;
}
.shl-upload-btn .shl-button-content-container-value {
  width: 100%;
}
.shl-upload-btn .shl-button-outlined .shl-button-primary {
  border-color: #f1f1f1;
}
.shl-upload-btn .shl-button-outlined .shl-button-primary:hover {
  border-color: #151515;
}
.shl-uploaded-files {
  margin-top: 8px;
}
.shl-uploaded-files-item {
  margin-top: 8px;
}
.shl-uploaded-files-images {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
.shl-uploaded-files-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shl-uploaded-files-counts {
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  color: #a7b0b3;
}
.shl-uploaded-file-view {
  font-family: Montserrat;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container {
  display: flex;
  align-items: center;
  border: 1px dashed #a7b0b3;
  background-color: #fffcfc;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container.preview:hover {
  border: 1px solid #151515;
  background-color: #f1f1f1;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-icon {
  margin-left: 12px;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-icon i {
  color: #b9b9b9;
  font-size: 28px;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-info {
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: calc(100% - 52px - 12px - 16px - 16px - 16px);
  overflow: hidden;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-info h3 {
  font-size: 14px;
  line-height: 20px;
  color: #151515;
  margin: 0;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-info p {
  font-size: 14px;
  line-height: 20px;
  color: #a7b0b3;
  margin: 0;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete {
  margin-right: 16px;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fffcfc;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button i {
  font-size: 13px;
  color: #151515;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button:hover {
  background-color: #f1f1f1;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button:hover i {
  color: #ec0808;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button:active {
  background-color: #fffcfc;
}
.shl-uploaded-file-view .shl-uploaded-file-view-container .shl-uploaded-file-view-delete button:active i {
  color: #151515;
}
.shl-uploaded-file-view.loading {
  opacity: 0.4;
  pointer-events: none;
}
.shl-uploaded-file-image-view {
  width: 88px;
  height: 88px;
  border: 1px solid #151515;
  box-sizing: border-box;
  background-color: #fffcfc;
  padding: 4px;
  font-family: Montserrat;
  border-radius: 2px;
  overflow: hidden;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-image-view:hover {
  border-color: #a7b0b3;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete {
  position: absolute;
  top: 2px;
  right: 2px;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fffcfc;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button i {
  font-size: 13px;
  color: #151515;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button:hover {
  background-color: #f1f1f1;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button:hover i {
  color: #ec0808;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button:active {
  background-color: #fffcfc;
}
.shl-uploaded-file-image-view .shl-uploaded-file-image-view-container .shl-uploaded-file-image-delete button:active i {
  color: #151515;
}
.shl-drag-n-drop-file {
  display: block;
  font-family: Montserrat;
  position: relative;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f1f1f1;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container .lds-ring {
  display: block;
  position: relative;
  width: 27px;
  height: 27px;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 3px;
  border: 3px solid #151515;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #151515 transparent transparent transparent;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-loading-container .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container {
  background-color: #fffcfc;
  box-sizing: border-box;
  border: 1px dashed #a7b0b3;
  border-radius: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  font-size: 31px;
  color: #a7b0b3;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-file-icon {
  font-size: 31px;
  color: #ff1900;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container {
  width: 100%;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container.uploaded {
  width: calc(100% - 27px - 8px - 8px - 28px);
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container h3 {
  font-size: 14px;
  line-height: 18px;
  color: #151515;
  margin: 0;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  font-size: 14px;
  line-height: 18px;
  color: #a7b0b3;
  margin: 0;
  font-weight: 400;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fffcfc;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button i {
  font-size: 13px;
  color: #151515;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button:hover {
  background-color: #f1f1f1;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button:hover i {
  color: #ec0808;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button:active {
  background-color: #fffcfc;
}
.shl-drag-n-drop-file .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-delete-container button:active i {
  color: #151515;
}
.shl-drag-n-drop-file .shl-drag-n-drop-fake-bar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 7px;
  border-radius: 0px 2px 2px 2px;
  overflow: hidden;
}
.shl-drag-n-drop-file .shl-drag-n-drop-fake-bar .shl-drag-n-drop-bar {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #f1f1f1;
}
.shl-drag-n-drop-file .shl-drag-n-drop-fake-bar .shl-drag-n-drop-bar .shl-drag-n-drop-bar-fill {
  position: absolute;
  height: 100%;
  background-color: #ff1900;
  animation: progressBar 500ms ease-in-out;
}
.shl-drag-n-drop-file.hovered .shl-drag-n-drop-file-container {
  background-color: #f1f1f1;
}
.shl-drag-n-drop-file.hovered .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  color: #151515;
}
.shl-drag-n-drop-file.hovered .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  color: #151515;
}
.shl-drag-n-drop-file.active .shl-drag-n-drop-file-container {
  background-color: #fffcfc;
}
.shl-drag-n-drop-file.active .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  color: #151515;
}
.shl-drag-n-drop-file.loading {
  pointer-events: none;
}
.shl-drag-n-drop-file.disabled .shl-drag-n-drop-file-container {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.shl-drag-n-drop-file.disabled .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  color: #b9b9b9;
}
.shl-drag-n-drop-file.disabled .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container h3 {
  color: #b9b9b9;
}
.shl-drag-n-drop-file.disabled .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  color: #b9b9b9;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container {
  height: 38px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  padding-right: 8px;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  font-size: 29px;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-file-icon {
  font-size: 15px;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container.uploaded {
  width: calc(100% - 27px - 2px - 2px - 20px);
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container h3 {
  font-size: 12px;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  font-size: 12px;
  margin-top: 0px;
}
.shl-drag-n-drop-file.sm .shl-drag-n-drop-fake-bar {
  height: 2px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container {
  height: 48px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 8px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  font-size: 29px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-file-icon {
  font-size: 15px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container.uploaded {
  width: calc(100% - 27px - 2px - 2px - 20px);
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container h3 {
  font-size: 12px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  font-size: 12px;
  margin-top: 0px;
}
.shl-drag-n-drop-file.md .shl-drag-n-drop-fake-bar {
  height: 4px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container {
  height: 56px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 16px;
  padding-right: 16px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-upload-icon {
  font-size: 31px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-icon-container .shl-file-icon {
  font-size: 20px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container.uploaded {
  width: calc(100% - 27px - 2px - 2px - 20px);
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container h3 {
  font-size: 14px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-file-container .shl-drag-n-drop-file-content .shl-drag-n-drop-file-content-label-container p {
  font-size: 14px;
}
.shl-drag-n-drop-file.lg .shl-drag-n-drop-fake-bar {
  height: 7px;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  50% {
    width: 35%;
  }
  100% {
    width: 100%;
  }
}
.shl-upload-pdf-vew-container {
  width: 800px;
  height: calc(100vh - 160px);
}
.shl-date-picker-show-above-overlay {
  position: relative;
  z-index: 10001;
}
.shl-date-picker {
  font-family: Montserrat;
}
.shl-date-range-picker {
  font-family: Montserrat;
  display: flex;
}
.shl-date-range-picker .shl-date-range-picker-input-container {
  width: 50%;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-date-range-picker .shl-date-range-picker-input-container.streched {
  width: 70%;
}
.shl-date-range-picker .shl-date-range-picker-input-container:first-child {
  margin-right: 2px;
}
.shl-date-range-picker.mobile .shl-date-range-picker-input-container {
  width: 100%;
}
.shl-calendar {
  font-family: Montserrat;
  box-shadow: 4px 4px 20px rgba(21, 21, 21, 0.0784313725);
  background-color: #ffffff;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer {
  display: flex;
  flex-direction: column;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-footer-actions .shl-calendar-clear-btn {
  font-size: 16px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #151515;
  border: none;
  outline: none;
  background-color: white;
  padding-left: 0;
  padding-right: 0;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-info-txt {
  font-size: 12px;
  line-height: 21px;
  color: #a7b0b3;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: baseline;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-info-txt i {
  color: #151515;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-today-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-actions-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 11px;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #a7b0b3;
  background-color: white;
  border-radius: 18px;
  color: #151515;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn:hover {
  border-color: #151515;
}
.shl-calendar .shl-calendar-container .shl-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn:active {
  background-color: #f1f1f1;
}
.shl-calendar .shl-calendar-container .shl-calendar-header-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shl-calendar .shl-calendar-container .shl-calendar-header-switch .shl-calendar-header-txt {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.shl-calendar .shl-calendar-container .shl-calendar-week-days {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-calendar .shl-calendar-container .shl-calendar-week-days .shl-calendar-week-day {
  color: #a7b0b3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.shl-calendar .shl-calendar-container .shl-calendar-week-days .week-number-title {
  background-color: #fbfbfb;
  border: solid #f1f1f1;
  border-width: 1px 1px 0;
  border-radius: 8px 8px 0 0;
}
.shl-calendar .shl-calendar-container .shl-calendar-date-row {
  display: flex;
}
.shl-calendar .shl-calendar-container .shl-calendar-date-row:nth-last-child(1) .shl-calendar-date-week-number {
  border-radius: 0 0 8px 8px;
  border-width: 0 1px 1px;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date-week-number {
  font-family: "ABCFavoritExpanded", sans-serif;
  color: var(--secondary_silver-chalince);
  border: solid #f1f1f1;
  border-width: 0 1px 0;
  background-color: #fbfbfb;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date {
  color: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date span {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date span .shl-range-start-icon {
  display: none;
  position: absolute;
  right: 0px;
  font-size: 10px;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date span .shl-range-end-icon {
  display: none;
  position: absolute;
  left: 0px;
  font-size: 10px;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date span .shl-range-same-start-icon {
  display: none;
  position: absolute;
  left: 0px;
  font-size: 10px;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date span .shl-range-same-end-icon {
  display: none;
  position: absolute;
  right: 0px;
  font-size: 10px;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.another-month-date {
  color: #f1f1f1;
  cursor: default;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.another-month-date.previousMonthInsideRange {
  background: rgb(255, 255, 255);
  background:
    linear-gradient(
      90deg,
      rgb(255, 255, 255) 0%,
      rgb(255, 231, 229) 100%);
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.another-month-date.nextMonthInsideRange {
  background: rgb(255, 231, 229);
  background:
    linear-gradient(
      90deg,
      rgb(255, 231, 229) 0%,
      rgb(255, 255, 255) 100%);
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable {
  cursor: pointer;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable span {
  border: 1px solid transparent;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable span:hover {
  border-color: #151515;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.insideRange {
  background-color: #ffe7e5;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected span {
  background-color: #151515;
  color: #fffcfc;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.rangeLeftEdge {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #ffe7e5;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.rangeLeftEdge span .shl-range-start-icon {
  display: inline-block;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.rangeRightEdge {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: #ffe7e5;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.rangeRightEdge span .shl-range-end-icon {
  display: inline-block;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.sameDateRange span .shl-range-same-end-icon {
  display: inline-block;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable.isSelected.sameDateRange span .shl-range-same-start-icon {
  display: inline-block;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.selectable:active span {
  background-color: #343434;
  color: #fffcfc;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.today span {
  border: 1px solid #ff1900;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.disabled {
  pointer-events: none;
}
.shl-calendar .shl-calendar-container .shl-calendar-dates .shl-calendar-date.disabled span {
  color: #b9b9b9;
}
.shl-calendar.md {
  width: 350px;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .shl-calendar.md {
    width: 280px;
  }
}
.shl-calendar.md .shl-calendar-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 16px;
}
.shl-calendar.md .shl-calendar-container .shl-calendar-footer {
  gap: 22px;
}
.shl-calendar.md .shl-calendar-container .shl-calendar-footer .shl-calendar-foote-section:first-child {
  padding-top: 22px;
}
.shl-calendar.md .shl-calendar-container .shl-calendar-footer .shl-calendar-foote-section:last-child {
  padding-bottom: 8px;
}
.shl-calendar.md .shl-calendar-container .shl-calendar-header-switch {
  height: 40px;
}
.shl-calendar.md .shl-calendar-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-calendar.md .shl-calendar-week-days .shl-calendar-week-day {
  width: 40px;
  height: 40px;
  font-size: 10px;
}
.shl-calendar.md .shl-calendar-dates .shl-calendar-date {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  font-size: 14px;
}
.shl-calendar.lg {
  width: 384px;
  box-sizing: border-box;
}
.shl-calendar.lg .shl-calendar-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 32px;
}
.shl-calendar.lg .shl-calendar-container .shl-calendar-footer {
  gap: 22px;
}
.shl-calendar.lg .shl-calendar-container .shl-calendar-footer .shl-calendar-foote-section:first-child {
  padding-top: 22px;
}
.shl-calendar.lg .shl-calendar-container .shl-calendar-footer .shl-calendar-foote-section:last-child {
  padding-bottom: 8px;
}
.shl-calendar.lg .shl-calendar-container .shl-calendar-header-switch {
  height: 48px;
}
.shl-calendar.lg .shl-calendar-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-calendar.lg .shl-calendar-week-days .shl-calendar-week-day {
  width: 48px;
  height: 48px;
  font-size: 12px;
}
.shl-calendar.lg .shl-calendar-dates .shl-calendar-date {
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  font-size: 14px;
}
.shl-month-picker {
  font-family: Montserrat;
}
.shl-month-picker .shl-month-picker-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 21px;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-header-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-header-switch .shl-calendar-header-txt {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-month-picker-months {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  flex-wrap: wrap;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-month-picker-months .shl-calendar-month-picker-month {
  box-sizing: border-box;
  text-transform: capitalize;
  color: #151515;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  width: 93px;
  height: 56px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-month-picker-months .shl-calendar-month-picker-month.selectable {
  cursor: pointer;
}
.shl-month-picker .shl-month-picker-container .shl-calendar-month-picker-months .shl-calendar-month-picker-month.selectable:hover {
  border-color: #ff1900;
  color: #ff1900;
}
.shl-month-picker.md {
  width: 300px;
  box-sizing: border-box;
}
.shl-month-picker.md .shl-month-picker-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 21px;
}
.shl-month-picker.md .shl-month-picker-container .shl-calendar-header-switch {
  height: 40px;
}
.shl-month-picker.md .shl-month-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-month-picker.md .shl-month-picker-container .shl-calendar-month-picker-months .shl-calendar-month-picker-month {
  width: 93px;
  height: 56px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-month-picker.lg {
  width: 384px;
  box-sizing: border-box;
}
.shl-month-picker.lg .shl-month-picker-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 32px;
}
.shl-month-picker.lg .shl-month-picker-container .shl-calendar-header-switch {
  height: 48px;
}
.shl-month-picker.lg .shl-month-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-month-picker.lg .shl-month-picker-container .shl-calendar-month-picker-months .shl-calendar-month-picker-month {
  width: 112px;
  height: 64px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-year-picker {
  font-family: Montserrat;
}
.shl-year-picker .shl-year-picker-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 21px;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-header-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-header-switch .shl-calendar-header-txt {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-year-picker-years {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  flex-wrap: wrap;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year {
  box-sizing: border-box;
  text-transform: capitalize;
  color: #151515;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  width: 93px;
  height: 56px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year.selectable {
  cursor: pointer;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year.selectable:hover {
  border-color: #ff1900;
  color: #ff1900;
}
.shl-year-picker .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year.disabled {
  cursor: default;
  color: #b9b9b9;
}
.shl-year-picker.md {
  width: 300px;
  box-sizing: border-box;
}
.shl-year-picker.md .shl-year-picker-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 21px;
}
.shl-year-picker.md .shl-year-picker-container .shl-calendar-header-switch {
  height: 40px;
}
.shl-year-picker.md .shl-year-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-year-picker.md .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year {
  width: 93px;
  height: 56px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-year-picker.lg {
  width: 384px;
  box-sizing: border-box;
}
.shl-year-picker.lg .shl-year-picker-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 32px;
}
.shl-year-picker.lg .shl-year-picker-container .shl-calendar-header-switch {
  height: 48px;
}
.shl-year-picker.lg .shl-year-picker-container .shl-calendar-header-switch .shl-calendar-header-switch-btn-container {
  width: 24px;
  height: 24px;
}
.shl-year-picker.lg .shl-year-picker-container .shl-calendar-year-picker-years .shl-calendar-year-picker-year {
  width: 112px;
  height: 64px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.shl-double-calendar {
  background-color: #ffffff;
  font-family: Montserrat;
  box-shadow: 4px 4px 20px rgba(21, 21, 21, 0.0784313725);
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-calendars {
  display: flex;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-calendars .shl-double-calendar-calendar-container .shl-calendar {
  box-shadow: none;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer {
  display: flex;
  flex-direction: column;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-footer-actions .shl-calendar-clear-btn {
  font-size: 16px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #151515;
  border: none;
  outline: none;
  background-color: white;
  padding-left: 0;
  padding-right: 0;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-info-txt {
  font-size: 12px;
  line-height: 21px;
  color: #a7b0b3;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: baseline;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-info-txt i {
  color: #151515;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-today-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-actions-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 11px;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #a7b0b3;
  background-color: white;
  border-radius: 18px;
  color: #151515;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn:hover {
  border-color: #151515;
}
.shl-double-calendar .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-actions-container .shl-calendar-micro-btn:active {
  background-color: #f1f1f1;
}
.shl-double-calendar.md {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 16px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-calendars {
  gap: 16px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer {
  gap: 16px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-foote-section:first-child {
  padding-top: 8px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer .shl-calendar-foote-section:last-child {
  padding-bottom: 8px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer__time {
  display: flex;
  align-items: center;
  gap: 38px;
  border: 1px solid #f1f1f1;
  padding: 8px 10px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer__time-column {
  display: flex;
  align-items: center;
  gap: 12px;
}
.shl-double-calendar.md .shl-double-calendar-content .shl-double-calendar-footer__time-column__label {
  color: #a7b0b3;
  font-size: 15px;
}
.shl-select-calendar-btn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: border 0.15s;
  -moz-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.shl-select-calendar-btn i {
  font-size: 16px;
  line-height: 16px;
  color: #a7b0b3;
  -webkit-transition: border 0.15s;
  -moz-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.shl-select-calendar-btn:hover {
  background-color: #f8f8f8;
}
.shl-select-calendar-btn.active,
.shl-select-calendar-btn:active {
  background-color: #151515;
}
.shl-select-calendar-btn.active i,
.shl-select-calendar-btn:active i {
  color: #ffffff;
}
.shl-select-calendar-btn.disabled {
  background-color: #b9b9b9;
}
.shl-select-calendar-btn.disabled i {
  color: #ffffff;
}
.shl-calendar-btn {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #ffffff;
  color: #151515;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-calendar-btn:focus {
  border: none;
  outline: none;
}
.shl-calendar-btn:hover {
  background-color: #f1f5f8;
}
.shl-calendar-btn:active {
  background-color: #151515;
  color: #fffcfc;
}
.shl-table {
  font-family: Montserrat;
}
.shl-time-picker {
  font-family: Montserrat;
  position: relative;
}
.shl-time-picker-show-above-overlay {
  position: relative;
  z-index: 10001;
}
.shl-time-range-picker {
  font-family: Montserrat;
  position: relative;
}
.shl-time-range-picker .shl-time-range-picker-inputs-container {
  display: flex;
}
.shl-time-range-picker .shl-time-range-picker-inputs-container .shl-time-range-picker-input-container {
  width: 50%;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-time-range-picker .shl-time-range-picker-inputs-container .shl-time-range-picker-input-container.streched {
  width: 70%;
}
.shl-time-range-picker .shl-time-range-picker-inputs-container .shl-time-range-picker-input-container:first-child {
  margin-right: 2px;
}
.shl-time-selector {
  font-family: Montserrat;
  padding: 16px;
  background-color: #ffffff;
  box-shadow: 4px 4px 20px rgba(21, 21, 21, 0.0784313725);
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
  width: 300px;
}
@media (max-width: 400px) {
  .shl-time-selector {
    width: 280px;
  }
}
.shl-time-selector .shl-time-selector-scrolls {
  display: flex;
}
.shl-time-selector .shl-time-selector-info-text div {
  font-size: 12px;
  line-height: 21px;
  color: #a7b0b3;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: baseline;
}
.shl-time-selector .shl-time-selector-info-text div i {
  color: #151515;
}
.shl-time-selector .shl-time-selector-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shl-time-selector .shl-time-selector-actions .shl-time-selector-clear-btn {
  font-size: 16px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #151515;
  border: none;
  outline: none;
  background-color: white;
  padding-left: 0;
  padding-right: 0;
}
.shl-time-selector .shl-time-selector-now {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shl-time-selector .shl-time-selector-now .shl-time-selector-micro-btn {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #a7b0b3;
  background-color: white;
  border-radius: 18px;
  color: #151515;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-time-selector .shl-time-selector-now .shl-time-selector-micro-btn:hover {
  border-color: #151515;
}
.shl-time-selector .shl-time-selector-now .shl-time-selector-micro-btn:active {
  background-color: #f1f1f1;
}
.shl-time-selector-scroll {
  height: 336px;
  position: relative;
}
.shl-time-selector-scroll .shl-time-selector-arrow {
  position: absolute;
  left: 0;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a7b0b3;
  background-color: #ffffff;
  z-index: 10;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-time-selector-scroll .shl-time-selector-arrow.top {
  top: 0;
}
.shl-time-selector-scroll .shl-time-selector-arrow.bottom {
  bottom: 0;
}
.shl-time-selector-scroll .shl-time-selector-arrow.active {
  cursor: pointer;
}
.shl-time-selector-scroll .shl-time-selector-arrow.active:hover {
  color: #151515;
}
.shl-time-selector-scroll .shl-time-selector-arrow.disabled {
  pointer-events: none;
  color: #b9b9b9;
}
.shl-time-selector-scroll .shl-time-selector-selection-cursor {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  top: 144px;
  width: 100%;
  height: 48px;
}
.shl-time-selector-scroll .shl-time-selector-selection-cursor div {
  position: relative;
  width: 100%;
}
.shl-time-selector-scroll .shl-time-selector-selection-cursor div span:first-child {
  display: block;
  border-top: 2px solid #a7b0b3;
  width: 100%;
}
.shl-time-selector-scroll .shl-time-selector-selection-cursor div span:last-child {
  display: block;
  margin-top: 44px;
  border-top: 2px solid #a7b0b3;
  width: 100%;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes {
  position: absolute;
  z-index: 1;
  font-family: Montserrat;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes::-webkit-scrollbar {
  display: none;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes .shl-time-selector-line-item {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 22px;
  color: #a7b0b3;
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes .shl-time-selector-line-item.selectable {
  cursor: pointer;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes .shl-time-selector-line-item.selectable:hover {
  background-color: #f1f1f1;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes .shl-time-selector-line-item.selectable.active {
  color: #151515;
}
.shl-time-selector-scroll .shl-time-selector-line-itmes .shl-time-selector-line-item.disabled {
  pointer-events: none;
}
.shl-select-time-btn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: border 0.15s;
  -moz-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.shl-select-time-btn i {
  font-size: 16px;
  line-height: 16px;
  color: #a7b0b3;
  -webkit-transition: border 0.15s;
  -moz-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.shl-select-time-btn:hover {
  background-color: #f8f8f8;
}
.shl-select-time-btn.active,
.shl-select-time-btn:active {
  background-color: #151515;
}
.shl-select-time-btn.active i,
.shl-select-time-btn:active i {
  color: #ffffff;
}
.shl-select-time-btn.disabled {
  background-color: #b9b9b9;
}
.shl-select-time-btn.disabled i {
  color: #ffffff;
}
.shl-form-field {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
}
.shl-form-field .shl-form-field-wrapper {
  display: flex;
  background-color: #ffffff;
  border: 1px solid transparent;
  outline: 1px solid #f1f1f1;
  border-radius: 2px;
  overflow: hidden;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex {
  display: inline-flex;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex.has-prefix {
  padding-left: 8px;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-prefix {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 0;
  pointer-events: auto;
  color: #a7b0b3;
  font-size: 16px;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-suffix {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  line-height: 0;
  pointer-events: auto;
  color: #a7b0b3;
  font-size: 16px;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
  gap: 8px;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #7a8990;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix label .shl-form-field-label-asterisk {
  color: #ec0808;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input {
  border: none;
  outline: none;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  color: #151515;
  background-color: transparent;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input[placeholder] {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  opacity: 0;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input::placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input::-ms-input-placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input:-ms-input-placeholder {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  opacity: 0;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated input[placeholder] {
  opacity: 1;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated input::placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated input::-ms-input-placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated input:-ms-input-placeholder {
  opacity: 1;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input[placeholder] {
  opacity: 1;
}
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input::placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input::-ms-input-placeholder,
.shl-form-field .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input:-ms-input-placeholder {
  opacity: 1;
}
.shl-form-field .shl-form-field-wrapper.focus-inside {
  border-color: #151515;
  outline-color: #151515;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.shl-form-field .shl-form-field-wrapper.focus-inside .shl-form-field-flex .shl-form-field-infix label {
  color: #ff1900;
}
.shl-form-field .shl-form-field-wrapper.centered input {
  text-align: center;
}
.shl-form-field .shl-form-field-wrapper.centered label {
  text-align: center;
}
.shl-form-field .shl-form-field-wrapper:hover {
  outline-color: #151515;
}
.shl-form-field .shl-form-field-wrapper.invalid {
  background-color: #fff8f6;
  outline-color: #ec0808;
}
.shl-form-field .shl-form-field-wrapper.invalid.focus-inside {
  border-color: #ec0808;
}
.shl-form-field .shl-form-field-wrapper.disabled {
  background-color: rgba(241, 241, 241, 0.6);
  border-color: rgba(167, 176, 179, 0.6);
  outline-color: transparent;
}
.shl-form-field .shl-form-field-wrapper.disabled .shl-form-field-flex .shl-form-field-prefix {
  color: #c6c6c6;
}
.shl-form-field .shl-form-field-wrapper.disabled .shl-form-field-flex .shl-form-field-suffix {
  color: #c6c6c6;
}
.shl-form-field .shl-form-field-wrapper.disabled .shl-form-field-flex .shl-form-field-infix input {
  color: #c6c6c6;
}
.shl-form-field .shl-form-field-wrapper.disabled .shl-form-field-flex .shl-form-field-infix label {
  color: #c6c6c6;
}
.shl-form-field.lg .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix label {
  font-size: 18px;
  line-height: 22px;
}
.shl-form-field.lg .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input {
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 8px;
  padding-top: 27px;
}
.shl-form-field.lg .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated label {
  font-size: 14px;
  line-height: 18px;
  top: 18px;
}
.shl-form-field.lg .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input {
  font-size: 16px;
  line-height: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.shl-form-field.md .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix label {
  font-size: 16px;
  line-height: 19px;
}
.shl-form-field.md .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 6px;
  padding-top: 22px;
}
.shl-form-field.md .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated label {
  font-size: 12px;
  line-height: 15px;
  top: 14px;
}
.shl-form-field.md .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input {
  font-size: 14px;
  line-height: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.shl-form-field.sm .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix label {
  font-size: 16px;
  line-height: 19px;
}
.shl-form-field.sm .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix input {
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 1px;
  padding-top: 16px;
}
.shl-form-field.sm .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.floated label {
  font-size: 12px;
  line-height: 15px;
  top: 10px;
}
.shl-form-field.sm .shl-form-field-wrapper .shl-form-field-flex .shl-form-field-infix.without-label input {
  font-size: 14px;
  line-height: 16px;
  padding-top: 9px;
  padding-bottom: 9px;
}
@font-face {
  font-family: "shl-icon";
  src: url("./media/shl-icon.eot?x9ncf");
  src:
    url("./media/shl-icon.eot?x9ncf#iefix") format("embedded-opentype"),
    url("./media/shl-icon.ttf?x9ncf") format("truetype"),
    url("./media/shl-icon.woff?x9ncf") format("woff"),
    url("./media/shl-icon.svg?x9ncf#shl-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.shl-i {
  font-family: "shl-icon", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shl-icon-arrow-down:before {
  content: "\e900";
}
.shl-icon-arrow-left:before {
  content: "\e901";
}
.shl-icon-arrow-right:before {
  content: "\e902";
}
.shl-icon-arrow-up:before {
  content: "\e903";
}
.shl-icon-calendar:before {
  content: "\e904";
}
.shl-icon-check:before {
  content: "\e905";
}
.shl-icon-check-circle:before {
  content: "\e906";
}
.shl-icon-close:before {
  content: "\e907";
}
.shl-icon-cloud-upload:before {
  content: "\e908";
}
.shl-icon-doc:before {
  content: "\e909";
}
.shl-icon-eye:before {
  content: "\e90a";
}
.shl-icon-eye-closed:before {
  content: "\e90b";
}
.shl-icon-file:before {
  content: "\e90c";
}
.shl-icon-file-arrow-up:before {
  content: "\e90d";
}
.shl-icon-file-arrow-up-fill:before {
  content: "\e90e";
}
.shl-icon-gallery-big:before {
  content: "\e90f";
}
.shl-icon-image:before {
  content: "\e910";
}
.shl-icon-info-circle:before {
  content: "\e911";
}
.shl-icon-information:before {
  content: "\e912";
}
.shl-icon-jpg:before {
  content: "\e913";
}
.shl-icon-long-arrow-right:before {
  content: "\e914";
}
.shl-icon-move:before {
  content: "\e915";
}
.shl-icon-pause-cicrle:before {
  content: "\e916";
}
.shl-icon-pdf:before {
  content: "\e917";
}
.shl-icon-png:before {
  content: "\e918";
}
.shl-icon-search:before {
  content: "\e919";
}
.shl-icon-star:before {
  content: "\e91a";
}
.shl-icon-svg:before {
  content: "\e91b";
}
.shl-icon-time:before {
  content: "\e91c";
}
.shl-icon-trash-can:before {
  content: "\e91d";
}
.shl-icon-xls:before {
  content: "\e91e";
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */