/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/@taiga-ui/core/styles/taiga-ui-theme.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/@taiga-ui/core/styles/taiga-ui-global.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable selector-max-specificity */
/* stylelint-enable selector-max-specificity */
@keyframes tuiReveal {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes tuiFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tuiSkeletonVibe {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 2.5rem;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
b,
strong {
  /**
     * Prevent the duplicate application of `bolder`
     by the next rule in Safari 6.
     */
  font-weight: inherit;
  /**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  padding: 0;
  /* 3 */
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/**
* Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/**
* Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
html {
  height: 100%;
  /* stylelint-disable-next-line */
  font-size: 16px;
}
body {
  font: var(--tui-font-text-s);
  color: var(--tui-text-01);
  height: 100%;
  min-height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  -webkit-overflow-scrolling: touch;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  color: inherit;
}
hr {
  margin: 0;
  height: 1px;
  border: none;
  background: var(--tui-base-03);
}
iframe {
  border: none;
}
svg use {
  pointer-events: none;
}
html,
.tui-zero-scrollbar {
  /* stylelint-disable*/
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* stylelint-enable*/
}
html::-webkit-scrollbar,
.tui-zero-scrollbar::-webkit-scrollbar,
html::-webkit-scrollbar-thumb,
.tui-zero-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
  width: 0;
  height: 0;
}
::selection {
  background-color: var(--tui-selection);
}
::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}
.tui-autofill:not(:-webkit-autofill) {
  animation-name: tuiAutofillOff;
}
.tui-autofill:-webkit-autofill,
.tui-autofill:-webkit-autofill:hover,
.tui-autofill:-webkit-autofill:focus {
  border-radius: inherit;
  -webkit-text-fill-color: inherit !important;
  color: inherit !important;
  background-color: transparent !important;
  /* stylelint-disable-next-line */
  -webkit-box-shadow: 0 0 0 1000px var(--tui-autofill) inset !important;
  animation-name: tuiAutofillOn;
}
/* stylelint-disable order/order */
.tui-container {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 80em) {
  .tui-container.tui-container_adaptive {
    width: 69rem;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-container.tui-container_adaptive {
    width: 51.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-container.tui-container_adaptive {
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 80em) {
  .tui-container {
    width: 69rem;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-container {
    width: 51.5rem;
    padding: 0 3rem;
  }
}
@media screen and (min-width: 80em) {
  .tui-container_menu {
    width: 69rem;
  }
}
@media (min-width: 64em) and (max-width: 79.9375em) {
  .tui-container_menu {
    width: 51.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-container_menu {
    width: auto;
    padding: 0 1rem;
    box-sizing: border-box;
  }
}
.tui-container_fullwidth {
  width: auto;
  padding: 0 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  .tui-container_fullwidth {
    padding: 0 1rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-container_fixed {
    width: 69rem;
  }
}
/* stylelint-enable order/order */
.tui-form {
  /* stylelint-disable */
  /* stylelint-enable */
}
.tui-form__header {
  font: var(--tui-font-heading-5);
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__header {
    font: var(--tui-font-text-l);
    font-weight: bold;
    margin-bottom: 1rem;
  }
}
.tui-form__header_margin-top_none {
  margin-top: 0;
}
.tui-form__header_margin-bottom_none {
  margin-bottom: 0;
}
.tui-form__header_margin-bottom_small {
  margin-bottom: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__header_margin-bottom_small {
    margin-bottom: 0.75rem;
  }
}
.tui-form__row {
  margin-top: 1.25rem;
}
.tui-form__row:first-child {
  margin-top: 0;
}
.tui-form__row_multi-fields {
  display: flex;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__row_multi-fields {
    flex-wrap: wrap;
  }
}
.tui-form__row_half-width {
  width: calc(50% - (1.25rem / 2));
}
@media screen and (max-width: 47.9375em) {
  .tui-form__row_half-width {
    width: 100%;
  }
}
.tui-form__row_checkboxes {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__row {
    margin-top: 1rem;
  }
}
.tui-form__multi-field {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 1.25rem;
}
.tui-form__multi-field:first-child {
  margin-left: 0;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__multi-field {
    flex-basis: 100%;
    margin-top: 1rem;
    margin-left: 0;
  }
  .tui-form__multi-field:first-child {
    margin-top: 0;
  }
}
.tui-form__field-note {
  font: var(--tui-font-text-s);
  margin-top: 0.25rem;
  color: var(--tui-text-02);
}
.tui-form__field-checkbox {
  margin-top: 0.5rem;
}
.tui-form__checkbox {
  flex: 1 1 calc(50% - 0.625rem);
}
.tui-form__checkbox:nth-child(even) {
  margin-left: 1.25rem;
}
.tui-form__checkbox:nth-child(n + 3) {
  margin-top: 1rem;
}
.tui-form__buttons {
  display: flex;
  margin-top: 2rem;
}
.tui-form__buttons_align_end {
  justify-content: flex-end;
}
.tui-form__buttons_align_center {
  justify-content: center;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__buttons {
    flex-direction: column;
    margin-top: 1.5rem;
  }
}
.tui-form__button {
  margin-left: 0.75rem;
}
.tui-form__button:first-child {
  margin-left: 0;
}
@media screen and (max-width: 47.9375em) {
  .tui-form__button {
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
.tui-group {
  position: relative;
  z-index: 0;
  display: flex;
  /* stylelint-disable */
  /* stylelint-enable */
}
.tui-group > * {
  flex: 1 1 0;
  min-width: 0;
}
.tui-group > *:nth-child(n) {
  border-radius: 0;
}
.tui-group > *:not(:last-child) {
  margin-right: 0.125rem;
}
.tui-group_collapsed > * {
  z-index: 1;
}
.tui-group_collapsed > *:not(:last-child) {
  margin-right: -1px;
}
.tui-group_collapsed > *._readonly,
.tui-group_collapsed > *._disabled,
.tui-group_collapsed > *._readonly:hover,
.tui-group_collapsed > *._disabled:hover {
  z-index: 0;
}
.tui-group_collapsed > *:hover,
.tui-group_collapsed > *._hovered,
.tui-group_collapsed > *._pressed {
  z-index: 3;
}
.tui-group_collapsed > *._invalid {
  z-index: 2;
}
.tui-group_collapsed > *._invalid:hover,
.tui-group_collapsed > *._invalid._hovered,
.tui-group_collapsed > *._invalid._pressed {
  z-index: 4;
}
.tui-group_collapsed > *._hosted_dropdown_focused,
.tui-group_collapsed > *._focus-visible,
.tui-group_collapsed > *._focused.ng-touched,
.tui-group_collapsed > *._focused.ng-untouched {
  z-index: 5;
}
.tui-group_collapsed > *._active,
.tui-group_collapsed > *[data-appearance='whiteblock-active'] {
  z-index: 6;
}
.tui-group_collapsed > *._focus-visible._focused,
.tui-group_collapsed > *._focus-visible._active,
.tui-group_collapsed > *._focus-visible[data-appearance='whiteblock-active'] {
  z-index: 7;
}
.tui-group_orientation_vertical {
  display: inline-flex;
  flex-direction: column;
}
.tui-group_orientation_vertical > * {
  min-height: auto;
  flex: 0 0 auto;
}
.tui-group_orientation_vertical > *:not(:last-child) {
  margin-right: 0;
  margin-bottom: 0.125rem;
}
.tui-group_orientation_vertical.tui-group_collapsed > *:not(:last-child) {
  margin-right: 0;
  margin-bottom: -1px;
}
.tui-group_rounded.tui-group_orientation_horizontal > *:first-child {
  border-top-left-radius: var(--tui-radius-m);
  border-bottom-left-radius: var(--tui-radius-m);
}
.tui-group_rounded.tui-group_orientation_horizontal > *:last-child {
  border-top-right-radius: var(--tui-radius-m);
  border-bottom-right-radius: var(--tui-radius-m);
}
.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large > *:first-child {
  border-top-left-radius: var(--tui-radius-l);
  border-bottom-left-radius: var(--tui-radius-l);
}
.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large > *:last-child {
  border-top-right-radius: var(--tui-radius-l);
  border-bottom-right-radius: var(--tui-radius-l);
}
.tui-group_rounded.tui-group_orientation_vertical > *:first-child {
  border-top-left-radius: var(--tui-radius-m);
  border-top-right-radius: var(--tui-radius-m);
}
.tui-group_rounded.tui-group_orientation_vertical > *:last-child {
  border-bottom-left-radius: var(--tui-radius-m);
  border-bottom-right-radius: var(--tui-radius-m);
}
.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large > *:first-child {
  border-top-left-radius: var(--tui-radius-l);
  border-top-right-radius: var(--tui-radius-l);
}
.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large > *:last-child {
  border-bottom-left-radius: var(--tui-radius-l);
  border-bottom-right-radius: var(--tui-radius-l);
}
@media screen and (max-width: 47.9375em) {
  .tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed) > *:first-child:not(:last-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal > *:first-child:not(:last-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed) > *:last-child:not(:first-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal > *:last-child:not(:first-child) {
    border-radius: var(--tui-radius-m);
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed) > *:first-child:not(:last-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal > *:first-child:not(:last-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed) > *:last-child:not(:first-child),
  .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal > *:last-child:not(:first-child) {
    border-radius: var(--tui-radius-l);
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-group_adaptive.tui-group_orientation_vertical {
    width: 100%;
  }
  .tui-group_adaptive.tui-group_orientation_vertical > *:nth-child(n):not(:only-child) {
    border-radius: var(--tui-radius-m);
  }
  .tui-group_adaptive.tui-group_orientation_vertical > *:not(:last-child) {
    margin-bottom: 1rem;
  }
  .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed > *:nth-child(n):not(:only-child) {
    border-radius: 0;
  }
  .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed > *:first-child:not(:last-child) {
    border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0;
  }
  .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed > *:last-child:not(:first-child) {
    border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m);
  }
  .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed > *:not(:last-child) {
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-group_adaptive.tui-group_orientation_horizontal {
    flex-direction: column;
    width: 100%;
  }
  .tui-group_adaptive.tui-group_orientation_horizontal > *:nth-child(n):not(:only-child) {
    border-radius: var(--tui-radius-m);
  }
  .tui-group_adaptive.tui-group_orientation_horizontal > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed > *:nth-child(n):not(:only-child) {
    border-radius: 0;
  }
  .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed > *:first-child:not(:last-child) {
    border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0;
  }
  .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed > *:last-child:not(:first-child) {
    border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m);
  }
  .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical > *:nth-child(n):not(:only-child) {
    border-radius: var(--tui-radius-l);
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed > *:nth-child(n):not(:only-child) {
    border-radius: 0;
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed > *:first-child:not(:last-child) {
    border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0;
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed > *:last-child:not(:first-child) {
    border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l);
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal > *:nth-child(n):not(:only-child) {
    border-radius: var(--tui-radius-l);
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed > *:nth-child(n):not(:only-child) {
    border-radius: 0;
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed > *:first-child:not(:last-child) {
    border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0;
  }
  .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed > *:last-child:not(:first-child) {
    border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l);
  }
}
.tui-group__auto-width-item {
  min-width: auto;
  flex: 0 0 auto;
}
.tui-group .tui-group__inherit-item {
  border-radius: inherit;
}
.tui-island {
  position: relative;
  border-radius: var(--tui-radius-l);
  background-color: var(--tui-base-01);
  word-wrap: break-word;
  text-decoration: none;
  color: var(--tui-text-01);
  outline: none;
  box-sizing: content-box;
}
.tui-island:not(.tui-island_hoverable):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  box-sizing: border-box;
  border: 1px solid var(--tui-base-03);
  border-radius: inherit;
  pointer-events: none;
}
.tui-island:after {
  content: '';
  display: table;
  clear: both;
}
.tui-island:focus:before,
.tui-island:hover:focus:before {
  border-color: var(--tui-focus);
}
.tui-island_transparent {
  background-color: transparent;
}
.tui-island_hoverable {
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12);
  transition-property: all;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  cursor: pointer;
  transition-property: transform, box-shadow;
  will-change: transform, box-shadow;
  background: var(--tui-elevation-02);
}
.tui-island_hoverable:hover {
  box-shadow: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2);
  transform: translateY(-0.25rem);
}
.tui-island_size_s {
  font: var(--tui-font-text-s);
  padding: 1rem;
}
.tui-island_size_m {
  font: var(--tui-font-text-m);
  padding: 1rem;
}
.tui-island_size_l {
  font: var(--tui-font-text-m);
  padding: 1.25rem;
}
.tui-island_text-align_left {
  text-align: left;
}
.tui-island_text-align_center {
  text-align: center;
}
.tui-island_text-align_right {
  text-align: right;
}
.tui-island__content {
  display: flex;
  justify-content: space-between;
}
.tui-island_text-align_center .tui-island__content {
  display: block;
}
.tui-island__content > * {
  min-width: 0;
}
.tui-island__category {
  font-size: 0.6875rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin: 0 0 0.5rem;
  color: var(--tui-text-02);
}
.tui-island_size_l .tui-island__category {
  margin: 0 0 0.75rem;
}
.tui-island__title {
  font: var(--tui-font-text-m);
  margin: 0 0 0.5rem;
}
.tui-island_size_m .tui-island__title {
  font: var(--tui-font-heading-6);
  margin: 0 0 0.75rem;
}
.tui-island_size_l .tui-island__title {
  font: var(--tui-font-heading-6);
}
.tui-island__paragraph {
  margin: 0;
  color: var(--tui-text-02);
}
.tui-island__paragraph_link.tui-island__paragraph {
  margin-top: 1rem;
}
.tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph {
  margin: 1rem 0 0;
}
.tui-island__paragraph_button.tui-island__paragraph {
  margin-top: 1.25rem;
}
.tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph {
  margin: 1.25rem 0 0;
}
.tui-island__figure {
  display: flex;
  justify-content: center;
  order: 1;
  flex-shrink: 0;
  margin: 0 0 0 1rem;
}
.tui-island_size_l .tui-island__figure {
  margin-left: 2.25rem;
}
.tui-island_text-align_center .tui-island__figure {
  margin: 0 0 0.75rem 0;
}
.tui-island__carousel-controls {
  display: flex;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--tui-base-03);
  white-space: nowrap;
}
.tui-island__carousel-pages {
  margin-left: auto;
  color: var(--tui-text-02);
}
.tui-island__carousel-button {
  margin-right: 0.5rem;
}
.tui-island .tui-island__footer-button {
  display: block;
  width: calc(100% + 1.875rem);;
  margin: 1rem calc(-1rem + 1px) calc(-1rem + 1px);
  border-top: 1px solid var(--tui-base-03);
  border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l);
}
.tui-island_size_l .tui-island__footer-button {
  width: calc(100% + 2.375rem);;
  margin: 1.25rem calc(-1.25rem + 1px) calc(-1.25rem + 1px);
}
.tui-list {
  font: var(--tui-font-text-m);
  list-style-type: none;
  color: var(--tui-text-01);
}
.tui-list_large {
  font: var(--tui-font-text-l);
}
.tui-list_small,
.tui-list_extra-small {
  font: var(--tui-font-text-s);
}
.tui-list_nested {
  margin: 0.75rem 0 0.75rem 1.25rem;
  color: var(--tui-text-02);
}
.tui-list_large .tui-list_nested {
  margin-left: 0.75rem;
}
.tui-list_small .tui-list_nested {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tui-list_ordered {
  counter-reset: counter;
}
.tui-list__item {
  position: relative;
  padding-left: 1.5rem;
  word-wrap: break-word;
  margin-top: 0.75rem;
}
.tui-list__item:first-child {
  margin-top: 0;
}
.tui-list__item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--tui-primary);
}
.tui-list_large > .tui-list__item:before {
  top: 0.5rem;
}
.tui-list_small > .tui-list__item:before {
  top: 0.3125rem;
}
.tui-list_extra-small > .tui-list__item {
  margin-top: 0.5rem;
}
.tui-list_linear .tui-list__item {
  padding-left: 1.75rem;
}
.tui-list_linear .tui-list__item:before {
  content: '\2014';
  left: 0;
  top: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}
.tui-list_ordered .tui-list__item {
  padding-left: 1.25rem;
}
.tui-list_ordered .tui-list__item:before {
  content: counter(counter) '.';
  left: 0;
  top: auto;
  counter-increment: counter;
  width: auto;
  height: auto;
  color: var(--tui-text-03);
  background-color: transparent;
}
.tui-list__item-title {
  font: var(--tui-font-heading-5);
  margin: 0;
}
.tui-list_small .tui-list__item-title {
  line-height: 1.25rem;
  font-weight: bold;
}
.tui-list__description {
  margin: 0.5rem 0 0;
  color: var(--tui-text-02);
}
.tui-list_small .tui-list__description {
  margin-top: 0.25rem;
}
.tui-list_large .tui-list__description {
  line-height: 1.75rem;
  margin-top: 0.75rem;
}
@media not screen and (max-width: 47.9375em) {
  .tui-mobile-only {
    display: none !important;
  }
}
[data-tui-background='primary'] {
  background-color: var(--tui-primary);
}
[data-tui-background='secondary'] {
  background-color: var(--tui-info-fill);
}
[data-tui-background='success'] {
  background-color: var(--tui-success-fill);
}
[data-tui-background='error'] {
  background-color: var(--tui-error-fill);
}
[data-tui-background='support-mustard'],
[data-tui-background='support-01'] {
  background-color: var(--tui-support-01);
}
[data-tui-background='support-texas'],
[data-tui-background='support-02'] {
  background-color: var(--tui-support-02);
}
[data-tui-background='support-tan'],
[data-tui-background='support-03'] {
  background-color: var(--tui-support-03);
}
[data-tui-background='support-salmon'],
[data-tui-background='support-04'] {
  background-color: var(--tui-support-04);
}
[data-tui-background='support-sienna'],
[data-tui-background='support-05'] {
  background-color: var(--tui-support-05);
}
[data-tui-background='support-bittersweet'],
[data-tui-background='support-06'] {
  background-color: var(--tui-support-06);
}
[data-tui-background='support-pinkie'],
[data-tui-background='support-07'] {
  background-color: var(--tui-support-07);
}
[data-tui-background='support-charm'],
[data-tui-background='support-08'] {
  background-color: var(--tui-support-08);
}
[data-tui-background='support-amethyst'],
[data-tui-background='support-09'] {
  background-color: var(--tui-support-09);
}
[data-tui-background='support-helio'],
[data-tui-background='support-10'] {
  background-color: var(--tui-support-10);
}
[data-tui-background='support-lilac'],
[data-tui-background='support-11'] {
  background-color: var(--tui-support-11);
}
[data-tui-background='support-malibu'],
[data-tui-background='support-12'] {
  background-color: var(--tui-support-12);
}
[data-tui-background='support-havelock'],
[data-tui-background='support-13'] {
  background-color: var(--tui-support-13);
}
[data-tui-background='support-picton'],
[data-tui-background='support-14'] {
  background-color: var(--tui-support-14);
}
[data-tui-background='support-mint'],
[data-tui-background='support-15'] {
  background-color: var(--tui-support-15);
}
[data-tui-background='support-fountain'],
[data-tui-background='support-16'] {
  background-color: var(--tui-support-16);
}
[data-tui-background='support-puertorico'],
[data-tui-background='support-17'] {
  background-color: var(--tui-support-17);
}
[data-tui-background='support-bay'],
[data-tui-background='support-18'] {
  background-color: var(--tui-support-18);
}
[data-tui-background='support-forest'],
[data-tui-background='support-19'] {
  background-color: var(--tui-support-19);
}
[data-tui-background='support-york'],
[data-tui-background='support-20'] {
  background-color: var(--tui-support-20);
}
[data-tui-background='support-feijoa'],
[data-tui-background='support-21'] {
  background-color: var(--tui-support-21);
}
[data-tui-color='primary'] {
  color: var(--tui-primary);
}
[data-tui-color='secondary'] {
  color: var(--tui-info-fill);
}
[data-tui-color='success'] {
  color: var(--tui-success-fill);
}
[data-tui-color='error'] {
  color: var(--tui-error-fill);
}
[data-tui-color='support-mustard'],
[data-tui-color='support-01'] {
  color: var(--tui-support-01);
}
[data-tui-color='support-texas'],
[data-tui-color='support-02'] {
  color: var(--tui-support-02);
}
[data-tui-color='support-tan'],
[data-tui-color='support-03'] {
  color: var(--tui-support-03);
}
[data-tui-color='support-salmon'],
[data-tui-color='support-04'] {
  color: var(--tui-support-04);
}
[data-tui-color='support-sienna'],
[data-tui-color='support-05'] {
  color: var(--tui-support-05);
}
[data-tui-color='support-bittersweet'],
[data-tui-color='support-06'] {
  color: var(--tui-support-06);
}
[data-tui-color='support-pinkie'],
[data-tui-color='support-07'] {
  color: var(--tui-support-07);
}
[data-tui-color='support-charm'],
[data-tui-color='support-08'] {
  color: var(--tui-support-08);
}
[data-tui-color='support-amethyst'],
[data-tui-color='support-09'] {
  color: var(--tui-support-09);
}
[data-tui-color='support-helio'],
[data-tui-color='support-10'] {
  color: var(--tui-support-10);
}
[data-tui-color='support-lilac'],
[data-tui-color='support-11'] {
  color: var(--tui-support-11);
}
[data-tui-color='support-malibu'],
[data-tui-color='support-12'] {
  color: var(--tui-support-12);
}
[data-tui-color='support-havelock'],
[data-tui-color='support-13'] {
  color: var(--tui-support-13);
}
[data-tui-color='support-picton'],
[data-tui-color='support-14'] {
  color: var(--tui-support-14);
}
[data-tui-color='support-mint'],
[data-tui-color='support-15'] {
  color: var(--tui-support-15);
}
[data-tui-color='support-fountain'],
[data-tui-color='support-16'] {
  color: var(--tui-support-16);
}
[data-tui-color='support-puertorico'],
[data-tui-color='support-17'] {
  color: var(--tui-support-17);
}
[data-tui-color='support-bay'],
[data-tui-color='support-18'] {
  color: var(--tui-support-18);
}
[data-tui-color='support-forest'],
[data-tui-color='support-19'] {
  color: var(--tui-support-19);
}
[data-tui-color='support-york'],
[data-tui-color='support-20'] {
  color: var(--tui-support-20);
}
[data-tui-color='support-feijoa'],
[data-tui-color='support-21'] {
  color: var(--tui-support-21);
}
.tui-required:after {
  content: '*';
}
.tui-required_float:after {
  position: absolute;
}
.tui-required_spacing:after {
  content: '\0000a0*';
}
/* stylelint-disable order/order */
/* stylelint-enable order/order */
.tui-row {
  display: flex;
  flex-wrap: wrap;
}
.tui-row_align_center {
  align-items: center;
}
.tui-row_align_start {
  align-items: flex-start;
}
.tui-row_align_end {
  align-items: flex-end;
}
@media screen and (min-width: 80em) {
  .tui-row_adaptive.tui-row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-row_adaptive.tui-row {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-row_adaptive.tui-row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.tui-row_temporary.tui-row {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
@media screen and (min-width: 80em) {
  .tui-row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-row {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.tui-col_1 {
  width: 8.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_2 {
  width: 16.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_3 {
  width: 25%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_4 {
  width: 33.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_5 {
  width: 41.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_6 {
  width: 50%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_7 {
  width: 58.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_8 {
  width: 66.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_9 {
  width: 75%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_10 {
  width: 83.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_11 {
  width: 91.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_12 {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-1 {
  width: 8.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-2 {
  width: 16.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-3 {
  width: 25%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-4 {
  width: 33.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-5 {
  width: 41.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-6 {
  width: 50%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-7 {
  width: 58.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-8 {
  width: 66.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-9 {
  width: 75%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-10 {
  width: 83.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-11 {
  width: 91.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_md-12 {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-col_stretch {
  display: flex;
}
@media screen and (min-width: 80em) {
  .tui-row_adaptive .tui-col_lg-1 {
    width: 8.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-2 {
    width: 16.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-3 {
    width: 25%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-4 {
    width: 33.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-5 {
    width: 41.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-6 {
    width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-7 {
    width: 58.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-8 {
    width: 66.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-9 {
    width: 75%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-10 {
    width: 83.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-11 {
    width: 91.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_lg-12 {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-row_adaptive .tui-col_md-1 {
    width: 8.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-2 {
    width: 16.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-3 {
    width: 25%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-4 {
    width: 33.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-5 {
    width: 41.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-6 {
    width: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-7 {
    width: 58.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-8 {
    width: 66.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-9 {
    width: 75%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-10 {
    width: 83.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-11 {
    width: 91.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_md-12 {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 47.9375em) {
  .tui-row_adaptive .tui-col_xs-1 {
    width: 8.33333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-2 {
    width: 16.66666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-3 {
    width: 25%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-4 {
    width: 33.33333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-5 {
    width: 41.66666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-6 {
    width: 50%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-7 {
    width: 58.33333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-8 {
    width: 66.66666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-9 {
    width: 75%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-10 {
    width: 83.33333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-11 {
    width: 91.66666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
  .tui-row_adaptive .tui-col_xs-12 {
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
  }
}
.tui-row_temporary .tui-col_1 {
  width: 8.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_2 {
  width: 16.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_3 {
  width: 25%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_4 {
  width: 33.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_5 {
  width: 41.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_6 {
  width: 50%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_7 {
  width: 58.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_8 {
  width: 66.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_9 {
  width: 75%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_10 {
  width: 83.33333333%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_11 {
  width: 91.66666667%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.tui-row_temporary .tui-col_12 {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
@media screen and (min-width: 80em) {
  .tui-col_1 {
    width: 8.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_2 {
    width: 16.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_3 {
    width: 25%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_4 {
    width: 33.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_5 {
    width: 41.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_6 {
    width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_7 {
    width: 58.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_8 {
    width: 66.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_9 {
    width: 75%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_10 {
    width: 83.33333333%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_11 {
    width: 91.66666667%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
  .tui-col_12 {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
}
.tui-col-offset_1 {
  margin-left: 8.33333333%;
}
.tui-col-offset_2 {
  margin-left: 16.66666667%;
}
.tui-col-offset_3 {
  margin-left: 25%;
}
.tui-col-offset_4 {
  margin-left: 33.33333333%;
}
.tui-col-offset_5 {
  margin-left: 41.66666667%;
}
.tui-col-offset_6 {
  margin-left: 50%;
}
.tui-col-offset_7 {
  margin-left: 58.33333333%;
}
.tui-col-offset_8 {
  margin-left: 66.66666667%;
}
.tui-col-offset_9 {
  margin-left: 75%;
}
.tui-col-offset_10 {
  margin-left: 83.33333333%;
}
.tui-col-offset_11 {
  margin-left: 91.66666667%;
}
.tui-col-offset_12 {
  margin-left: 100%;
}
@media (min-width: 22.5em) and (max-width: 47.9375em) {
  .tui-col-offset_xs-1 {
    margin-left: 8.33333333%;
  }
  .tui-col-offset_xs-2 {
    margin-left: 16.66666667%;
  }
  .tui-col-offset_xs-3 {
    margin-left: 25%;
  }
  .tui-col-offset_xs-4 {
    margin-left: 33.33333333%;
  }
  .tui-col-offset_xs-5 {
    margin-left: 41.66666667%;
  }
  .tui-col-offset_xs-6 {
    margin-left: 50%;
  }
  .tui-col-offset_xs-7 {
    margin-left: 58.33333333%;
  }
  .tui-col-offset_xs-8 {
    margin-left: 66.66666667%;
  }
  .tui-col-offset_xs-9 {
    margin-left: 75%;
  }
  .tui-col-offset_xs-10 {
    margin-left: 83.33333333%;
  }
  .tui-col-offset_xs-11 {
    margin-left: 91.66666667%;
  }
  .tui-col-offset_xs-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 79.9375em) {
  .tui-col-offset_md-1 {
    margin-left: 8.33333333%;
  }
  .tui-col-offset_md-2 {
    margin-left: 16.66666667%;
  }
  .tui-col-offset_md-3 {
    margin-left: 25%;
  }
  .tui-col-offset_md-4 {
    margin-left: 33.33333333%;
  }
  .tui-col-offset_md-5 {
    margin-left: 41.66666667%;
  }
  .tui-col-offset_md-6 {
    margin-left: 50%;
  }
  .tui-col-offset_md-7 {
    margin-left: 58.33333333%;
  }
  .tui-col-offset_md-8 {
    margin-left: 66.66666667%;
  }
  .tui-col-offset_md-9 {
    margin-left: 75%;
  }
  .tui-col-offset_md-10 {
    margin-left: 83.33333333%;
  }
  .tui-col-offset_md-11 {
    margin-left: 91.66666667%;
  }
  .tui-col-offset_md-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 80em) {
  .tui-col-offset_lg-1 {
    margin-left: 8.33333333%;
  }
  .tui-col-offset_lg-2 {
    margin-left: 16.66666667%;
  }
  .tui-col-offset_lg-3 {
    margin-left: 25%;
  }
  .tui-col-offset_lg-4 {
    margin-left: 33.33333333%;
  }
  .tui-col-offset_lg-5 {
    margin-left: 41.66666667%;
  }
  .tui-col-offset_lg-6 {
    margin-left: 50%;
  }
  .tui-col-offset_lg-7 {
    margin-left: 58.33333333%;
  }
  .tui-col-offset_lg-8 {
    margin-left: 66.66666667%;
  }
  .tui-col-offset_lg-9 {
    margin-left: 75%;
  }
  .tui-col-offset_lg-10 {
    margin-left: 83.33333333%;
  }
  .tui-col-offset_lg-11 {
    margin-left: 91.66666667%;
  }
  .tui-col-offset_lg-12 {
    margin-left: 100%;
  }
}
.tui-skeleton {
  position: relative;
  color: transparent !important;
  background: transparent !important;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.tui-skeleton:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, 0.16);
  animation: tuiSkeletonVibe ease-in-out 1s infinite alternate;
}
.tui-skeleton_light:after {
  background-color: rgba(255, 255, 255, 0.24);
}
.tui-skeleton_rounded:after {
  border-radius: inherit;
}
.tui-skeleton_short:after {
  width: 40%;
}
.tui-skeleton_center:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 40%;
}
.tui-skeleton_text:before {
  content: '\a0';
}
.tui-skeleton * {
  opacity: 0;
  visibility: hidden;
}
.tui-space_all-16 {
  margin: 4rem;
}
.tui-space_all-15 {
  margin: 3.75rem;
}
.tui-space_all-14 {
  margin: 3.5rem;
}
.tui-space_all-13 {
  margin: 3.25rem;
}
.tui-space_all-12 {
  margin: 3rem;
}
.tui-space_all-11 {
  margin: 2.75rem;
}
.tui-space_all-10 {
  margin: 2.5rem;
}
.tui-space_all-9 {
  margin: 2.25rem;
}
.tui-space_all-8 {
  margin: 2rem;
}
.tui-space_all-7 {
  margin: 1.75rem;
}
.tui-space_all-6 {
  margin: 1.5rem;
}
.tui-space_all-5 {
  margin: 1.25rem;
}
.tui-space_all-4 {
  margin: 1rem;
}
.tui-space_all-3 {
  margin: 0.75rem;
}
.tui-space_all-2 {
  margin: 0.5rem;
}
.tui-space_all-1 {
  margin: 0.25rem;
}
.tui-space_all-0 {
  margin: 0rem;
}
.tui-space_top-16 {
  margin-top: 4rem;
}
.tui-space_top-15 {
  margin-top: 3.75rem;
}
.tui-space_top-14 {
  margin-top: 3.5rem;
}
.tui-space_top-13 {
  margin-top: 3.25rem;
}
.tui-space_top-12 {
  margin-top: 3rem;
}
.tui-space_top-11 {
  margin-top: 2.75rem;
}
.tui-space_top-10 {
  margin-top: 2.5rem;
}
.tui-space_top-9 {
  margin-top: 2.25rem;
}
.tui-space_top-8 {
  margin-top: 2rem;
}
.tui-space_top-7 {
  margin-top: 1.75rem;
}
.tui-space_top-6 {
  margin-top: 1.5rem;
}
.tui-space_top-5 {
  margin-top: 1.25rem;
}
.tui-space_top-4 {
  margin-top: 1rem;
}
.tui-space_top-3 {
  margin-top: 0.75rem;
}
.tui-space_top-2 {
  margin-top: 0.5rem;
}
.tui-space_top-1 {
  margin-top: 0.25rem;
}
.tui-space_top-0 {
  margin-top: 0rem;
}
.tui-space_bottom-16 {
  margin-bottom: 4rem;
}
.tui-space_bottom-15 {
  margin-bottom: 3.75rem;
}
.tui-space_bottom-14 {
  margin-bottom: 3.5rem;
}
.tui-space_bottom-13 {
  margin-bottom: 3.25rem;
}
.tui-space_bottom-12 {
  margin-bottom: 3rem;
}
.tui-space_bottom-11 {
  margin-bottom: 2.75rem;
}
.tui-space_bottom-10 {
  margin-bottom: 2.5rem;
}
.tui-space_bottom-9 {
  margin-bottom: 2.25rem;
}
.tui-space_bottom-8 {
  margin-bottom: 2rem;
}
.tui-space_bottom-7 {
  margin-bottom: 1.75rem;
}
.tui-space_bottom-6 {
  margin-bottom: 1.5rem;
}
.tui-space_bottom-5 {
  margin-bottom: 1.25rem;
}
.tui-space_bottom-4 {
  margin-bottom: 1rem;
}
.tui-space_bottom-3 {
  margin-bottom: 0.75rem;
}
.tui-space_bottom-2 {
  margin-bottom: 0.5rem;
}
.tui-space_bottom-1 {
  margin-bottom: 0.25rem;
}
.tui-space_bottom-0 {
  margin-bottom: 0rem;
}
.tui-space_vertical-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.tui-space_vertical-15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.tui-space_vertical-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.tui-space_vertical-13 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.tui-space_vertical-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.tui-space_vertical-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.tui-space_vertical-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.tui-space_vertical-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.tui-space_vertical-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tui-space_vertical-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.tui-space_vertical-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tui-space_vertical-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.tui-space_vertical-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tui-space_vertical-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.tui-space_vertical-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tui-space_vertical-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tui-space_vertical-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.tui-space_left-16 {
  margin-left: 4rem;
}
.tui-space_left-15 {
  margin-left: 3.75rem;
}
.tui-space_left-14 {
  margin-left: 3.5rem;
}
.tui-space_left-13 {
  margin-left: 3.25rem;
}
.tui-space_left-12 {
  margin-left: 3rem;
}
.tui-space_left-11 {
  margin-left: 2.75rem;
}
.tui-space_left-10 {
  margin-left: 2.5rem;
}
.tui-space_left-9 {
  margin-left: 2.25rem;
}
.tui-space_left-8 {
  margin-left: 2rem;
}
.tui-space_left-7 {
  margin-left: 1.75rem;
}
.tui-space_left-6 {
  margin-left: 1.5rem;
}
.tui-space_left-5 {
  margin-left: 1.25rem;
}
.tui-space_left-4 {
  margin-left: 1rem;
}
.tui-space_left-3 {
  margin-left: 0.75rem;
}
.tui-space_left-2 {
  margin-left: 0.5rem;
}
.tui-space_left-1 {
  margin-left: 0.25rem;
}
.tui-space_left-0 {
  margin-left: 0rem;
}
.tui-space_right-16 {
  margin-right: 4rem;
}
.tui-space_right-15 {
  margin-right: 3.75rem;
}
.tui-space_right-14 {
  margin-right: 3.5rem;
}
.tui-space_right-13 {
  margin-right: 3.25rem;
}
.tui-space_right-12 {
  margin-right: 3rem;
}
.tui-space_right-11 {
  margin-right: 2.75rem;
}
.tui-space_right-10 {
  margin-right: 2.5rem;
}
.tui-space_right-9 {
  margin-right: 2.25rem;
}
.tui-space_right-8 {
  margin-right: 2rem;
}
.tui-space_right-7 {
  margin-right: 1.75rem;
}
.tui-space_right-6 {
  margin-right: 1.5rem;
}
.tui-space_right-5 {
  margin-right: 1.25rem;
}
.tui-space_right-4 {
  margin-right: 1rem;
}
.tui-space_right-3 {
  margin-right: 0.75rem;
}
.tui-space_right-2 {
  margin-right: 0.5rem;
}
.tui-space_right-1 {
  margin-right: 0.25rem;
}
.tui-space_right-0 {
  margin-right: 0rem;
}
.tui-space_horizontal-16 {
  margin-right: 4rem;
  margin-left: 4rem;
}
.tui-space_horizontal-15 {
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}
.tui-space_horizontal-14 {
  margin-right: 3.5rem;
  margin-left: 3.5rem;
}
.tui-space_horizontal-13 {
  margin-right: 3.25rem;
  margin-left: 3.25rem;
}
.tui-space_horizontal-12 {
  margin-right: 3rem;
  margin-left: 3rem;
}
.tui-space_horizontal-11 {
  margin-right: 2.75rem;
  margin-left: 2.75rem;
}
.tui-space_horizontal-10 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}
.tui-space_horizontal-9 {
  margin-right: 2.25rem;
  margin-left: 2.25rem;
}
.tui-space_horizontal-8 {
  margin-right: 2rem;
  margin-left: 2rem;
}
.tui-space_horizontal-7 {
  margin-right: 1.75rem;
  margin-left: 1.75rem;
}
.tui-space_horizontal-6 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.tui-space_horizontal-5 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
.tui-space_horizontal-4 {
  margin-right: 1rem;
  margin-left: 1rem;
}
.tui-space_horizontal-3 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.tui-space_horizontal-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.tui-space_horizontal-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tui-space_horizontal-0 {
  margin-right: 0rem;
  margin-left: 0rem;
}
.tui-space_auto {
  margin-left: auto;
  margin-right: auto;
}
.tui-table {
  width: 100%;
}
.tui-table_layout_fixed {
  table-layout: fixed;
}
.tui-table__tr {
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  outline: none;
}
.tui-table__tr:not(.tui-table__tr_hover_disabled):hover {
  background: var(--tui-base-02);
}
.tui-table__tr:not(.tui-table__tr_border_none) {
  border-bottom: 1px solid var(--tui-base-03);
}
.tui-table__tr_border_top {
  border-top: 1px solid var(--tui-base-03);
}
.tui-table__tr_cursor_pointer {
  cursor: pointer;
}
.tui-table__th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--tui-font-text-s);
  padding: 0.5rem 1rem;
  vertical-align: middle;
  height: 2.5rem;
  color: var(--tui-text-02);
}
.tui-table__th_font-size_l,
.tui-table_font-size_l .tui-table__th {
  font: var(--tui-font-text-m);
}
.tui-table__td {
  font: var(--tui-font-text-m);
  padding: 1rem 1rem 0.875rem;
  vertical-align: top;
  word-wrap: break-word;
  height: 3.4375rem;
  color: var(--tui-text-01);
}
.tui-table__td_size_l,
.tui-table_size_l .tui-table__td {
  height: 4.9375rem;
}
.tui-table__td_font-size_l,
.tui-table_font-size_l .tui-table__td {
  font: var(--tui-font-text-l);
}
.tui-table__td_font-size_s,
.tui-table_font-size_s .tui-table__td {
  font: var(--tui-font-text-s);
}
.tui-table__td_align_center {
  vertical-align: middle;
}
.tui-table__td,
.tui-table__th {
  box-sizing: border-box;
  text-align: left;
}
.tui-table__td_first,
.tui-table__th_first {
  padding-left: 0;
}
.tui-table__td_last,
.tui-table__th_last {
  padding-right: 0;
}
.tui-table__td_text_center,
.tui-table__th_text_center {
  text-align: center;
}
.tui-table__td_text_right,
.tui-table__th_text_right {
  text-align: right;
}
.tui-table__td_text_overflow,
.tui-table__th_text_overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-table__subtext {
  font: var(--tui-font-text-s);
  margin: 0.25rem 0 0 0;
  color: var(--tui-text-03);
}
.tui-table__sort {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  border: 0;
  background: none;
  font-size: inherit;
  line-height: inherit;
  transition-property: color;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: relative;
  display: inline-flex;
  align-items: center;
  outline: none;
  cursor: pointer;
}
.tui-table__sort:hover {
  color: var(--tui-text-01);
}
.tui-table__sort_active {
  color: var(--tui-link);
}
.tui-table__sort_active:hover {
  color: var(--tui-link-hover);
}
.tui-table__sort-icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 100%;
  margin-left: 0.125rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  opacity: 0;
}
.tui-table__sort_active .tui-table__sort-icon,
.tui-table__sort:hover .tui-table__sort-icon {
  transition-property: transform;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  opacity: 1;
}
.tui-table__sort_active.tui-table__sort_up .tui-table__sort-icon {
  transform: rotate(180deg) translateY(50%);
}
.tui-text_h1 {
  font: var(--tui-font-heading-1);
}
.tui-text_h2 {
  font: var(--tui-font-heading-2);
}
.tui-text_h3 {
  font: var(--tui-font-heading-3);
}
.tui-text_h4 {
  font: var(--tui-font-heading-4);
}
.tui-text_h5 {
  font: var(--tui-font-heading-5);
}
.tui-text_h6 {
  font: var(--tui-font-heading-6);
}
.tui-text_body-xl {
  font: var(--tui-font-text-xl);
}
.tui-text_body-l {
  font: var(--tui-font-text-l);
}
.tui-text_body-l-2 {
  font: var(--tui-font-text-l);
  line-height: 1.25rem;
}
.tui-text_body-m {
  font: var(--tui-font-text-m);
}
.tui-text_body-m-2 {
  font: var(--tui-font-text-m);
  line-height: 1.25rem;
}
.tui-text_body-s {
  font: var(--tui-font-text-s);
}
.tui-text_body-s-2 {
  font: var(--tui-font-text-s);
  line-height: 1rem;
}
.tui-text_body-xs {
  font: var(--tui-font-text-xs);
}
.tui-text_bold {
  font-weight: bold;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/@taiga-ui/core/styles/taiga-ui-theme.less (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable selector-max-specificity */
/* stylelint-enable selector-max-specificity */
@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar,
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb {
    width: 1rem;
    height: 1rem;
    border-radius: 6.25rem;
    background-clip: padding-box;
    /* stylelint-disable-next-line */
    border: 6px solid transparent;
  }
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar {
    background-color: transparent;
  }
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb {
    background-color: var(--tui-clear-hover);
  }
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb:hover {
    background-color: var(--tui-clear-active);
  }
  tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb:active {
    background-color: var(--tui-text-03);
  }
}
tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb {
  background-color: rgba(168, 168, 168, 0.5);
}
tui-root:not(._mobile) tui-dialog-host > section::-webkit-scrollbar-thumb:hover {
  background-color: rgba(204, 204, 204, 0.5);
}
:root {
  --tui-heading-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --tui-text-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --tui-font-heading: var(--tui-heading-font);
  --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
  --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
  --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
  --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
  --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
  --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
  --tui-font-text: var(--tui-text-font);
  --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
  --tui-font-text-l: normal 1.0625rem/1.5rem var(--tui-font-text);
  --tui-font-text-m: normal 0.9375rem/1.5rem var(--tui-font-text);
  --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
  --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
  --tui-radius-xs: 0.25rem;
  --tui-radius-s: 0.5rem;
  --tui-radius-m: 0.625rem;
  --tui-radius-l: 0.625rem;
  --tui-height-xs: 1.5rem;
  --tui-height-s: 2rem;
  --tui-height-m: 2.75rem;
  --tui-height-l: 3.5rem;
  --tui-padding-s: 0.75rem;
  --tui-padding-m: 0.75rem;
  --tui-padding-l: 1rem;
  --tui-duration: 0.3s;
  --tui-disabled-opacity: 0.56;
  --tui-autofill: #fff5c0;
  --tui-base-01: #fff;
  --tui-base-02: #f6f6f6;
  --tui-base-03: #ededed;
  --tui-base-04: #d7d7d7;
  --tui-base-05: #b0b0b0;
  --tui-base-06: #959595;
  --tui-base-07: #808080;
  --tui-base-08: #333;
  --tui-base-09: #000;
  --tui-primary: #526ed3;
  --tui-primary-hover: #6c86e2;
  --tui-primary-active: #314692;
  --tui-primary-text: #fff;
  --tui-secondary: #ebefff;
  --tui-secondary-hover: #dfe3f3;
  --tui-secondary-active: #d8ddf2;
  --tui-accent: #ff7043;
  --tui-accent-hover: #ff9a94;
  --tui-accent-active: #e7716a;
  --tui-accent-text: #fff;
  --tui-selection: rgba(112, 182, 246, 0.12);
  --tui-focus: rgba(51, 51, 51, 0.64);
  --tui-clear: rgba(0, 0, 0, 0.08);
  --tui-clear-disabled: rgba(0, 0, 0, 0.04);
  --tui-clear-hover: rgba(0, 0, 0, 0.16);
  --tui-clear-active: rgba(0, 0, 0, 0.2);
  --tui-clear-inverse: rgba(255, 255, 255, 0.16);
  --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24);
  --tui-clear-inverse-active: rgba(255, 255, 255, 0.4);
  --tui-elevation-01: #fff;
  --tui-elevation-02: #fff;
  --tui-error-fill: #f45725;
  --tui-error-bg: rgba(244, 87, 37, 0.12);
  --tui-error-bg-hover: rgba(244, 87, 37, 0.24);
  --tui-success-fill: #4ac99b;
  --tui-success-bg: rgba(74, 201, 155, 0.12);
  --tui-success-bg-hover: rgba(74, 201, 155, 0.24);
  --tui-warning-fill: #ffc700;
  --tui-warning-bg: rgba(255, 199, 0, 0.12);
  --tui-warning-bg-hover: rgba(255, 199, 0, 0.24);
  --tui-info-fill: #70b6f6;
  --tui-info-bg: rgba(112, 182, 246, 0.12);
  --tui-info-bg-hover: rgba(112, 182, 246, 0.24);
  --tui-neutral-fill: #79818c;
  --tui-neutral-bg: rgba(121, 129, 140, 0.12);
  --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24);
  --tui-text-01: #1b1f3b;
  --tui-text-02: rgba(27, 31, 59, 0.65);
  --tui-text-03: rgba(27, 31, 59, 0.4);
  --tui-link: #526ed3;
  --tui-link-hover: #6c86e2;
  --tui-positive: #3aa981;
  --tui-positive-hover: #7ac5aa;
  --tui-negative: #dd4c1e;
  --tui-negative-hover: #e38163;
  --tui-error-fill-night: #ff8c67;
  --tui-error-bg-night: rgba(244, 87, 37, 0.32);
  --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4);
  --tui-success-fill-night: #4ac99b;
  --tui-success-bg-night: rgba(74, 201, 155, 0.32);
  --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4);
  --tui-warning-fill-night: #ffc700;
  --tui-warning-bg-night: rgba(255, 199, 0, 0.32);
  --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4);
  --tui-info-fill-night: #70b6f6;
  --tui-info-bg-night: rgba(112, 182, 246, 0.32);
  --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4);
  --tui-neutral-fill-night: #959ba4;
  --tui-neutral-bg-night: rgba(149, 155, 164, 0.32);
  --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48);
  --tui-autofill-night: #554a2a;
  --tui-text-01-night: #ffffff;
  --tui-text-02-night: rgba(255, 255, 255, 0.72);
  --tui-text-03-night: rgba(255, 255, 255, 0.6);
  --tui-link-night: #6788ff;
  --tui-link-night-hover: #526ed3;
  --tui-positive-night: #44c596;
  --tui-positive-night-hover: #3aa981;
  --tui-negative-night: #ff8c67;
  --tui-negative-night-hover: #bb593a;
  --tui-support-01: #a8cef1;
  --tui-support-02: #3682db;
  --tui-support-03: #8dda71;
  --tui-support-04: #34b41f;
  --tui-support-05: #e29398;
  --tui-support-06: #b8474e;
  --tui-support-07: #fcc068;
  --tui-support-08: #ff8a00;
  --tui-support-09: #dab3f9;
  --tui-support-10: #7b439e;
  --tui-support-11: #fee797;
  --tui-support-12: #fcbb14;
  --tui-support-13: #ea97c4;
  --tui-support-14: #bd65a4;
  --tui-support-15: #7fd7cc;
  --tui-support-16: #2fad96;
  --tui-support-17: #d4aca2;
  --tui-support-18: #9d6f64;
  --tui-support-19: #d2e9a2;
  --tui-support-20: #aadc42;
  --tui-support-21: #a0c5df;
  --tui-support-22: #3c7ba8;
}
tui-wrapper[data-appearance='icon'] {
  background: transparent;
  color: var(--tui-base-06);
}
tui-wrapper[data-appearance='icon'][data-state='hovered'] {
  color: var(--tui-base-07);
}
tui-wrapper[data-appearance='icon']:active,
tui-wrapper[data-appearance='icon'][data-state='pressed'] {
  color: var(--tui-base-08);
}
tui-wrapper[data-appearance='icon'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='icon'][data-mode='onDark'] {
  color: var(--tui-text-01-night);
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='icon'][data-mode='onDark'][data-state='hovered'],
tui-wrapper[data-appearance='icon'][data-mode='onDark'][data-state='pressed'] {
  opacity: 1;
}
tui-wrapper[data-appearance='icon'][data-mode='onDark']._focused:after {
  color: var(--tui-base-01);
}
tui-wrapper[data-appearance='icon'][data-mode='onLight'] {
  color: var(--tui-text-01);
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='icon'][data-mode='onLight'][data-state='hovered'],
tui-wrapper[data-appearance='icon'][data-mode='onLight'][data-state='pressed'] {
  opacity: 1;
}
tui-wrapper[data-appearance='outline'] {
  background: transparent;
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='outline']:after {
  color: var(--tui-base-04);
}
tui-wrapper[data-appearance='outline'][data-state='hovered']:after {
  color: var(--tui-base-05);
}
tui-wrapper[data-appearance='outline']:active:after,
tui-wrapper[data-appearance='outline'][data-state='pressed']:after {
  color: var(--tui-base-06);
}
tui-wrapper[data-appearance='outline'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark'] {
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark']:after {
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark'][data-state='hovered'] {
  background: var(--tui-clear-inverse-hover);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark'][data-state='hovered']:after {
  color: var(--tui-text-03-night);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark'][data-state='pressed'] {
  background: var(--tui-clear-inverse-active);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark'][data-state='pressed']:after {
  color: var(--tui-text-03-night);
}
tui-wrapper[data-appearance='outline'][data-mode='onDark']._focused:after {
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight'] {
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight']:after {
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight'][data-state='hovered'] {
  background: var(--tui-clear-hover);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight'][data-state='hovered']:after {
  color: var(--tui-text-03);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight'][data-state='pressed'] {
  background: var(--tui-clear-active);
}
tui-wrapper[data-appearance='outline'][data-mode='onLight'][data-state='pressed']:after {
  color: var(--tui-text-03);
}
tui-wrapper[data-appearance='primary'] {
  background: var(--tui-primary);
  color: var(--tui-primary-text);
}
tui-wrapper[data-appearance='primary'][data-state='hovered'] {
  background: var(--tui-primary-hover);
}
tui-wrapper[data-appearance='primary']:active,
tui-wrapper[data-appearance='primary'][data-state='pressed'] {
  background: var(--tui-primary-active);
}
tui-wrapper[data-appearance='primary'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='primary']._invalid {
  color: var(--tui-negative-night);
  background: var(--tui-error-bg);
}
tui-wrapper[data-appearance='primary']._invalid[data-state='hovered'],
tui-wrapper[data-appearance='primary']._invalid[data-state='pressed'] {
  background: var(--tui-error-bg-hover);
}
tui-wrapper[data-appearance='primary']._invalid._focused:after {
  color: var(--tui-error-fill);
}
tui-wrapper[data-appearance='accent'] {
  background: var(--tui-accent);
  color: var(--tui-accent-text);
}
tui-wrapper[data-appearance='accent'][data-state='hovered'] {
  background: var(--tui-accent-hover);
}
tui-wrapper[data-appearance='accent']:active,
tui-wrapper[data-appearance='accent'][data-state='pressed'] {
  background: var(--tui-accent-active);
}
tui-wrapper[data-appearance='accent'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='accent']._invalid {
  color: var(--tui-negative-night);
  background: var(--tui-error-bg);
}
tui-wrapper[data-appearance='accent']._invalid[data-state='hovered'],
tui-wrapper[data-appearance='accent']._invalid[data-state='pressed'] {
  background: var(--tui-error-bg-hover);
}
tui-wrapper[data-appearance='accent']._invalid._focused:after {
  color: var(--tui-error-fill);
}
tui-wrapper[data-appearance='secondary'],
tui-wrapper[data-appearance='flat'] {
  background: var(--tui-secondary);
  color: var(--tui-link);
}
tui-wrapper[data-appearance='secondary'][data-state='hovered'],
tui-wrapper[data-appearance='flat'][data-state='hovered'] {
  background: var(--tui-secondary-hover);
  color: var(--tui-link-hover);
}
tui-wrapper[data-appearance='secondary']:active,
tui-wrapper[data-appearance='flat']:active,
tui-wrapper[data-appearance='secondary'][data-state='pressed'],
tui-wrapper[data-appearance='flat'][data-state='pressed'] {
  background: var(--tui-secondary-active);
}
tui-wrapper[data-appearance='secondary'][data-state='disabled'],
tui-wrapper[data-appearance='flat'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='secondary'][data-mode='onDark'],
tui-wrapper[data-appearance='flat'][data-mode='onDark'] {
  background: var(--tui-clear-inverse);
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='secondary'][data-mode='onDark'][data-state='hovered'],
tui-wrapper[data-appearance='flat'][data-mode='onDark'][data-state='hovered'] {
  background: var(--tui-clear-inverse-hover);
}
tui-wrapper[data-appearance='secondary'][data-mode='onDark'][data-state='pressed'],
tui-wrapper[data-appearance='flat'][data-mode='onDark'][data-state='pressed'] {
  background: var(--tui-clear-inverse-active);
}
tui-wrapper[data-appearance='secondary'][data-mode='onDark']._focused:after,
tui-wrapper[data-appearance='flat'][data-mode='onDark']._focused:after {
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='secondary'][data-mode='onLight'],
tui-wrapper[data-appearance='flat'][data-mode='onLight'] {
  background: var(--tui-clear);
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='secondary'][data-mode='onLight'][data-state='hovered'],
tui-wrapper[data-appearance='flat'][data-mode='onLight'][data-state='hovered'] {
  background: var(--tui-clear-hover);
}
tui-wrapper[data-appearance='secondary'][data-mode='onLight'][data-state='pressed'],
tui-wrapper[data-appearance='flat'][data-mode='onLight'][data-state='pressed'] {
  background: var(--tui-clear-active);
}
tui-wrapper[data-appearance='secondary']._invalid,
tui-wrapper[data-appearance='flat']._invalid {
  color: var(--tui-error-fill);
  background: var(--tui-error-bg);
}
tui-wrapper[data-appearance='secondary']._invalid[data-state='hovered'],
tui-wrapper[data-appearance='flat']._invalid[data-state='hovered'],
tui-wrapper[data-appearance='secondary']._invalid[data-state='pressed'],
tui-wrapper[data-appearance='flat']._invalid[data-state='pressed'] {
  background: var(--tui-error-bg-hover);
}
tui-wrapper[data-appearance='secondary']._invalid._focused:after,
tui-wrapper[data-appearance='flat']._invalid._focused:after {
  color: var(--tui-error-fill);
}
tui-wrapper[data-appearance='flat'] {
  background: transparent;
}
tui-wrapper[data-appearance='flat'][data-mode='onDark'],
tui-wrapper[data-appearance='flat'][data-mode='onLight'] {
  background: transparent;
}
tui-wrapper[data-appearance='table'] {
  border-radius: 0;
  background: transparent;
  color: var(--tui-text-01);
}
table tui-wrapper[data-appearance='table'][data-appearance='table']:not(._focused):after {
  border-width: 0;
}
table tui-wrapper[data-appearance='table']._focused {
  z-index: 1;
}
tui-wrapper[data-appearance='table'][data-appearance='table']:after {
  border-width: 1px;
  color: var(--tui-base-04);
}
tui-wrapper[data-appearance='table'][data-state='hovered']:not(._focused) {
  background: var(--tui-clear-disabled);
}
tui-wrapper[data-appearance='table'][data-state='disabled'] {
  color: var(--tui-text-03);
}
tui-wrapper[data-appearance='table']._focused:after {
  border-width: 2px;
  color: var(--tui-focus);
}
tui-wrapper[data-appearance='table'][data-mode='onDark']._focused:after {
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='table']._invalid {
  background: var(--tui-error-bg);
}
tui-wrapper[data-appearance='table']._invalid:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  /* stylelint-disable-next-line */
  border-top: 8px solid var(--tui-error-fill);
  /* stylelint-disable-next-line */
  border-left: 8px solid transparent;
}
tui-wrapper[data-appearance='table']._invalid[data-state='hovered'] {
  background: var(--tui-error-bg-hover);
}
tui-wrapper[data-appearance='table']._invalid[data-state='hovered']._focused {
  background: transparent;
}
tui-wrapper[data-appearance='table']._invalid[data-state='disabled'] {
  background: transparent;
}
tui-wrapper[data-appearance='table']._invalid._focused {
  background: transparent;
}
tui-wrapper[data-appearance='table']._invalid._focused:after {
  border-width: 1px;
  color: var(--tui-error-fill);
}
tui-wrapper[data-appearance='textfield'] {
  transition: var(--tui-duration) ease-in-out;
  transition-property: box-shadow, background;
  background: var(--tui-base-01);
  color: var(--tui-text-01);
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
}
tui-wrapper[data-appearance='textfield'][data-appearance='textfield']:after {
  transition: color var(--tui-duration) ease-in-out;
  border-width: 1px;
  color: var(--tui-base-03);
}
tui-wrapper[data-appearance='textfield'][data-state='hovered'] {
  box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
}
tui-wrapper[data-appearance='textfield']._focused {
  box-shadow: none;
}
tui-wrapper[data-appearance='textfield']._focused:after {
  color: var(--tui-primary);
  border-width: 2px;
}
tui-wrapper[data-appearance='textfield'][data-state='readonly'] {
  box-shadow: none;
}
tui-wrapper[data-appearance='textfield'][data-state='readonly']:after {
  color: var(--tui-base-04);
}
tui-wrapper[data-appearance='textfield'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
  box-shadow: none;
}
tui-wrapper[data-appearance='textfield']._invalid._focused:after {
  color: var(--tui-error-fill);
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark'] {
  background: var(--tui-clear-inverse);
  color: var(--tui-text-01-night);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark'][data-appearance='textfield']:after {
  color: var(--tui-text-03-night);
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark'][data-state='hovered'] {
  background: var(--tui-clear-inverse-hover);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark'][data-state='hovered']:after {
  color: var(--tui-text-02-night);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark'][data-state='readonly'] {
  background: transparent;
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark']._invalid._focused:after {
  color: var(--tui-error-fill-night);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark']._focused {
  background: rgba(255, 255, 255, 0.08);
}
tui-wrapper[data-appearance='textfield'][data-mode='onDark']._focused:after {
  transition: none;
  color: var(--tui-primary);
  opacity: 1;
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight'] {
  background: var(--tui-clear);
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight'][data-state='hovered'] {
  background: var(--tui-clear-hover);
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight'][data-state='readonly'] {
  background: transparent;
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight']._invalid:after {
  color: var(--tui-error-fill);
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight']._invalid._focused {
  background: transparent;
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight']._focused {
  background: transparent;
}
tui-wrapper[data-appearance='textfield'][data-mode='onLight']._focused:after {
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='whiteblock'],
tui-wrapper[data-appearance='whiteblock-active'] {
  background: var(--tui-base-01);
  color: var(--tui-text-01);
}
tui-wrapper[data-appearance='whiteblock']:after,
tui-wrapper[data-appearance='whiteblock-active']:after {
  color: var(--tui-base-03);
}
tui-wrapper[data-appearance='whiteblock']:active,
tui-wrapper[data-appearance='whiteblock-active']:active,
tui-wrapper[data-appearance='whiteblock'][data-state='hovered'],
tui-wrapper[data-appearance='whiteblock-active'][data-state='hovered'],
tui-wrapper[data-appearance='whiteblock'][data-state='pressed'],
tui-wrapper[data-appearance='whiteblock-active'][data-state='pressed'] {
  background: var(--tui-base-02);
}
tui-wrapper[data-appearance='whiteblock']:active:after,
tui-wrapper[data-appearance='whiteblock-active']:active:after,
tui-wrapper[data-appearance='whiteblock'][data-state='hovered']:after,
tui-wrapper[data-appearance='whiteblock-active'][data-state='hovered']:after,
tui-wrapper[data-appearance='whiteblock'][data-state='pressed']:after,
tui-wrapper[data-appearance='whiteblock-active'][data-state='pressed']:after {
  color: var(--tui-base-04);
}
tui-wrapper[data-appearance='whiteblock'][data-state='disabled'],
tui-wrapper[data-appearance='whiteblock-active'][data-state='disabled'] {
  opacity: var(--tui-disabled-opacity);
}
tui-wrapper[data-appearance='whiteblock-active']:after {
  color: var(--tui-primary);
  border-width: 2px;
}
tui-wrapper[data-appearance='whiteblock-active'][data-state='hovered']:after {
  color: var(--tui-primary-hover);
}
tui-wrapper[data-appearance='whiteblock-active']:active,
tui-wrapper[data-appearance='whiteblock-active'][data-state='pressed']:after {
  color: var(--tui-primary-active);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/custom-theme.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 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, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }

@keyframes cdk-text-field-autofill-end { /*!*/ }

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-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);
}

.mat-elevation-z1 {
  box-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);
}

.mat-elevation-z2 {
  box-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);
}

.mat-elevation-z3 {
  box-shadow: 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-elevation-z4 {
  box-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-elevation-z5 {
  box-shadow: 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-elevation-z6 {
  box-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);
}

.mat-elevation-z7 {
  box-shadow: 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-elevation-z8 {
  box-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);
}

.mat-elevation-z9 {
  box-shadow: 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-elevation-z10 {
  box-shadow: 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-elevation-z11 {
  box-shadow: 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-elevation-z12 {
  box-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);
}

.mat-elevation-z13 {
  box-shadow: 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-elevation-z14 {
  box-shadow: 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-elevation-z15 {
  box-shadow: 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-elevation-z16 {
  box-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-elevation-z17 {
  box-shadow: 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-elevation-z18 {
  box-shadow: 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-elevation-z19 {
  box-shadow: 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-elevation-z20 {
  box-shadow: 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-elevation-z21 {
  box-shadow: 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-elevation-z22 {
  box-shadow: 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-elevation-z23 {
  box-shadow: 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-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #3f51b5;
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #3f51b5;
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(63, 81, 181, 0.3);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, 0.3);
  }
}

.mat-datepicker-content {
  box-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);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-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-datepicker-toggle-active {
  color: #3f51b5;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-icon.mat-primary {
  color: #3f51b5;
}

.mat-icon.mat-accent {
  color: #ff4081;
}

.mat-icon.mat-warn {
  color: #f44336;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #3f51b5;
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: #cbd0e9;
}

.mat-progress-bar-buffer {
  background-color: #cbd0e9;
}

.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-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-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-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);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #3f51b5;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: white;
}

.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-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);
}

.mat-simple-snackbar-action {
  color: #ff4081;
}

html,
body {
  max-width: 100%;
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

span.mat-placeholder-required.mat-form-field-required-marker {
  color: #ff4081 !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/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 ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
blockquote {
  margin: 0;
}
.title--32 {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.hint_block {
  background: #f6f6f6;
  padding: 2rem 4.5rem;
  border-radius: 0.8rem;
  color: #44444f;
  position: relative;
}
.hint_block:before {
  font-size: 1.4rem;
  width: 1.4rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  left: 2rem;
  top: 2.2rem;
  background: url("/assets/img/svg/icon-hint.svg");
  content: " ";
  object-fit: contain;
}
.title--32,
.global__title {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18,
.global__text {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
body,
html {
  overflow-anchor: none;
}
html {
  height: 100%;
  font-size: 10px;
  font-family: "Roboto";
  color: black;
  height: -webkit-fill-aviable;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: calc(8.5px + 1.5 * (100vw - 320px) / 55);
  }
}
@media screen and (max-width: 1279.9px) {
  .add-blur {
    filter: blur(7px);
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
  }
  html {
    font-size: calc(10px + 10.45 * (100vw - 375px) / 392);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: calc(6px + 2 * (100vw - 768px) / 256);
  }
}
@media (min-width: 1024px) and (max-width: 1152px) {
  html {
    font-size: 8px;
  }
}
@media (min-width: 1152px) and (max-width: 1440px) {
  html {
    font-size: calc(8px + 2 * (100vw - 1152px) / 288);
  }
}
_:default:not(:root:root),
html {
  animation: webkitfix 1s forwards infinite;
}
* {
  box-sizing: border-box;
  outline: none;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #d5d5dc #fff;
}
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: #fff;
}
*::-webkit-scrollbar-thumb {
  background-color: #d5d5dc;
  border-radius: 5px;
  border: 3px solid #fff;
}
*::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
a {
  cursor: pointer;
}
body {
  height: 100%;
  background: #c4cdd8;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Regular.woff2") format("woff2"), url("/assets/fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Bold.woff2") format("woff2"), url("/assets/fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Medium.woff2") format("woff2"), url("/assets/fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
app-root {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  font-size: 1.4rem;
  line-height: 1.454545;
  font-weight: regular;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 1279.9px) {
  app-root {
    overflow-x: hidden;
  }
}
.global {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global__wrap {
  text-align: center;
  max-width: 59rem;
}
.global__icon {
  width: 7.8rem;
  height: 7.8rem;
  margin: 0 auto 2rem;
}
.global__title {
  margin-bottom: 2.3rem;
}
.global__text a {
  color: #678aff;
  text-decoration: underline;
}
@media screen and (min-width: 1280px) {
  .global__text a:hover {
    text-decoration: none;
  }
}
.jivo-block-scroll {
  overflow: hidden;
}
.is-open-menu {
  height: 100%;
  overflow: hidden;
}
.logotype {
  width: 107px;
  height: 51px;
}
.logotype svg {
  width: 100%;
  height: 100%;
  display: block;
}
.page__center {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__center .section {
  width: 100%;
}
.page__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.page__video video {
  width: 100%;
  height: 100%;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.333s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
}
img {
  max-width: 100%;
}
b,
strong {
  font-weight: bold;
}
a {
  color: black;
  text-decoration: none;
}
p {
  margin: 0;
}
p + p {
  margin: 1.6em 0 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 1279.9px) {
  svg {
    width: auto;
    height: auto;
  }
}
button,
textarea,
input {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none;
}
.visually_hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}
@media tabletDesktop {
  .visually_hidden--desktop {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
@media screen and (max-width: 1279.9px) {
  .visually_hidden--mobile {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
.link {
  color: #ed3434;
  box-shadow: inset 0 -0.08em currentColor;
}
@media screen and (min-width: 1280px) {
  .link:hover {
    box-shadow: none;
  }
}
.results_none {
  margin: 0 auto;
  max-width: 60rem;
  text-align: center;
}
.error_label {
  border: 1px solid #f00;
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 1.4rem;
  color: #f00;
  margin-bottom: 1.5rem;
}
.error_label p {
  margin-bottom: 0;
}
.mat-progress-spinner.loader {
  display: inline-block !important;
}
.mat-progress-spinner.loader circle,
.mat-spinner.loader circle {
  stroke: #678aff !important;
}
.note {
  background: #7ca0ff;
  border-radius: 0 0 1.2rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 100%;
  margin-top: -3rem;
  margin-bottom: 2rem;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .note {
    height: auto;
    padding: 1rem 2rem;
  }
}
.note__text {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  max-width: 65rem;
  margin: 0 auto;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__text {
    font-size: 1.5rem;
    line-height: 1.3em;
    text-align: left;
  }
}
.note__close {
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__close {
    width: 1.5rem;
    height: 1.5rem;
    right: 1.5rem;
  }
}
.note__close img {
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__close img {
    width: 1.5rem;
    height: 1.5rem;
  }
}
body,
html {
  overflow-anchor: none;
}
.mobile-height {
  height: -webkit-fill-aviable;
}
.mobile-height.is-overflow-mobile {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.mat-label--required:after,
.text--required:after {
  content: " *";
  color: #ff4081;
}
.file-input-hidden {
  display: none;
}
.datetime-devider {
  width: 5px;
  height: 5px;
  background-color: #92929d;
  border-radius: 50%;
  margin-left: 9px;
  margin-right: 9px;
}
@keyframes webkitfix {
  100% {
    z-index: auto;
  }
}
.btn {
  position: relative;
  text-align: center;
  height: 38px;
  border-radius: 6px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
}
.btn__label {
  display: inline-block;
  margin: 0 3rem;
}
.btn__icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 1.3rem;
}
.btn__icon + .btn__label {
  margin-left: 1.2rem;
}
.btn--full {
  width: 100%;
}
.btn--full .btn__label {
  margin: 0 auto;
}
.btn--middle {
  height: 5rem;
}
.btn--middle.btn__label {
  line-height: 5rem;
  margin: 0 2.5rem;
}
.btn--blue {
  background: #678aff;
  color: #fff;
}
.btn--blue.wait {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.1px;
}
.btn--blue.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  color: #c4c4c4;
  pointer-events: none;
  text-decoration: none;
}
.btn--border {
  border: 1px solid #e2e2ea;
}
@media action {
  .btn--border:hover {
    background: #f5f5f5;
  }
}
.btn--circle {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 3.6rem;
}
.btn--circle .btn__label {
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 400;
  color: #44444f;
  line-height: 3.6rem;
}
.btn--blue-border {
  background: #fff;
  border: 1px solid #678aff;
}
.btn--blue-border.btn--blue-border-mobile {
  margin: 0 1rem;
  width: 100%;
  margin-bottom: 20px !important;
}
.btn--blue-border.wait {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #678aff;
}
.btn--blue-border .btn__label {
  color: #678aff;
}
.btn--blue-border .btn__label.btn__label-mobile {
  margin: 0 1rem;
}
.btn--red-border {
  background: #fff;
  color: #fff;
  border: 1px solid #ed3434;
  color: #ed3434;
}
.btn--grey-border {
  border: 1px solid #95a5b8;
  color: #000;
}
.btn--white {
  color: #000;
  background: #fff;
}
.btn--red {
  color: #fff;
  background: #ed3434;
}
.btn--green {
  color: #fff;
  background: #3dd598;
}
.disable {
  background: #999;
}
.disabled,
[disabled] {
  opacity: 0.67;
  cursor: not-allowed;
}
.form__field div {
  font-size: 1.8rem;
}
.form__field div .mat-form-field-ripple {
  display: none;
}
.form__field div .mat-form-field-flex {
  padding: 1.3rem;
  border-radius: 5px;
}
.form__field div .mat-form-field-infix {
  padding: 0;
  margin: 0;
  border: 0;
}
.form__field div .mat-form-field-label-wrapper {
  padding: 0;
}
.mat-autocomplete-panel {
  max-height: 35rem !important;
}
.mat-form-field-underline {
  display: none;
}
.nav {
  height: 100%;
}
.nav .thumb {
  background: white;
}
.nav_item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  padding: 0px 16px;
  margin-bottom: 16px;
}
.nav_item .badge {
  background: #ed3434;
  width: 2.3rem;
  height: 1.5rem;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  border-radius: 1.2rem;
  line-height: 1.5rem;
  font-weight: 400 !important;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.nav_item .badge.collapsed {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: absolute;
  top: -3px;
  left: 15px;
  display: inline-flex;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  vertical-align: top;
  background: #ed3434;
}
.nav_item .nav_item__name {
  text-wrap: nowrap;
}
.nav_item.active {
  color: #678aff;
}
.nav_item.active:before {
  width: 0.3rem;
  height: 100%;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #678aff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.nav_item.active .nav_item__name {
  font-weight: bold;
}
.nav_item__icon {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.nav_item__icon.collapsed {
  margin-right: 0;
}
.nav_item--red {
  color: #ed3434;
  font-weight: bold;
}
.nav_item--red.active {
  color: #ed3434;
}
.nav_item--red.active:before {
  background: #ed3434;
}
.nav_line {
  width: 5.5rem;
  height: 1px;
  background: #f1f1f5;
  opacity: 0.5;
  margin: 1.5rem auto;
}
.active-lessons-collapsed,
.unread-messages-collapsed {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: absolute;
  top: -3px;
  left: 15px;
}
.mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-width: 2px;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #92929d;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #678aff;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #c4c4c4 !important;
  opacity: 1 !important;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #c4c4c4 !important;
}
.fc-icon,
.fc-unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
}
.fc .fc-button,
.fc-icon {
  text-transform: none;
  text-align: center;
  display: inline-block;
  font-weight: 400;
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}
.fc .fc-button:not(:disabled),
.fc a[data-navlink],
.fc-event.fc-event-draggable,
.fc-event[href] {
  cursor: pointer;
}
.fc-unselectable {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.fc {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc th {
  text-align: center;
}
.fc a[data-navlink]:hover {
  text-decoration: underline;
}
.fc .fc-button {
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  -webkit-appearance: button;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}
.fc .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.fc .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:disabled {
  opacity: 0.65;
}
.fc .fc-button .fc-icon {
  font-size: 1.5em;
}
.fc .fc-button-primary {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2c3e50;
  background-color: var(--fc-button-bg-color, #2c3e50);
  border-color: #2c3e50;
  border-color: var(--fc-button-border-color, #2c3e50);
}
.fc .fc-button-primary:hover {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1e2b37;
  background-color: var(--fc-button-hover-bg-color, #1e2b37);
  border-color: #1a252f;
  border-color: var(--fc-button-hover-border-color, #1a252f);
}
.fc .fc-button-primary:disabled {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2c3e50;
  background-color: var(--fc-button-bg-color, #2c3e50);
  border-color: #2c3e50;
  border-color: var(--fc-button-border-color, #2c3e50);
}
.fc .fc-button-group {
  position: relative;
  display: inline-flex;
}
.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}
.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
.fc .fc-toolbar-title {
  font-size: 1.75em;
  margin: 0;
}
.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.fc .fc-scroller-liquid {
  height: 100%;
}
.fc .fc-scroller-liquid-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.fc .fc-scroller-harness {
  position: relative;
  overflow: hidden;
  direction: ltr;
}
.fc .fc-scroller-harness-liquid {
  height: 100%;
}
.fc .fc-scrollgrid {
  border-collapse: separate;
  border-right-width: 0;
}
.fc .fc-scrollgrid table {
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}
.fc .fc-scrollgrid-liquid {
  height: 100%;
}
.fc .fc-scrollgrid-section-liquid {
  height: auto;
}
.fc .fc-scrollgrid-section-liquid > td {
  height: 100%;
}
.fc .fc-scrollgrid-section > * {
  border-top-width: 0;
  border-left-width: 0;
}
.fc .fc-scrollgrid-section-sticky > * {
  background: var(--fc-page-bg-color, #fff);
  position: sticky;
  z-index: 2;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0;
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: 0;
}
.fc .fc-scrollgrid-sticky-shim {
  height: 1px;
  margin-bottom: -1px;
}
.fc .fc-view-harness {
  flex-grow: 1;
  position: relative;
}
.fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 2px 4px;
}
.fc .fc-non-business {
  background: rgba(215, 215, 215, 0.3);
  background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
  background: var(--fc-bg-event-color, #8fdf82);
  opacity: 0.3;
  opacity: var(--fc-bg-event-opacity, 0.3);
}
.fc .fc-bg-event .fc-event-title {
  margin: 0.5em;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  font-style: italic;
}
.fc .fc-highlight {
  background: rgba(188, 232, 241, 0.3);
  background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
.fc .fc-popover {
  position: fixed;
  top: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc .fc-popover-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
}
.fc .fc-popover-title {
  margin: 0 2px;
}
.fc .fc-popover-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}
.fc .fc-daygrid-body {
  position: relative;
  z-index: 1;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-daygrid-day-frame {
  position: relative;
  min-height: 100%;
}
.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 0.3;
}
.fc .fc-daygrid-day-number {
  cursor: auto;
  position: relative;
  z-index: 4;
  padding: 4px;
}
.fc .fc-daygrid-day-events {
  margin-top: 1px;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  position: absolute;
  left: 0;
  right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: relative;
  min-height: 2em;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 1em;
}
.fc .fc-daygrid-event-harness {
  position: relative;
}
.fc .fc-daygrid-event-harness-abs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc .fc-daygrid-bg-harness {
  position: absolute;
  top: 0;
  bottom: 0;
}
.fc .fc-daygrid-day-bg .fc-non-business {
  z-index: 1;
}
.fc .fc-daygrid-day-bg .fc-bg-event {
  z-index: 2;
}
.fc .fc-daygrid-day-bg .fc-highlight {
  z-index: 3;
}
.fc .fc-daygrid-event {
  z-index: 6;
  margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
  z-index: 7;
}
.fc .fc-daygrid-day-bottom {
  font-size: 0.85em;
  margin: 2px 3px 0;
}
.fc .fc-daygrid-more-link {
  position: relative;
  z-index: 4;
  cursor: pointer;
}
.fc .fc-daygrid-week-number {
  position: absolute;
  z-index: 5;
  top: 0;
  padding: 2px;
  min-width: 1.5em;
  text-align: center;
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  color: #808080;
  color: var(--fc-neutral-text-color, #808080);
}
.fc .fc-more-popover {
  z-index: 8;
}
.fc .fc-more-popover .fc-popover-body {
  min-width: 220px;
  padding: 10px;
}
.fc .fc-timegrid .fc-daygrid-body {
  z-index: 2;
}
.fc .fc-timegrid-divider {
  padding: 0 0 2px;
}
.fc .fc-timegrid-body {
  min-height: 100%;
}
.fc .fc-timegrid-axis-chunk {
  position: relative;
}
.fc .fc-timegrid-slot {
  height: 1.5em;
}
.fc .fc-timegrid-slot:empty:before {
  content: " ";
}
.fc .fc-timegrid-axis-frame-liquid {
  height: 100%;
}
.fc .fc-timegrid-axis-frame {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fc .fc-timegrid-axis-cushion {
  max-width: 60px;
  flex-shrink: 0;
}
.fc .fc-timegrid-col.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
  min-height: 100%;
  position: relative;
}
.fc .fc-timegrid-col-bg {
  z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-non-business {
  z-index: 1;
}
.fc .fc-timegrid-col-bg .fc-bg-event {
  z-index: 2;
}
.fc .fc-timegrid-bg-harness {
  position: absolute;
  left: 0;
  right: 0;
}
.fc .fc-timegrid-now-indicator-container {
  bottom: 0;
  overflow: hidden;
}
.fc .fc-timegrid-now-indicator-line {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  border-style: solid;
  border-color: #f00;
  border-color: var(--fc-now-indicator-color, #f00);
  border-width: 1px 0 0;
}
.fc .fc-timegrid-now-indicator-arrow {
  position: absolute;
  z-index: 4;
  margin-top: -5px;
  border-style: solid;
  border-color: #f00;
  border-color: var(--fc-now-indicator-color, #f00);
}
.fc .fc-list-empty {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fc .fc-list-empty-cushion {
  margin: 5em 0;
}
.fc .fc-list-table {
  width: 100%;
  border-style: hidden;
}
.fc .fc-list-table tr > * {
  border-left: 0;
  border-right: 0;
}
.fc .fc-list-table th {
  padding: 0;
}
.fc .fc-list-sticky .fc-list-day > * {
  position: sticky;
  top: 0;
  background: var(--fc-page-bg-color, #fff);
}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table;
}
.fc .fc-list-event.fc-event-forced-url {
  cursor: pointer;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
  text-decoration: underline;
}
.fc .fc-list-event:hover td {
  background-color: #f5f5f5;
  background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}
.fc .fc-list-event-dot {
  display: inline-block;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 5px solid #3788d8;
  border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 5px;
  border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc .fc-list-event-title a {
  color: inherit;
}
.fc .fc-timegrid-slot-minor,
.fc .fc-timegrid-slot-label-cushion {
  white-space: nowrap;
}
.fc,
.fc *,
.fc :after,
.fc :before {
  box-sizing: border-box;
}
.fc td,
.fc th {
  vertical-align: top;
  padding: 0;
}
.fc .fc-button,
.fc .fc-button .fc-icon,
.fc .fc-button-group,
.fc .fc-timegrid-slot-label {
  vertical-align: middle;
}
.fc .fc-button:hover,
.fc .fc-list-event-title a,
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}
.fc-direction-ltr .fc-daygrid-week-number {
  left: 0;
  border-radius: 0 0 3px;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 3px;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: right;
}
.fc-direction-ltr .fc-timegrid-col-frame {
  margin: 0 2px 0 0px;
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
  padding-right: 0;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em;
}
.fc-direction-rtl .fc-toolbar-ltr {
  flex-direction: row-reverse;
}
.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
  direction: rtl;
}
.fc-direction-rtl .fc-daygrid-week-number {
  right: 0;
  border-radius: 0 0 0 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
  margin-left: 3px;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
  text-align: left;
}
.fc-direction-rtl .fc-timegrid-col-events {
  margin: 0 2px 0 2.5%;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
  padding-left: 0;
}
.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-liquid-hack td,
.fc-liquid-hack th {
  position: relative;
}
@font-face {
  font-family: fcicons;
  font-weight: 400;
  font-style: normal;
}
.fc-icon {
  width: 1em;
  height: 1em;
  -webkit-user-select: none;
  user-select: none;
  font-family: fcicons !important;
  speak: none;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
  content: "\e900";
}
.fc-icon-chevron-right:before {
  content: "\e901";
}
.fc-icon-chevrons-left:before {
  content: "\e902";
}
.fc-icon-chevrons-right:before {
  content: "\e903";
}
.fc-icon-minus-square:before {
  content: "\e904";
}
.fc-icon-plus-square:before {
  content: "\e905";
}
.fc-icon-x:before {
  content: "\e906";
}
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1a252f;
  background-color: var(--fc-button-active-bg-color, #1a252f);
  border-color: #151e27;
  border-color: var(--fc-button-active-border-color, #151e27);
}
.fc .fc-button-group > .fc-button.fc-button-active,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:hover {
  z-index: 1;
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard .fc-popover {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
  background: var(--fc-page-bg-color, #fff);
}
.fc-theme-standard .fc-popover-header {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc-theme-standard .fc-list {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard .fc-list-day-cushion {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc .fc-scrollgrid,
.fc .fc-scrollgrid-section-footer > *,
.fc .fc-scrollgrid-section-header > * {
  border-bottom-width: 0;
}
.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
  width: 100%;
  table-layout: fixed;
}
.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
  border-bottom-style: hidden;
}
.fc-sticky {
  position: sticky;
}
.fc .fc-bg-event,
.fc .fc-highlight,
.fc .fc-non-business,
.fc .fc-view-harness-active > .fc-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc-event {
  margin-right: -0.2rem;
}
.fc-event .fc-event-main {
  position: relative;
  z-index: 2;
}
.fc-event .fc-event-resizer {
  display: none;
  position: absolute;
  z-index: 4;
}
.fc-event-dragging:not(.fc-event-selected) {
  opacity: 0.75;
}
.fc-event-dragging.fc-event-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-event-selected .fc-event-resizer,
.fc-event:hover .fc-event-resizer,
.fc-h-event {
  display: block;
}
.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event-selected .fc-event-resizer {
  border-radius: 4px;
  border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
  border-width: 1px;
  border-width: var(--fc-event-resizer-dot-border-width, 1px);
  width: 8px;
  width: var(--fc-event-resizer-dot-total-width, 8px);
  height: 8px;
  height: var(--fc-event-resizer-dot-total-width, 8px);
  border-style: solid;
  border-color: inherit;
  background: var(--fc-page-bg-color, #fff);
}
.fc-event-selected .fc-event-resizer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.fc-event-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-event-selected:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.fc-h-event {
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}
.fc-h-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
}
.fc-h-event .fc-event-main-frame {
  display: flex;
}
.fc-h-event .fc-event-time {
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event .fc-event-title-container {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.fc-h-event .fc-event-title {
  display: inline-block;
  vertical-align: top;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
  top: -10px;
  bottom: -10px;
}
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
:root {
  --fc-daygrid-event-dot-width: 8px;
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-daygrid-day-events:after,
.fc-daygrid-day-events:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-frame:before,
.fc-daygrid-event-harness:after,
.fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
  position: static;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fc-daygrid-event {
  position: relative;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}
.fc-daygrid-block-event .fc-event-time {
  font-weight: 700;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
  padding: 1px;
}
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0;
}
.fc-daygrid-dot-event .fc-event-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  font-weight: 700;
}
.fc-daygrid-dot-event.fc-event-selected:before {
  top: -10px;
  bottom: -10px;
}
.fc-daygrid-dot-event.fc-event-mirror,
.fc-daygrid-dot-event:hover {
  background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
.fc-v-event {
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}
.fc-v-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
  height: 100%;
}
.fc-v-event .fc-event-main-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fc-v-event .fc-event-time {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow: hidden;
}
.fc-v-event .fc-event-title-container {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}
.fc-v-event .fc-event-title {
  top: 0;
  bottom: 0;
  max-height: 100%;
  overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
  left: -10px;
  right: -10px;
}
.fc-v-event.fc-event-selected .fc-event-resizer {
  left: 50%;
  margin-left: -4px;
  margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event .fc-event-resizer-start {
  cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
  cursor: s-resize;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
  height: 8px;
  height: var(--fc-event-resizer-thickness, 8px);
  left: 0;
  right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc .fc-timegrid-axis-chunk > table,
.fc .fc-timegrid-body,
.fc .fc-timegrid-slots {
  position: relative;
  z-index: 1;
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
  padding: 0 4px;
}
.fc-media-screen .fc-timegrid-cols {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-media-screen .fc-timegrid-cols > table {
  height: 100%;
}
.fc-media-screen .fc-timegrid-event-harness {
  position: absolute;
}
.fc-media-screen .fc-timegrid-event {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 0;
  right: 0;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc .fc-timegrid-col-bg .fc-highlight,
.fc .fc-timegrid-col-events {
  z-index: 5 !important;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
  box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  border-radius: 3px;
}
.fc-timegrid-event .fc-event-main {
  padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
  white-space: nowrap;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  margin-bottom: 1px;
}
.fc-timegrid-event-condensed .fc-event-main-frame {
  flex-direction: row;
  overflow: hidden;
}
.fc-timegrid-event-condensed .fc-event-time:after {
  content: " - ";
}
.fc-timegrid-event-condensed .fc-event-title {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}
.fc .fc-list-day-cushion,
.fc .fc-list-table td {
  padding: 8px 14px;
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
  white-space: nowrap;
  width: 1px;
}
.fc-theme-bootstrap a:not([href]) {
  color: inherit;
}
.calendar_el th.fc-col-header-cell > div > a {
  width: 95%;
  margin: 0 auto;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #fff;
  color: #000;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #fff;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: relative;
  max-width: 435px;
  margin: 0 auto;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 3px 9px 104px rgba(0, 0, 0, 0.2);
  border-radius: 16px !important;
  padding: 15px 10px;
  animation: fadeIn 0.5s linear;
  z-index: 1;
}
.tippy-box[data-theme~=tooltip] {
  background: #f6f6f6;
  color: #44444f !important;
  font-size: 12px;
  margin: 0;
  max-width: 186px !important;
  display: flex !important;
}
.tippy-box[data-theme~=tooltip] .tippy-content {
  display: flex;
  padding: 8px 11px;
  color: #44444f;
}
.tippy-box[data-theme~=tooltip] .tooltip-notification__denied {
  display: flex;
}
.tippy-box[data-theme~=tooltip] .icon-block {
  display: flex;
  margin-right: 8px;
}
.tippy-box[data-theme~=tooltip] .icon-block .icon-wrapper {
  width: 14px;
}
.tippy-box[data-theme~=whiteboard-tooltip],
.tippy-box[data-theme~=homework-tooltip] {
  background: #44444f;
  box-shadow: 0px 5px 15px rgba(68, 68, 79, 0.1);
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
}
.tippy-box[data-theme~=whiteboard-tooltip] .tippy-arrow,
.tippy-box[data-theme~=homework-tooltip] .tippy-arrow {
  color: #44444f;
}
div[data-tippy-root] {
  z-index: 10000000000 !important;
}
.toast-success {
  background-color: #3dd598;
}
.toast-warn {
  background-color: #ff5722;
}
.toast-error {
  background-color: #ed3434;
}
header,
:host {
  display: flex;
  background: #fff;
  color: #44444F;
  height: var(--headerHeight);
  align-items: center;
  padding: 0px 30px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
header .logotype,
:host .logotype {
  width: 130px;
  height: 51px;
}
header.isDisabled,
:host.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  color: #c4c4c4;
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
}
header.isDisabled svg,
:host.isDisabled svg {
  width: 100%;
  height: 100%;
  display: block;
}
header .nav,
:host .nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  gap: 20px;
  font-size: 14px;
  font-weight: 500;
}
header .nav__link,
:host .nav__link {
  color: #678aff;
}
header.isDisabled,
:host.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  color: #c4c4c4;
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
}
header .toggle-menu,
:host .toggle-menu {
  display: none;
  outline: none;
}
header .toggle-menu:hover,
:host .toggle-menu:hover {
  border: none;
  outline: transparent;
}
@media screen and (max-width: 1279.9px) {
  header,
:host {
    padding: 0 16px 0 0;
  }
  header .toggle-menu,
:host .toggle-menu {
    background: #151d3a;
    width: 60px;
    height: var(--headerHeightMobile);
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
  }
  header .toggle-menu svg, header .toggle-menu svg,
:host .toggle-menu svg,
:host .toggle-menu svg {
    width: 24px;
    height: 24px;
  }
  header .toggle-menu::after,
:host .toggle-menu::after {
    width: 20px;
    height: 100%;
    display: block;
    content: " ";
    position: absolute;
    right: 0px;
    top: 0;
    background: #fff;
    border-radius: 0 0 0 20px;
  }
  header .btn,
:host .btn {
    display: none;
  }
  header .header__inner-wrapper,
:host .header__inner-wrapper {
    justify-content: flex-end;
  }
  header .header__inner-wrapper .header__right_group,
:host .header__inner-wrapper .header__right_group {
    max-width: calc(50% - 30px);
  }
  header .logotype,
:host .logotype {
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.header__inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 1002;
}
.header__inner-wrapper .header__right_group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.belt-icon-wrapper {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.header-avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-color: #ffc849;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.header-avatar .avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header-divider {
  height: 28px;
  width: 1px;
  background-color: #d9d9d9;
}
.hideHeader {
  display: none;
}
.link,
.lessons__all a {
  color: #ed3434;
  box-shadow: inset 0 -0.08em currentColor;
}
@media screen and (min-width: 1280px) {
  .link:hover,
.lessons__all a:hover {
    box-shadow: none;
  }
}
.lessons__list {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279.9px) {
  .lessons__list {
    margin-bottom: 2rem;
  }
}
.lessons__all {
  text-align: center;
}
@media screen and (max-width: 1279.9px) {
  .lessons__all {
    position: relative;
    margin-bottom: -2rem;
    margin-top: 3rem;
  }
}
.lesson_item {
  display: flex;
  padding: 1rem 0;
  border-radius: 1rem;
  cursor: pointer;
  position: relative;
  margin-bottom: 3rem;
}
.lesson_item--unhover {
  cursor: default;
}
.lesson_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: -1.5rem;
}
.lesson_item:last-child {
  margin-bottom: 0;
}
.lesson_item:last-child:after {
  display: none;
}
.lesson_item_status {
  width: 5.3rem;
  height: 5.3rem;
  display: flex;
  padding: 0 1.2rem;
  background: #f4f4f5;
  border-radius: 1.2rem;
  position: absolute;
  color: #92929d;
  top: 1rem;
  right: 0;
  align-items: center;
}
.lesson_item_status--done {
  background: #eff3ff;
  color: #678aff;
}
.lesson_item_status__icon {
  height: 2.9rem;
}
.lesson_item_status__icon svg {
  width: 2.9rem;
  height: 2.9rem;
  display: inline-block;
}
.lesson_item_status__text {
  margin-left: 0.7rem;
  font-size: 1.4rem;
  line-height: 1.3em;
  font-weight: bold;
  display: none;
}
.lesson_item__name {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.lesson_item__image {
  flex: 0 0 4.5rem;
  margin-right: 1.5rem;
  background: #ffc849;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 4.5rem;
  color: #fff;
}
.lesson_item__image img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}
.lesson_item__content {
  flex: 1 0 auto;
}
.lesson_item__checkout {
  width: 100%;
}
.lesson_item__info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.lesson_item__info:last-child {
  margin-bottom: 0;
}
.lesson_item__info_icon {
  margin-right: 0.6rem;
  height: 2rem;
}
.lesson_item__info_icon svg {
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.lesson_item__info_name {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #44444f;
  font-weight: 500;
}
.lesson_item__info_name span:before {
  width: 0.5rem;
  height: 0.5rem;
  background: #92929d;
  border-radius: 50%;
  display: inline-block;
  content: " ";
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
}
.lesson_item--list {
  background: #fff;
  flex: 0 0 calc(50% - 1rem);
  height: 17rem;
  padding: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .lesson_item--list {
    flex: 0 0 100%;
  }
}
.lesson_item--list:hover {
  background: #fff;
}
.lesson_item--list .lesson_item_status {
  width: 17.6rem;
  top: auto;
  bottom: 2rem;
  right: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .lesson_item--list .lesson_item_status {
    width: 5.6rem;
  }
}
.lesson_item--list .lesson_item_status__text {
  display: block;
}
@media screen and (max-width: 1279.9px) {
  .lesson_item--list .lesson_item_status__text {
    display: none;
  }
}
.lesson_item--list .lesson_item__image {
  flex: 0 0 9.5rem;
  margin-right: 1.5rem;
  height: 9.5rem;
  line-height: 9.5rem;
  font-size: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .lesson_item--list .lesson_item__image {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 2rem;
    flex: 0 0 4.5rem;
  }
}
.lesson_item--list .lesson_item__image img {
  width: 9.5rem;
  height: 9.5rem;
}
@media screen and (max-width: 1279.9px) {
  .lesson_item--list .lesson_item__image img {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.title--32 {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18,
tutor-user-search-result .name,
:host .name {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16,
tutor-user-search-result .rating,
:host .rating,
tutor-user-search-result .lessons,
:host .lessons,
tutor-user-search-result .disciplines,
:host .disciplines,
tutor-user-search-result .diplom,
:host .diplom {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
tutor-user-search-result,
:host {
  --heart-border: #92929D;
  background: #fff;
  border-radius: 2rem;
  padding: 2rem;
  flex: 0 0 calc(50% - 1rem);
  margin-bottom: 2rem;
  display: flex;
  position: relative;
  box-shadow: 0px 0px 13px 0px rgba(103, 138, 255, 0.3019607843);
}
@media screen and (max-width: 850px) {
  tutor-user-search-result,
:host {
    width: 100%;
    flex: none !important;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 450px) {
  tutor-user-search-result,
:host {
    height: auto;
  }
}
tutor-user-search-result.list,
:host.list {
  width: 100%;
  flex: none !important;
}
tutor-user-search-result .image,
:host .image {
  width: 8rem;
  height: 8rem;
  margin-bottom: 1.3rem;
  position: relative;
  background: #ffc849;
  border-radius: 50%;
  height: 8rem;
  vertical-align: middle;
  text-align: center;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 8rem;
  color: #fff;
}
tutor-user-search-result .image .avatar-image,
:host .image .avatar-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
tutor-user-search-result .status,
:host .status {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  background: #92929d;
  border-radius: 50%;
  display: block;
  bottom: 0.3rem;
  right: 0.6rem;
  border: 0.2rem solid #fff;
  margin-bottom: 0 !important;
}
tutor-user-search-result .status.online,
:host .status.online {
  background: #2bda5c;
}
tutor-user-search-result .info,
:host .info {
  flex: 0 0 9.5rem;
  margin-right: 1.8rem;
}
tutor-user-search-result .content,
:host .content {
  flex-grow: 1;
}
tutor-user-search-result .content__head,
:host .content__head {
  height: 12.5rem;
}
@media screen and (max-width: 450px) {
  tutor-user-search-result .content__head,
:host .content__head {
    height: auto;
  }
}
tutor-user-search-result .name,
:host .name {
  margin-bottom: 1rem;
}
tutor-user-search-result .rating,
:host .rating {
  font-weight: bold;
  width: 8rem;
  text-align: center;
  color: #505050;
  border-radius: 0.4rem;
  line-height: 1em;
  padding: 0;
  padding-bottom: 3rem;
}
tutor-user-search-result .rating .star,
:host .rating .star {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('icon-star.81e9d01e792d0fff.svg');
}
tutor-user-search-result .rating .star.filled,
:host .rating .star.filled {
  background-image: url('icon-star-filled.496dd679578687a8.svg');
}
/*tutor-user-search-result .rating.green,
:host .rating.green {
  background: rgba(130, 196, 60, 0.1);
  color: #82c43c;
}
tutor-user-search-result .rating.blue,
:host .rating.blue {
  background: rgba(80, 181, 255, 0.1);
  color: #50b5ff;
}
tutor-user-search-result .rating.yellow,
:host .rating.yellow {
  background: rgba(255, 200, 73, 0.1);
  color: #ffc849;
}*/
tutor-user-search-result .lessons,
:host .lessons {
  color: darkGrey;
  text-align: center;
}
tutor-user-search-result .disciplines,
:host .disciplines {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
  color: #44444F;
  font-weight: 600;
}
tutor-user-search-result .disciplines__icon,
:host .disciplines__icon {
  flex: 0 0 2.5rem;
  width: 1.9rem;
  height: 1.7rem;
  margin-right: 0.8rem;
}
tutor-user-search-result .disciplines__name,
:host .disciplines__name {
  line-height: 1.2em;
}
tutor-user-search-result .actions,
:host .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tutor-user-search-result .actions .btn,
:host .actions .btn {
  z-index: 2;
  position: relative;
}
tutor-user-search-result .price__title,
:host .price__title {
  font-size: 1.4rem;
  color: #696974;
  line-height: 1.3em;
}
@media screen and (max-width: 1279.9px) {
  tutor-user-search-result .price__title,
:host .price__title {
    font-size: 1.2rem;
  }
}
tutor-user-search-result .price__value,
:host .price__value {
  font-size: 2.1rem;
  color: #44444f;
  line-height: 1.3em;
}
tutor-user-search-result .portfolio {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  justify-content: flex-start;
}
tutor-user-search-result .portfolio .diplom,
tutor-user-search-result .portfolio :host .diplom {
  display: flex;
  align-items: center;
  color: #92929D;
}
tutor-user-search-result .portfolio .diplom__icon,
tutor-user-search-result .portfolio :host .diplom__icon {
  flex: 0 0 2.5rem;
  margin-right: 0.8rem;
}
tutor-user-search-result .portfolio .diplom__icon svg,
tutor-user-search-result .portfolio :host .diplom__icon svg {
  margin-left: -0.3rem;
}
tutor-user-search-result .portfolio .diplom__name,
tutor-user-search-result .portfolio :host .diplom__name {
  line-height: 1.2em;
  white-space: nowrap;
  margin-right: 1rem;
}
@media screen and (max-width: 450px) {
  tutor-user-search-result .portfolio .diplom__name,
tutor-user-search-result .portfolio :host .diplom__name {
    white-space: normal;
  }
}
tutor-user-search-result .portfolio .reviews {
  display: flex;
  margin-right: 0.8rem;
  padding-left: 2.4rem;
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url('icon-reviews.3b6a43c4e29cbc2d.svg');
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #92929D;
}
tutor-user-search-result .portfolio .has-time {
  display: flex;
  margin-right: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #92929D;
}
tutor-user-search-result .portfolio .good-rated {
  display: flex;
  margin-right: 8px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #44444F;
  padding: 5px 12px;
  background-color: #FFC849;
  border-radius: 6px;
}
@media screen and (max-width: 700px) {
  tutor-user-search-result .portfolio {
    white-space: normal;
    margin-bottom: 3rem;
  }
}
tutor-user-search-result .bookmark,
:host .bookmark {
  position: absolute;
  top: 0.8rem;
  right: 0;
  color: transparent;
  z-index: 2;
  cursor: pointer;
}
tutor-user-search-result .bookmark svg,
:host .bookmark svg {
  width: 2.8rem;
  height: 4.2rem;
  pointer-event: none;
}
tutor-user-search-result .content.bookmarked .bookmark,
:host .content.bookmarked .bookmark {
  color: red;
  --heart-border: red;
}
tutor-user-search-result .linkfull,
:host .linkfull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.title--32,
.form_search__title {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20,
.filter__title,
.form_search__subtitle {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
form-search-instant {
  flex: 0 0 100%;
}
form-search-regular {
  flex: 0 0 100%;
}
history {
  flex: 0 0 50%;
}
.filter {
  background: #fff;
  margin-bottom: 2rem;
  border-radius: 2rem;
  padding: 2rem 3rem;
}
.filter__title {
  font-weight: bold;
}
.search__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.search__action {
  text-align: center;
  margin-top: 2rem;
}
.form_search {
  margin-bottom: 2rem;
  display: block;
  border-radius: 2rem;
}
.form_search mat-radio-group {
  display: block;
  margin-bottom: 0.5rem;
}
.form_search mat-form-field {
  width: 100%;
}
.form_search textarea {
  height: 5rem;
  resize: none;
}
.form_search__header {
  height: 16.2rem;
  border-radius: 2rem 2rem 0 0;
  padding: 3rem 3rem;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .form_search__header {
    padding: 2rem;
    height: 14rem;
  }
}
form-search-regular .form_search__header {
  background: #979ebb url("/assets/img/content/bg_search_regular.svg") no-repeat 100% 50%;
}
form-search-instant .form_search__header {
  background: #678aff url("/assets/img/content/bg_search_blitz.svg") no-repeat 100% 50%;
}
.form_search__title {
  color: #fff;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__title {
    font-size: 2.6rem;
  }
}
.form_search__subtitle {
  color: #fff;
}
@media screen and (max-width: 1279.9px) {
  .form_search__subtitle {
    font-size: 1.6rem;
  }
}
.form_search__icon {
  width: 11.4rem;
  position: absolute;
  right: 1.5rem;
  bottom: -3.5rem;
}
.form_search__content {
  padding: 1.5rem 3rem;
  background: #fff;
  border-radius: 0 0 2rem 2rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__content {
    padding: 1.5rem 2rem;
  }
}
.form_search__col {
  margin-right: 3rem;
  flex: 0 0 26rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__col {
    margin-right: 0;
  }
}
.form_search__col.full {
  flex: 1 0 auto;
}
.form_search__col:last-child {
  margin-right: 0;
}
.form_search .textarea textarea {
  resize: none;
}
.form_search .counterHint {
  margin-top: 0.9rem;
}
.form_search .spinner {
  display: inline-block;
  box-shadow: inset 2px 0 #e2e2ea, inset 0 2px #e2e2ea, inset -2px 0 #e2e2ea, inset 0 -2px #e2e2ea;
  border-radius: 50%;
  transform: translateY(15%);
}
.form_search .hint,
.form_search__button {
  flex: 0 0 12rem;
  text-align: right;
}
.form_search__line {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__line {
    display: block;
  }
}
.form_search__line mat-radio-button {
  margin-right: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__line mat-radio-button {
    font-size: 1.4rem;
  }
}
.form_search__line mat-radio-button:last-child {
  margin-right: 0;
}
.form_search__line.one {
  margin-top: 3rem;
}
.form_search__line.last {
  align-items: flex-end;
}
.form_search__line.last .form_search__button {
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 1279.9px) {
  .form_search__line.last .form_search__button {
    padding-bottom: 0;
    margin-top: 2rem;
  }
  .form_search__line.last .form_search__button .btn {
    width: 100%;
    text-align: center;
  }
  .form_search__line.last .form_search__button .btn .btn__label {
    width: 100%;
  }
}
.form_search .mat-form-field-underline {
  display: block;
}
.online {
  display: block;
  height: 24rem;
  display: flex;
  border-radius: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .online {
    flex-wrap: wrap;
    height: auto;
  }
}
.online .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.online .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.online .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.online .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #3dd598;
}
.online .mat-checkbox-frame {
  border-width: 1px;
}
.online__left {
  width: 43rem;
  background: #ffc849;
  border-radius: 2rem 0 0 2rem;
  padding: 4rem 3rem;
}
@media screen and (max-width: 1279.9px) {
  .online__left {
    border-radius: 2rem 2rem 0 0;
    padding: 2rem 2rem;
  }
}
.online__right {
  background: #fff;
  flex: 1 1 auto;
  border-radius: 0 2rem 2rem 0;
  display: flex;
  align-items: center;
  padding: 0 3rem;
}
@media screen and (max-width: 1279.9px) {
  .online__right {
    padding: 2rem;
    flex-wrap: wrap;
    border-radius: 0 0 2rem 2rem;
  }
}
.online__checker {
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(155, 155, 155, 0.5);
  background: #fff;
  width: 17.5rem;
  height: 16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 4rem;
}
@media screen and (max-width: 1279.9px) {
  .online__checker {
    margin-right: 0;
    height: 10rem;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.online__checker_title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.online__checker_title.on {
  display: none;
}
.online__checker .mat-slide-toggle-bar {
  width: 6rem;
}
.online__checker .mat-slide-toggle-thumb-container {
  width: 2.5rem;
  height: 2.5rem;
  top: -6px;
}
.online__checker .mat-slide-toggle-thumb {
  width: 2.5rem;
  height: 2.5rem;
}
.online__checker .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background: rgba(103, 138, 255, 0.5);
}
.online__checker .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
.online__checker .mat-slide-toggle.mat-checked .mat-ripple-element {
  background: #678aff;
}
.online__checker .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(3.5rem, 0, 0);
}
.online__checker.isOnline {
  box-shadow: 0 0 1rem rgba(103, 138, 255, 0.5);
}
.online__checker.isOnline .off {
  display: none;
}
.online__checker.isOnline .on {
  display: block;
}
.online__title {
  font-size: 3.2rem;
  font-weight: bold;
  color: #44444f;
  line-height: 3.8rem;
  margin-bottom: 1.2rem;
}
.online__line {
  color: #92929d;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
.online__line .mat-select {
  width: 10rem;
}
.online__line .timer {
  color: #678aff;
  font-size: 2.8rem;
  font-weight: 500;
  margin-right: 2rem;
}
.online__line_title {
  margin-bottom: 0.5rem;
}
.online__line .mat-checkbox {
  margin-right: 2rem;
}
.online__text {
  font-size: 1.6rem;
  font-weight: 500;
  color: #44444f;
  line-height: 2.4rem;
}
.requests__info,
.requests_item__info {
  margin-left: 3rem;
  border-left: 1px solid #ccc;
  padding-left: 3rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .requests__info,
.requests_item__info {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    border-left: 0;
  }
}
.requests__header,
.requests_item__header {
  background: #678aff;
  height: 5.6rem;
  border-radius: 2rem 2rem 0 0;
  padding: 0 3rem;
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .requests__header,
.requests_item__header {
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}
.requests_info__list,
.requests_item_info__list {
  display: flex;
  margin-bottom: 2rem;
}
.requests_info,
.requests_item_info {
  margin-right: 3rem;
}
.requests_info__name,
.requests_item_info__name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #c4c4c4;
}
.requests_info__value,
.requests_item_info__value {
  font-size: 1.6rem;
}
.requests_msg,
.requests_item_msg {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 0.8rem;
}
.requests_emptycards,
.requests_item_emptycards {
  font-size: 1.6rem;
  color: #ed3434;
}
.requests_emptycards a,
.requests_item_emptycards a {
  color: #ed3434;
  font-weight: 500;
  text-decoration: underline;
}
.requests_emptycards a:hover,
.requests_item_emptycards a:hover {
  text-decoration: none;
}
.requests__content,
.requests_item__content {
  display: flex;
  background: #fff;
  padding: 2rem 3rem;
  border-radius: 0 0 2rem 2rem;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .requests__content,
.requests_item__content {
    padding: 1.5rem 2rem;
    flex-wrap: wrap;
  }
}
.requests__profile,
.requests_item__profile {
  display: flex;
  align-items: start-flex;
  flex: 0 0 30rem;
}
.requests__image,
.requests_item__image {
  margin-right: 2rem;
  background: #ffc849;
  border-radius: 50%;
  width: 9rem;
  height: 9rem;
  vertical-align: middle;
  text-align: center;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 9rem;
  color: #fff;
}
.requests__image img,
.requests_item__image img {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
}
.requests__name,
.requests_item__name {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.requests__actions,
.requests_item__actions {
  flex: 0 0 21.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.requests__actions .btn + .btn,
.requests_item__actions .btn + .btn {
  margin-top: 1rem;
}
.tutor-request-margin {
  margin-bottom: 2rem;
}
.requests2 {
  margin-bottom: 2rem;
}
.requests2__header {
  background: #ffc849;
  height: 5.6rem;
  border-radius: 2rem 2rem 0 0;
  padding: 0 3rem;
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .requests2__header {
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}
.requests2__content {
  display: flex;
  background: #fff;
  padding: 2rem 3rem 1rem;
  border-radius: 0 0 2rem 2rem;
  flex-wrap: wrap;
  max-height: 17rem;
  overflow: auto;
}
@media screen and (max-width: 1279.9px) {
  .requests2__content {
    padding: 1.5rem 2rem;
  }
}
.requests2_item {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  flex: 0 0 calc(50% - 3rem);
  margin-right: 3rem;
  align-items: center;
}
@media screen and (max-width: 1279.9px) {
  .requests2_item {
    flex-wrap: wrap;
    width: 100%;
    flex: 0 0 100%;
  }
}
.requests2_item__profile {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
@media screen and (max-width: 1279.9px) {
  .requests2_item__profile {
    flex: 1 1 100%;
    margin-bottom: 1.5rem;
  }
}
.requests2_item__timer {
  width: 12rem;
  height: 3.8rem;
  border: 1px solid #678aff;
  background: rgba(103, 138, 255, 0.6);
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  flex: 0 0 12rem;
  position: relative;
  overflow: hidden;
}
.requests2_item__timer div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #678aff;
  transition: all 333ms linear;
}
.requests2_item__timer span {
  z-index: 2;
  position: relative;
}
.requests2_item__image {
  margin-right: 2rem;
  font-size: 0;
  width: 5rem;
  background: #ffc849;
  border-radius: 50%;
  height: 5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 5rem;
  color: #fff;
}
.requests2_item__image img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.requests2_item__name {
  font-size: 1.6rem;
  font-weight: 500;
}
.requests2_item__actions {
  flex: 0 0 3.8rem;
  height: 3.8rem;
}
.requests2_item__actions .action {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 1rem;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.requests2_item__actions .action-reload {
  background: rgba(103, 138, 255, 0.1);
}
.requests2_item__actions .action-cancel {
  color: #ed3434;
  background: rgba(237, 52, 52, 0.1);
}
.requests2_item__actions .action svg {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.title--32,
.global__title {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18,
.global__text {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
body,
html {
  overflow-anchor: none;
}
html {
  height: 100%;
  font-size: 10px;
  font-family: "Roboto";
  color: black;
  height: -webkit-fill-aviable;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: calc(8.5px + 1.5 * (100vw - 320px) / 55);
  }
}
@media screen and (max-width: 1279.9px) {
  .add-blur {
    filter: blur(7px);
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
  }
  html {
    font-size: calc(10px + 10.45 * (100vw - 375px) / 392);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: calc(6px + 2 * (100vw - 768px) / 256);
  }
}
@media (min-width: 1024px) and (max-width: 1152px) {
  html {
    font-size: 8px;
  }
}
@media (min-width: 1152px) and (max-width: 1440px) {
  html {
    font-size: calc(8px + 2 * (100vw - 1152px) / 288);
  }
}
_:default:not(:root:root),
html {
  animation: webkitfix 1s forwards infinite;
}
* {
  box-sizing: border-box;
  outline: none;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #d5d5dc #fff;
}
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: #fff;
}
*::-webkit-scrollbar-thumb {
  background-color: #d5d5dc;
  border-radius: 5px;
  border: 3px solid #fff;
}
*::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
a {
  cursor: pointer;
}
body {
  height: 100%;
  background: #c4cdd8;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Regular.woff2") format("woff2"), url("/assets/fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Bold.woff2") format("woff2"), url("/assets/fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Medium.woff2") format("woff2"), url("/assets/fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
app-root {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  font-size: 1.4rem;
  line-height: 1.454545;
  font-weight: regular;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 1279.9px) {
  app-root {
    overflow-x: hidden;
  }
}
.global {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global__wrap {
  text-align: center;
  max-width: 59rem;
}
.global__icon {
  width: 7.8rem;
  height: 7.8rem;
  margin: 0 auto 2rem;
}
.global__title {
  margin-bottom: 2.3rem;
}
.global__text a {
  color: #678aff;
  text-decoration: underline;
}
@media screen and (min-width: 1280px) {
  .global__text a:hover {
    text-decoration: none;
  }
}
.jivo-block-scroll {
  overflow: hidden;
}
.is-open-menu {
  height: 100%;
  overflow: hidden;
}
.logotype {
  width: 107px;
  height: 51px;
}
.logotype svg {
  width: 100%;
  height: 100%;
  display: block;
}
.page__center {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__center .section {
  width: 100%;
}
.page__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.page__video video {
  width: 100%;
  height: 100%;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.333s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
}
img {
  max-width: 100%;
}
b,
strong {
  font-weight: bold;
}
a {
  color: black;
  text-decoration: none;
}
p {
  margin: 0;
}
p + p {
  margin: 1.6em 0 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 1279.9px) {
  svg {
    width: auto;
    height: auto;
  }
}
button,
textarea,
input {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none;
}
.visually_hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}
@media tabletDesktop {
  .visually_hidden--desktop {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
@media screen and (max-width: 1279.9px) {
  .visually_hidden--mobile {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
.link {
  color: #ed3434;
  box-shadow: inset 0 -0.08em currentColor;
}
@media screen and (min-width: 1280px) {
  .link:hover {
    box-shadow: none;
  }
}
.results_none {
  margin: 0 auto;
  max-width: 60rem;
  text-align: center;
}
.error_label {
  border: 1px solid #f00;
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 1.4rem;
  color: #f00;
  margin-bottom: 1.5rem;
}
.error_label p {
  margin-bottom: 0;
}
.mat-progress-spinner.loader {
  display: inline-block !important;
}
.mat-progress-spinner.loader circle,
.mat-spinner.loader circle {
  stroke: #678aff !important;
}
.note {
  background: #7ca0ff;
  border-radius: 0 0 1.2rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 100%;
  margin-top: -3rem;
  margin-bottom: 2rem;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .note {
    height: auto;
    padding: 1rem 2rem;
  }
}
.note__text {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  max-width: 65rem;
  margin: 0 auto;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__text {
    font-size: 1.5rem;
    line-height: 1.3em;
    text-align: left;
  }
}
.note__close {
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__close {
    width: 1.5rem;
    height: 1.5rem;
    right: 1.5rem;
  }
}
.note__close img {
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 1279.9px) {
  .note__close img {
    width: 1.5rem;
    height: 1.5rem;
  }
}
body,
html {
  overflow-anchor: none;
}
.mobile-height {
  height: -webkit-fill-aviable;
}
.mobile-height.is-overflow-mobile {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.mat-label--required:after,
.text--required:after {
  content: " *";
  color: #ff4081;
}
.file-input-hidden {
  display: none;
}
.datetime-devider {
  width: 5px;
  height: 5px;
  background-color: #92929d;
  border-radius: 50%;
  margin-left: 9px;
  margin-right: 9px;
}
@keyframes webkitfix {
  100% {
    z-index: auto;
  }
}
.title--32 {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24,
.user_page_header__name {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16,
.user_page_header__disciplines_value {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.user_page__content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .user_page__content {
    display: block;
  }
}
.user_page__left {
  flex: 0 0 28rem;
  margin-right: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .user_page__left {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
.user_page__right {
  flex: 1 0 auto;
}
.user_page_block {
  background: #fff;
  margin-bottom: 2rem;
  border-radius: 1rem;
}
.user_page_block__title {
  padding: 2rem 2rem 0;
  font-weight: 500;
  font-size: 1.6rem;
}
.user_page_block__content {
  padding: 2rem;
}
.user_page_block:last-child {
  margin-bottom: 0;
}
.user_page__left .user_page_block .user_page_block__title {
  border-bottom: 1px solid #e2e2ea;
  padding-bottom: 2rem;
}
.user_page_icons {
  display: flex;
  flex-wrap: wrap;
}
.user_page_icon {
  flex: 0 0 25%;
  text-align: center;
}
@media screen and (max-width: 1279.9px) {
  .user_page_icon {
    flex: 0 0 100%;
    margin-bottom: 3rem;
  }
  .user_page_icon:last-child {
    margin-bottom: 0;
  }
}
.user_page_icon__image {
  margin: 0 auto 1.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(103, 138, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_page_icon__name {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.user_page_icon__text {
  color: #678aff;
  font-size: 1.4rem;
}
.user_page_message .message_input {
  width: 100%;
  margin-bottom: 0;
}
.user_page__tag {
  background: rgba(103, 138, 255, 0.1);
  padding: 1rem 1.5rem;
  margin-bottom: 1.2rem;
  display: inline-block;
  border-radius: 0.5rem;
  color: #44444f;
  font-size: 1.4rem;
  line-height: 1.3em;
  margin-right: 1.2rem;
}
.user_page__tag:last-child {
  margin-bottom: 0;
}
.user_page .confirm {
  height: 2.1rem;
  vertical-align: middle;
}
.user_page .confirm img {
  width: 2.1rem;
  height: 2.1rem;
}
.user_page_header {
  position: relative;
  margin-bottom: 2rem;
}
.user_page_header__rate {
  position: absolute;
  top: 7rem;
  left: 60rem;
  line-height: 2.4rem;
  display: flex;
}
.user_page_header__rate span {
  font-size: 2.4rem;
  font-weight: 500;
  color: #fff;
  margin-right: 1rem;
}
.user_page_header__rate img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3rem;
}
.user_page_header__menu {
  position: absolute;
  left: 30rem;
  bottom: -0.2rem;
}
.user_page_header__menu a {
  position: relative;
  padding: 1.5rem;
  display: inline-block;
  text-align: center;
  margin-right: 1rem;
}
.user_page_header__menu a.active {
  color: #678aff;
  font-weight: bold;
}
.user_page_header__menu a.active:after {
  height: 0.3rem;
  background: #678aff;
  border-radius: 0.5rem 0.5rem 0 0;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.user_page_header__image {
  position: absolute;
  top: 4.5rem;
  left: 2.2rem;
  width: 18rem;
  height: 18rem;
  z-index: 1;
  background: #ffc849;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  font-size: 4rem;
  text-transform: uppercase;
  line-height: 18rem;
  color: #fff;
}
.user_page_header__image .status {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  position: absolute;
  top: 1.5rem;
  right: 0.6rem;
  background: #92929d;
  border: 2px solid #6a6aad;
}
.user_page_header__image .status.online {
  background: #2bda5c;
}
.user_page_header__image .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.user_page_header__top {
  height: 18rem;
  background: #6a6aad;
  border-radius: 2rem 2rem 0 0;
  padding: 7rem 3rem 3rem 23rem;
  position: relative;
}
.user_page_header__bottom {
  background: #fff;
  border-radius: 0 0 2rem 2rem;
  padding: 1.5rem 3rem;
  height: 8rem;
  position: relative;
}
.user_page_header__name {
  color: #fff;
  margin-bottom: 1rem;
}
.user_page_header .bookmark {
  position: absolute;
  top: -3px;
  right: 4.5rem;
  color: transparent;
  z-index: 2;
  cursor: pointer;
}
.user_page_header .bookmark svg {
  width: 2.8rem;
  height: 4.2rem;
  pointer-event: none;
}
.user_page_header.bookmarked .bookmark {
  color: #678aff;
}
.user_page_header__icon {
  position: absolute;
  top: 8rem;
  right: 4.5rem;
  z-index: 2;
}
.user_page_header__icon svg {
  width: 24.7rem;
  height: 11.5rem;
}
.user_page_header__disciplines span {
  color: #c4c4c4;
  font-size: 1.4rem;
}
.user_page_header__disciplines_value {
  color: #fff;
}
.user_page .mobile {
  display: none;
}
@media screen and (max-width: 1279.9px) {
  .user_page .mobile {
    display: block !important;
  }
  .user_page_header__top {
    border-radius: 1rem 1rem 0 0;
  }
  .user_page_header__top .user_page_header__name,
.user_page_header__top .user_page_header__disciplines,
.user_page_header__top .user_page_header__rate {
    display: none;
  }
  .user_page_header__top .user_page_header__icon {
    top: 4rem;
    z-index: 2;
  }
  .user_page_header__image {
    width: 14rem;
    height: 14rem;
    z-index: 3;
    left: 50%;
    margin-left: -7rem;
    top: 10rem;
    line-height: 14rem;
  }
  .user_page_header__menu {
    position: inherit;
    background: #fff;
    border-radius: 1rem;
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
  .user_page_header__bottom {
    border-radius: 0 0 1rem 1rem;
    padding-top: 7rem;
    text-align: center;
    height: inherit;
    padding-bottom: 2rem;
  }
  .user_page_header__bottom .user_page_header__disciplines_value {
    color: #000;
  }
  .user_page_header__bottom .user_page_header__rate {
    position: inherit;
    left: auto;
    top: auto;
    margin-top: 2rem;
    display: flex !important;
    justify-content: center;
  }
  .user_page_header__bottom .user_page_header__rate span {
    color: #000;
  }
  .user_page_header__bottom .user_page_header__menu {
    display: none;
  }
  .user_page_header__bottom .user_page_header__name {
    color: #000;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .user_page_header .bookmark {
    right: 3rem;
  }
}
.lessons_item {
  display: flex;
  background: #fff;
  border-radius: 2rem;
  justify-content: space-between;
  overflow: hidden;
  flex-wrap: wrap;
  min-height: 60rem;
  height: calc(var(--mainBlockHeight) - 6rem);
}
@media screen and (max-width: 1279.9px) {
  .lessons_item {
    min-height: 50rem;
  }
}
.lessons_item__left {
  flex: 0 1 100%;
  background: #151d3a;
  border-radius: 2rem;
  positon: relative;
  height: 100%;
}
.lessons_item__right {
  flex: 0 0 40rem;
  max-width: 40rem;
  display: none;
  border-radius: 0 2rem 2rem 0;
  padding-bottom: 2rem;
  height: 100%;
}
.lessons_item__right .messages__top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 6rem;
}
.lessons_item.hold .lessons_item__left {
  flex: 0 1 100%;
}
.lessons_item.hold .lessons_item__right {
  display: none;
}
.lessons_item.hold .lesson__video,
.lessons_item.hold .lesson__video_out {
  display: none;
}
.lessons_item__info {
  flex: 0 0 5.5rem;
}
.lessons_item__footer {
  flex: 0 0 100%;
  padding: 2rem 0;
  text-align: center;
  background: #eff3ff;
}
.lessons_item_file {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lessons_item_file__name {
  font-size: 1.6rem;
  color: #678aff;
}
.lessons_item_file__icon {
  height: 3.6rem;
  margin-left: 1rem;
}
.lessons_item.showMessages .lessons_item__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 3rem;
}
.lessons_item.showMessages .lessons_item__right .messages__list {
  flex: 0 1 auto;
  margin-bottom: 2rem;
  height: 100%;
  overflow: scroll;
}
.lessons_item.showMessages .lessons_item__left {
  border-radius: 2rem 0 0 2rem;
  flex: 0 1 calc(100% - 40rem);
}
@media screen and (max-width: 1279.9px) {
  .lessons_item.showMessages .lessons_item__left {
    flex: 0 1 100%;
  }
}
.lessons_item.hasVideo .lessons_item__left,
.lessons_item.hasVideo .lessons_item__right {
  height: calc(100% - 8rem);
}
.lessons_item.static {
  transform: translate3d(0, 0, 0) !important;
}
@media screen and (max-width: 1279.9px) {
  .lessons_item.static.showMessages {
    height: 100rem;
  }
  .lessons_item.static.showMessages .lessons_item__left {
    height: 50%;
  }
  .lessons_item.static.showMessages .messages__top {
    display: none;
  }
  .lessons_item.static.showMessages .lessons_item__right {
    height: 50%;
    flex: 0 0 100%;
    padding-right: 0;
    width: 100%;
  }
  .lessons_item.static.showMessages .messages_input {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.lessons_item.minimize {
  display: none;
}
.lessons_item.minimize .lesson__action--pip {
  width: 4rem;
  height: 4rem;
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 1rem;
  opacity: 0;
}
.lessons_item.minimize .lesson__action--pip svg {
  width: 2rem;
  height: 2rem;
}
.lessons_item.minimize:hover .lesson__action--pip {
  opacity: 1;
}
.lessons_item.minimize.started {
  display: block;
  position: fixed;
  z-index: 5;
  right: 3rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #fff;
  width: 24rem;
  height: 18rem;
  background: #000;
  min-height: 12rem;
}
.lessons_item.minimize.started .lessons_item__left {
  flex: 0 0 100%;
}
.lessons_item.minimize.started .lesson__right,
.lessons_item.minimize.started .lesson_info,
.lessons_item.minimize.started .lesson__date,
.lessons_item.minimize.started .lesson__name,
.lessons_item.minimize.started .lesson__text,
.lessons_item.minimize.started .lesson__actions,
.lessons_item.minimize.started .lesson_text {
  display: none;
}
.lessons_item.minimize.started .lesson__video_out {
  opacity: 0;
}
@media screen and (max-width: 1279.9px) {
  .lessons_item.is-history .lessons_item__right {
    display: none;
  }
}
:host ::ng-deep .widget-call-chat_msgs {
  padding: 10px 0px !important;
}
@media screen and (max-width: 768px) {
  :host ::ng-deep .widget-call-chat-footer {
    left: 36px !important;
    right: 36px !important;
    bottom: 40px !important;
  }
}
.messages_none__text {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
.room {
  overflow: hidden;
  height: calc(100% - 55px);
  display: none;
}
.room.isActive {
  display: block;
}
.search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.search .search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.search .search-box input {
  height: 38px;
  line-height: 38px;
  border-radius: 6px;
  padding: 0 12px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: rgb(68, 68, 79);
  border: 1px solid rgba(150, 157, 146, 0.6);
}
.search .search-box input::placeholder {
  color: rgb(146, 146, 157);
}
.search .search-box input:focus {
  border: 1px solid rgba(103, 138, 255, 0.6);
  box-shadow: 0px 0px 6px rgb(103, 138, 255);
}
.search-results {
  padding-top: 8px;
}
.search-result {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.search-result + .search-result {
  margin-top: 8px;
}
.search-result .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.search-result .header .time {
  font-size: 14px;
  line-height: 14px;
  color: rgb(146, 146, 157);
  font-weight: 400;
}
.search-result .body {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.search-result .body .author {
  color: rgb(103, 138, 255);
  max-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  max-width: 100px;
}
.search-result .body .text {
  font-weight: 400;
  max-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-header {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 55px;
  margin-right: 15px;
  flex-shrink: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(146, 146, 157, 0.6);
}
.search-result-header + .messages__list {
  margin-top: 8px;
}
.search-result-header .title {
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
}
.search-result-header .icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-result-header .icon.toggle.collapsed {
  transform: rotate(180deg);
}
.search-result-header .icon > svg {
  width: 16px;
  height: 16px;
}
.messages {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  min-height: var(--mainBlockMinHeightDesktop);
  height: calc(100vh - (var(--headerHeight) + 100px));
}
@media screen and (max-width: 1279px) {
  .messages {
    height: calc(100vh - (var(--headerHeight) + var(--mainBlockPaddingMobile) * 2));
  }
}
@media screen and (max-width: 768px) {
  .messages.isRoom {
    height: calc(100vh - (var(--headerHeight) + 32px));
  }
  .messages.isRoom .messages__left {
    display: none;
  }
  .messages.isRoom .messages__right {
    display: flex;
    padding-left: 0;
  }
  .messages.isRoom .messages_list {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .messages {
    min-height: auto;
    display: block;
    padding: 24px 20px;
  }
}
.messages .messages-header {
  height: 50px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.messages .messages-header .controls {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.messages .messages-header .controls .control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  font-weight: 400;
  background-color: #fff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
  cursor: pointer;
}
.messages .messages-header .controls .control-btn > svg {
  width: 17px;
  height: 17px;
}
.messages .messages-body {
  display: flex;
  flex-grow: 1;
  position: relative;
  height: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
  .messages .messages-body {
    height: calc(100% - 80px - var(--group-lesson-chat-footer-height));
  }
}
.messages .messages-body .messages-body-header {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 55px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(146, 146, 157, 0.6);
  padding-bottom: 8px;
}
.messages-info {
  background: rgba(103, 138, 255, 0.1);
  padding: 20px;
  border-radius: 6px;
  color: rgb(68, 68, 79);
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  margin-right: 15px;
}
.messages__left {
  border-right: 1px solid #f1f1f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 340px;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .messages__left.has-rooms > .messages_none {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .messages__left {
    border-right: 0;
    width: 100%;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .messages__left > .messages_none {
    display: none;
  }
}
.messages__right {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 20px;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .messages__right {
    display: none;
  }
}
.messages__right .icon-menu {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages__right .icon-menu svg {
  width: 3px;
  height: 15px;
}
.messages__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.messages__back svg {
  width: 16px;
  height: 16px;
}
.messages__top {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.messages__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.messages .mat-menu-content {
  background: #f00;
}
.messages .mat-menu-content .mat-menu-item {
  display: flex;
}
.messages .mat-menu-content .mat-menu-item svg-icon-sprite {
  margin-right: 1rem;
  height: 2.4rem;
  width: 2.4rem;
}
.messages_none {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages_none__wrap {
  max-width: 35rem;
  text-align: center;
}
.messages_none__icon {
  margin-bottom: 16px;
}
.messages_none__title {
  font-size: 14px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.messages_none__text {
  margin-bottom: 32px;
}
.messages_input {
  flex: 0 0 8rem;
  position: relative;
  border-top: 1px solid #f1f1f5;
}
.messages_input #attachMessage {
  position: absolute;
  left: -999rem;
  top: -999rem;
}
.messages_input .button-attachMessage {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.5rem;
  background: #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8rem;
  top: 2.5rem;
  cursor: pointer;
}
.messages_input .button-attachMessage svg {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}
.messages_input #attach {
  position: absolute;
  left: -999rem;
  top: -999rem;
}
.messages_input .button-attach {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.5rem;
  background: #f1f1f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8rem;
  top: 2.5rem;
  cursor: pointer;
}
.messages_input .button-attach svg {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}
.messages_input__button {
  width: 5.4rem;
  height: 5.4rem;
  background: #678aff;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 0;
  top: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages_input__button svg {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}
.messages_input__textarea {
  margin: 0 10rem 0 0;
  padding: 2rem 1.5rem 1rem 1.5rem;
}
.messages_input__textarea textarea {
  width: 100%;
}
.messages_input__files {
  position: absolute;
  display: flex;
  top: -10px;
  width: 99%;
  left: 0;
  z-index: 11;
}
.messages_input__files .new-message-block__bar {
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0;
}
.messages_input__files__file {
  border-radius: 8px;
  padding: 0.4rem;
  font-size: 1rem;
  margin-left: 4px;
  background-color: #fff;
  color: #678aff;
  border: 1px solid #c5cdd8;
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages_input__files__file:hover {
  border: 1px solid #678aff;
  cursor: pointer;
}
.messages_menu__item {
  display: flex !important;
  align-items: center;
}
.messages_menu__item img {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
}
.messages_menu__item span {
  margin-left: 1rem;
}
.messages_list {
  flex: 1 0 auto;
  padding: 0 3rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  height: 24rem;
  overflow: auto;
}
.messages_list.keyboardDisplay {
  height: calc(100% - 7rem - 8rem);
}
.message_user {
  display: flex;
  align-items: center;
  gap: 16px;
}
.message_user__image {
  background: #ffc849;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.message_user__image .avatar-image {
  width: 44px;
  height: 44px;
  border-radius: 100%;
}
.message_user__name {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message {
  margin: 1rem 0;
  margin-bottom: 24px;
  padding: 0 0 0 5.5rem;
  position: relative;
}
.message__date {
  text-align: center;
}
.message__date span {
  border-radius: 0.4rem;
  background: #f3f4f9;
  color: #92929d;
  font-size: 1.2rem;
  font-weight: 500;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  display: inline-block;
}
.message__image {
  position: absolute;
  font-size: 0;
  top: 0;
  left: 0;
  background: #ffc849;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 4.5rem;
  color: #fff;
}
.message__image img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}
.message__nopreview {
  width: 10rem;
  height: 10rem;
}
.message__nopreview__text {
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #d1d5e8;
}
.message__text {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  max-width: 56rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 1.5rem;
  background: #f3f4f9;
  border-radius: 0 2rem 2rem 2rem;
  text-align: left;
}
.message__text__item {
  width: 100%;
}
.message__text .text {
  word-break: break-word;
}
.message__text .text a {
  color: #000;
}
.message__text .ng-star-inserted {
  display: inline-block;
}
.message__text .ng-star-inserted +,
.message__text .ng-star-inserted .ng-star-inserted {
  margin-left: 1.5rem;
}
.message__text .image {
  width: 10rem;
  height: 10rem;
  display: inline-block;
  font-size: 0;
  margin-bottom: 1.5rem;
}
.message__text .image:last-child {
  margin-bottom: 0;
}
.message__text .image img {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.message__text .file {
  justify-content: space-between;
  height: 5.6rem;
  display: flex;
  border-radius: 1rem;
  background: #fff;
  align-items: center;
  text-align: left;
}
.message__text .file__cloud {
  min-width: 36px;
  min-height: 36px;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}
.message__text .file__cloud img {
  width: 3.6rem;
  height: 3.6rem;
}
.message__text .file__icon {
  min-width: 56px;
  background: #eff3ff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message__text .file__icon img {
  max-width: 2rem;
  max-height: 2rem;
}
.message__text .file__info {
  margin-right: 1rem;
}
.message__text .file__name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 10rem;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  color: #92929d;
}
.message__text .file__size {
  font-size: 1.2rem;
  color: #92929d;
  display: block;
}
.message__author {
  display: flex;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
.message__author.multiTyping {
  display: flex;
  overflow: hidden;
}
.message__author .name {
  font-weight: bold;
  max-width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.message__author .time {
  color: #696974;
  margin-left: 1rem;
  font-size: 1.4rem;
}
.message.my {
  padding: 0 5.5rem 0 0;
}
.message.my .name {
  text-align: end;
}
.message.my .message__image {
  right: 0;
  left: auto;
}
.message.my .message__text {
  color: #fff;
  text-align: right;
  background: #678aff;
  border-radius: 2rem 0 2rem 2rem;
  margin-left: auto;
}
.message.my .message__text a {
  color: #fff;
}
.message.my .message__author {
  display: flex;
  flex-direction: row-reverse;
}
.message.my .message__author .time {
  margin-left: 0;
  margin-right: 1rem;
}
.messages_members {
  padding: 3rem;
}
.messages_members__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  margin-bottom: 2rem;
}
.messages_members__list {
  overflow: auto;
  max-height: 40rem;
}
.messages_list_item + .search-result-header {
  margin-top: 8px;
}
.messages__list {
  height: 100%;
  overflow-y: auto;
  padding-right: 15px;
}
.messages__list.hide {
  display: none;
}
.messages_members_item {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.8rem;
  cursor: pointer;
}
.messages_members_item:hover {
  background: #f5f5f5;
}
.messages_members_item__image {
  flex: 0 0 4.5rem;
  margin-right: 1rem;
  font-size: 0;
  width: 4.5rem;
  background: #ffc849;
  border-radius: 50%;
  height: 4.5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 4.5rem;
  color: #fff;
}
.messages_members_item__image .avatar-image {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}
.messages_members_item__name {
  flex: 1 0 auto;
}
.messages_members_item__online {
  flex: 0 0 1rem;
}
.messages_members_item__online span {
  display: block;
  width: 1rem;
  height: 1rem;
  background: #82c43c;
  border-radius: 50%;
}
.messages_list_item {
  cursor: pointer;
  position: relative;
}
.messages_list_item .inner {
  padding: 16px;
  border-radius: 6px;
}
.messages_list_item:hover .inner, .messages_list_item.current .inner {
  background: rgba(103, 138, 255, 0.1);
}
.messages_list_item .messages_list_item__author {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.messages_list_item .messages_list_item__image {
  display: flex;
  position: relative;
  width: 44px;
  height: 44px;
  justify-content: center;
  line-height: 44px;
  background: #ffc849;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  flex-shrink: 0;
  margin-top: -13px;
}
.messages_list_item .messages_list_item__image .avatar-image {
  width: 44px;
  height: 44px;
  border-radius: 100%;
}
.messages_list_item .messages_list_item__image .is-online {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 33px;
  left: 33px;
  background: rgb(149, 165, 184);
}
.messages_list_item .messages_list_item__image .is-online.active {
  background: #3dd598;
}
.messages_list_item__info {
  min-height: 56px;
  width: calc(100% - 44px);
}
.messages_list_item__text {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 28px;
  max-width: 100%;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: rgb(68, 68, 79);
  word-break: break-word;
}
.messages_list_item__name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 8px;
}
.messages_list_item__name .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  width: calc(100% - 50px);
}
.messages_list_item__name .time {
  font-size: 14px;
  line-height: 14px;
  width: 50px;
  text-align: right;
  color: rgb(146, 146, 157);
}
.messages_list_item .badge {
  background: #ed3434;
  width: 2.3rem;
  height: 1.7rem;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  border-radius: 1.2rem;
  line-height: 1.5rem;
  font-weight: 400 !important;
  margin-left: 0.5rem;
  vertical-align: middle;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  border: 1px solid #fff;
}
.multi-type-image {
  left: 2rem;
}
.keyboardDisplay {
  height: auto;
}
.unread-messages-divider {
  display: flex;
  justify-content: center;
  margin: 10px 0;
  border-bottom: 1px solid #e64545;
  color: #e64545;
}
.settings {
  border-radius: 2rem;
  background: #fff;
}
.settings .mat-slide-toggle-bar {
  height: 0.8rem;
}
.settings .mat-slide-toggle-thumb-container {
  width: 1.6rem;
  height: 1.6rem;
  top: -0.5rem;
}
.settings .mat-slide-toggle-bar {
  width: 3.2rem;
}
.settings .mat-slide-toggle-thumb {
  width: 1.6rem;
  height: 1.6rem;
}
.settings .mat-slide-toggle-content {
  margin-left: 0.5rem;
  font-size: 1.6rem;
}
.settings .mat-slide-toggle.mat-checked .mat-ripple-element,
.settings .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.settings .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #678aff;
}
.settings .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.settings .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.settings .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.settings .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #3dd598;
}
.settings_header {
  padding: 3rem;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
  border-bottom: 1px solid #e2e2ea;
}
@media screen and (max-width: 1279.9px) {
  .settings_header {
    padding: 2rem;
  }
}
.settings_cols {
  display: flex;
}
.settings_cols__col {
  flex: 0 0 50%;
}
.settings_cols__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 3rem;
}
.settings_cols__item + .settings_cols__item {
  margin-top: 1.5rem;
}
.settings_cols__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
}
.settings_cols__item--image {
  max-width: 20rem;
}
.settings_cols__item img {
  flex: 0 0 4rem;
  max-height: 3.5rem;
  max-width: 3.5rem;
  margin-left: 2rem;
}
.settings_cols + .settings_cols {
  margin-top: 5rem;
}
.settings_block {
  border-bottom: 1px solid #e2e2ea;
  padding: 2rem 3rem;
  display: flex;
}
@media screen and (max-width: 1279.9px) {
  .settings_block {
    flex-direction: column;
    padding: 2rem;
  }
}
.settings_block__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
.settings_block__text {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #696974;
  max-width: 34rem;
}
.settings_block__left {
  flex: 0 0 42rem;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .settings_block__left {
    flex: 0 0 100%;
  }
}
.settings_block__right {
  flex: 1 0 auto;
}
.settings_actions {
  text-align: right;
  padding: 3rem;
}
.fc-timeGridWeek-view .fc-scrollgrid-section.fc-scrollgrid-section-header td {
  border: none !important;
}
.fc-timeGridWeek-view .fc-scrollgrid-section.fc-scrollgrid-section-body td {
  border-top: none !important;
}
.calendar_button_wrapper {
  position: absolute;
  top: 4rem;
  left: 25rem;
  z-index: 15;
}
.open-popup-container .discipline {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #92929D;
  position: relative;
  margin-bottom: 12px;
  padding-right: 16px;
}
.open-popup-container .discipline .close {
  display: flex;
  cursor: pointer;
  width: 20px;
  scale: 0.7;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.open-popup-container .theme {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #44444F;
  max-height: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 6;
  margin-bottom: 12px;
}
.open-popup-container .publicLesson {
  width: 145px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #3DD598;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #3DD598;
}
.open-popup-container .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  color: #92929D;
  margin-bottom: 24px;
}
.open-popup-container .info .date-time {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 12px;
}
.open-popup-container .info .date-time .time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.open-popup-container .info .type-privacy {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.open-popup-container .info .date + .time:before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  background-color: #678AFF;
  border-radius: 100%;
}
.open-popup-container .members-wrapper {
  display: flex;
  flex-direction: column;
}
.open-popup-container .members-wrapper + .open-popup-container .members-wrapper {
  margin-top: 24px;
}
.open-popup-container .members-wrapper .members {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.open-popup-container .members-wrapper .members .icon {
  width: 16px;
  height: 16px;
}
.open-popup-container .members-wrapper .members-list {
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #44444F;
}
.open-popup-container .control {
  margin-top: 24px;
}
.open-popup-container .control button {
  background: #678AFF;
  color: #FFFFFF;
  border-radius: 7px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
}
.open-popup-container .text-title {
  line-height: 14px;
  font-weight: 500;
  color: #92929D;
}
@media screen and (max-width: 1279.9px) {
  .calendar_button_wrapper {
    left: 0;
    top: 8rem;
  }
  .calendar_button_wrapper.sticky {
    position: fixed;
    left: 1.5rem;
    top: 13.5rem;
    background-color: #fff;
  }
}
@media action {
  .calendar_button_wrapper.sticky {
    position: fixed;
    top: 9rem;
    left: 56rem;
  }
}
.round--btn_wrapper {
  position: absolute;
  top: 50%;
}
.round--btn_wrapper .round--btn__inner-wrapper {
  position: relative;
}
.calendar_button {
  position: relative;
  margin-left: 6rem;
  border-radius: 7px;
  cursor: pointer;
}
calendar_button_wrappe .calendar_button.calendar_button-clicked .round--btn {
  background: #fff;
}
.calendar_button.calendar_button-clicked .round--btn::before {
  content: "";
  border: 2px solid #678aff;
  transform: rotate(45deg);
  background: #678aff;
  animation: spin 0.5s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.calendar_button.calendar_button-clicked .round--btn::after {
  content: "";
  transform: rotate(45deg);
  border: 2px solid #678aff;
  background: #678aff;
  animation: spin 0.5s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 1279.9px) {
  .calendar_button {
    margin-left: 3rem;
  }
}
.calendar_button .btn--border--blue {
  background: #fffef6;
  border: 1px solid #678aff;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.calendar_button .btn--border--blue .btn__label-blue {
  color: #678aff;
}
@media screen and (max-width: 1279.9px) {
  .calendar_button .btn--border--blue {
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 1279.9px) {
  .calendar_button .btn--border--blue {
    width: 20rem;
    font-size: 1.2rem;
    padding-left: 2.5rem;
  }
}
.calendar_button .round--btn {
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  margin-top: -24px;
  left: 0;
  margin-left: -24px;
  height: 48px;
  width: 48px;
  border: 1px solid #678aff;
  border-radius: 50%;
  background: #678aff;
  z-index: 50;
}
.calendar_button .round--btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.5px;
  margin-top: -9.5px;
  content: "";
  border: 2px solid #fff;
  height: 16px;
  width: 0;
  background: #fff;
}
.calendar_button .round--btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9.5px;
  margin-top: -1.5px;
  content: "";
  width: 16px;
  height: 0;
  border: 2px solid #fff;
  background: #fff;
}
.calendar {
  background: #fffef7;
  border-radius: 2rem;
  padding: 2rem 3rem;
  margin-bottom: 2rem;
  position: relative;
}
.calendar.dayGridMonth .fc-button.fc-top,
.calendar.dayGridMonth .fc-button.fc-bottom {
  display: none !important;
}
.calendar .fc-header-toolbar {
  box-sizing: border-box;
  height: 10rem;
}
.calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
  background: transparent !important;
  border: none;
  color: #000;
}
.calendar .fc-header-toolbar .fc-toolbar-chunk:disabled {
  color: #aaa;
}
.calendar .fc-scroller-harness-liquid {
  border-top: none !important;
}
.calendar .timeGridType_wrapper {
  display: flex;
  align-items: baseline;
  position: absolute;
  right: 22%;
}
@media screen and (max-width: 1279.9px) {
  .calendar .timeGridType_wrapper {
    top: 2.2rem;
    right: 23%;
  }
}
@media screen and (max-width: 1279.9px) {
  .calendar .timeGridType_wrapper {
    top: 8rem;
    right: 1rem;
  }
}
.calendar .timeGridType_wrapper.sticky {
  position: fixed;
  top: 9.5rem;
  right: 19%;
}
@media screen and (max-width: 1279.9px) {
  .calendar .timeGridType_wrapper.sticky {
    position: fixed;
    top: 13.5rem;
    right: 2.5rem;
    background-color: #fff;
  }
}
.calendar .timeGridType_wrapper.calendar_button-clicked {
  background-color: #678aff;
}
.calendar .timeGridType_wrapper span {
  margin-right: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 1279.9px) {
  .calendar .timeGridType_wrapper {
    font-size: 14px;
  }
  .calendar .timeGridType_wrapper .mat-form-field-infix {
    margin-left: 0.5rem;
  }
  .calendar .timeGridType_wrapper .timeGridType_text {
    display: none;
  }
}
.calendar .timeGridType_wrapper .mat-form-field {
  width: 9rem;
  font-weight: 500;
}
.calendar .temp {
  position: absolute;
  top: 5rem;
  left: 20rem;
  border-radius: 1rem;
}
.calendar.calendar-edit-mode {
  touch-action: none;
  background: linear-gradient(to bottom, #678aff 7%, #fffef7 7% 100%);
}
.calendar.calendar-edit-mode.dayGridMonth {
  background: linear-gradient(to bottom, #678aff 17%, #fffef7 17% 100%);
}
.calendar.calendar-edit-mode .calendar_el.stickyToolbar .fc-header-toolbar {
  background: #678aff;
}
.calendar.calendar-edit-mode .fc-header-toolbar {
  background: #678aff;
}
.calendar.calendar-edit-mode .icon-drag {
  color: #fff;
}
.calendar.calendar-edit-mode .timeGridType_wrapper {
  color: #fff;
}
.calendar.calendar-edit-mode .timeGridType_wrapper .mat-select-value-text {
  color: #fff;
}
.calendar.calendar-edit-mode .timeGridType_wrapper .mat-select-arrow {
  color: #fff;
}
.calendar.calendar-edit-mode .fc-today-button {
  color: #fff;
  background: #678aff;
}
.calendar.calendar-edit-mode .fc-button {
  color: #fff;
  background: #678aff;
  border-radius: 1px solid #fff;
}
.calendar.calendar-edit-mode .fc-button.fc-button-active {
  color: #678aff;
  background: #fff !important;
}
.calendar.calendar-edit-mode .fc-button.fc-prev-button:not(.fc-top),
.calendar.calendar-edit-mode .fc-button.fc-next-button:not(.fc-bottom) {
  background: #678aff;
}
.calendar.calendar-edit-mode .fc-button.fc-prev-button:not(.fc-top) .fc-icon-left-single-arrow,
.calendar.calendar-edit-mode .fc-button.fc-next-button:not(.fc-bottom) .fc-icon-left-single-arrow {
  background: url("/assets/img/content/arrow-left-white.svg") no-repeat;
}
.calendar.calendar-edit-mode .fc-button.fc-prev-button:not(.fc-top) .fc-icon-right-single-arrow,
.calendar.calendar-edit-mode .fc-button.fc-next-button:not(.fc-bottom) .fc-icon-right-single-arrow {
  background: url("/assets/img/content/arrow-right-white.svg") no-repeat;
}
.calendar.calendar-edit-mode .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  background: #678aff;
  color: #fff;
}
.calendar.calendar-edit-mode .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion span {
  color: #678aff;
}
.calendar.calendar-edit-mode .fc-toolbar-title {
  color: #fff;
}
.calendar.calendar-edit-mode .fc-col-header-cell-cushion {
  background: #fff;
}
.calendar.calendar-edit-mode.inserted {
  background: linear-gradient(to bottom, #678aff 15%, #fffef7 15% 100%);
}
.calendar.calendar-edit-mode.inserted .fc-scroller {
  overflow: hidden !important;
}
.calendar.calendar-edit-mode .fc-col-header-cell-cushion {
  background: #fff;
}
.calendar.calendar-edit-mode .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  background: #678aff;
  color: #fff;
}
.calendar.calendar-edit-mode .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion span {
  color: #fff;
}
.calendar .fc-col-header-cell .fc-col-header-cell-cushion,
.calendar .fc-day .fc-col-header-cell-cushion {
  margin-left: 0;
  width: 60px;
}
.calendar .fc-col-header-cell-cushion {
  cursor: default;
}
.calendar .fc-col-header colgroup col,
.calendar .fc-timegrid-slots colgroup col,
.calendar .fc-timegrid-cols colgroup col {
  width: 11.6rem !important;
}
.calendar .fc-col-header .mobile-time-range col,
.calendar .fc-timegrid-slots .mobile-time-range col,
.calendar .fc-timegrid-cols .mobile-time-range col {
  width: 8rem !important;
}
.calendar .fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: center !important;
}
.calendar .fc-timegrid-slot-label {
  background: #fffef7;
  border: 1px solid #fffef7 !important;
  border-right: 1px solid transparent !important;
}
.calendar .fc-timegrid-now-indicator-arrow {
  display: none;
}
@media screen and (max-width: 1279.9px) {
  .calendar {
    padding: 1.5rem 2rem;
  }
  .calendar .fc-toolbar-chunk:last-child {
    white-space: nowrap;
  }
}
.calendar .fc-toolbar-chunk:first-child {
  display: flex;
  flex-direction: column;
}
.calendar .fc-toolbar-chunk:first-child .fc-toolbar-title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.calendar .fc-toolbar-chunk:first-child .fc-toolbar-title::first-letter {
  text-transform: uppercase;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc-toolbar-chunk:first-child .fc-toolbar-title {
    font-size: 1.5rem;
  }
}
.calendar .fc-timegrid-slots tr td {
  height: 3rem;
  border: none;
}
.calendar .fc-timegrid-slots tr .fc-timegrid-slot {
  border-top: 1px dashed #e2e2ea;
}
.calendar .fc-timegrid-slots tr .fc-timegrid-slot.fc-timegrid-slot-label {
  color: #92929d;
  vertical-align: top;
}
.calendar .fc-timegrid-slots table tbody tr {
  border-top: 1px dashed #e2e2ea !important;
}
.calendar .fc-timegrid-axis-frame {
  width: 5rem;
}
.calendar .fc .fc-axis {
  padding-right: 2rem !important;
}
.calendar .fc-col-header {
  margin: 1rem 0 2rem;
}
.calendar .fc-col-header .fc-day-past .fc-col-header-cell-cushion {
  background: #92929d;
  color: #fff;
  opacity: 0.5;
}
.calendar .fc-col-header .fc-day-past .fc-col-header-cell-cushion span {
  color: #fff;
}
.calendar .fc-col-header th {
  border-color: transparent;
}
.calendar .fc .fc-scrollgrid {
  border: 0;
}
.calendar .fc .fc-scrollgrid-section > td {
  border-bottom-color: #fffef7;
}
.calendar .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  background: #fffef7;
  top: calc(var(--headerHeight) + 10rem);
  border-bottom: 1px solid #e2e2ea;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > *.sticky {
    position: fixed;
    top: 20rem;
  }
}
.calendar .calendar_el {
  position: relative;
}
.calendar .calendar_el.stickyToolbar .fc-header-toolbar {
  position: sticky;
  top: var(--headerHeight);
  z-index: 10;
  background: #fffef7;
  margin-right: -3rem;
  padding-right: 3rem;
  margin-left: -3rem;
  padding-left: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .calendar .calendar_el.stickyToolbar .fc-header-toolbar {
    margin-right: -1.5rem;
    padding-right: 1.5rem;
    margin-left: -1.5rem;
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 1279.9px) {
  .calendar .calendar_el.stickyToolbar .fc-header-toolbar {
    display: flex;
    align-items: flex-start;
    height: 13rem;
    margin-right: -2rem;
    padding-right: 1.5rem;
    margin-left: -2rem;
    padding-left: 1.5rem;
    padding-top: 2rem;
    margin-bottom: 0;
  }
  .calendar .calendar_el.stickyToolbar .fc-header-toolbar.sticky {
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    margin: 0;
  }
}
.calendar .calendar_el.calendarWidget {
  margin-bottom: 7rem;
}
.calendar .calendar_el.calendarWidget .fc-scroller-liquid-absolute {
  overflow: hidden !important;
}
.calendar .calendar_el.calendarWidget .fc-dayGridMonth-view .fc-scroller-liquid-absolute {
  overflow: scroll !important;
}
.calendar .fc-button.fc-top {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 14rem;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc-button.fc-top {
    top: 15rem;
  }
}
.calendar .fc-button.fc-top .fc-icon {
  margin-left: -1.5px;
  width: 1.4rem;
  margin-bottom: 3px !important;
  height: 0.7rem;
  padding: 0.1rem 0 1.2rem;
  padding-right: 0.5rem;
  background: url("/assets/img/content/arrow-top.svg") no-repeat !important;
}
.calendar .fc-button.fc-bottom {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 64.5rem;
}
.calendar .fc-button.fc-bottom .fc-icon {
  margin-left: -1.5px;
  width: 1.4rem;
  margin-bottom: 3px !important;
  height: 0.7rem;
  padding: 0.1rem 0 1.2rem;
  padding-right: 0.5rem;
  background: url("/assets/img/content/arrow-bottom.svg") no-repeat !important;
}
.calendar .fc-view-harness {
  margin: 0 -3rem;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc-view-harness {
    margin: 0 -1.5rem;
  }
}
.calendar .fc .fc-scroller-harness-liquid {
  border-top: 1px solid #ccc;
}
.calendar .fc .fc-col-header-cell-cushion {
  width: 5.8rem;
  height: 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e2ea;
  border-radius: 1rem;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc .fc-col-header-cell-cushion {
    width: auto;
  }
}
.calendar .fc .fc-col-header-cell-cushion b {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}
.calendar .fc .fc-col-header-cell-cushion span {
  text-transform: uppercase;
  color: #92929d;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.calendar .fc .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
  background: #678aff;
  color: #fff;
  border-color: #678aff;
}
.calendar .fc .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion span {
  color: #fff;
}
.calendar .fc .fc-dayGridMonth-view .fc-col-header-cell-cushion {
  margin: 0 auto;
}
.calendar .fc .fc-timeGridWeek-view .fc-col-header-cell-cushion {
  font-size: 0;
}
.calendar .fc .fc-dayGridMonth-view .fc-col-header-cell-cushion {
  width: 13rem;
}
@media screen and (max-width: 1279.9px) {
  .calendar .fc .fc-dayGridMonth-view .fc-col-header-cell-cushion {
    width: auto;
  }
}
.calendar .fc .fc-dayGridMonth-view .fc-col-header-cell-cushion::first-letter {
  text-transform: uppercase;
}
.calendar .fc-scrollgrid-sync-table {
  margin-top: -1px;
}
.calendar .fc .fc-timegrid-now-indicator-container {
  overflow: inherit;
}
.calendar .fc .fc-timegrid-now-indicator-line {
  left: -1.2rem;
  border-color: #ed3434;
}
.calendar .fc .fc-timegrid-now-indicator-line:before {
  content: attr(data-now-indicator);
  position: absolute;
  width: 3.6rem;
  height: 1.5rem;
  left: -3.6rem;
  top: -0.75rem;
  background-color: #ed3434;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar .fc-pending {
  background: #678aff;
  border-radius: 0.9rem;
  position: absolute;
  color: #fff;
  top: -1.2rem;
  right: 3.4rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
}
.calendar .fc-menu {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: url("/assets/img/svg/calendar/edit.svg") no-repeat 50% 50%/1.5rem 1.5rem;
  position: absolute;
  top: 0px;
  right: 4px;
}
.calendar .fc-menu:hover {
  background-color: #e0e0e0;
}
.calendar .fc-start-block {
  display: none;
}
.calendar .fc-start-block.displaying {
  display: flex;
  position: absolute;
  background: #678aff;
  left: 5px;
  top: 5px;
  border-radius: 3px;
  padding: 5px;
  color: #fff;
  width: calc(100% - 2.4rem - 9px);
  justify-content: center;
}
.calendar .fc-menu-pending {
  width: 2.4rem;
  height: 2.2rem;
  border-radius: 50%;
  background: url("/assets/img/svg/calendar/to-accepted.svg") no-repeat 50% 50%/1.5rem 1.5rem;
  position: absolute;
  top: 3px;
  right: 4px;
}
.calendar .fc-approved {
  width: 2.4rem;
  height: 2.2rem;
  border-radius: 50%;
  background: url("/assets/img/svg/calendar/accepted.svg") no-repeat 50% 50%/1.5rem 1.5rem;
  position: absolute;
  top: 3px;
  right: 4px;
}
.calendar .fc-event {
  background: #f1f1f5;
  border-radius: 0.5rem 1.2rem 1.2rem 0.5rem;
  border: 0px;
  margin-left: 0 5;
}
.calendar .fc-event-main {
  position: static !important;
  z-index: 5;
}
.calendar .fc-slot-delete {
  position: absolute;
  right: 0.5rem;
  top: -1.2rem;
  background: url("/assets/img/content/icon-cal-delete.svg") no-repeat;
  display: block;
  width: 24px;
  height: 24px;
}
.calendar .fc-media-screen .fc-timegrid-event-harness {
  left: 0 !important;
  margin-right: 0 !important;
  z-index: auto !important;
  width: 100% !important;
}
.calendar .fc-event-slot {
  border-radius: 1.2rem;
  margin-left: 0;
  background: rgba(103, 138, 255, 0.2);
  border: 2px solid #678aff;
  opacity: 1;
}
.calendar .fc-event-slot.fc-event-past {
  opacity: 0.3;
}
.calendar .fc-highlight {
  border-radius: 1.2rem;
  margin-right: 0;
  margin-left: 2px;
  margin-right: 0px;
  background: rgba(103, 138, 255, 0.2);
  border: 2px solid #678aff;
  opacity: 1;
}
.calendar .fc-event-slot-edit {
  border-radius: 1.2rem;
  margin-right: -0.2rem;
  margin-left: 0;
  border: 2px solid #678aff;
}
.calendar .fc-event-slot-available {
  background: rgba(9, 204, 126, 0.102);
  border-radius: 1.2rem;
  border: 2px solid #09cc7e;
}
.calendar .fc-event-slot-available {
  margin-right: -0.2rem;
}
.calendar .fc-event-slot-available .fc-event-resizer-start:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid #678aff;
  border-radius: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  top: -1px;
  z-index: 23;
  background-color: #fff;
  cursor: n-resize;
}
.calendar .fc-event-slot-available .fc-event-resizer-end:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid #678aff;
  border-radius: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0px;
  z-index: 23;
  background-color: #fff;
  cursor: s-resize;
}
.calendar .fc-event-slot-available-past {
  cursor: not-allowed !important;
}
.calendar .fc-event-slot-available-past .fc-event-resizer-start {
  display: none;
}
.calendar .fc-event-slot-available-past .fc-event-resizer-end {
  display: none;
}
.calendar .fc-title {
  font-size: 1.4rem;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 145px;
  min-height: 20px;
}
.calendar .fc-title .cal_popup {
  padding: 0;
}
.calendar .fc-time {
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #696974;
}
.calendar .fc-content {
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: 0.5rem 1.2rem 1.2rem 0.5rem;
}
.calendar .fc-content.d-none {
  visibility: hidden;
}
.calendar .fc-content.started {
  border: 1px solid rgb(61, 213, 152);
}
.calendar .fc-event-lesson {
  z-index: 10;
  box-shadow: none;
}
.calendar .fc-event-lesson.fc-event-past {
  opacity: 1;
  cursor: not-allowed !important;
}
.calendar .fc-event-busy {
  z-index: 10;
  box-shadow: none;
  margin-left: -3px;
  background: #f1f1f5;
}
.calendar .fc-event-busy.fc-event-past {
  opacity: 1;
}
.calendar .fc-event-group {
  background: #f1f1f5;
  margin-right: -0.2rem;
}
.calendar .fc-event-onelesson {
  margin-right: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  border-radius: 1.2rem;
}
.calendar .fc-event-onelesson:before {
  background: #3dd598;
  left: 6px;
}
.calendar .fc-event .fc-content {
  color: #000;
  padding: 0.2rem 1rem 0.5rem 1.5rem;
  font-size: 1.4rem;
  flex-direction: column;
  justify-content: center;
}
.calendar .fc-event .fc-event-time {
  order: 2;
  color: #696974;
}
.calendar .fc-event .fc-event-title-container {
  order: 1;
  flex: 0 0 auto;
  font-weight: 500;
  color: #44444f;
}
.calendar .fc-button {
  background: #fffef6;
  border-color: #e2e2ea;
  border-radius: 1rem !important;
  margin-left: 0.5rem;
  color: #000;
}
.calendar .fc-button.fc-top,
.calendar .fc-button.fc-bottom {
  background: #fffef7;
}
.calendar .fc-button.fc-button-active {
  border: none !important;
  background: #678aff !important;
}
.calendar .fc-button.fc-prev-button,
.calendar .fc-button.fc-next-button {
  height: 3rem;
  width: 3rem;
  margin-left: 1.2rem;
  background: #fff;
}
.calendar .fc-button.fc-prev-button .fc-icon,
.calendar .fc-button.fc-next-button .fc-icon {
  margin-bottom: 6px;
}
.calendar .fc-button.fc-prev-button {
  margin-right: 1rem;
}
.calendar .fc-button span {
  width: 0.7rem;
  height: 1.4rem;
}
.calendar .fc-button span.fc-icon-left-single-arrow {
  background: url("/assets/img/content/arrow-left.svg") no-repeat;
}
.calendar .fc-button span.fc-icon-right-single-arrow {
  background: url("/assets/img/content/arrow-right.svg") no-repeat;
}
.calendar .fc-button:hover {
  background: #fffef6;
  border-color: #ccc;
  color: #000;
}
.calendar .fc-button[disabled] {
  background: #fffef6 !important;
  border-color: #e2e2ea;
  color: #aaa;
}
.cal_popup {
  min-width: 16rem;
  padding: 1rem;
}
.cal_popup_error {
  display: none;
  margin-bottom: 1rem;
  color: #f00;
  font-size: 1.2rem;
}
.cal_popup .btn + .btn {
  margin-top: 1rem;
}
.cal_popup__title {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.cal_popup__warning {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.cal_popup__warning__disabled {
  display: none;
}
.cal_popup__warning span {
  color: #ed3434;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}
.cal_popup__warning span .linkToPersonalCabinet {
  color: #ed3434;
  text-decoration: underline;
}
.cal_popup__warning span .linkToPersonalCabinet:hover {
  text-decoration: none;
}
.cal_popup__link {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.cal_popup__link span {
  color: #999;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}
.cal_popup__val {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  position: relative;
}
.cal_popup__val .cal_popup__view {
  display: flex;
  align-items: center;
}
.cal_popup__val .cal_popup__view img {
  margin-right: 5px;
}
.cal_popup__val span {
  color: #999;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}
.cal_popup__val .edit-button {
  position: absolute;
  right: 0;
}
.cal_popup__val .edit-button img {
  width: 1.4rem;
  height: 1.4rem;
}
.cal_popup__val .edit {
  display: none;
}
.cal_popup__val #time_from {
  width: 3rem;
}
.cal_popup__val #time_to {
  width: 3rem;
}
.cal_popup .cal_popup__link-block {
  display: flex;
  width: 180px;
  background: rgba(103, 138, 255, 0.1);
  border-radius: 6px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 1rem;
  color: #678aff;
  font-size: 12px;
  position: relative;
}
.cal_popup .cal_popup__link-block svg {
  position: absolute;
  width: 20px;
  right: 7px;
  top: 0;
}
.cal_popup .cal_popup__info {
  display: flex;
  width: 180px;
  padding: 10px 10px 10px 30px;
  background: rgba(196, 196, 196, 0.13);
  border-radius: 8px;
  position: relative;
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.cal_popup .cal_popup__info .info__icon {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 12px;
  margin-right: 8px;
}
.cal_popup .editing .edit {
  display: block;
}
.cal_popup .editing .view {
  display: none;
}
.cal_popup__vals {
  margin-bottom: 1.5rem;
}
.cal_popup__vals label {
  display: block;
}
.cal_popup__vals label + label {
  margin-top: 0.5rem;
}
.cal_popup__vals input {
  apperance: radio;
  -webkit-appearance: radio;
  margin-right: 0.5rem;
}
.calendar-legend {
  display: flex;
}
@media screen and (max-width: 1279.9px) {
  .calendar-legend {
    display: none;
  }
}
.fc-event-resizing {
  border: 2px solid #678aff !important;
  background: #f1f1f5 !important;
}
.fc-timegrid-event-harness {
  min-height: 3rem;
}
.fc-event-past .fc-event-lesson .fc-event-group {
  color: #f00;
}
.fc-event-past.fc-event-onelesson:before {
  background: #c5f4e1;
}
.fc-event-past.fc-event-onelesson .fc-event-main .fc-content {
  color: rgba(0, 0, 0, 0.4);
}
.fc-event-past.fc-event-onelesson .fc-content {
  color: rgba(0, 0, 0, 0.4);
}
.fc-content-wrapper {
  position: relative;
}
.fc-event-private-lesson {
  cursor: default;
}
.fc-event-private-lesson .fc-content-wrapper {
  display: none;
}
.fc-content-wrapper-legend {
  position: absolute;
  width: 4px;
  height: 84%;
  background-color: #cfacfc;
  left: -9px;
  border-radius: 12px;
  top: 2px;
}
.fc-event-onelesson .fc-event-main .fc-content {
  padding: 0.2rem 1rem 0.5rem 1.3rem;
}
.fc-event-onelesson .fc-event-main .fc-content .fc-content-wrapper .fc-content-wrapper-legend {
  background-color: #3dd598;
}
.fc-event-past.fc-event-group .fc-event-main .fc-content {
  color: rgba(0, 0, 0, 0.4);
}
.fc-event-past.fc-event-group .fc-content {
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 1280px) {
  .fc-timegrid-body {
    width: 100% !important;
  }
  .fc-timegrid-body table {
    width: 100% !important;
  }
  .fc-col-header {
    width: 100% !important;
  }
}
.cdk-overlay-dark-backdrop {
  background: #314077;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  background-color: rgba(49, 64, 119, 0.6);
  opacity: 1;
}
.cdk-global-overlay-wrapper .mat-dialog-container {
  border-radius: 2rem;
  padding: 0;
  overflow: hidden;
}
.modal-instant-request {
  max-width: 60rem !important;
  max-width: 90vw !important;
}
.modal-bankcards {
  max-width: 90rem !important;
  overflow: auto;
}
@media screen and (max-width: 1279.9px) {
  .modal-bankcards {
    max-width: 90vw !important;
  }
}
.modal-instant-request-cancel {
  max-width: 60rem !important;
  max-width: 90vw !important;
}
.mat-dialog-container {
  position: relative;
  max-width: 90vw !important;
  margin: 0 auto;
}
.cdk-global-overlay-wrapper .modal-lesson-chat__preview .mat-dialog-container {
  box-shadow: none !important;
  background: transparent !important;
  padding: 6rem 0rem 0rem 0rem;
}
@media screen and (max-width: 1279.9px) {
  .mat-dialog-container {
    width: auto !important;
  }
}
.modal-messages-members {
  width: 43rem !important;
  max-width: 90vw !important;
}
.modal-lesson-finished {
  width: 60rem !important;
  max-width: 90vw !important;
}
.modal-lesson-done {
  max-width: 90vw !important;
  min-width: 60rem;
}
@media screen and (max-width: 1279.9px) {
  .modal-lesson-done {
    min-width: auto;
  }
}
.modal-messages-files {
  width: 43rem !important;
  max-width: 90vw !important;
}
.modal-messages-images {
  width: 84rem !important;
  max-width: 90vw !important;
}
.modal-messages-images .images {
  display: flex;
  flex-wrap: wrap;
}
.modal-messages-images .images .image {
  width: 12rem;
  height: 12rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.modal-messages-images .images .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.modal-reclamation {
  width: 60rem !important;
  max-width: 90vw !important;
}
.modal-book {
  width: 60rem !important;
  max-width: 90vw !important;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  overflow: auto;
}
.modal__cardlist {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2rem 0;
  margin-top: 2rem;
}
.modal__cardlist .profile_card {
  margin-bottom: 0;
}
.modal__cardlist .profile_cardlist {
  overflow: auto;
  width: 100%;
  height: 24rem;
}
.modal__cardlist .profile_cardlist__wrap {
  white-space: nowrap;
  display: flex;
}
.modal__textarea,
.modal .mat-form-field {
  width: 100%;
}
.modal_checks {
  display: flex;
  flex-wrap: wrap;
}
.modal_checks__item {
  margin-bottom: 2rem;
  padding-right: 2rem;
}
.modal__body {
  border-radius: 2rem;
  background: #fff;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.modal__header {
  height: 16rem;
  background: url("/assets/img/content/bg_modal_header.jpg") no-repeat 50% 50%/cover;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .modal__header {
    height: 10rem;
  }
}
.modal_header {
  border-bottom: 1px solid #979797;
  padding: 7rem 7rem 2.5rem;
}
@media screen and (max-width: 1279.9px) {
  .modal_header {
    padding: 3rem;
  }
}
.modal_header__text {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5em;
}
.modal_header__title {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 2.3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.modal_header__hint {
  font-size: 1.8rem;
  color: #6d6d7e;
  text-align: center;
}
.modal__icon {
  position: absolute;
  top: 11.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 1279.9px) {
  .modal__icon {
    top: 6rem;
  }
}
.modal__icon img {
  width: 9.4rem;
  height: 9.2rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__icon img {
    width: 6rem;
    height: 6rem;
  }
}
.modal__content {
  padding: 2rem 5rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__content {
    padding: 2rem 1rem;
  }
}
.modal__content--icon {
  padding-top: 7rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__content--icon {
    padding-top: 3rem;
  }
}
.modal__title {
  font-weight: bold;
  font-size: 3.2rem;
  text-align: center;
  line-height: 4rem;
  margin: 0 auto 1.5rem;
  width: 40rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__title {
    width: 100%;
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
.modal__text {
  font-size: 1.6rem;
  color: #44444f;
  line-height: 2.5rem;
  text-align: center;
}
.modal__actions {
  text-align: center;
  margin: 4rem 0 2rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__actions {
    margin: 2rem 0 0;
  }
  .modal__actions .btn {
    width: 100%;
  }
  .modal__actions .btn__label {
    width: 100%;
  }
}
.modal__actions .btn + .btn {
  margin-left: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .modal__actions .btn + .btn {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.modal__close {
  width: 3.5rem;
  height: 3.3rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem;
  z-index: 2;
}
.modal__close img {
  width: 3.5rem;
  height: 3.3rem;
}
.messages_files {
  padding: 3rem;
}
.messages_files__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  margin-bottom: 2rem;
}
.messages_files__list {
  overflow: auto;
  max-height: 21rem;
}
.messages_files__list .file {
  border: 1px solid #eceef5;
  justify-content: space-between;
  height: 5.6rem;
  display: flex;
  border-radius: 1rem;
  background: #fff;
  align-items: center;
  text-align: left;
}
.messages_files__list .file + .file {
  margin-top: 2rem;
}
.messages_files__list .file__cloud {
  margin-right: 1rem;
}
.messages_files__list .file__cloud img {
  width: 3.6rem;
  height: 3.6rem;
}
.messages_files__list .file__icon {
  background: #eff3ff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.messages_files__list .file__icon img {
  max-width: 2rem;
  max-height: 2rem;
}
.messages_files__list .file__info {
  margin-right: 1rem;
  flex: 1 1 auto;
}
.messages_files__list .file__name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 18rem;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.messages_files__list .file__size {
  font-size: 1.2rem;
  color: #92929d;
  display: block;
}
.modal_request_instant .modal__body {
  width: 60rem;
}
.modal-group-lesson-finish {
  min-width: 520px;
}
.cdk-overlay-pane {
  max-width: none !important;
}
@media screen and (max-width: 1279.9px) {
  .cdk-overlay-pane {
    overflow: auto;
  }
}
.cdk-overlay-pane .mat-select-panel-wrap {
  transform: translateX(16px);
}
.cdk-info-popup-mobile {
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
}
.bookmarks_header {
  background: #fff;
  border-radius: 2rem;
  position: relative;
  height: 7.8rem;
  display: flex;
  align-items: center;
  padding: 0 3rem;
  margin-bottom: 2rem;
}
.bookmarks_header__name {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.bookmarks_header__icon {
  width: 6.2rem;
  height: 6.2rem;
  position: absolute;
  right: 7rem;
  top: 0;
}
.profile {
  background: #fff;
  border-radius: 2rem;
}
.profile .mat-form-field-underline {
  display: block;
}
.profile .mat-input-element {
  text-align: left !important;
}
.profile__row {
  display: flex;
  justify-content: space-between;
}
.profile__row .mat-form-field {
  flex: 1 1 auto;
  margin-right: 2rem;
}
.phone-input-container {
  display: flex;
  align-items: center;
}
.phone-input-container .phone-prefix {
  width: 10px;
  border: none;
  background: transparent;
  margin-top: -0.0625em;
}
.phone-input-container .phone-number {
  flex: 1;
}
@media screen and (max-width: 1279.9px) {
  .profile__row {
    display: block;
  }
}
.profile .group {
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.profile .group .profile_content__delete {
  margin-bottom: 0;
}
@media screen and (max-width: 1279.9px) {
  .profile .btn {
    width: 100%;
  }
  .profile .btn__label {
    width: 100%;
    text-align: center;
  }
}
.profile hr {
  border: 0;
  background: #e5e5e5;
  height: 1px;
  font-size: 0;
  margin: 1.5rem 0;
}
.profile_specs,
.profile .discipline {
  margin-bottom: 2rem;
}
.profile_specs__title,
.profile .discipline__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.profile_specs__list,
.profile .discipline__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.profile_specs__list label,
.profile .discipline__list label {
  flex: 0 0 30%;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_specs__list label,
.profile .discipline__list label {
    flex: 0 0 50%;
    padding-right: 1rem;
  }
}
.profile_specs__delete,
.profile .discipline__delete {
  font-size: 1.4rem;
  font-weight: 500;
}
.profile_specs__delete a,
.profile .discipline__delete a {
  color: #ed3434;
}
.profile input[type=checkbox] {
  apperance: checkbox;
  -webkit-appearance: checkbox;
  margin-right: 0.5rem;
}
.profile .file {
  border: 1px solid #eceef5;
  justify-content: space-between;
  height: 5.6rem;
  display: flex;
  border-radius: 1rem;
  background: #fff;
  align-items: center;
  text-align: left;
  width: 29rem;
}
.profile .file__wrap {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
}
.profile .file__delete {
  margin-left: 1.5rem;
}
.profile .file__delete a {
  color: #ed3434;
  font-size: 1.4rem;
  font-weight: 500;
}
.profile .file + .file {
  margin-top: 2rem;
}
.profile .file__cloud {
  margin-right: 1rem;
}
.profile .file__cloud img {
  width: 3.6rem;
  height: 3.6rem;
}
.profile .file__icon {
  background: #eff3ff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile .file__icon img {
  max-width: 2rem;
  max-height: 2rem;
}
.profile .file__info {
  margin-right: 1rem;
  flex: 1 1 auto;
}
.profile .file__name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 18rem;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1279.9px) {
  .profile .file__name {
    max-width: 11rem;
  }
}
.profile .file__size {
  font-size: 1.2rem;
  color: #92929d;
  display: block;
}
.profile_header {
  display: flex;
  padding: 3rem;
  border-bottom: 1px solid #e2e2ea;
}
@media screen and (max-width: 1279.9px) {
  .profile_header {
    padding: 2rem;
  }
}
.profile_header__title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.profile_header__left {
  flex: 0 0 30rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_header__left {
    flex: 0 0 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1279.9px) {
  .profile_header__right {
    display: none;
  }
}
.profile_name {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.profile_cardlist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.profile_card {
  flex: 0 0 31.2rem;
  margin-right: 4rem;
  margin-bottom: 4rem;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .profile_card {
    flex: 0 0 100%;
    margin-right: 0;
    width: 100%;
    margin-bottom: 3rem;
  }
}
.profile_card__delete {
  color: #ed3434;
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  bottom: 0.1rem;
}
.profile_card__name {
  font-size: 1.8rem;
  flex: 1 0 auto;
}
.profile_card__wrap {
  width: 31.2rem;
  height: 18.4rem;
  background: url("/assets/img/content/bg_card.svg") no-repeat;
  color: #fff;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 1279.9px) {
  .profile_card__wrap {
    background-size: cover;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
  }
}
.hideinput {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.reference_list {
  display: flex;
  flex-wrap: wrap;
}
.reference_item {
  flex: 0 0 auto;
  max-width: 33rem;
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid #eceef5;
  margin-bottom: 3rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .reference_item {
    max-width: 100%;
  }
}
.reference_item__name {
  max-width: 23rem;
  word-break: break-all;
}
@media screen and (max-width: 1279.9px) {
  .reference_item__name {
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 18rem;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }
}
.reference_item__image {
  width: 100%;
  height: 15rem;
}
.reference_item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reference_item__content {
  width: 33rem;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .reference_item__content {
    width: 100%;
  }
}
.reference_item__delete a {
  color: #ed3434;
}
.profile_content {
  display: flex;
  padding: 2rem 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content {
    padding: 1.5rem 2rem;
  }
}
@media screen and (max-width: 1279.9px) {
  .profile_content {
    flex-wrap: wrap;
  }
}
.profile_content__delete {
  margin-bottom: 2rem;
}
.profile_content__delete a {
  color: #ed3434;
}
.profile_content__left {
  flex: 0 0 30rem;
  margin-right: 3rem;
  border-right: 1px solid #e2e2ea;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__left {
    flex: 0 0 100%;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
}
.profile_content__right {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__right {
    flex: 0 0 100%;
    border-top: 1px solid #e2e2ea;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.profile_content__action {
  margin-top: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__action {
    margin-top: 2rem;
    border-top: 1px solid #e2e2ea;
    padding-top: 2rem;
  }
  .profile_content__action .btn {
    width: 100%;
  }
  .profile_content__action .btn__label {
    text-align: center;
    width: 100%;
  }
}
.profile_content__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.profile_content__subtitle {
  font-size: 1.4rem;
  color: #92929d;
  margin-bottom: 1.5rem;
}
.profile_content__input {
  width: 100%;
}
.profile_content__cols {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__cols {
    flex-wrap: wrap;
  }
}
.profile_content__cols + .profile_content__cols {
  margin-top: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__cols + .profile_content__cols {
    margin-top: 0;
  }
}
.profile_content__col {
  flex: 0 0 calc(50% - 1.5rem);
}
@media screen and (max-width: 1279.9px) {
  .profile_content__col {
    flex: 0 0 100%;
  }
}
.profile_image {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc849;
  margin: 0 auto 3.5rem;
  position: relative;
}
.profile_image .avatar-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.avatar-tooltop {
  background-color: white;
  box-sizing: border-box;
  padding: 15px;
  width: 400px;
  height: 450px;
  border-radius: 5px;
}
.avatar-tooltop .avatar-tooltop__croparea {
  width: 370px;
  height: 370px;
  position: relative;
  overflow: hidden;
}
.avatar-tooltop .avatar-tooltop__croparea .avatar-tooltop__image {
  border-radius: 0;
  max-width: none;
}
.avatar-tooltop .avatar-tooltop__croparea .avatar-tooltop__viewPort {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  bottom: 0;
  cursor: pointer;
  right: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
}
.avatar-tooltop.sl-cpor-image-wrapper {
  position: relative;
}
.avatar-tooltop .avatar-tooltop__scale {
  display: flex;
  justify-content: space-between;
  height: 50px;
  box-sizing: border-box;
  padding: 10px 30px;
}
.avatar-tooltop .avatar-tooltop__scale .btn {
  padding: 0 20px;
}
.avatar-tooltop .sl-cpor-image-area {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 2px dashed black;
  box-sizing: border-box;
  color: transparent;
  min-width: 100px;
  min-height: 100px;
  cursor: move;
}
.avatar-tooltop .sl-resize-crop {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  background-color: #FFF;
  color: transparent;
  cursor: se-resize;
}
.profile_image__letters {
  font-size: 5rem;
  color: #fff;
}
.profile_image .button-avatar {
  position: absolute;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.14);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 0.5rem;
  bottom: 0.5rem;
}
.profile_image .button-avatar svg {
  width: 2.4rem;
  height: 2.3rem;
}
.profile_image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile_image #avatar {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.profile_subscribe {
  border-top: 1px solid #e2e2ea;
  padding-top: 30px;
  display: flex;
}
.profile_nav {
  border-top: 1px solid #e2e2ea;
  margin-top: 3rem;
  padding-top: 3rem;
}
.profile_nav__item {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
}
.profile_nav__item a {
  color: #44444f;
}
.profile_nav__item a.active {
  color: #678aff;
  border-bottom: 2px solid #678aff;
}
.profile_nav__item + .profile_nav__item {
  margin-top: 2rem;
}
.uId {
  color: #696974;
  cursor: auto;
}
.profile {
  background: #fff;
  border-radius: 2rem;
}
.profile .mat-input-element {
  text-align: left !important;
}
.profile__row {
  display: flex;
  justify-content: space-between;
}
.profile__row .mat-form-field {
  flex: 1 1 auto;
  margin-right: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .profile__row {
    display: block;
  }
}
.profile .group {
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.profile .group .profile_content__delete {
  margin-bottom: 0;
}
@media screen and (max-width: 1279.9px) {
  .profile .btn {
    width: 100%;
  }
  .profile .btn__label {
    width: 100%;
    text-align: center;
  }
}
.profile hr {
  border: 0;
  background: #e5e5e5;
  height: 1px;
  font-size: 0;
  margin: 1.5rem 0;
}
.profile_specs .discipline {
  margin-bottom: 2rem;
}
.profile_specs .discipline__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.profile_specs .discipline__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.profile_specs .discipline__list label {
  flex: 0 0 30%;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_specs .discipline__list label {
    flex: 0 0 50%;
    padding-right: 1rem;
  }
}
.profile_specs .discipline__delete {
  font-size: 1.4rem;
  font-weight: 500;
}
.profile_specs .discipline__delete a {
  color: #ed3434;
}
.profile_specs input[type=checkbox] {
  apperance: checkbox;
  -webkit-appearance: checkbox;
  margin-right: 0.5rem;
}
.profile .file {
  border: 1px solid #eceef5;
  justify-content: space-between;
  height: 5.6rem;
  display: flex;
  border-radius: 1rem;
  background: #fff;
  align-items: center;
  text-align: left;
  width: 29rem;
}
.profile .file__wrap {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
}
.profile .file__delete {
  margin-left: 1.5rem;
}
.profile .file__delete a {
  color: #ed3434;
  font-size: 1.4rem;
  font-weight: 500;
}
.profile .file + .file {
  margin-top: 2rem;
}
.profile .file__cloud {
  margin-right: 1rem;
}
.profile .file__cloud img {
  width: 3.6rem;
  height: 3.6rem;
}
.profile .file__icon {
  background: #eff3ff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile .file__icon img {
  max-width: 2rem;
  max-height: 2rem;
}
.profile .file__info {
  margin-right: 1rem;
  flex: 1 1 auto;
}
.profile .file__name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 18rem;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1279.9px) {
  .profile .file__name {
    max-width: 11rem;
  }
}
.profile .file__size {
  font-size: 1.2rem;
  color: #92929d;
  display: block;
}
.profile_header {
  display: flex;
  padding: 3rem;
  border-bottom: 1px solid #e2e2ea;
}
@media screen and (max-width: 1279.9px) {
  .profile_header {
    padding: 2rem;
  }
}
.profile_header__title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.profile_header__left {
  flex: 0 0 30rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_header__left {
    flex: 0 0 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1279.9px) {
  .profile_header__right {
    display: none;
  }
}
.profile_name {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.profile_cardlist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.profile_card {
  flex: 0 0 31.2rem;
  margin-right: 4rem;
  margin-bottom: 4rem;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1279.9px) {
  .profile_card {
    flex: 0 0 100%;
    margin-right: 0;
    width: 100%;
    margin-bottom: 3rem;
  }
}
.profile_card__delete {
  color: #ed3434;
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  bottom: 0.1rem;
}
.profile_card__name {
  font-size: 1.8rem;
  flex: 1 0 auto;
}
.profile_card__wrap {
  width: 31.2rem;
  height: 18.4rem;
  background: url("/assets/img/content/bg_card.svg") no-repeat;
  color: #fff;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 1279.9px) {
  .profile_card__wrap {
    background-size: cover;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
  }
}
.hideinput {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.reference_list {
  display: flex;
  flex-wrap: wrap;
}
.reference_item {
  flex: 0 0 auto;
  max-width: 33rem;
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid #eceef5;
  margin-bottom: 3rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .reference_item {
    max-width: 100%;
  }
}
.reference_item__name {
  max-width: 23rem;
}
@media screen and (max-width: 1279.9px) {
  .reference_item__name {
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 18rem;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }
}
.reference_item__image {
  width: 100%;
  height: 15rem;
}
.reference_item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reference_item__content {
  width: 33rem;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .reference_item__content {
    width: 100%;
  }
}
.reference_item__delete a {
  color: #ed3434;
}
.profile_content {
  display: flex;
  padding: 2rem 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content {
    padding: 1.5rem 2rem;
  }
}
@media screen and (max-width: 1279.9px) {
  .profile_content {
    flex-wrap: wrap;
  }
}
.profile_content__delete {
  margin-bottom: 2rem;
}
.profile_content__delete a {
  color: #ed3434;
}
.profile_content__left {
  flex: 0 0 30rem;
  margin-right: 3rem;
  border-right: 1px solid #e2e2ea;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__left {
    flex: 0 0 100%;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
}
.profile_content__right {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__right {
    flex: 0 0 100%;
    border-top: 1px solid #e2e2ea;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.profile_content__action {
  margin-top: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__action {
    margin-top: 2rem;
    border-top: 1px solid #e2e2ea;
    padding-top: 2rem;
  }
  .profile_content__action .btn {
    width: 100%;
  }
  .profile_content__action .btn__label {
    text-align: center;
    width: 100%;
  }
}
.profile_content__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.profile_content__subtitle {
  font-size: 1.4rem;
  color: #92929d;
  margin-bottom: 1.5rem;
}
.profile_content__input {
  width: 100%;
}
.profile_content__cols {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__cols {
    flex-wrap: wrap;
  }
}
.profile_content__cols + .profile_content__cols {
  margin-top: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .profile_content__cols + .profile_content__cols {
    margin-top: 0;
  }
}
.profile_content__col {
  flex: 0 0 calc(50% - 1.5rem);
}
@media screen and (max-width: 1279.9px) {
  .profile_content__col {
    flex: 0 0 100%;
  }
}
.profile_image {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc849;
  margin: 0 auto 3.5rem;
  position: relative;
}
.profile_image__letters {
  font-size: 5rem;
  color: #fff;
}
.profile_image .button-avatar {
  position: absolute;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.14);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 0.5rem;
  bottom: 0.5rem;
}
.profile_image .button-avatar svg {
  width: 2.4rem;
  height: 2.3rem;
}
.profile_image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile_image #avatar {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.profile_nav {
  border-top: 1px solid #e2e2ea;
  margin-top: 3rem;
  padding-top: 3rem;
}
.profile_nav__item {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
}
.profile_nav__item a {
  color: #44444f;
}
.profile_nav__item a.active {
  color: #678aff;
  border-bottom: 2px solid #678aff;
}
.profile_nav__item + .profile_nav__item {
  margin-top: 2rem;
}
.title--32 {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 3.6rem;
}
.title--24 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--20 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.title--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
  font-weight: 500;
}
.text--18 {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.text--16,
.bookmark_item__rating,
.bookmark_item__lessons,
.bookmark_item .diplom,
.bookmark_item .disciplines {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.widget_bookmarks {
  background: #fff;
  border-radius: 2rem;
  padding: 4rem 3rem;
  margin-bottom: 2rem;
  position: relative;
  height: 100%;
}
.widget_bookmarks-history__list {
  display: flex;
  flex-direction: column;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1279.9px) {
  .widget_bookmarks-history__list {
    margin-bottom: 2rem;
  }
}
.widget_bookmarks-history__all {
  display: flex;
  justify-content: center;
}
.widget_bookmarks-history__all a {
  color: #678aff;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
}
.widget_bookmarks__icon {
  width: 6.2rem;
  height: 6.2rem;
  position: absolute;
  right: 7rem;
  top: 0;
}
@media screen and (max-width: 1279.9px) {
  .widget_bookmarks__icon {
    right: 2rem;
  }
}
.widget_bookmarks__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4rem;
  margin-bottom: 3rem;
}
.widget_bookmarks_none {
  height: 30rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.widget_bookmarks_none__wrap {
  width: 30rem;
  margin: 0 auto;
}
.widget_bookmarks_none__icon {
  text-align: center;
  margin-bottom: 2rem;
}
.widget_bookmarks_none__icon svg {
  width: 8.6rem;
  height: 8rem;
  display: inline-block;
}
.widget_bookmarks_none__title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.widget_bookmarks_none__text {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.widget_bookmarks_none__button {
  text-align: center;
}
.widget_bookmarks__list {
  height: 36rem;
  overflow: auto;
}
@media screen and (max-width: 1279.9px) {
  .widget_bookmarks__list {
    height: auto;
  }
}
.widget_bookmarks__finance {
  height: 100%;
}
.widget_bookmarks__finance__content {
  height: 100%;
  display: flex;
}
.widget_bookmarks__finance__content__alltime {
  width: 300px;
  border-right: 1px solid #e2e2ea;
}
.widget_bookmarks__finance__content__stat {
  padding-left: 40px;
}
.bookmark_item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2ea;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .bookmark_item {
    flex-wrap: wrap;
  }
}
.bookmark_item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.bookmark_item__image {
  width: 4.5rem;
  margin-right: 2rem;
  font-size: 0;
  flex: 0 0 4.5rem;
  background: #ffc849;
  border-radius: 50%;
  height: 4.5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 4.5rem;
  color: #fff;
}
.bookmark_item__image img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}
.bookmark_item__info {
  flex: 1 1 auto;
}
@media screen and (max-width: 1279.9px) {
  .bookmark_item__info {
    flex: 1 1 16rem;
    margin-bottom: 2rem;
  }
}
.bookmark_item__name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.bookmark_item__stat {
  flex: 0 0 8rem;
}
.bookmark_item__rating {
  font-weight: bold;
  width: 8rem;
  text-align: center;
  margin: 0 auto 0.7rem;
  background: rgba(80, 80, 80, 0.1);
  color: #505050;
  border: 1px solid currentColor;
  border-radius: 0.4rem;
  line-height: 1em;
  padding: 0.5rem 0;
}
.bookmark_item__rating.green {
  background: rgba(130, 196, 60, 0.1);
  color: #82c43c;
}
.bookmark_item__rating.blue {
  background: rgba(80, 181, 255, 0.1);
  color: #50b5ff;
}
.bookmark_item__rating.yellow {
  background: rgba(255, 200, 73, 0.1);
  color: #ffc849;
}
.bookmark_item__lessons {
  color: darkGrey;
  text-align: center;
}
.bookmark_item__price {
  margin-left: 2rem;
  flex: 0 0 12rem;
}
@media screen and (max-width: 1279.9px) {
  .bookmark_item__price {
    margin-left: 0;
  }
}
.bookmark_item .price__title {
  font-size: 1.4rem;
  color: #696974;
  line-height: 1.3em;
}
.bookmark_item .price__value {
  font-size: 2.1rem;
  color: #44444f;
  line-height: 1.3em;
}
.bookmark_item .diplom {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
  color: #696974;
}
.bookmark_item .diplom__icon {
  flex: 0 0 2.5rem;
  margin-right: 0.8rem;
}
.bookmark_item .diplom__icon svg {
  margin-left: -0.3rem;
}
.bookmark_item .diplom__name {
  line-height: 1.2em;
}
.bookmark_item .disciplines {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
  color: #696974;
}
.bookmark_item .disciplines__icon {
  flex: 0 0 2.5rem;
  width: 1.9rem;
  height: 1.7rem;
  margin-right: 0.8rem;
}
.bookmark_item .disciplines__name {
  line-height: 1.2em;
}
.label-y {
  font-size: 16px;
}
.label-x {
  font-size: 9px;
}
.wizard {
  background: #fff;
  border-radius: 2rem;
}
@media screen and (max-width: 1279.9px) {
  .wizard .btn {
    width: 100%;
  }
  .wizard .btn__label {
    width: 100%;
    text-align: center;
  }
}
.wizard hr {
  border: 0;
  background: #e5e5e5;
  height: 1px;
  font-size: 0;
  margin: 1.5rem 0;
}
.wizard .file {
  border: 1px solid #eceef5;
  justify-content: space-between;
  height: 5.6rem;
  display: flex;
  border-radius: 1rem;
  background: #fff;
  align-items: center;
  text-align: left;
  width: 29rem;
}
@media screen and (max-width: 1279.9px) {
  .wizard .file {
    width: 22rem;
  }
}
.wizard .file__wrap {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
}
.wizard .file__delete {
  margin-left: 1.5rem;
}
.wizard .file__delete a {
  color: #ed3434;
  font-size: 1.4rem;
  font-weight: 500;
}
.wizard .file + .file {
  margin-top: 2rem;
}
.wizard .file__cloud {
  margin-right: 1rem;
}
.wizard .file__cloud img {
  width: 3.6rem;
  height: 3.6rem;
}
.wizard .file__icon {
  background: #eff3ff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wizard .file__icon img {
  max-width: 2rem;
  max-height: 2rem;
}
.wizard .file__info {
  margin-right: 1rem;
  flex: 1 1 auto;
}
.wizard .file__name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 18rem;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1279.9px) {
  .wizard .file__name {
    max-width: 14rem;
  }
}
.wizard .file__size {
  font-size: 1.2rem;
  color: #92929d;
  display: block;
}
.wizard_header {
  display: flex;
  padding: 3rem;
  border-bottom: 1px solid #e2e2ea;
}
@media screen and (max-width: 1279.9px) {
  .wizard_header {
    padding: 2rem;
  }
}
.wizard_header__title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.wizard_content {
  display: flex;
  padding: 2rem 3rem;
}
@media screen and (max-width: 1279.9px) {
  .wizard_content {
    padding: 1.5rem 2rem;
  }
}
@media screen and (max-width: 1279.9px) {
  .wizard_content {
    flex-wrap: wrap;
  }
}
.wizard_content__delete {
  margin-bottom: 2rem;
}
.wizard_content__delete a {
  color: #ed3434;
}
.wizard_content__left {
  flex: 0 0 30rem;
  margin-right: 3rem;
  border-right: 1px solid #e2e2ea;
  padding-right: 3rem;
}
@media screen and (max-width: 1279.9px) {
  .wizard_content__left {
    flex: 0 0 100%;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
}
.wizard_content__right {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (max-width: 1279.9px) {
  .wizard_content__right {
    flex: 0 0 100%;
    border-top: 1px solid #e2e2ea;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.wizard_nav__item {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
}
.wizard_nav__item a {
  color: #44444f;
}
.wizard_nav__item a.active {
  color: #678aff;
  border-bottom: 2px solid #678aff;
}
.wizard_nav__item span {
  color: rgba(0, 0, 0, 0.3);
}
.wizard_nav__item + .wizard_nav__item {
  margin-top: 2rem;
}
search-regular,
:host {
  display: block;
}
search-regular {
  background: #fff;
  border-radius: 2rem;
  box-sizing: border-box;
  padding: 3rem;
}
@media screen and (max-width: 900px) {
  search-regular {
    padding: 0.8rem;
  }
}
search-regular .search-regular__header {
  display: flex;
  justify-content: space-between;
}
search-regular .search-regular__header .search-regular__bread-crumbs {
  color: #92929D;
  line-height: 1.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 1.2rem;
  margin-bottom: 4.2rem;
}
search-regular .search-regular__header .search-regular__bread-crumbs .crumb {
  display: inline-block;
  margin-right: 2.4rem;
}
search-regular .search-regular__header .search-regular__bread-crumbs .crumb::after {
  content: ">";
  display: inline-block;
  color: #92929D;
  margin-left: 2.4rem;
}
search-regular .search-regular__header .search-regular__bread-crumbs .crumb:last-child::after {
  content: none;
}
search-regular .search-regular__header .search-regular__bread-crumbs .crumb.home {
  background-size: 1.6rem;
  height: 1.6rem;
  width: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('icon-home.26cbfb5cfa09e311.svg');
}
@media screen and (max-width: 900px) {
  search-regular .search-regular__header .search-regular__bread-crumbs {
    margin-bottom: 0.8rem;
  }
}
search-regular .search-regular__header .search-regular__settings {
  background-size: 17px 17px;
  background-image: url('icon-view-settings.bb31da40618422a9.svg');
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1411764706);
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  search-regular .search-regular__header .search-regular__settings {
    display: none;
  }
}
search-regular .search-regular__title {
  font-weight: 700;
  color: #44444F;
  font-size: 3.2rem;
  line-height: 3.7rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 900px) {
  search-regular .search-regular__title {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 1.2rem;
  }
}
search-regular .search-regular__filters-form .search-regular__filter {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  border-radius: 0.6rem;
  margin-bottom: 3rem;
}
search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-label-wrapper {
  display: none;
}
search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-infix {
  border-top: 0 !important;
}
search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-outline-end, search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-outline-start {
  border-color: transparent !important;
}
search-regular .search-regular__filters-form .search-regular__filter .mat-form-field-suffix {
  top: -5px;
}
search-regular .search-regular__filters-form .search-regular__filter .option, search-regular .search-regular__filters-form .search-regular__filter .name, search-regular .search-regular__filters-form .search-regular__filter .input, search-regular .search-regular__filters-form .search-regular__filter.select, search-regular .search-regular__filters-form .search-regular__filter.datetime, search-regular .search-regular__filters-form .search-regular__filter.time {
  display: inline-block;
  vertical-align: middle;
  color: #44444F;
  border: 1px solid rgba(146, 146, 157, 0.6);
  font-weight: 500;
  line-height: 1.6rem;
  font-size: 1.6rem;
  box-sizing: border-box;
  padding: 1.1rem 1.2rem;
}
search-regular .search-regular__filters-form .search-regular__filter .option:first-child, search-regular .search-regular__filters-form .search-regular__filter .name:first-child, search-regular .search-regular__filters-form .search-regular__filter .input:first-child, search-regular .search-regular__filters-form .search-regular__filter.select:first-child, search-regular .search-regular__filters-form .search-regular__filter.datetime:first-child, search-regular .search-regular__filters-form .search-regular__filter.time:first-child {
  border-radius: 0.6rem 0 0 0.6rem;
  border-left: 1px solid rgba(146, 146, 157, 0.6);
}
search-regular .search-regular__filters-form .search-regular__filter .option:last-child, search-regular .search-regular__filters-form .search-regular__filter .name:last-child, search-regular .search-regular__filters-form .search-regular__filter .input:last-child, search-regular .search-regular__filters-form .search-regular__filter.select:last-child, search-regular .search-regular__filters-form .search-regular__filter.datetime:last-child, search-regular .search-regular__filters-form .search-regular__filter.time:last-child {
  border-radius: 0 0.6rem 0.6rem 0;
}
search-regular .search-regular__filters-form .search-regular__filter .option.select, search-regular .search-regular__filters-form .search-regular__filter .option.datetime, search-regular .search-regular__filters-form .search-regular__filter .name.select, search-regular .search-regular__filters-form .search-regular__filter .name.datetime, search-regular .search-regular__filters-form .search-regular__filter .input.select, search-regular .search-regular__filters-form .search-regular__filter .input.datetime, search-regular .search-regular__filters-form .search-regular__filter.select.select, search-regular .search-regular__filters-form .search-regular__filter.select.datetime, search-regular .search-regular__filters-form .search-regular__filter.datetime.select, search-regular .search-regular__filters-form .search-regular__filter.datetime.datetime, search-regular .search-regular__filters-form .search-regular__filter.time.select, search-regular .search-regular__filters-form .search-regular__filter.time.datetime {
  padding: 0 0 0 1.2rem;
  border-radius: 0.6rem;
  height: 4rem;
}
search-regular .search-regular__filters-form .search-regular__filter .option.datetime, search-regular .search-regular__filters-form .search-regular__filter .name.datetime, search-regular .search-regular__filters-form .search-regular__filter .input.datetime, search-regular .search-regular__filters-form .search-regular__filter.select.datetime, search-regular .search-regular__filters-form .search-regular__filter.datetime.datetime, search-regular .search-regular__filters-form .search-regular__filter.time.datetime {
  box-sizing: border-box;
}
search-regular .search-regular__filters-form .search-regular__filter .option.datetime .mat-select, search-regular .search-regular__filters-form .search-regular__filter .name.datetime .mat-select, search-regular .search-regular__filters-form .search-regular__filter .input.datetime .mat-select, search-regular .search-regular__filters-form .search-regular__filter.select.datetime .mat-select, search-regular .search-regular__filters-form .search-regular__filter.datetime.datetime .mat-select, search-regular .search-regular__filters-form .search-regular__filter.time.datetime .mat-select {
  padding-top: 1rem;
  margin-right: 1rem;
}
search-regular .search-regular__filters-form .search-regular__filter .option.select, search-regular .search-regular__filters-form .search-regular__filter .name.select, search-regular .search-regular__filters-form .search-regular__filter .input.select, search-regular .search-regular__filters-form .search-regular__filter.select.select, search-regular .search-regular__filters-form .search-regular__filter.datetime.select, search-regular .search-regular__filters-form .search-regular__filter.time.select {
  position: relative;
}
search-regular .search-regular__filters-form .search-regular__filter .option.select::after, search-regular .search-regular__filters-form .search-regular__filter .name.select::after, search-regular .search-regular__filters-form .search-regular__filter .input.select::after, search-regular .search-regular__filters-form .search-regular__filter.select.select::after, search-regular .search-regular__filters-form .search-regular__filter.datetime.select::after, search-regular .search-regular__filters-form .search-regular__filter.time.select::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 0;
  height: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid #92929D;
  margin: 0 4px;
}
search-regular .search-regular__filters-form .search-regular__filter .option {
  border-left: 0;
  cursor: pointer;
}
search-regular .search-regular__filters-form .search-regular__filter .option.choosen {
  background-color: rgba(103, 138, 255, 0.1019607843);
}
search-regular .search-regular__filters-form .search-regular__filter .option.selected-option {
  background-color: rgba(103, 138, 255, 0.1019607843);
}
search-regular .search-regular__filters-form .search-regular__filter .option:first-child {
  border-left: 1px solid rgba(146, 146, 157, 0.6);
}
search-regular .search-regular__filters-form .search-regular__filter.time {
  display: flex;
}
search-regular .search-regular__filters-form .search-regular__filter.time .label {
  width: 50%;
  margin-right: 10px;
  white-space: nowrap;
}
search-regular .search-regular__filters-form .search-regular__filter.time .select {
  min-width: 25%;
  text-align: right;
}
search-regular .search-regular__filters-form .search-regular__filters-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  search-regular .search-regular__filters-form .search-regular__filters-row {
    display: block;
    margin-bottom: 0.4rem;
  }
  search-regular .search-regular__filters-form .search-regular__filters-row.time {
    width: 100%;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter {
  margin-bottom: 0;
  width: calc((100% - 2.6rem) / 3);
  margin-right: 1.9rem;
}
@media screen and (max-width: 800px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter {
    width: calc(50% - 2rem);
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter {
    width: 100%;
    margin-right: 0;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.price {
  white-space: nowrap;
  width: 24rem;
  margin-right: 0;
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.price .input {
  width: 9.3rem;
  overflow-x: hidden;
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.price .input input {
  height: 1.6rem;
  width: 100%;
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter mat-form-field {
  width: 100%;
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter mat-form-field mat-autocomplete {
  width: 100%;
}
search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.full-width {
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 800px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.full-width {
    width: 100%;
  }
  search-regular .search-regular__filters-form .search-regular__filters-row .search-regular__filter.full-width .option {
    border-radius: 0.6rem;
    border: 1px solid #678AFF;
    color: #678AFF;
    padding: 0.5rem 1.2rem;
    font-size: 1.4rem;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .btn {
  padding: 0 6rem;
}
@media screen and (max-width: 800px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .btn {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .btn {
    width: 100%;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left {
  display: flex;
}
@media screen and (max-width: 850px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left {
    display: block;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .all-filters, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .reset-filters {
  color: #44444F;
  cursor: pointer;
  position: relative;
  margin-right: 2rem;
  height: 3.8rem;
  line-height: 3.8rem;
  box-sizing: border-box;
  padding: 0 1.2rem;
  padding-right: 4rem;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 850px) {
  search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .all-filters, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .reset-filters {
    display: inline-block;
  }
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .all-filters::after, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 0;
  height: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid #678AFF;
  margin: 0 4px;
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .all-filters.opened::after, search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort.opened::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 0;
  height: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid #678AFF;
  border-top: 0;
  margin: 0 4px;
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .all-filters {
  color: #678AFF;
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .reset-filters {
  background-image: url('icon-close_dark.82954371e3ac0f6f.svg');
  background-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: right center;
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort::after {
  border-top: 5px solid #92929D;
}
search-regular .search-regular__filters-form .search-regular__filters-row .all-filters__left .sort.opened::after {
  border-bottom: 5px solid #92929D;
  border-top: 0;
}
.discipline-options:nth-child(2n) {
  background: rgba(103, 138, 255, 0.1019607843);
}
.discipline-options.time {
  text-align: right;
}
.search-regular__menu-popup {
  background-color: #FFFFFF;
  border-radius: 0.8rem;
  box-sizing: border-box;
  padding: 1.6rem;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1411764706);
  width: 32rem;
}
.search-regular__menu-popup.narrow {
  width: auto;
}
.search-regular__menu-popup .title {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  color: rgba(146, 146, 157, 0.8509803922);
}
.search-regular__menu-popup .grid-view, .search-regular__menu-popup .list-view {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
  background-position: left;
  padding-left: 2.8rem;
  cursor: pointer;
}
.search-regular__menu-popup .grid-view {
  background-image: url('icon-grid.a003e5a67b902452.svg');
}
.search-regular__menu-popup .grid-view:hover, .search-regular__menu-popup .grid-view.choosen {
  background-image: url('icon-grid-blue.61a285f49c0c93c8.svg');
}
.search-regular__menu-popup .list-view {
  background-image: url('icon-view-settings.bb31da40618422a9.svg');
}
.search-regular__menu-popup .list-view:hover, .search-regular__menu-popup .list-view.choosen {
  background-image: url('icon-view-settings-blue.2ed5e3cbdd125250.svg');
}
.search-regular__menu-popup .sort-field {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.search-regular__menu-popup .search-regular__menu-filter {
  color: #44444F;
  font-size: 1.6rem;
}
.search-regular__menu-popup .search-regular__menu-filter .label {
  font-weight: 600;
  margin-bottom: 1.2rem;
  line-height: 1.8rem;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input {
  height: 4rem;
  width: 100%;
  line-height: 4rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(146, 146, 157, 0.6);
  box-sizing: border-box;
  padding: 1.1rem 1.2rem;
  padding-top: 0;
  margin-bottom: 1.2rem;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input.half {
  width: calc(50% - 20px);
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input.half input {
  padding: 5px;
  width: calc(100% - 50px);
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-label-wrapper {
  display: none;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-infix {
  border-top: 0 !important;
  padding: 0;
  margin: 0;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-flex {
  padding: 0;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-outline-end, .search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-outline-start {
  border-color: transparent !important;
}
.search-regular__menu-popup .search-regular__menu-filter .filter-input .mat-form-field-suffix {
  top: -5px;
}
.mat-calendar-body-cell-content {
  border-radius: 6px !important;
}
.dark-snackbar {
  background: #44444f;
  border-radius: 8px !important;
  color: #fff;
  max-width: 500px !important;
  padding: 12px 18px !important;
}
.ezteach-snackbar {
  padding: 0;
  background: transparent;
  box-shadow: unset;
}
.ezteach-calendar-popup {
  font-family: Roboto;
  color: #44444f;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: relative;
  max-width: 435px;
  margin: 0 auto;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 3px 9px 104px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 15px 10px;
  animation: fadeIn 0.5s linear;
}
@media screen and (max-width: 768px) {
  .ezteach-calendar-popup {
    max-width: none;
    height: 100%;
  }
}
@media screen and (max-width: 460px) {
  .ezteach-calendar-popup {
    width: 100%;
  }
}
.ezteach-calendar-popup-panel {
  padding: 15px;
  min-width: 340px;
  max-height: 100%;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: initial !important;
  bottom: initial !important;
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 460px) {
  .ezteach-calendar-popup-panel {
    width: 100%;
  }
}
.ezteach-calendar-popup-panel--hidden {
  display: none;
}
.ezteach-calendar-popup__columns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.ezteach-calendar-popup__discipline {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  margin-bottom: 15px;
}
.ezteach-calendar-popup__discipline-prefix {
  width: 3px;
  height: 14px;
  background: #678aff;
  border-radius: 1.5px;
  transform: rotate(-180deg);
}
.ezteach-calendar-popup__discipline-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #44444f;
}
.ezteach-calendar-popup__time-field {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-left: -2px;
}
.ezteach-calendar-popup__time-field.mobile {
  margin-bottom: auto;
}
.ezteach-calendar-popup__time-field.range {
  margin-bottom: 24px;
}
.ezteach-calendar-popup__time-field img {
  display: block;
  margin-right: 5px;
  height: 100%;
}
.ezteach-calendar-popup__time-field .without-underline {
  border-bottom: none;
  padding-bottom: 0;
}
.ezteach-calendar-popup__classroom-field {
  color: black;
}
.ezteach-calendar-popup__classroom-field .ezteach-calendar-popup-notice {
  color: #678aff;
  font-size: 12px;
}
.ezteach-calendar-popup__button {
  width: 100%;
  margin: 5px auto;
}
.ezteach-calendar-popup .mat-checkbox-layout {
  white-space: normal !important;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.ezteach-calendar-popup .mat-checkbox-layout .mat-checkbox-label {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}
.ezteach-calendar-popup .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #3dd598 !important;
}
.ezteach-calendar-popup .mat-checkbox-inner-container {
  margin: 0;
  margin-right: 8px;
}
.ezteach-calendar-popup .mat-select {
  margin-bottom: 1rem;
}
.ezteach-calendar-popup .info-field {
  line-height: 16px;
  display: flex;
  background: rgba(196, 196, 196, 0.1294117647);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  margin-bottom: 15px;
}
.ezteach-calendar-popup .info-field .info-field__icon {
  margin-right: 5px;
}
.ezteach-calendar-popup .info-field .info-field__icon svg {
  width: 13px;
}
.ezteach-calendar-popup .info-field .info-field__inner-wrapper {
  display: flex;
  flex-direction: column;
}
.ezteach-calendar-popup .info-field .info-field__inner-wrapper .inner-wrapper__text {
  margin-bottom: 5px;
}
.ezteach-calendar-popup .info-field .info-field__inner-wrapper .nav-item {
  margin: 0;
  padding: 0;
}
.ezteach-calendar-popup .info-field .info-field__inner-wrapper .nav-item__link {
  color: #678aff;
  border-bottom: 1px solid #678aff;
}
.ezteach-calendar-popup__time__from {
  width: 90%;
}
.ezteach-calendar-popup__time-range-wrapper, .ezteach-calendar-popup__time-range-wrapper > ezteach-time-range {
  width: 100%;
}
.ezteach-calendar-popup .container {
  max-width: 416px;
  width: 100%;
  padding: 0 6px;
  border-radius: 16px;
  background: #fff;
}
.ezteach-calendar-popup .container.mobile {
  display: flex;
  height: 100%;
  flex-direction: column;
  width: auto;
}
.ezteach-calendar-popup .container .mat-select-trigger {
  height: 44px;
  background: #f1f1f5;
  border: 1px solid #e5e5eb;
  border-radius: 8px;
  padding-right: 10px;
}
.ezteach-calendar-popup .container .mat-select-value {
  vertical-align: middle;
  padding-left: 16px;
  font-size: 16px;
  color: #44444f;
}
.ezteach-calendar-popup .mobile .ez-date-time-range-wrapper {
  flex-direction: column;
}
.ezteach-calendar-popup .create-group-lesson,
.ezteach-calendar-popup .create-slot-lesson,
.ezteach-calendar-popup .edit-group-lesson,
.ezteach-calendar-popup .edit-slot-lesson {
  max-height: 100%;
  overflow-y: auto;
}
.ezteach-calendar-popup .edit-group-lesson .access-block {
  margin-bottom: 20px;
}
.ezteach-calendar-popup .header-row {
  display: flex;
  justify-content: center;
  color: #44444f;
  position: relative;
}
.ezteach-calendar-popup .title {
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  flex-grow: 1;
}
.ezteach-calendar-popup .successTitle {
  margin-bottom: 15px;
}
.ezteach-calendar-popup .close-button {
  display: flex;
  cursor: pointer;
  width: 20px;
  scale: 0.7;
  position: absolute;
  top: 16px;
  right: 16px;
}
.ezteach-calendar-popup .mat-tab-label {
  padding: 12px 9px !important;
  min-width: 126px !important;
  height: auto !important;
  opacity: 1 !important;
}
.ezteach-calendar-popup .mat-tab-label:nth-child(1) {
  margin-right: 42px;
}
.ezteach-calendar-popup .mat-tab-label.mat-tab-label-active {
  color: #678aff !important;
}
.ezteach-calendar-popup .mat-tab-label:not(mat-tab-label-active) {
  color: #44444f !important;
}
.ezteach-calendar-popup .mat-ink-bar {
  background-color: #678aff !important;
}
.ezteach-calendar-popup .mat-tab-header {
  margin-bottom: 25px !important;
  border: none;
}
.ezteach-calendar-popup .field-title {
  margin: 0;
  padding: 0;
  color: #44444f;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.ezteach-calendar-popup .create-lesson-container {
  max-height: 100%;
  overflow-y: auto;
}
.ezteach-calendar-popup .create-lesson-container .mat-tab-header,
.ezteach-calendar-popup .create-lesson-container .button-row {
  margin: 0 16px;
}
.ezteach-calendar-popup .button-row {
  display: flex;
  gap: 12px;
}
.ezteach-calendar-popup .button-row .ezteach-calendar-popup__button {
  flex-grow: 1;
}
.ezteach-calendar-popup .button-row .btn__label {
  margin: 0;
}
.ezteach-calendar-popup .button-actions {
  display: flex;
  gap: 16px;
}
.ezteach-calendar-popup .button-row .btn:first-child {
  margin-right: 5px;
}
.ezteach-calendar-popup .mat-tab-group {
  margin-bottom: 15px;
}
.ezteach-calendar-popup .mat-tab-group.mobile {
  margin-bottom: auto;
  border: none;
}
.ezteach-calendar-popup .select-custom {
  height: 44px;
}
.ezteach-calendar-popup .policy-block,
.ezteach-calendar-popup .privacy-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #44444f;
  font-size: 16px;
}
.ezteach-calendar-popup .policy-block mat-radio-group,
.ezteach-calendar-popup .privacy-block mat-radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ezteach-calendar-popup .policy-block {
  margin-bottom: 20px;
}
.ezteach-calendar-popup .access-block {
  display: flex;
  flex-direction: row;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ezteach-calendar-popup .access-block__label {
  flex: 1;
}
.ezteach-calendar-popup .privacy-block {
  margin-bottom: 13px;
}
.ezteach-calendar-popup .privacy-block.mobile {
  margin-bottom: auto;
}
.ezteach-calendar-popup .mat-radio-container {
  width: 16px !important;
  height: 14px !important;
}
.ezteach-calendar-popup .mat-radio-inner-circle {
  width: 14px !important;
  height: 14px !important;
}
.ezteach-calendar-popup .mat-radio-outer-circle {
  width: 14px !important;
  height: 14px !important;
}
.ezteach-calendar-popup .mat-radio-label-content {
  padding-left: 5px !important;
}
.ezteach-calendar-popup .info-icon-block {
  vertical-align: bottom;
}
.ezteach-calendar-popup .lesson-info-block {
  margin-bottom: 15px;
}
.ezteach-calendar-popup .lesson-info-block.mobile {
  margin-bottom: auto;
  border: none;
}
.ezteach-calendar-popup .created-block-mobile {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ezteach-calendar-popup .lesson-info {
  margin-bottom: 15px;
}
.ezteach-calendar-popup .mat-form-field-underline {
  display: none;
}
.ezteach-calendar-popup .info-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: bottom;
}
.ezteach-calendar-popup .btn {
  height: 44px;
}
.ezteach-calendar-popup .tooltip {
  padding: 16px !important;
  background: #ffffff;
  color: #44444f !important;
  font-size: 14px;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1215686275);
}
.ezteach-calendar-popup .mat-input-element {
  text-overflow: ellipsis;
}
.ezteach-calendar-popup .edit {
  justify-content: flex-end;
  margin-bottom: 10px;
  margin-right: 5px;
}
.ezteach-calendar-popup .edit-slot {
  justify-content: space-between;
  align-items: baseline;
}
.ezteach-calendar-popup .field-title__edit-slot {
  margin-bottom: 10px;
}
.ezteach-calendar-popup .api-error-message {
  padding: 5px;
  line-height: 15px;
  margin-top: -10px;
  font-size: 11px;
  color: #ed3434;
  position: relative;
}
.ezteach-calendar-popup .api-error-message img {
  display: none;
}
.ezteach-calendar-popup .api-error-message:hover {
  cursor: pointer;
}
.ezteach-calendar-popup .api-error-message:hover img {
  display: block;
  position: absolute;
  width: 10px;
  right: 5px;
  top: 10px;
}
.ezteach-calendar-popup .shorten-link mat-form-field {
  margin-bottom: 10px;
}
.ezteach-calendar-popup__time-field-error {
  font-size: 14px;
  color: #ed3434;
}
.easy-faq .markdown h3 {
  font-weight: bold !important;
}
.easy-faq .markdown h4 {
  font-weight: bold !important;
}
.easy-faq .markdown h5 {
  font-size: 14px;
  font-weight: bold !important;
}
.easy-faq img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 18px;
  margin-bottom: 18px;
}
.easy-faq a {
  color: #678aff;
}
.easy-faq li {
  list-style-type: decimal;
  margin-left: 24px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/_styles/_variables.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --headerHeight: 64px;
  --footerHeight: 40px;
  --breadcrumbsHeight: 44px;
  --asideNavBarWidth: 244px;
  --asideNavBarWidthCollapsed: 60px;
  --mainBlockHeight: calc(100vh - var(--headerHeight) - var(--footerHeight));
  --mainBlockMinHeightDesktop: 600px;
  --groupLessonSubjectHeightDesktop: calc(24px + 44px);
  --groupLessonHeaderOwnerHeightMobile: 90px;
  --groupLessonHeaderMemberHeightMobile: 45px;
  --groupLessonToolbarHeightMobile: 60px;
  --headerHeightMobile: 64px;
  --footerHeightMobile: 150px;
  --breadcrumbsHeightMobile: calc(1.5rem + 20px + 1.5rem);
  --mainBlockHeightMobile: calc(100*var(--vh) - var(--headerHeightMobile) - var(--footerHeightMobile));
  --mainBlockHeightMobileWithoutFooterPage: calc(100*var(--vh) - var(--headerHeight));
  --mainBlockPadding: 30px;
  --mainBlockPaddingMobile: 16px;
  --containerPaddingMobile: 16px;
  --ezteach-group-lesson-next-header: 48px;
  --ezteach-group-lesson-next-toolbar: 84px;
  --group-lesson-chat-footer-height: 50px;
}
@media screen and (max-width: 1279.9px) {
  :root {
    --ezteach-group-lesson-next-header: 40px;
    --ezteach-group-lesson-next-toolbar: 72px;
  }
}
@media screen and (max-width: 369.9px) {
  :root {
    --ezteach-group-lesson-next-toolbar: 64px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@fullcalendar/common/main.css ***!
  \************************************************************************************************************************************************************************************************************************************/

/* classes attached to <body> */

.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

.fc-unselectable {
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}

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

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }

.fc th {
    text-align: center;
  }

.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }

.fc a[data-navlink] {
    cursor: pointer;
  }

.fc a[data-navlink]:hover {
    text-decoration: underline;
  }

.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}

.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}

.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */

/* inner-wrappers are responsible for being absolute */

/* TODO: best place for this? */

.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/

.fc {

  /* reset */

}

.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

.fc .fc-button {
    -webkit-appearance: button;
  }

.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }

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

.fc {

  /* theme */

}

.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }

.fc .fc-button:hover {
    text-decoration: none;
  }

.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }

.fc .fc-button:disabled {
    opacity: 0.65;
  }

.fc {

  /* "primary" coloring */

}

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }

.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }

.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }

.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }

.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }

.fc {

  /* icons within buttons */

}

.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }

.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }

.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }

.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }

.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }

.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }

.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }

.fc .fc-scroller-liquid {
    height: 100%;
  }

.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }

.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }

.fc .fc-scroller-harness-liquid {
    height: 100%;
  }

.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }

.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }

.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }

.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }

.fc .fc-scrollgrid-liquid {
    height: 100%;
  }

.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }

.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }

.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }

.fc .fc-scrollgrid-section-liquid {
    height: auto

  }

.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }

.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }

.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }

.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }

.fc {

  /* stickiness */

}

.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 2; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }

.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }

.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}

.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }

.fc {

  /* when the harness controls the height, make the view liquid */

}

.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }

.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }

.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }

.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }

.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }

.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }

/* link resets */

/* ---------------------------------------------------------------------------------------------------- */

a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}

/* cursor */

.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}

/* event text content */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }

/* dragging */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }

.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }

/* resizing */

/* ---------------------------------------------------------------------------------------------------- */

/* (subclasses should hone positioning for touch and non-touch) */

.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }

.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}

.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }

.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }

.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }

/* selecting (always TOUCH) */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}

.fc-event-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

.fc-event-selected {

  /* dimmer effect */

}

.fc-event-selected:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }

/*
A HORIZONTAL event
*/

.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }

.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }

.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }

.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }

.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }

.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }

/* adjust border and border-radius (if there is any) for non-start/end */

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

/* resizers */

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

/* resizers for TOUCH */

.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@fullcalendar/daygrid/main.css ***!
  \*************************************************************************************************************************************************************************************************************************************/

:root {
  --fc-daygrid-event-dot-width: 8px;
}
.fc .fc-popover {
    position: fixed;
    top: 0; /* for when not positioned yet */
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    margin: 2px 3px 0;
  }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover {
    z-index: 8;
  }
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@fullcalendar/timegrid/main.css ***!
  \**************************************************************************************************************************************************************************************************************************************/

/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }

.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }

.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }

.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }

.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }

.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }

.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }

.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }

.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}

.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }

.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }

.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }

.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }

.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }

.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }

.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

.fc-media-screen .fc-timegrid-event-harness {
    position: absolute; /* top/left/right/bottom will all be set by JS */
  }

.fc {

  /* bg */

}

.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }

.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }

.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }

.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }

.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }

.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}

.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }

.fc {

  /* now indicator */

}

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event { /* events need to be root */

  font-size: .85em;

  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px

}

.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }

.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }

.fc-timegrid-event-condensed .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }

.fc-timegrid-event-condensed .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }

.fc-timegrid-event-condensed .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }

.fc-media-screen .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0;
    bottom: 1px; /* stay away from bottom slot line */
    left: 0;
    right: 0;
  }

.fc {

  /* line */

}

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }

.fc {

  /* arrow */

}

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


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