/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** 
Миксин для изменения цветов инпутов при автозаполнении.
По умолчанию использует цвета второстепенного контейнера.
*/
/**
Миксин изменения цвета плейсхолдера.
По умолчанию 50% текущего цвета.
*/
/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
@font-face {
  font-family: "Moscow Sans";
  src: url("/assets/fonts/MoscowSans/moscow_sans_regular.eot"); /* IE 9 Compatibility Mode */
  src: url("/assets/fonts/MoscowSans/moscow_sans_regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MoscowSans/moscow_sans_regular.woff2") format("woff2"), url("/assets/fonts/MoscowSans/moscow_sans_regular.woff") format("woff"), url("/assets/fonts/MoscowSans/moscow_sans_regular.ttf") format("truetype"), url("/assets/fonts/MoscowSans/moscow_sans_regular.svg#moscow_sans_regular") format("svg"); /* Chrome < 4, Legacy iOS */
}
html,
body {
  height: 100%;
  width: 100%;
}

body {
  font-size: 16px;
  background-color: var(--md-sys-color-background);
  overflow: hidden;
}

* {
  box-sizing: border-box;
  font-family: "Moscow Sans";
  --auth-container-background-color: #000;
  --auth-copyright-color: var(--md-sys-color-on-surface-muted);
}

a {
  font-size: 1rem;
  line-height: 1.25;
  color: var(--md-sys-color-on-background);
  text-decoration: none;
  outline: none;
}
a.inner-href {
  border-bottom: 1px dashed transparent;
}
a.outer-href {
  border-bottom: 1px solid transparent;
}
a:hover.inner-href, a:focus.inner-href {
  border-bottom: 1px dashed var(--md-sys-color-primary);
}
a:hover.outer-href, a:focus.outer-href {
  border-bottom: 1px solid var(--md-sys-color-primary);
}

.header-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.9375rem;
  min-height: 2.9375rem;
  background-color: var(--md-sys-color-surface-variant);
  color: var(--md-sys-color-on-surface-variant);
  border-radius: 0.4375rem;
}
.header-block .header-block-title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  color: var(--md-sys-color-on-surface-variant);
}
.header-block .header-block-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.tooltip {
  max-width: 29.375rem;
  margin-right: -8px !important;
  margin-top: 2px !important;
  border-radius: 1rem;
  background-color: var(--md-sys-color-surface);
  z-index: 1050;
  box-sizing: border-box;
  opacity: 0.94;
}
.tooltip .arrow {
  display: none;
}
.tooltip .tooltip-inner {
  font-family: "Moscow Sans";
  font-size: 1rem;
  line-height: 1.21;
  text-align: left;
  color: var(--md-sys-color-on-surface);
  padding: 1.625rem;
}
.tooltip .tooltip-inner p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.tooltip .tooltip-inner p:last-child {
  margin-bottom: 0;
}

@media screen and (width < 768px) and (orientation: portrait) {
  .tooltip {
    max-width: 21.875rem;
  }
}
.full-size-dialog {
  height: 100vh;
  width: 95vw;
  margin-left: 5vw;
  display: block;
}

@media screen and (width < 768px) and (orientation: portrait) {
  .logout-dialog .dialog__close {
    display: none;
  }
}
.logout-dialog .dialog__actions {
  justify-content: space-between !important;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/mt-ui-lib/styles/styles.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** 
Миксин для изменения цветов инпутов при автозаполнении.
По умолчанию использует цвета второстепенного контейнера.
*/
/**
Миксин изменения цвета плейсхолдера.
По умолчанию 50% текущего цвета.
*/
/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
.calendar-balloon {
  --calendar-gap: 0.5rem;
  --calendar-icon-color: var(--md-sys-color-on-surface-variant);
  --calendar-icon-font-size: 1rem;
  --calendar-balloon-width: 20rem;
  --calendar-balloon-height: 24rem;
  --calendar-balloon-padding: 1rem;
  --calendar-balloon-border-radius: 0.5rem;
  --calendar-balloon-border: solid 1px var(--md-sys-color-outline-variant);
  --calendar-balloon-background: var(--md-sys-color-surface-container);
  --calendar-balloon-box-shadow: 0 1px 5px 0
    var(--md-clc-color-container-shadow);
  --calendar-balloon-list-gap: 0.5rem;
  --calendar-balloon-item-font-size: 1rem;
  --calendar-balloon-item-border-radius: 0.25rem;
  --calendar-balloon-item-padding: 0.8rem;
  --calendar-balloon-item-color: var(--md-sys-color-on-surface);
  --calendar-balloon-item-background: transparent;
  --calendar-balloon-item-color-hover: var(--md-sys-color-primary);
  --calendar-balloon-item-background-hover: transparent;
  --calendar-balloon-item-color-selected: var(--md-sys-color-on-primary);
  --calendar-balloon-item-background-selected: var(--md-sys-color-primary);
  --calendar-balloon-item-color-now: var(--md-sys-color-on-primary-container);
  --calendar-balloon-item-background-now: var(--md-sys-color-primary-container);
  width: var(--calendar-balloon-width);
  height: var(--calendar-balloon-height);
  padding: var(--calendar-balloon-padding);
  border-radius: var(--calendar-balloon-border-radius);
  border: var(--calendar-balloon-border);
  background: var(--calendar-balloon-background);
  box-shadow: var(--calendar-balloon-box-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.calendar-balloon.emphasis-filled {
  --calendar-icon-color: var(--md-sys-color-on-primary);
}
.calendar-balloon.emphasis-tonal {
  --calendar-icon-color: var(--md-sys-color-on-primary-container);
}
.calendar-balloon-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  padding: var(--calendar-balloon-item-padding);
}
.calendar-balloon-head-arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin-left: auto;
}
.calendar-balloon-head-arrows mt-arrow {
  --arrow-color: var(--md-sys-color-primary) !important;
}
.calendar-balloon-list {
  gap: var(--calendar-balloon-list-gap);
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
}
.calendar-balloon-list-item {
  width: calc(33% - var(--calendar-balloon-list-gap));
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  background: var(--calendar-balloon-item-background);
  border-radius: var(--calendar-balloon-item-border-radius);
  padding: var(--calendar-balloon-item-padding);
  line-height: normal;
  text-align: center;
  display: flex;
  flex-direction: row;
  position: relative;
  transition: all 0.2s ease;
}
.calendar-balloon-list-item.disabled {
  opacity: 0.38;
  cursor: default;
}
.calendar-balloon-list-item:not(.disabled) {
  cursor: pointer;
}
.calendar-balloon-list-item:not(.disabled).selected {
  color: var(--calendar-balloon-item-color-selected);
  background: var(--calendar-balloon-item-background-selected);
}
.calendar-balloon-list-item:not(.disabled):not(.selected).now {
  color: var(--calendar-balloon-item-color-now);
  background: var(--calendar-balloon-item-background-now);
}
.calendar-balloon-list-item:not(.disabled):not(.selected):hover, .calendar-balloon-list-item:not(.disabled):not(.selected):focus-within {
  color: var(--calendar-balloon-item-color-hover);
  background: var(--calendar-balloon-item-background-hover);
}
.calendar-balloon-list-item-input,
.calendar-balloon-list-item input {
  position: absolute;
  opacity: 0 !important;
  margin: 0;
  width: 0;
  height: 0;
}
.calendar-balloon-empty {
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  line-height: normal;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.cdk-overlay-backdrop {
  background: color-mix(in srgb, var(--md-sys-color-background) 50%, transparent);
}

@supports selector(::-webkit-scrollbar) {
  *::-webkit-scrollbar {
    width: 10px;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--md-sys-color-primary);
    border-radius: 3px;
    cursor: pointer;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--md-sys-color-primary) 88%, transparent);
  }
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--md-sys-color-primary) transparent;
  }
}

/** 
Миксин для изменения цветов инпутов при автозаполнении.
По умолчанию использует цвета второстепенного контейнера.
*/
/**
Миксин изменения цвета плейсхолдера.
По умолчанию 50% текущего цвета.
*/
/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
.severity-secondary {
  --md-sys-color-primary: var(--md-sys-color-secondary);
  --md-sys-color-on-primary: var(--md-sys-color-on-secondary);
  --md-sys-color-primary-container: var(--md-sys-color-secondary-container);
  --md-sys-color-on-primary-container: var(--md-sys-color-on-secondary-container);
  --md-sys-color-surface-tint: var(--md-sys-color-secondary);
}

.severity-tertiary {
  --md-sys-color-primary: var(--md-sys-color-tertiary);
  --md-sys-color-on-primary: var(--md-sys-color-on-tertiary);
  --md-sys-color-primary-container: var(--md-sys-color-tertiary-container);
  --md-sys-color-on-primary-container: var(--md-sys-color-on-tertiary-container);
  --md-sys-color-surface-tint: var(--md-sys-color-tertiary);
}

.severity-error {
  --md-sys-color-primary: var(--md-sys-color-error);
  --md-sys-color-on-primary: var(--md-sys-color-on-error);
  --md-sys-color-primary-container: var(--md-sys-color-error-container);
  --md-sys-color-on-primary-container: var(--md-sys-color-on-error-container);
  --md-sys-color-surface-tint: var(--md-sys-color-error);
}

:root {
  /* Цвет тени контейнера (селекты, календари, табы и тд) */
  --md-clc-color-container-shadow: color-mix(
    in srgb,
    var(--md-sys-color-shadow) 75%,
    transparent
  );
}

* {
  box-sizing: border-box;
}

:root {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--md-sys-color-background);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/ngx-mt-ui-lib/styles/styles.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** 
Миксин для изменения цветов инпутов при автозаполнении.
По умолчанию использует цвета второстепенного контейнера.
*/
/**
Миксин изменения цвета плейсхолдера.
По умолчанию 50% текущего цвета.
*/
/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
.calendar-balloon {
  --calendar-gap: 1rem;
  --calendar-balloon-min-width: 18rem;
  --calendar-balloon-max-width: 22rem;
  --calendar-balloon-width: unset;
  --calendar-balloon-min-height: 23rem;
  --calendar-balloon-max-height: 33rem;
  --calendar-balloon-height: unset;
  --calendar-balloon-padding: 0.5rem;
  --calendar-balloon-border-radius: 0.5rem;
  --calendar-balloon-border: solid 1px var(--md-sys-color-outline);
  --calendar-balloon-background: var(--md-sys-color-surface-container-low);
  --calendar-balloon-box-shadow: 0px 2px 8px
    var(--md-clc-color-container-shadow);
  --calendar-balloon-list-gap: 0.5rem;
  --calendar-balloon-item-font-size: 1rem;
  --calendar-balloon-item-border-radius: 0.25rem;
  --calendar-balloon-item-padding: 0.8rem;
  --calendar-balloon-item-color: var(--md-sys-color-on-surface);
  --calendar-balloon-item-background: transparent;
  --calendar-balloon-item-color-hover: var(--md-sys-color-primary);
  --calendar-balloon-item-background-hover: transparent;
  --calendar-balloon-item-color-selected: var(--md-sys-color-on-primary);
  --calendar-balloon-item-background-selected: var(--md-sys-color-primary);
  --calendar-balloon-item-color-now: var(--md-sys-color-on-primary-container);
  --calendar-balloon-item-background-now: var(--md-sys-color-primary-container);
  min-width: var(--calendar-balloon-min-width);
  max-width: var(--calendar-balloon-max-width);
  width: var(--calendar-balloon-width);
  min-height: var(--calendar-balloon-min-height);
  max-height: var(--calendar-balloon-max-height);
  height: var(--calendar-balloon-height);
  padding: var(--calendar-balloon-padding);
  border-radius: var(--calendar-balloon-border-radius);
  border: var(--calendar-balloon-border);
  background: var(--calendar-balloon-background);
  box-shadow: var(--calendar-balloon-box-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--calendar-gap);
}
.calendar-balloon.nested {
  box-shadow: unset;
}
.calendar-balloon-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  padding: var(--calendar-balloon-item-padding);
}
.calendar-balloon-head-arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin-left: auto;
}
.calendar-balloon-head-arrows mt-arrow {
  --arrow-color: var(--md-sys-color-primary) !important;
}
.calendar-balloon-list {
  gap: var(--calendar-balloon-list-gap);
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
}
.calendar-balloon-list-item {
  width: calc(33% - var(--calendar-balloon-list-gap));
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  background: var(--calendar-balloon-item-background);
  border-radius: var(--calendar-balloon-item-border-radius);
  padding: var(--calendar-balloon-item-padding);
  line-height: normal;
  text-align: center;
  display: flex;
  flex-direction: row;
  position: relative;
  transition: all 0.2s ease;
}
.calendar-balloon-list-item.disabled {
  opacity: 0.38;
  cursor: default;
}
.calendar-balloon-list-item:not(.disabled) {
  cursor: pointer;
}
.calendar-balloon-list-item:not(.disabled).selected {
  color: var(--calendar-balloon-item-color-selected);
  background: var(--calendar-balloon-item-background-selected);
}
.calendar-balloon-list-item:not(.disabled):not(.selected).now {
  color: var(--calendar-balloon-item-color-now);
  background: var(--calendar-balloon-item-background-now);
}
.calendar-balloon-list-item:not(.disabled):not(.selected):hover, .calendar-balloon-list-item:not(.disabled):not(.selected):focus-within {
  color: var(--calendar-balloon-item-color-hover);
  background: var(--calendar-balloon-item-background-hover);
}
.calendar-balloon-list-item-input,
.calendar-balloon-list-item input {
  position: absolute;
  opacity: 0 !important;
  margin: 0;
  width: 0;
  height: 0;
}
.calendar-balloon-empty {
  font-size: var(--calendar-balloon-item-font-size);
  color: var(--calendar-balloon-item-color);
  line-height: normal;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.cdk-overlay-backdrop {
  background: color-mix(in srgb, var(--md-sys-color-background) 50%, transparent);
}

.dictionary-dialog-panel {
  width: 40vw;
  height: 70vh;
}
@media screen and (width < 768px) and (orientation: portrait) {
  .dictionary-dialog-panel {
    width: 90vw;
    height: 90vh;
  }
}

@supports selector(::-webkit-scrollbar) {
  *::-webkit-scrollbar {
    width: 6px;
  }
  *::-webkit-scrollbar-track {
    background: var(--md-lib-color-scroll-background);
    border-radius: 3px;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--md-lib-color-scroll);
    border-radius: 3px;
    cursor: pointer;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: var(--md-lib-color-scroll);
  }
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--md-lib-color-scroll) var(--md-lib-color-scroll-background);
  }
}

/** 
Миксин для изменения цветов инпутов при автозаполнении.
По умолчанию использует цвета второстепенного контейнера.
*/
/**
Миксин изменения цвета плейсхолдера.
По умолчанию 50% текущего цвета.
*/
/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
.severity-secondary {
  --md-sys-color-primary: var(--md-sys-color-secondary);
  --md-sys-color-on-primary: var(--md-sys-color-on-secondary);
  --md-sys-color-primary-container: var(
    --md-sys-color-secondary-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-secondary-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-secondary);
}

.severity-tertiary {
  --md-sys-color-primary: var(--md-sys-color-tertiary);
  --md-sys-color-on-primary: var(--md-sys-color-on-tertiary);
  --md-sys-color-primary-container: var(
    --md-sys-color-tertiary-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-tertiary-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-tertiary);
}

.severity-error {
  --md-sys-color-primary: var(--md-sys-color-error);
  --md-sys-color-on-primary: var(--md-sys-color-on-error);
  --md-sys-color-primary-container: var(
    --md-sys-color-error-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-error-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-error);
}

.severity-success {
  --md-sys-color-primary: var(--md-sys-color-success);
  --md-sys-color-on-primary: var(--md-sys-color-on-success);
  --md-sys-color-primary-container: var(
    --md-sys-color-success-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-success-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-success);
}

.severity-warning {
  --md-sys-color-primary: var(--md-sys-color-warning);
  --md-sys-color-on-primary: var(--md-sys-color-on-warning);
  --md-sys-color-primary-container: var(
    --md-sys-color-warning-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-warning-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-warning);
}

:root {
  /* Цвет тени контейнера (селекты, календари, табы и тд) */
  --md-clc-color-container-shadow: color-mix(
    in srgb,
    var(--md-sys-color-shadow) 75%,
    transparent
  );
}

/**
Миксин для переопределения основной палитры.
Например primary подменить на tertiary.
Для элементов без поддержки отдельных классов.
Использование:
- @import "mixin-override-color";
- @include override-color(tertiary); - переопределить primary на tertiary
- @include override-color(tertiary, secondary); - переопределить secondary на tertiary
*/
.mt-field-border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--md-sys-color-outline);
  border-radius: 0.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  --box-shadow-color: color-mix(
    in srgb,
    var(--md-sys-color-primary) 15%,
    transparent
  );
}
.mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)):hover, .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)).mt-field-border-hover {
  border-color: color-mix(in srgb, var(--md-sys-color-outline) 70%, var(--md-sys-color-inverse-surface));
}
.mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within, .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)).mt-field-border-focus {
  border-color: var(--md-sys-color-primary);
  box-shadow: 0px 0px 0px 3px var(--box-shadow-color);
}
.mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)).ng-touched.ng-invalid, .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)).ng-submitted.ng-invalid, .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)):has(.ng-touched.ng-invalid), .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)):has(.ng-submitted.ng-invalid), .mt-field-border:not(.mt-field-border-disabled):not(:has(input:disabled)):not(:has(textarea:disabled)).mt-field-border-error {
  border-color: var(--md-sys-color-primary);
  box-shadow: 0px 0px 0px 3px var(--box-shadow-color);
  --md-sys-color-primary: var(--md-sys-color-error);
  --md-sys-color-on-primary: var(--md-sys-color-on-error);
  --md-sys-color-primary-container: var(
    --md-sys-color-error-container
  );
  --md-sys-color-on-primary-container: var(
    --md-sys-color-on-error-container
  );
  --md-sys-color-surface-tint: var(--md-sys-color-error);
}
.mt-field-border.mt-field-border-disabled, .mt-field-border:has(input:disabled), .mt-field-border:has(textarea:disabled), .mt-field-border:has(button:disabled) {
  border-color: var(--md-sys-color-outline-variant);
}

@font-face {
  font-family: "Moscow Sans";
  src: url('moscow_sans_regular.eot'); /* IE 9 Compatibility Mode */
  src: url('moscow_sans_regular.eot?#iefix') format("embedded-opentype"), url('moscow_sans_regular.woff2') format("woff2"), url('moscow_sans_regular.woff') format("woff"), url('moscow_sans_regular.ttf') format("truetype"), url('moscow_sans_regular.svg#moscow_sans_regular') format("svg"); /* Chrome < 4, Legacy iOS */
}
* {
  box-sizing: border-box;
}

:root {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--md-sys-color-background);
  font-family: "Moscow Sans";
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/mt-ui-lib/styles/mt-icons.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "mt-icons";
  src: url('mt-icons.eot');
  src: url('mt-icons.eot') format("embedded-opentype"), url('mt-icons.ttf') format("truetype"), url('mt-icons.woff') format("woff"), url('mt-icons.svg') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.mt-icons,
span.mt,
i.mt {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mt-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mt_24h-circle:before {
  content: "\e900";
}

.mt_alarm:before {
  content: "\e901";
}

.mt_alarm-thin:before {
  content: "\e902";
}

.mt_arrow-back:before {
  content: "\e903";
}

.mt_arrow-up:before {
  content: "\e904";
}

.mt_calendar:before {
  content: "\e905";
}

.mt_check:before {
  content: "\e906";
}

.mt_check-outlined:before {
  content: "\e907";
}

.mt_chevron:before {
  content: "\e908";
}

.mt_chevron-thin:before {
  content: "\e909";
}

.mt_clear:before {
  content: "\e90a";
}

.mt_clear-thin:before {
  content: "\e90b";
}

.mt_column-edit:before {
  content: "\e90c";
}

.mt_criteria-equals:before {
  content: "\e90d";
}

.mt_criteria-like:before {
  content: "\e90e";
}

.mt_delete:before {
  content: "\e90f";
}

.mt_download:before {
  content: "\e910";
}

.mt_drag:before {
  content: "\e911";
}

.mt_exit:before {
  content: "\e912";
}

.mt_eye:before {
  content: "\e913";
}

.mt_filter:before {
  content: "\e914";
}

.mt_gear:before {
  content: "\e915";
}

.mt_iasppr-logo:before {
  content: "\e916";
}

.mt_info:before {
  content: "\e917";
}

.mt_lock:before {
  content: "\e918";
}

.mt_lock-opened:before {
  content: "\e919";
}

.mt_mail:before {
  content: "\e91a";
}

.mt_menu-dots:before {
  content: "\e91b";
}

.mt_menu-list:before {
  content: "\e91c";
}

.mt_mttech-logo:before {
  content: "\e91d";
}

.mt_pages:before {
  content: "\e91e";
}

.mt_plus:before {
  content: "\e91f";
}

.mt_plus-outlined:before {
  content: "\e920";
}

.mt_refresh:before {
  content: "\e921";
}

.mt_search:before {
  content: "\e922";
}

.mt_sidemenu-dict:before {
  content: "\e923";
}

.mt_sidemenu-exit:before {
  content: "\e924";
}

.mt_sidemenu-favorite:before {
  content: "\e925";
}

.mt_sidemenu-favorite-filled:before {
  content: "\e926";
}

.mt_sidemenu-iasppr-logo:before {
  content: "\e927";
}

.mt_sidemenu-monitoring:before {
  content: "\e928";
}

.mt_sidemenu-security:before {
  content: "\e929";
}

.mt_sidemenu-settings:before {
  content: "\e92a";
}

.mt_sidemenu-users:before {
  content: "\e92b";
}

.mt_sort-asc:before {
  content: "\e92c";
}

.mt_sort-desc:before {
  content: "\e92d";
}

.mt_upload:before {
  content: "\e930";
}

.mt_user:before {
  content: "\e931";
}

.mt_users-thin:before {
  content: "\e932";
}

.mt_users-reload:before {
  content: "\e933";
}

.mt_mttech-logo-sign:before {
  content: "\e934";
}

.mt_stop-sign .path1:before {
  content: "\e92e";
  color: rgb(219, 44, 15);
}
.mt_stop-sign .path2:before {
  content: "\e92f";
  margin-left: -1.15625em;
  color: rgb(255, 255, 255);
}

.mt-issue-condition-assigned:before {
  content: "\e935";
}

.mt-issue-condition-cancel:before {
  content: "\e936";
}

.mt-issue-condition-done:before {
  content: "\e937";
}

.mt-issue-condition-service:before {
  content: "\e938";
}

.mt-issue-breach:before {
  content: "\e939";
}

.mt-issue-fire:before {
  content: "\e93a";
}

.mt-issue-incident:before {
  content: "\e93b";
}

.mt-issue-infrastructure:before {
  content: "\e93c";
}

.mt-issue-loco:before {
  content: "\e93d";
}

.mt-issue-planned:before {
  content: "\e93e";
}

.mt-issue-safety:before {
  content: "\e93f";
}

.mt-issue-security:before {
  content: "\e940";
}

.mt-alarm .path1:before {
  content: "\e941";
  color: rgb(255, 255, 255);
}
.mt-alarm .path2:before {
  content: "\e942";
  margin-left: -1.1552734375em;
  color: rgb(219, 44, 15);
}
.mt-alarm .path3:before {
  content: "\e943";
  margin-left: -1.1552734375em;
  color: rgb(219, 44, 15);
}

.mt-alarm-filled .path1:before {
  content: "\e944";
  color: rgb(219, 44, 15);
}
.mt-alarm-filled .path2:before {
  content: "\e945";
  margin-left: -1.1513671875em;
  color: rgb(255, 255, 255);
}

.mt-alarm-rounded:before {
  content: "\e946";
}

.mt-alarm-squared .path1:before {
  content: "\e947";
  color: rgb(219, 44, 15);
}
.mt-alarm-squared .path2:before {
  content: "\e948";
  margin-left: -0.9501953125em;
  color: rgb(255, 255, 255);
}

.mt-alarm-variant:before {
  content: "\e949";
}

.mt-check:before {
  content: "\e94a";
}

.mt-check-list:before {
  content: "\e94b";
}

.mt-cog:before {
  content: "\e94c";
}

.mt-dark-theme:before {
  content: "\e94d";
}

.mt-filters:before {
  content: "\e94e";
}

.mt-guide:before {
  content: "\e94f";
}

.mt-light-theme:before {
  content: "\e950";
}

.mt-link:before {
  content: "\e951";
}

.mt-message:before {
  content: "\e952";
}

.mt-notifications:before {
  content: "\e953";
}

.mt-person:before {
  content: "\e954";
}

.mt-revert:before {
  content: "\e955";
}

.mt-robot:before {
  content: "\e956";
}

.mt-share:before {
  content: "\e957";
}

.mt-sorting:before {
  content: "\e958";
}

.mt-zoom-in:before {
  content: "\e959";
}

.mt-zoom-out:before {
  content: "\e95a";
}

.mt-map-nnr .path1:before {
  content: "\e95b";
  color: rgb(255, 255, 255);
}
.mt-map-nnr .path2:before {
  content: "\e95c";
  margin-left: -1.1552734375em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-all .path1:before {
  content: "\e95d";
  color: rgb(255, 255, 255);
}
.mt-map-nnr-all .path2:before {
  content: "\e95e";
  margin-left: -1.6103515625em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-all-crit:before {
  content: "\e95f";
}

.mt-map-nnr-crit:before {
  content: "\e960";
}

.mt-map-nnr-events .path1:before {
  content: "\e961";
  color: rgb(255, 255, 255);
}
.mt-map-nnr-events .path2:before {
  content: "\e962";
  margin-left: -1.43359375em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-events-1 .path1:before {
  content: "\e963";
  color: rgb(255, 255, 255);
}
.mt-map-nnr-events-1 .path2:before {
  content: "\e964";
  margin-left: -1.2578125em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-events-1-crit:before {
  content: "\e965";
}

.mt-map-nnr-events-2 .path1:before {
  content: "\e966";
  color: rgb(255, 255, 255);
}
.mt-map-nnr-events-2 .path2:before {
  content: "\e967";
  margin-left: -1.3583984375em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-events-2-crit:before {
  content: "\e968";
}

.mt-map-nnr-events-crit:before {
  content: "\e969";
}

.mt-map-nnr-several .path1:before {
  content: "\e96a";
  color: rgb(255, 255, 255);
}
.mt-map-nnr-several .path2:before {
  content: "\e96b";
  margin-left: -1.3330078125em;
  color: rgb(219, 44, 15);
}

.mt-map-nnr-several-crit:before {
  content: "\e96c";
}

.mt-menu-chat:before {
  content: "\e96d";
}

.mt-menu-issue-list:before {
  content: "\e96e";
}

.mt-menu-list-vertical:before {
  content: "\e96f";
}

.mt-menu-map-marker:before {
  content: "\e970";
}

.mt-menu-plus:before {
  content: "\e971";
}

.mt-chat-check:before {
  content: "\e972";
}

.mt-chat-check-done:before {
  content: "\e973";
}

.mt-chat-paperclip:before {
  content: "\e974";
}

.mt-chat-send:before {
  content: "\e975";
}

.mt-chat-thumbtack:before {
  content: "\e976";
}

.mt-iconsmt_groupcheck_all .path1:before {
  content: "\e97b";
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_all .path2:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_all .path3:before {
  content: "\e97d";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_all .path4:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.mt-iconsmt_groupcheck_none .path1:before {
  content: "\e97f";
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_none .path2:before {
  content: "\e980";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_none .path3:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_none .path4:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_none .path5:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_none .path6:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}

.mt-iconsmt_groupcheck_partly .path1:before {
  content: "\e985";
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_partly .path2:before {
  content: "\e986";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_partly .path3:before {
  content: "\e987";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_partly .path4:before {
  content: "\e988";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_partly .path5:before {
  content: "\e989";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.mt-iconsmt_groupcheck_partly .path6:before {
  content: "\e98a";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}
.mt-iconsmt_groupcheck_partly .path7:before {
  content: "\e98b";
  margin-left: -1em;
  color: rgb(50, 102, 224);
}

.mt-map-sec:before {
  content: "\e979";
  color: #db2c0f;
}

.mt-map-sec-ppr:before {
  content: "\e97a";
  color: #db2c0f;
}

.mt-map-ppr .path1:before {
  content: "\e977";
  color: rgb(255, 255, 255);
}
.mt-map-ppr .path2:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(219, 44, 15);
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-mt-ui-lib/styles/theme/purple/dark.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.dark {
  --md-sys-color-primary: rgb(74, 127, 231);
  --md-sys-color-on-primary: rgb(255, 255, 255);
  --md-sys-color-primary-container: rgb(30, 58, 95);
  --md-sys-color-on-primary-container: rgb(179, 209, 255);
  --md-sys-color-secondary: rgb(124, 58, 237);
  --md-sys-color-on-secondary: rgb(255, 255, 255);
  --md-sys-color-secondary-container: rgb(58, 42, 79);
  --md-sys-color-on-secondary-container: rgb(225, 191, 255);
  --md-sys-color-tertiary: rgb(78, 205, 196);
  --md-sys-color-on-tertiary: rgb(0, 55, 53);
  --md-sys-color-tertiary-container: rgb(30, 56, 53);
  --md-sys-color-on-tertiary-container: rgb(167, 228, 224);
  --md-sys-color-error: rgb(239, 83, 80);
  --md-sys-color-error-alt: rgb(239, 68, 68);
  --md-sys-color-on-error: rgb(255, 255, 255);
  --md-sys-color-error-container: rgb(63, 30, 30);
  --md-sys-color-on-error-container: rgb(245, 163, 163);
  --md-sys-color-background: rgb(30, 32, 46);
  --md-sys-color-background-dark: rgb(17, 24, 39);
  --md-sys-color-background-darker: rgb(2, 6, 23);
  --md-sys-color-surface: rgb(37, 40, 58);
  --md-sys-color-surface-variant: rgb(44, 47, 67);
  --md-sys-color-surface-container: rgb(44, 47, 67);
  --md-sys-color-on-surface: rgb(228, 231, 240);
  --md-sys-color-on-surface-variant: rgb(176, 180, 197);
  --md-sys-color-on-surface-tertiary: rgb(107, 110, 128);
  --md-sys-color-on-surface-muted: rgb(148, 163, 184);
  --md-sys-color-on-surface-light: rgb(100, 116, 139);
  --md-sys-color-on-surface-neutral: rgb(55, 65, 81);
  --md-sys-color-on-surface-gray: rgb(97, 97, 97);
  --md-sys-color-inverse-surface: rgb(228, 231, 240);
  --md-sys-color-inverse-on-surface: rgb(30, 32, 46);
  --md-sys-color-surface-container-low: rgb(35, 38, 59);
  --md-sys-color-surface-container-high: rgb(50, 53, 74);
  --md-sys-color-outline: rgb(58, 61, 82);
  --md-sys-color-outline-variant: rgb(44, 47, 67);
  --md-sys-color-outline-dark: rgb(30, 41, 59);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);

  --md-sys-color-accent-blue: rgb(107, 158, 255);
  --md-sys-color-accent-blue-light: rgb(211, 228, 253);
  --md-sys-color-accent-info: rgb(96, 165, 250);
  --md-sys-color-accent-info-container: rgb(8, 47, 73);
  --md-sys-color-accent-on-info-container: rgb(96, 165, 250);

  --md-sys-color-success: rgb(76, 175, 80);
  --md-sys-color-success-alt: rgb(34, 197, 94);
  --md-sys-color-on-success: rgb(255, 255, 255);
  --md-sys-color-success-container: rgb(5, 46, 22);
  --md-sys-color-success-container-alt: rgb(20, 83, 45);
  --md-sys-color-on-success-container: rgb(167, 228, 168);
  --md-sys-color-warning: rgb(255, 167, 38);
  --md-sys-color-warning-amber: rgb(202, 138, 4);
  --md-sys-color-warning-dark: rgb(176, 112, 24);
  --md-sys-color-on-warning: rgb(255, 255, 255);
  --md-sys-color-warning-container: rgb(74, 53, 32);
  --md-sys-color-warning-container-dark: rgb(66, 32, 6);
  --md-sys-color-on-warning-container: rgb(255, 214, 153);

  --md-sys-color-divider: rgba(58, 61, 82, 0.25);

  --md-sys-color-tooltip-background: rgb(58, 61, 82);
  --md-sys-color-tooltip-text: rgb(228, 231, 240);

  /* Цвета для Button */
  --md-lib-color-primary-button-default: rgb(74, 127, 231);
  --md-lib-color-primary-button-hover: rgb(107, 158, 255);
  --md-lib-color-primary-button-pressed: rgb(61, 111, 217);
  --md-lib-color-primary-button-disabled: rgb(58, 61, 82);
  --md-lib-color-on-primary-button-disabled: rgb(107, 110, 128);
  --md-lib-color-secondary-button-default: rgb(124, 58, 237);
  --md-lib-color-secondary-button-hover: rgb(157, 102, 255);
  --md-lib-color-secondary-button-pressed: rgb(109, 47, 216);
  --md-lib-color-secondary-button-disabled: rgb(58, 61, 82);
  --md-lib-color-on-secondary-button-disabled: rgb(107, 110, 128);
  --md-lib-color-outline-hover-bg: rgb(30, 58, 95);
  --md-lib-color-outline-pressed-bg: rgb(44, 74, 111);
  --md-lib-color-ghost-hover-bg: rgb(44, 47, 67);
  --md-lib-color-ghost-pressed-bg: rgb(58, 61, 82);
  --md-lib-color-ghost-pressed-text: rgb(179, 209, 255);

  /* Цвета для скролла */
  --md-lib-color-scroll-background: rgb(17, 24, 39);
  --md-lib-color-scroll: rgb(55, 65, 81);

  /* нет в новой теме */
  --md-sys-color-surface-tint: rgb(71 73 109);
  --md-sys-color-on-background: rgb(255 255 255);
  --md-sys-color-inverse-primary: rgb(110 124 251);
  --md-sys-color-primary-fixed: rgb(101 114 230);
  --md-sys-color-on-primary-fixed: rgb(255 255 255);
  --md-sys-color-primary-fixed-dim: rgb(81 91 177);
  --md-sys-color-on-primary-fixed-variant: rgb(225 233 255);
  --md-sys-color-secondary-fixed: rgb(128 134 156);
  --md-sys-color-on-secondary-fixed: rgb(14 15 17);
  --md-sys-color-secondary-fixed-dim: rgb(121 127 148);
  --md-sys-color-on-secondary-fixed-variant: rgb(14 15 17);
  --md-sys-color-tertiary-fixed: rgb(62 145 80);
  --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
  --md-sys-color-tertiary-fixed-dim: rgb(25 45 28);
  --md-sys-color-on-tertiary-fixed-variant: rgb(198 242 222);
  --md-sys-color-surface-dim: rgb(21 22 26);
  --md-sys-color-surface-bright: rgb(50 54 74);
  --md-sys-color-surface-container-lowest: rgb(27 28 42);
  --md-sys-color-surface-container-highest: rgb(55 62 79);
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-mt-ui-lib/styles/theme/purple/light.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.light {
  --md-sys-color-primary: rgb(74, 127, 231);
  --md-sys-color-on-primary: rgb(255, 255, 255);
  --md-sys-color-primary-container: rgb(227, 242, 253);
  --md-sys-color-on-primary-container: rgb(13, 71, 161);
  --md-sys-color-secondary: rgb(69, 90, 100);
  --md-sys-color-on-secondary: rgb(255, 255, 255);
  --md-sys-color-secondary-container: rgb(236, 239, 241);
  --md-sys-color-on-secondary-container: rgb(38, 50, 56);
  --md-sys-color-tertiary: rgb(106, 27, 154);
  --md-sys-color-on-tertiary: rgb(255, 255, 255);
  --md-sys-color-tertiary-container: rgb(243, 229, 245);
  --md-sys-color-on-tertiary-container: rgb(74, 20, 140);
  --md-sys-color-error: rgb(211, 47, 47);
  --md-sys-color-error-alt: rgb(
    239,
    68,
    68
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-error: rgb(255, 255, 255);
  --md-sys-color-error-container: rgb(255, 235, 238);
  --md-sys-color-on-error-container: rgb(183, 28, 28);
  --md-sys-color-background: rgb(250, 250, 250);
  --md-sys-color-background-dark: rgb(
    250,
    250,
    250
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-background-darker: rgb(
    250,
    250,
    250
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-surface: rgb(255, 255, 255);
  --md-sys-color-surface-variant: rgb(245, 245, 245);
  --md-sys-color-surface-container: rgb(247, 247, 247);
  --md-sys-color-on-surface: rgb(33, 33, 33);
  --md-sys-color-on-surface-variant: rgb(
    97,
    97,
    97
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-surface-tertiary: rgb(
    107,
    110,
    128
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-surface-muted: rgb(
    148,
    163,
    184
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-surface-light: rgb(
    100,
    116,
    139
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-surface-neutral: rgb(
    55,
    65,
    81
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-surface-gray: rgba(
    97,
    97,
    97
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-surface-container-low: rgb(254, 254, 254);
  --md-sys-color-surface-container-high: rgb(240, 240, 240);
  --md-sys-color-inverse-surface: rgb(48, 48, 48);
  --md-sys-color-inverse-on-surface: rgb(255, 255, 255);
  --md-sys-color-outline: rgb(224, 224, 224);
  --md-sys-color-outline-variant: rgb(238, 238, 238);
  --md-sys-color-outline-dark: rgba(
    240,
    240,
    240
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);

  --md-sys-color-accent-blue: rgb(
    107,
    158,
    255
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-accent-blue-light: rgb(
    211,
    228,
    253
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-accent-info: rgb(
    96,
    165,
    250
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-accent-info-container: rgb(
    8,
    47,
    73
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-accent-on-info-container: rgb(
    96,
    165,
    250
  ); /* нет такого цвета в светлой схеме */

  --md-sys-color-success: rgb(56, 142, 60);
  --md-sys-color-success-alt: rgb(
    34,
    197,
    94
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-success: rgb(255, 255, 255);
  --md-sys-color-success-container: rgb(232, 245, 233);
  --md-sys-color-on-success-container: rgb(27, 94, 32);
  --md-sys-color-success-container-alt: rgb(
    20,
    83,
    45
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-warning: rgb(245, 124, 0);
  --md-sys-color-warning-amber: rgb(
    202,
    138,
    4
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-warning-dark: rgb(
    176,
    112,
    24
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-warning: rgb(255, 255, 255);
  --md-sys-color-warning-container: rgb(255, 243, 224);
  --md-sys-color-warning-container-dark: rgb(
    66,
    32,
    6
  ); /* нет такого цвета в светлой схеме */
  --md-sys-color-on-warning-container: rgb(230, 81, 0);

  --md-sys-color-divider: rgba(58, 61, 82, 0.25);

  --md-sys-color-tooltip-background: rgb(48, 48, 48);
  --md-sys-color-tooltip-text: rgb(255, 255, 255);

  /* Цвета для Button */
  --md-lib-color-primary-button-default: rgb(74, 127, 231);
  --md-lib-color-primary-button-hover: rgb(61, 111, 217);
  --md-lib-color-primary-button-pressed: rgb(13, 71, 161);
  --md-lib-color-primary-button-disabled: rgb(224, 224, 224);
  --md-lib-color-on-primary-button-disabled: rgb(189, 189, 189);
  --md-lib-color-secondary-button-default: rgb(124, 58, 237);
  --md-lib-color-secondary-button-hover: rgb(109, 47, 216);
  --md-lib-color-secondary-button-pressed: rgb(94, 37, 196);
  --md-lib-color-secondary-button-disabled: rgb(224, 224, 224);
  --md-lib-color-on-secondary-button-disabled: rgb(189, 189, 189);
  --md-lib-color-outline-hover-bg: rgb(227, 242, 253);
  --md-lib-color-outline-pressed-bg: rgb(187, 222, 251);
  --md-lib-color-ghost-hover-bg: rgb(245, 245, 245);
  --md-lib-color-ghost-pressed-bg: rgb(224, 224, 224);
  --md-lib-color-ghost-pressed-text: rgb(13, 71, 161);

  /* Цвета для скролла */
  --md-lib-color-scroll-background: rgb(245, 245, 244);
  --md-lib-color-scroll: rgb(231, 229, 228);

  /* нет в новой теме */
  --md-sys-color-surface-tint: rgb(64, 79, 213);
  --md-sys-color-on-background: rgb(14 15 17);
  --md-sys-color-inverse-primary: rgb(82 96 216);
  --md-sys-color-primary-fixed: rgb(101 114 230);
  --md-sys-color-on-primary-fixed: rgb(255 255 255);
  --md-sys-color-primary-fixed-dim: rgb(81 91 177);
  --md-sys-color-on-primary-fixed-variant: rgb(225 233 255);
  --md-sys-color-secondary-fixed: rgb(128 134 156);
  --md-sys-color-on-secondary-fixed: rgb(14 15 17);
  --md-sys-color-secondary-fixed-dim: rgb(121 127 148);
  --md-sys-color-on-secondary-fixed-variant: rgb(14 15 17);
  --md-sys-color-tertiary-fixed: rgb(62 145 80);
  --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
  --md-sys-color-tertiary-fixed-dim: rgb(25 45 28);
  --md-sys-color-on-tertiary-fixed-variant: rgb(198 242 222);
  --md-sys-color-surface-dim: rgb(255 255 255);
  --md-sys-color-surface-bright: rgb(245 247 251);
  --md-sys-color-surface-container-lowest: rgb(250, 250, 250);
  --md-sys-color-surface-container-highest: rgb(241, 241, 241);
}


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